ecabs-components 1.0.59 → 1.0.60

package/esm2022/lib/ecabs-active-status-filter/ecabs-active-status-filter.component.mjs

@@ -15,11 +15,11 @@ export class EcabsActiveStatusFilterComponent {
         return this.initialStatus === status;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EcabsActiveStatusFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EcabsActiveStatusFilterComponent, selector: "ecabs-active-status-filter", inputs: { statuses: "statuses", initialStatus: "initialStatus" }, outputs: { statusChange: "statusChange" }, ngImport: i0, template: "<div class=\"mb-5 mt-10\">\r\n  <mat-chip-list>\r\n    <mat-chip\r\n      *ngFor=\"let status of statuses\"\r\n      class=\"!rounded-full\"\r\n      [ngClass]=\"checkSelectableStatus(status?.value) ? 'selected' : 'not-selected'\"\r\n      [selectable]=\"checkSelectableStatus(status?.value)\"\r\n      (click)=\"onFilter(status?.value)\"\r\n    >\r\n      <mat-icon *ngIf=\"checkSelectableStatus(status?.value)\" class=\"mr-2\">done</mat-icon>\r\n      {{ status.text }}</mat-chip\r\n    >\r\n  </mat-chip-list>\r\n</div>\r\n", styles: [":host::ng-deep .mat-chip{min-width:3.6rem}.selected{color:var(--color-white);background-color:var(--color-brand-light)}.not-selected{color:var(--color-black);background-color:var(--color-white);border:1px solid var(--color-gray-400)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatLegacyChipList, selector: "mat-chip-list", inputs: ["role", "aria-describedby", "errorStateMatcher", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { kind: "directive", type: i2.MatLegacyChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "role", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EcabsActiveStatusFilterComponent, selector: "ecabs-active-status-filter", inputs: { statuses: "statuses", initialStatus: "initialStatus" }, outputs: { statusChange: "statusChange" }, ngImport: i0, template: "<div class=\"mb-5 mt-10\">\r\n  <mat-chip-list>\r\n    <mat-chip\r\n      *ngFor=\"let status of statuses\"\r\n      class=\"!rounded-full\"\r\n      [ngClass]=\"checkSelectableStatus(status?.value) ? 'selected' : 'not-selected'\"\r\n      [selectable]=\"checkSelectableStatus(status?.value)\"\r\n      (click)=\"onFilter(status?.value)\"\r\n    >\r\n      <mat-icon *ngIf=\"checkSelectableStatus(status?.value)\" class=\"mr-2\">done</mat-icon>\r\n      {{ status.text }}</mat-chip\r\n    >\r\n  </mat-chip-list>\r\n</div>\r\n", styles: [":host::ng-deep .mat-chip{min-width:3.6rem;cursor:pointer}.selected{color:var(--color-white);background-color:var(--color-brand-light)}.not-selected{color:var(--color-black);background-color:var(--color-white);border:1px solid var(--color-gray-400)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatLegacyChipList, selector: "mat-chip-list", inputs: ["role", "aria-describedby", "errorStateMatcher", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { kind: "directive", type: i2.MatLegacyChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "role", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EcabsActiveStatusFilterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ecabs-active-status-filter', template: "<div class=\"mb-5 mt-10\">\r\n  <mat-chip-list>\r\n    <mat-chip\r\n      *ngFor=\"let status of statuses\"\r\n      class=\"!rounded-full\"\r\n      [ngClass]=\"checkSelectableStatus(status?.value) ? 'selected' : 'not-selected'\"\r\n      [selectable]=\"checkSelectableStatus(status?.value)\"\r\n      (click)=\"onFilter(status?.value)\"\r\n    >\r\n      <mat-icon *ngIf=\"checkSelectableStatus(status?.value)\" class=\"mr-2\">done</mat-icon>\r\n      {{ status.text }}</mat-chip\r\n    >\r\n  </mat-chip-list>\r\n</div>\r\n", styles: [":host::ng-deep .mat-chip{min-width:3.6rem}.selected{color:var(--color-white);background-color:var(--color-brand-light)}.not-selected{color:var(--color-black);background-color:var(--color-white);border:1px solid var(--color-gray-400)}\n"] }]
+            args: [{ selector: 'ecabs-active-status-filter', template: "<div class=\"mb-5 mt-10\">\r\n  <mat-chip-list>\r\n    <mat-chip\r\n      *ngFor=\"let status of statuses\"\r\n      class=\"!rounded-full\"\r\n      [ngClass]=\"checkSelectableStatus(status?.value) ? 'selected' : 'not-selected'\"\r\n      [selectable]=\"checkSelectableStatus(status?.value)\"\r\n      (click)=\"onFilter(status?.value)\"\r\n    >\r\n      <mat-icon *ngIf=\"checkSelectableStatus(status?.value)\" class=\"mr-2\">done</mat-icon>\r\n      {{ status.text }}</mat-chip\r\n    >\r\n  </mat-chip-list>\r\n</div>\r\n", styles: [":host::ng-deep .mat-chip{min-width:3.6rem;cursor:pointer}.selected{color:var(--color-white);background-color:var(--color-brand-light)}.not-selected{color:var(--color-black);background-color:var(--color-white);border:1px solid var(--color-gray-400)}\n"] }]
         }], propDecorators: { statuses: [{
                 type: Input
             }], initialStatus: [{

package/fesm2022/ecabs-components.mjs

@@ -3993,11 +3993,11 @@ class EcabsActiveStatusFilterComponent {
         return this.initialStatus === status;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EcabsActiveStatusFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EcabsActiveStatusFilterComponent, selector: "ecabs-active-status-filter", inputs: { statuses: "statuses", initialStatus: "initialStatus" }, outputs: { statusChange: "statusChange" }, ngImport: i0, template: "<div class=\"mb-5 mt-10\">\r\n  <mat-chip-list>\r\n    <mat-chip\r\n      *ngFor=\"let status of statuses\"\r\n      class=\"!rounded-full\"\r\n      [ngClass]=\"checkSelectableStatus(status?.value) ? 'selected' : 'not-selected'\"\r\n      [selectable]=\"checkSelectableStatus(status?.value)\"\r\n      (click)=\"onFilter(status?.value)\"\r\n    >\r\n      <mat-icon *ngIf=\"checkSelectableStatus(status?.value)\" class=\"mr-2\">done</mat-icon>\r\n      {{ status.text }}</mat-chip\r\n    >\r\n  </mat-chip-list>\r\n</div>\r\n", styles: [":host::ng-deep .mat-chip{min-width:3.6rem}.selected{color:var(--color-white);background-color:var(--color-brand-light)}.not-selected{color:var(--color-black);background-color:var(--color-white);border:1px solid var(--color-gray-400)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$3.MatLegacyChipList, selector: "mat-chip-list", inputs: ["role", "aria-describedby", "errorStateMatcher", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { kind: "directive", type: i2$3.MatLegacyChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "role", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: EcabsActiveStatusFilterComponent, selector: "ecabs-active-status-filter", inputs: { statuses: "statuses", initialStatus: "initialStatus" }, outputs: { statusChange: "statusChange" }, ngImport: i0, template: "<div class=\"mb-5 mt-10\">\r\n  <mat-chip-list>\r\n    <mat-chip\r\n      *ngFor=\"let status of statuses\"\r\n      class=\"!rounded-full\"\r\n      [ngClass]=\"checkSelectableStatus(status?.value) ? 'selected' : 'not-selected'\"\r\n      [selectable]=\"checkSelectableStatus(status?.value)\"\r\n      (click)=\"onFilter(status?.value)\"\r\n    >\r\n      <mat-icon *ngIf=\"checkSelectableStatus(status?.value)\" class=\"mr-2\">done</mat-icon>\r\n      {{ status.text }}</mat-chip\r\n    >\r\n  </mat-chip-list>\r\n</div>\r\n", styles: [":host::ng-deep .mat-chip{min-width:3.6rem;cursor:pointer}.selected{color:var(--color-white);background-color:var(--color-brand-light)}.not-selected{color:var(--color-black);background-color:var(--color-white);border:1px solid var(--color-gray-400)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$3.MatLegacyChipList, selector: "mat-chip-list", inputs: ["role", "aria-describedby", "errorStateMatcher", "multiple", "compareWith", "value", "required", "placeholder", "disabled", "aria-orientation", "selectable", "tabIndex"], outputs: ["change", "valueChange"], exportAs: ["matChipList"] }, { kind: "directive", type: i2$3.MatLegacyChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["color", "disableRipple", "tabIndex", "role", "selected", "value", "selectable", "disabled", "removable"], outputs: ["selectionChange", "destroyed", "removed"], exportAs: ["matChip"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: EcabsActiveStatusFilterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ecabs-active-status-filter', template: "<div class=\"mb-5 mt-10\">\r\n  <mat-chip-list>\r\n    <mat-chip\r\n      *ngFor=\"let status of statuses\"\r\n      class=\"!rounded-full\"\r\n      [ngClass]=\"checkSelectableStatus(status?.value) ? 'selected' : 'not-selected'\"\r\n      [selectable]=\"checkSelectableStatus(status?.value)\"\r\n      (click)=\"onFilter(status?.value)\"\r\n    >\r\n      <mat-icon *ngIf=\"checkSelectableStatus(status?.value)\" class=\"mr-2\">done</mat-icon>\r\n      {{ status.text }}</mat-chip\r\n    >\r\n  </mat-chip-list>\r\n</div>\r\n", styles: [":host::ng-deep .mat-chip{min-width:3.6rem}.selected{color:var(--color-white);background-color:var(--color-brand-light)}.not-selected{color:var(--color-black);background-color:var(--color-white);border:1px solid var(--color-gray-400)}\n"] }]
+            args: [{ selector: 'ecabs-active-status-filter', template: "<div class=\"mb-5 mt-10\">\r\n  <mat-chip-list>\r\n    <mat-chip\r\n      *ngFor=\"let status of statuses\"\r\n      class=\"!rounded-full\"\r\n      [ngClass]=\"checkSelectableStatus(status?.value) ? 'selected' : 'not-selected'\"\r\n      [selectable]=\"checkSelectableStatus(status?.value)\"\r\n      (click)=\"onFilter(status?.value)\"\r\n    >\r\n      <mat-icon *ngIf=\"checkSelectableStatus(status?.value)\" class=\"mr-2\">done</mat-icon>\r\n      {{ status.text }}</mat-chip\r\n    >\r\n  </mat-chip-list>\r\n</div>\r\n", styles: [":host::ng-deep .mat-chip{min-width:3.6rem;cursor:pointer}.selected{color:var(--color-white);background-color:var(--color-brand-light)}.not-selected{color:var(--color-black);background-color:var(--color-white);border:1px solid var(--color-gray-400)}\n"] }]
         }], propDecorators: { statuses: [{
                 type: Input
             }], initialStatus: [{