ecabs-components 0.0.7 → 0.0.9

package/fesm2015/ecabs-components.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { Component, ChangeDetectionStrategy, Input, NgModule, HostBinding, EventEmitter, Output, Injectable, Directive, HostListener, ViewChild } from '@angular/core';
+import { Component, ChangeDetectionStrategy, Input, NgModule, HostBinding, EventEmitter, Output, Injectable, Directive, HostListener, ViewChild, ContentChild } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule, DecimalPipe } from '@angular/common';
 import * as i5 from '@angular/material/button';
@@ -32,6 +32,15 @@ import * as i4$2 from 'ngx-mat-intl-tel-input';
 import { NgxMatIntlTelInputComponent } from 'ngx-mat-intl-tel-input';
 import * as i3$5 from '@angular/material/radio';
 import { MatRadioModule } from '@angular/material/radio';
+import * as i2$1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import * as i3$6 from '@angular/material/expansion';
+import { MatExpansionPanel, MatExpansionModule } from '@angular/material/expansion';
+import * as i5$2 from '@angular/material/chips';
+import { MatChipsModule } from '@angular/material/chips';
+import { MatTable, MatTableModule } from '@angular/material/table';
+import * as i2$2 from '@angular/material/progress-bar';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
 
 class EcabsSpinnerComponent {
     constructor() {
@@ -1855,14 +1864,10 @@ class EcabsPhoneComponent extends ElementBaseComponent {
         this.injector = injector;
         this.enableSearch = true;
         this.useOnlyDisabledClass = false;
-        this.phoneForm = new UntypedFormGroup({
-            phone: new UntypedFormControl(undefined, this.required ? [Validators.required] : []),
-        });
         this.prohibitedCharacters = ['-'];
         this.onChange = () => { };
         this.onTouch = () => { };
     }
-    ;
     get value() {
         var _a;
         return (_a = this.phoneForm.get('phone')) === null || _a === void 0 ? void 0 : _a.value;
@@ -1877,18 +1882,21 @@ class EcabsPhoneComponent extends ElementBaseComponent {
             event.preventDefault();
         }
     }
+    ngOnInit() {
+        this.phoneForm = new UntypedFormGroup({
+            phone: new UntypedFormControl(undefined, this.required ? [Validators.required] : []),
+        });
+    }
     ngAfterViewInit() {
         const ngControl = this.injector.get(NgControl, null);
         if (ngControl) {
             this.control = ngControl.control;
         }
         this.phoneSub = this.phoneForm.valueChanges.subscribe((formVal) => {
-            var _a, _b;
             this.value = formVal === null || formVal === void 0 ? void 0 : formVal.phone;
             this.onChange(this.value);
             this.onTouch(this.value);
-            const errors = (_b = (_a = this.phoneForm) === null || _a === void 0 ? void 0 : _a.get('phone')) === null || _b === void 0 ? void 0 : _b.errors;
-            this.control.setErrors(errors ? errors : null);
+            this.control.setErrors(this.phoneForm.get('phone').errors);
         });
     }
     writeValue(value) {
@@ -1908,10 +1916,9 @@ class EcabsPhoneComponent extends ElementBaseComponent {
         this.phoneInput.reset();
     }
     onBlur() {
-        var _a, _b;
+        this.control.setErrors(this.phoneForm.get('phone').errors);
         this.onTouch(this.value);
-        const errors = (_b = (_a = this.phoneForm) === null || _a === void 0 ? void 0 : _a.get('phone')) === null || _b === void 0 ? void 0 : _b.errors;
-        this.control.setErrors(errors ? errors : null);
+        this.onChange(this.value);
     }
 }
 EcabsPhoneComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsPhoneComponent, deps: [{ token: i0.Injector }], target: i0.ɵɵFactoryTarget.Component });
@@ -2525,9 +2532,214 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
                 }]
         }] });
 
+class EcabsEmptyPlaceholderComponent {
+}
+EcabsEmptyPlaceholderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsEmptyPlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+EcabsEmptyPlaceholderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: EcabsEmptyPlaceholderComponent, selector: "ecabs-empty-placeholder", inputs: { isEmptyMessage: "isEmptyMessage", redirectPath: "redirectPath", srcImage: "srcImage" }, ngImport: i0, template: "<div class=\"w-full flex flex-col items-center justify-items-center\">\r\n  <img class=\"mt-10 w-60\" [src]=\"srcImage\" alt=\"\" />\r\n\r\n  <span class=\"heading--sm text-gray-400 my-2\">{{ isEmptyMessage }}</span>\r\n\r\n  <a *ngIf=\"redirectPath\" [routerLink]=\"redirectPath?.path && [redirectPath.path]\" class=\"text-sm\">\r\n    {{ redirectPath.title }}\r\n  </a>\r\n</div>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsEmptyPlaceholderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ecabs-empty-placeholder', template: "<div class=\"w-full flex flex-col items-center justify-items-center\">\r\n  <img class=\"mt-10 w-60\" [src]=\"srcImage\" alt=\"\" />\r\n\r\n  <span class=\"heading--sm text-gray-400 my-2\">{{ isEmptyMessage }}</span>\r\n\r\n  <a *ngIf=\"redirectPath\" [routerLink]=\"redirectPath?.path && [redirectPath.path]\" class=\"text-sm\">\r\n    {{ redirectPath.title }}\r\n  </a>\r\n</div>\r\n" }]
+        }], propDecorators: { isEmptyMessage: [{
+                type: Input
+            }], redirectPath: [{
+                type: Input
+            }], srcImage: [{
+                type: Input
+            }] } });
+
+class EcabsEmptyPlaceholderModule {
+}
+EcabsEmptyPlaceholderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsEmptyPlaceholderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+EcabsEmptyPlaceholderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: EcabsEmptyPlaceholderModule, declarations: [EcabsEmptyPlaceholderComponent], imports: [CommonModule, RouterModule], exports: [EcabsEmptyPlaceholderComponent] });
+EcabsEmptyPlaceholderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsEmptyPlaceholderModule, imports: [CommonModule, RouterModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsEmptyPlaceholderModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [EcabsEmptyPlaceholderComponent],
+                    imports: [CommonModule, RouterModule],
+                    exports: [EcabsEmptyPlaceholderComponent],
+                }]
+        }] });
+
+class EcabsExpansionPanelComponent {
+    constructor() {
+        this.title = '';
+        this.expanded = false;
+        this.disabled = false;
+        this.hideToggle = false;
+        this.checked = new EventEmitter();
+        this.opened = new EventEmitter();
+        this.toggle = false;
+    }
+    onOpened() {
+        this.opened.emit();
+    }
+    ngOnChanges(changes) {
+        const { closePanel } = changes;
+        if (closePanel && this.expansionPanel) {
+            // eslint-disable-next-line @typescript-eslint/no-unused-expressions
+            closePanel.currentValue === true ? this.expansionPanel.close() : this.expansionPanel.open();
+        }
+    }
+    toggleAction() {
+        this.expanded = !this.expanded;
+        this.checked.emit(this.expanded);
+    }
+}
+EcabsExpansionPanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsExpansionPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+EcabsExpansionPanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: EcabsExpansionPanelComponent, selector: "ecabs-expansion-panel", inputs: { title: "title", description: "description", index: "index", expanded: "expanded", disabled: "disabled", errorMessage: "errorMessage", showErrorMessage: "showErrorMessage", closePanel: "closePanel", showIcon: "showIcon", iconName: "iconName", showCheckbox: "showCheckbox", showStatus: "showStatus", status: "status", hideToggle: "hideToggle" }, outputs: { checked: "checked", opened: "opened" }, viewQueries: [{ propertyName: "expansionPanel", first: true, predicate: MatExpansionPanel, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mat-accordion class=\"example-headers-align\" multi>\r\n  <mat-expansion-panel [expanded]=\"expanded\" [disabled]=\"disabled\" (opened)=\"onOpened()\" [hideToggle]=\"hideToggle\">\r\n    <mat-expansion-panel-header *ngIf=\"title\">\r\n      <mat-panel-title>\r\n        <div>\r\n          <div class=\"flex flex-row\">\r\n            <div *ngIf=\"index && !showErrorMessage\" class=\"border-current border-2 rounded-full mr-3 index\">\r\n              {{ index }}\r\n            </div>\r\n            <div *ngIf=\"!showErrorMessage && showIcon\" class=\"mr-3 rounded\">\r\n              <mat-icon class=\"rounded-icon !text-lg -mt-1\">{{ iconName }}</mat-icon>\r\n            </div>\r\n            <div *ngIf=\"showErrorMessage\" class=\"mt-1 mr-2\">\r\n              <mat-icon color=\"warn\">warning</mat-icon>\r\n            </div>\r\n            {{ title }}\r\n            <div *ngIf=\"showCheckbox\" class=\"ml-2 mt-1\">\r\n              <ecabs-checkbox [type]=\"'toggle'\" [(ngModel)]=\"toggle\"\r\n                                       (click)=\"toggleAction()\"></ecabs-checkbox>\r\n            </div>\r\n          </div>\r\n          <div *ngIf=\"showErrorMessage\" class=\"error-message\">{{ errorMessage }}</div>\r\n        </div>\r\n      </mat-panel-title>\r\n      <mat-panel-description>{{ description }}\r\n        <mat-chip *ngIf=\"showStatus\" class=\"{{ status | lowercase }}\">\r\n          {{ status | titlecase }}\r\n        </mat-chip>\r\n      </mat-panel-description>\r\n    </mat-expansion-panel-header>\r\n    <ng-content></ng-content>\r\n  </mat-expansion-panel>\r\n</mat-accordion>\r\n", styles: [".example-action-buttons{padding-bottom:20px}.example-headers-align .mat-expansion-panel-header-title,.example-headers-align .mat-expansion-panel-header-description{flex-basis:0}.example-headers-align .mat-expansion-panel-header-description{justify-content:flex-end;align-items:center}.example-headers-align .mat-form-field+.mat-form-field{margin-left:8px}:host ::ng-deep .mat-expansion-indicator:after{border-color:var(--color-gray-500)}.index{height:28px;width:28px;display:flex;align-items:center;justify-content:center;text-align:center;padding-top:3px;font-size:16px}.error-message{font-size:.75rem!important;color:var(--color-error);margin-left:2.125rem;margin-top:-.75rem}.rounded{background-color:var(--color-brand-dark);border-radius:50%;height:28px;width:28px;display:flex;align-items:center;justify-content:center;text-align:center}.rounded-icon{color:var(--color-white)}.inactive{background-color:rgba(var(--color-warn-rgb),.05);color:var(--color-warn)}.draft{background-color:var(--color-gray-200);color:var(--color-gray-500)}.published{background-color:rgba(var(--color-info-rgb),.05);color:var(--color-info)}.active{background-color:rgba(var(--color-success-rgb),.05);color:var(--color-success)}.expired{background-color:rgba(var(--color-error-rgb),.05);color:var(--color-error)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3$6.MatAccordion, selector: "mat-accordion", inputs: ["multi", "hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i3$6.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i3$6.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { kind: "directive", type: i3$6.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i3$6.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i5$2.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { kind: "component", type: EcabsCheckboxToggleComponent, selector: "ecabs-checkbox", inputs: ["type", "text", "labelPosition", "indeterminate", "checked"], outputs: ["click", "changed"] }, { kind: "pipe", type: i1.LowerCasePipe, name: "lowercase" }, { kind: "pipe", type: i1.TitleCasePipe, name: "titlecase" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsExpansionPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ecabs-expansion-panel', template: "<mat-accordion class=\"example-headers-align\" multi>\r\n  <mat-expansion-panel [expanded]=\"expanded\" [disabled]=\"disabled\" (opened)=\"onOpened()\" [hideToggle]=\"hideToggle\">\r\n    <mat-expansion-panel-header *ngIf=\"title\">\r\n      <mat-panel-title>\r\n        <div>\r\n          <div class=\"flex flex-row\">\r\n            <div *ngIf=\"index && !showErrorMessage\" class=\"border-current border-2 rounded-full mr-3 index\">\r\n              {{ index }}\r\n            </div>\r\n            <div *ngIf=\"!showErrorMessage && showIcon\" class=\"mr-3 rounded\">\r\n              <mat-icon class=\"rounded-icon !text-lg -mt-1\">{{ iconName }}</mat-icon>\r\n            </div>\r\n            <div *ngIf=\"showErrorMessage\" class=\"mt-1 mr-2\">\r\n              <mat-icon color=\"warn\">warning</mat-icon>\r\n            </div>\r\n            {{ title }}\r\n            <div *ngIf=\"showCheckbox\" class=\"ml-2 mt-1\">\r\n              <ecabs-checkbox [type]=\"'toggle'\" [(ngModel)]=\"toggle\"\r\n                                       (click)=\"toggleAction()\"></ecabs-checkbox>\r\n            </div>\r\n          </div>\r\n          <div *ngIf=\"showErrorMessage\" class=\"error-message\">{{ errorMessage }}</div>\r\n        </div>\r\n      </mat-panel-title>\r\n      <mat-panel-description>{{ description }}\r\n        <mat-chip *ngIf=\"showStatus\" class=\"{{ status | lowercase }}\">\r\n          {{ status | titlecase }}\r\n        </mat-chip>\r\n      </mat-panel-description>\r\n    </mat-expansion-panel-header>\r\n    <ng-content></ng-content>\r\n  </mat-expansion-panel>\r\n</mat-accordion>\r\n", styles: [".example-action-buttons{padding-bottom:20px}.example-headers-align .mat-expansion-panel-header-title,.example-headers-align .mat-expansion-panel-header-description{flex-basis:0}.example-headers-align .mat-expansion-panel-header-description{justify-content:flex-end;align-items:center}.example-headers-align .mat-form-field+.mat-form-field{margin-left:8px}:host ::ng-deep .mat-expansion-indicator:after{border-color:var(--color-gray-500)}.index{height:28px;width:28px;display:flex;align-items:center;justify-content:center;text-align:center;padding-top:3px;font-size:16px}.error-message{font-size:.75rem!important;color:var(--color-error);margin-left:2.125rem;margin-top:-.75rem}.rounded{background-color:var(--color-brand-dark);border-radius:50%;height:28px;width:28px;display:flex;align-items:center;justify-content:center;text-align:center}.rounded-icon{color:var(--color-white)}.inactive{background-color:rgba(var(--color-warn-rgb),.05);color:var(--color-warn)}.draft{background-color:var(--color-gray-200);color:var(--color-gray-500)}.published{background-color:rgba(var(--color-info-rgb),.05);color:var(--color-info)}.active{background-color:rgba(var(--color-success-rgb),.05);color:var(--color-success)}.expired{background-color:rgba(var(--color-error-rgb),.05);color:var(--color-error)}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], index: [{
+                type: Input
+            }], expanded: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], errorMessage: [{
+                type: Input
+            }], showErrorMessage: [{
+                type: Input
+            }], closePanel: [{
+                type: Input
+            }], showIcon: [{
+                type: Input
+            }], iconName: [{
+                type: Input
+            }], showCheckbox: [{
+                type: Input
+            }], showStatus: [{
+                type: Input
+            }], status: [{
+                type: Input
+            }], hideToggle: [{
+                type: Input
+            }], checked: [{
+                type: Output
+            }], opened: [{
+                type: Output
+            }], expansionPanel: [{
+                type: ViewChild,
+                args: [MatExpansionPanel]
+            }] } });
+
+class EcabsExpansionPanelModule {
+}
+EcabsExpansionPanelModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsExpansionPanelModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+EcabsExpansionPanelModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: EcabsExpansionPanelModule, declarations: [EcabsExpansionPanelComponent], imports: [CommonModule, FormsModule, MatButtonModule, MatExpansionModule, MatIconModule, MatChipsModule, EcabsCheckboxToggleModule], exports: [EcabsExpansionPanelComponent] });
+EcabsExpansionPanelModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsExpansionPanelModule, imports: [CommonModule, FormsModule, MatButtonModule, MatExpansionModule, MatIconModule, MatChipsModule, EcabsCheckboxToggleModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsExpansionPanelModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [EcabsExpansionPanelComponent],
+                    imports: [CommonModule, FormsModule, MatButtonModule, MatExpansionModule, MatIconModule, MatChipsModule, EcabsCheckboxToggleModule],
+                    exports: [EcabsExpansionPanelComponent],
+                }]
+        }] });
+
+class EcabsTableFilterWrapperComponent {
+}
+EcabsTableFilterWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsTableFilterWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+EcabsTableFilterWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: EcabsTableFilterWrapperComponent, selector: "ecabs-table-filter-wrapper", inputs: { title: "title", actions: "actions" }, ngImport: i0, template: "<ecabs-expansion-panel [title]=\"title\" class=\"block mb-5\" [expanded]=\"true\">\r\n  <ng-content></ng-content>\r\n\r\n  <div *ngIf=\"actions\" class=\"flex justify-end\">\r\n    <ng-container *ngTemplateOutlet=\"actions\"></ng-container>\r\n  </div>\r\n</ecabs-expansion-panel>\r\n", styles: [":root{--color-black: #07080d;--color-white: #ffffff;--color-white-opacity-05: rgba(0, 0, 0, .05);--color-gray-100: #f5f6f9;--color-gray-200: #f8f9f9;--color-gray-300: #d9d9d9;--color-gray-400: #a6a6a6;--color-gray-500: #6b6d73;--color-brand-dark: #193273;--color-brand-dark-rgb: 25, 50, 115;--color-brand-light: #325FDA;--color-brand-light2: #e7efff;--color-brand-light-rgb: 50, 95, 218;--color-brand-300: #e7efff;--color-brand-300-rgb: 231, 239, 255;--color-error: #df3838;--color-error-opacity: #fbe4e4;--color-error-rgb: 223, 56, 56;--color-notification: #f4d04f;--color-notification-rgb: 244, 208, 79;--color-warn: #f2994a;--color-warn-rgb: 242, 153, 74;--color-info: #325fda;--color-info-rgb: 50, 95, 218;--color-warning: #f2994a;--color-warning-opacity: #fdf0e4;--color-success: #25bd3d;--color-success--opacity: #e8f8e5;--color-success-rgb: 37, 189, 61;--color-allocation-started: #E8F8E5;--color-allocation-scheduled: #FDF0E4;--color-allocation-ended: #FBE4E4;--color-allocation-sick: #E7EFFF;--color-allocation-no-show: #EAE5FF;--color-allocation-unavailable: #F2F2F2;--cropper-outline-color: rgba(0, 0, 0, .5)}.mat-expansion-panel-header-title{font-size:22px}:host::ng-deep .btn__group{justify-content:flex-end}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: EcabsExpansionPanelComponent, selector: "ecabs-expansion-panel", inputs: ["title", "description", "index", "expanded", "disabled", "errorMessage", "showErrorMessage", "closePanel", "showIcon", "iconName", "showCheckbox", "showStatus", "status", "hideToggle"], outputs: ["checked", "opened"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsTableFilterWrapperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ecabs-table-filter-wrapper', template: "<ecabs-expansion-panel [title]=\"title\" class=\"block mb-5\" [expanded]=\"true\">\r\n  <ng-content></ng-content>\r\n\r\n  <div *ngIf=\"actions\" class=\"flex justify-end\">\r\n    <ng-container *ngTemplateOutlet=\"actions\"></ng-container>\r\n  </div>\r\n</ecabs-expansion-panel>\r\n", styles: [":root{--color-black: #07080d;--color-white: #ffffff;--color-white-opacity-05: rgba(0, 0, 0, .05);--color-gray-100: #f5f6f9;--color-gray-200: #f8f9f9;--color-gray-300: #d9d9d9;--color-gray-400: #a6a6a6;--color-gray-500: #6b6d73;--color-brand-dark: #193273;--color-brand-dark-rgb: 25, 50, 115;--color-brand-light: #325FDA;--color-brand-light2: #e7efff;--color-brand-light-rgb: 50, 95, 218;--color-brand-300: #e7efff;--color-brand-300-rgb: 231, 239, 255;--color-error: #df3838;--color-error-opacity: #fbe4e4;--color-error-rgb: 223, 56, 56;--color-notification: #f4d04f;--color-notification-rgb: 244, 208, 79;--color-warn: #f2994a;--color-warn-rgb: 242, 153, 74;--color-info: #325fda;--color-info-rgb: 50, 95, 218;--color-warning: #f2994a;--color-warning-opacity: #fdf0e4;--color-success: #25bd3d;--color-success--opacity: #e8f8e5;--color-success-rgb: 37, 189, 61;--color-allocation-started: #E8F8E5;--color-allocation-scheduled: #FDF0E4;--color-allocation-ended: #FBE4E4;--color-allocation-sick: #E7EFFF;--color-allocation-no-show: #EAE5FF;--color-allocation-unavailable: #F2F2F2;--cropper-outline-color: rgba(0, 0, 0, .5)}.mat-expansion-panel-header-title{font-size:22px}:host::ng-deep .btn__group{justify-content:flex-end}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], actions: [{
+                type: Input
+            }] } });
+
+class EcabsTableFilterWrapperModule {
+}
+EcabsTableFilterWrapperModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsTableFilterWrapperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+EcabsTableFilterWrapperModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: EcabsTableFilterWrapperModule, declarations: [EcabsTableFilterWrapperComponent], imports: [CommonModule,
+        EcabsExpansionPanelModule], exports: [EcabsTableFilterWrapperComponent] });
+EcabsTableFilterWrapperModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsTableFilterWrapperModule, imports: [CommonModule,
+        EcabsExpansionPanelModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsTableFilterWrapperModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [EcabsTableFilterWrapperComponent],
+                    imports: [
+                        CommonModule,
+                        EcabsExpansionPanelModule
+                    ],
+                    exports: [EcabsTableFilterWrapperComponent],
+                }]
+        }] });
+
+class TableComponent {
+    constructor() {
+        this.bordered = false;
+        this.loading = false;
+    }
+    ngAfterContentChecked() {
+        var _a;
+        if (this.table) {
+            this.isEmpty = !((_a = this.table['_data']) === null || _a === void 0 ? void 0 : _a.length);
+        }
+    }
+}
+TableComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+TableComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: TableComponent, selector: "ecabs-table", inputs: { header: "header", paginator: "paginator", bordered: "bordered", loading: "loading", isEmpty: "isEmpty", isEmptyMessage: "isEmptyMessage", redirectPath: "redirectPath", srcImageEmpty: "srcImageEmpty" }, queries: [{ propertyName: "table", first: true, predicate: MatTable, descendants: true }], ngImport: i0, template: "<section class=\"table-ui table-ui--wrapper\" [ngClass]=\"{ 'table-ui__bordered': bordered, loading: loading }\">\r\n  <mat-progress-bar *ngIf=\"loading\" mode=\"indeterminate\" class=\"table-ui__progress\"></mat-progress-bar>\r\n\r\n\r\n  <div *ngIf=\"header\" class=\"table-ui__header\">\r\n    <ng-container *ngTemplateOutlet=\"header\"></ng-container>\r\n  </div>\r\n\r\n  <ng-container *ngIf=\"!(isEmptyMessage && isEmpty); else noDataTemplate\">\r\n    <ng-content></ng-content>\r\n\r\n    <div *ngIf=\"paginator\" class=\"table-ui__paginator\">\r\n      <ng-container *ngTemplateOutlet=\"paginator\"></ng-container>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <!--#For Empty state -->\r\n  <ng-template #noDataTemplate>\r\n    <ecabs-empty-placeholder\r\n      *ngIf=\"!loading\"\r\n      [redirectPath]=\"redirectPath\"\r\n      [isEmptyMessage]=\"isEmptyMessage\"\r\n      [srcImage]=\"srcImageEmpty\"\r\n    ></ecabs-empty-placeholder>\r\n  </ng-template>\r\n</section>\r\n", styles: [":host mat-progress-bar{position:absolute;width:auto}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$2.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "component", type: EcabsEmptyPlaceholderComponent, selector: "ecabs-empty-placeholder", inputs: ["isEmptyMessage", "redirectPath", "srcImage"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: TableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ecabs-table', template: "<section class=\"table-ui table-ui--wrapper\" [ngClass]=\"{ 'table-ui__bordered': bordered, loading: loading }\">\r\n  <mat-progress-bar *ngIf=\"loading\" mode=\"indeterminate\" class=\"table-ui__progress\"></mat-progress-bar>\r\n\r\n\r\n  <div *ngIf=\"header\" class=\"table-ui__header\">\r\n    <ng-container *ngTemplateOutlet=\"header\"></ng-container>\r\n  </div>\r\n\r\n  <ng-container *ngIf=\"!(isEmptyMessage && isEmpty); else noDataTemplate\">\r\n    <ng-content></ng-content>\r\n\r\n    <div *ngIf=\"paginator\" class=\"table-ui__paginator\">\r\n      <ng-container *ngTemplateOutlet=\"paginator\"></ng-container>\r\n    </div>\r\n  </ng-container>\r\n\r\n  <!--#For Empty state -->\r\n  <ng-template #noDataTemplate>\r\n    <ecabs-empty-placeholder\r\n      *ngIf=\"!loading\"\r\n      [redirectPath]=\"redirectPath\"\r\n      [isEmptyMessage]=\"isEmptyMessage\"\r\n      [srcImage]=\"srcImageEmpty\"\r\n    ></ecabs-empty-placeholder>\r\n  </ng-template>\r\n</section>\r\n", styles: [":host mat-progress-bar{position:absolute;width:auto}\n"] }]
+        }], propDecorators: { table: [{
+                type: ContentChild,
+                args: [MatTable]
+            }], header: [{
+                type: Input
+            }], paginator: [{
+                type: Input
+            }], bordered: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], isEmpty: [{
+                type: Input
+            }], isEmptyMessage: [{
+                type: Input
+            }], redirectPath: [{
+                type: Input
+            }], srcImageEmpty: [{
+                type: Input
+            }] } });
+
+class EcabsTableModule {
+}
+EcabsTableModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+EcabsTableModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: EcabsTableModule, declarations: [TableComponent], imports: [CommonModule,
+        MatProgressBarModule,
+        RouterModule,
+        EcabsEmptyPlaceholderModule], exports: [TableComponent, MatTableModule, EcabsEmptyPlaceholderModule] });
+EcabsTableModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsTableModule, imports: [CommonModule,
+        MatProgressBarModule,
+        RouterModule,
+        EcabsEmptyPlaceholderModule, MatTableModule, EcabsEmptyPlaceholderModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: EcabsTableModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TableComponent],
+                    imports: [
+                        CommonModule,
+                        MatProgressBarModule,
+                        RouterModule,
+                        EcabsEmptyPlaceholderModule
+                    ],
+                    exports: [TableComponent, MatTableModule, EcabsEmptyPlaceholderModule],
+                }]
+        }] });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ButtonsComponent, EcabsButtonsModule, EcabsCheckboxToggleComponent, EcabsCheckboxToggleModule, EcabsComponentsService, EcabsDatePickerComponent, EcabsDatePickerHeaderComponent, EcabsDatePickerModule, EcabsDateTimePickerComponent, EcabsDateTimePickerHeaderComponent, EcabsDatetimePickerModule, EcabsIncrementComponent, EcabsIncrementModule, EcabsInputComponent, EcabsInputModule, EcabsLoadingComponent, EcabsLoadingModule, EcabsPhoneComponent, EcabsPhoneModule, EcabsRadioButtonListComponent, EcabsRadioButtonListModule, EcabsSelectComponent, EcabsSelectModule, EcabsSpinnerComponent, EcabsTextAreaModule, EcabsTextareaComponent, EcabsTimeListPanelComponent, EcabsTimepickerComponent, EcabsTimepickerModule, FormTimePickerService, ValidationComponent, ValidationModule, scrollFactory };
+export { ButtonsComponent, EcabsButtonsModule, EcabsCheckboxToggleComponent, EcabsCheckboxToggleModule, EcabsComponentsService, EcabsDatePickerComponent, EcabsDatePickerHeaderComponent, EcabsDatePickerModule, EcabsDateTimePickerComponent, EcabsDateTimePickerHeaderComponent, EcabsDatetimePickerModule, EcabsEmptyPlaceholderComponent, EcabsEmptyPlaceholderModule, EcabsExpansionPanelComponent, EcabsExpansionPanelModule, EcabsIncrementComponent, EcabsIncrementModule, EcabsInputComponent, EcabsInputModule, EcabsLoadingComponent, EcabsLoadingModule, EcabsPhoneComponent, EcabsPhoneModule, EcabsRadioButtonListComponent, EcabsRadioButtonListModule, EcabsSelectComponent, EcabsSelectModule, EcabsSpinnerComponent, EcabsTableFilterWrapperComponent, EcabsTableFilterWrapperModule, EcabsTableModule, EcabsTextAreaModule, EcabsTextareaComponent, EcabsTimeListPanelComponent, EcabsTimepickerComponent, EcabsTimepickerModule, FormTimePickerService, TableComponent, ValidationComponent, ValidationModule, scrollFactory };
 //# sourceMappingURL=ecabs-components.mjs.map