npm - @igo2/common - Versions diffs - 20.2.0 → 21.0.0-next.10 - Mend

@igo2/common 20.2.0 → 21.0.0-next.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (109) hide show

package/fesm2022/igo2-common-table.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, output, viewChild, Component, NgModule } from '@angular/core';
+import { input, output, viewChild, computed, effect, afterNextRender, Component, NgModule } from '@angular/core';
 import { SelectionModel } from '@angular/cdk/collections';
 import { NgClass } from '@angular/common';
 import * as i6 from '@angular/material/button';
@@ -18,8 +18,8 @@ import * as i3 from '@angular/material/table';
 import { MatTableModule } from '@angular/material/table';
 import { IgoLanguageModule } from '@igo2/core/language';
 import { ObjectUtils } from '@igo2/utils';
-import { BehaviorSubject, merge, fromEvent } from 'rxjs';
-import { map, debounceTime, distinctUntilChanged } from 'rxjs/operators';
+import { BehaviorSubject, merge, EMPTY, fromEvent } from 'rxjs';
+import { switchMap, map, debounceTime, distinctUntilChanged } from 'rxjs/operators';
 import { DataSource } from '@angular/cdk/table';
 import * as i8 from '@ngx-translate/core';
@@ -33,7 +33,6 @@ var TableActionColor;
 class TableDataSource extends DataSource {
     _database;
     _model;
-    _sort;
     get filter() {
         return this._filterChange.value;
     }
@@ -41,11 +40,14 @@ class TableDataSource extends DataSource {
         this._filterChange.next(filter);
     }
     _filterChange = new BehaviorSubject('');
-    constructor(_database, _model, _sort) {
+    _sort$ = new BehaviorSubject(undefined);
+    set sort(sort) {
+        this._sort$.next(sort);
+    }
+    constructor(_database, _model) {
         super();
         this._database = _database;
         this._model = _model;
-        this._sort = _sort;
     }
     // Connect function called by the table to retrieve one stream containing
     // the data to render.
@@ -53,16 +55,8 @@ class TableDataSource extends DataSource {
         if (!this._database) {
             return merge([]);
         }
-        const displayDataChanges = [
-            this._database.dataChange,
-            this._filterChange,
-            this._sort.sortChange
-        ];
-        return merge(...displayDataChanges).pipe(map(() => {
-            return this.getFilteredData(this._database.data);
-        }), map((data) => {
-            return this.getSortedData(data);
-        }));
+        const sortChange$ = this._sort$.pipe(switchMap((sort) => (sort ? sort.sortChange : EMPTY)));
+        return merge(this._database.dataChange, this._filterChange, sortChange$).pipe(map(() => this.getFilteredData(this._database.data)), map((data) => this.getSortedData(data)));
     }
     disconnect() {
         // empty
@@ -81,61 +75,55 @@ class TableDataSource extends DataSource {
         });
     }
     getSortedData(data) {
-        if (!this._sort.active || this._sort.direction === '') {
+        const sort = this._sort$.value;
+        if (!sort || !sort.active || sort.direction === '') {
             return data;
         }
         return data.sort((a, b) => {
-            const propertyA = ObjectUtils.resolve(a, this._sort.active);
-            const propertyB = ObjectUtils.resolve(b, this._sort.active);
-            return ObjectUtils.naturalCompare(propertyB, propertyA, this._sort.direction);
+            const propertyA = ObjectUtils.resolve(a, sort.active);
+            const propertyB = ObjectUtils.resolve(b, sort.active);
+            return ObjectUtils.naturalCompare(propertyB, propertyA, sort.direction);
         });
     }
 }
 class TableComponent {
-    database = input(undefined, ...(ngDevMode ? [{ debugName: "database" }] : []));
-    model = input(undefined, ...(ngDevMode ? [{ debugName: "model" }] : []));
-    hasFilterInput = input(true, ...(ngDevMode ? [{ debugName: "hasFilterInput" }] : []));
-    displayedColumns;
-    dataSource;
+    database = input.required(...(ngDevMode ? [{ debugName: "database" }] : /* istanbul ignore next */ []));
+    model = input.required(...(ngDevMode ? [{ debugName: "model" }] : /* istanbul ignore next */ []));
+    hasFilterInput = input(true, ...(ngDevMode ? [{ debugName: "hasFilterInput" }] : /* istanbul ignore next */ []));
     selection = new SelectionModel(true, []);
     select = output();
-    filter = viewChild('filter', ...(ngDevMode ? [{ debugName: "filter" }] : []));
-    sort = viewChild(MatSort, ...(ngDevMode ? [{ debugName: "sort" }] : []));
-    ngOnInit() {
+    filter = viewChild('filter', ...(ngDevMode ? [{ debugName: "filter" }] : /* istanbul ignore next */ []));
+    sort = viewChild(MatSort, ...(ngDevMode ? [{ debugName: "sort" }] : /* istanbul ignore next */ []));
+    displayedColumns = computed(() => {
         const model = this.model();
-        this.dataSource = new TableDataSource(this.database(), model, this.sort());
-        if (model) {
-            this.displayedColumns = model.columns
-                .filter((c) => c.displayed !== false)
-                .map((c) => c.name);
-            if (model.selectionCheckbox) {
-                this.displayedColumns.unshift('selectionCheckbox');
-            }
-            if (model.actions && model.actions.length) {
-                this.displayedColumns.push('action');
-            }
-        }
-        this.selection.changed.subscribe((e) => this.select.emit(e));
-    }
-    ngAfterViewInit() {
-        const filter = this.filter();
-        if (filter) {
-            fromEvent(filter.nativeElement, 'keyup')
-                .pipe(debounceTime(150), distinctUntilChanged())
-                .subscribe(() => {
-                if (!this.dataSource) {
-                    return;
-                }
-                this.dataSource.filter = this.filter().nativeElement.value;
-            });
+        const cols = model.columns
+            .filter((c) => c.displayed !== false)
+            .map((c) => c.name);
+        if (model.selectionCheckbox) {
+            cols.unshift('selectionCheckbox');
         }
-    }
-    ngOnChanges(change) {
-        if (change.database) {
-            this.dataSource = new TableDataSource(this.database(), this.model(), this.sort());
-            this.selection.clear();
+        if (model.actions?.length) {
+            cols.push('action');
         }
+        return cols;
+    }, ...(ngDevMode ? [{ debugName: "displayedColumns" }] : /* istanbul ignore next */ []));
+    dataSource = computed(() => new TableDataSource(this.database(), this.model()), ...(ngDevMode ? [{ debugName: "dataSource" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            this.dataSource().sort = this.sort();
+        });
+        this.selection.changed.subscribe((e) => this.select.emit(e));
+        afterNextRender(() => {
+            const filter = this.filter();
+            if (filter) {
+                fromEvent(filter.nativeElement, 'keyup')
+                    .pipe(debounceTime(150), distinctUntilChanged())
+                    .subscribe(() => {
+                    this.dataSource().filter = filter.nativeElement.value;
+                });
+            }
+        });
     }
     getActionColor(colorId) {
         return TableActionColor[colorId];
@@ -146,23 +134,28 @@ class TableComponent {
     /** Whether the number of selected elements matches the total number of rows. */
     isAllSelected() {
         const numSelected = this.selection.selected.length;
-        const numRows = this.database().data.length;
+        const database = this.database();
+        const numRows = database ? database.data.length : 0;
         return numSelected === numRows;
     }
     /** Selects all rows if they are not all selected; otherwise clear selection. */
     masterToggle() {
+        const database = this.database();
+        if (!database) {
+            return;
+        }
         this.isAllSelected()
             ? this.selection.clear()
-            : this.database().data.forEach((row) => this.selection.select(row));
+            : database.data.forEach((row) => this.selection.select(row));
     }
     handleClickAction(event, action, row) {
         event.stopPropagation();
         action.click(row);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: TableComponent, isStandalone: true, selector: "igo-table", inputs: { database: { classPropertyName: "database", publicName: "database", isSignal: true, isRequired: false, transformFunction: null }, model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: false, transformFunction: null }, hasFilterInput: { classPropertyName: "hasFilterInput", publicName: "hasFilterInput", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { select: "select" }, viewQueries: [{ propertyName: "filter", first: true, predicate: ["filter"], descendants: true, isSignal: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true, isSignal: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"table-box\">\n  @if (hasFilterInput()) {\n    <div class=\"table-header\">\n      <mat-form-field floatPlaceholder=\"never\">\n        <input\n          matInput\n          #filter\n          [placeholder]=\"'igo.common.table.filter' | translate\"\n        />\n      </mat-form-field>\n    </div>\n  }\n\n  <div class=\"table-container\">\n    <table mat-table #table [dataSource]=\"dataSource\" matSort>\n      <!-- Checkbox Column -->\n      <ng-container matColumnDef=\"selectionCheckbox\">\n        <th mat-header-cell *matHeaderCellDef>\n          <mat-checkbox\n            (change)=\"$event ? masterToggle() : null\"\n            [checked]=\"selection.hasValue() && isAllSelected()\"\n            [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n          />\n        </th>\n        <td mat-cell *matCellDef=\"let row\">\n          <mat-checkbox\n            (click)=\"$event.stopPropagation()\"\n            (change)=\"$event ? selection.toggle(row) : null\"\n            [checked]=\"selection.isSelected(row)\"\n          />\n        </td>\n      </ng-container>\n\n      @for (column of model().columns; track column) {\n        <ng-container [matColumnDef]=\"column.name\">\n          @if (column.sortable) {\n            <th mat-header-cell *matHeaderCellDef mat-sort-header>\n              {{ column.title }}\n            </th>\n          }\n          @if (!column.sortable) {\n            <th mat-header-cell *matHeaderCellDef>{{ column.title }}</th>\n          }\n          @if (!column.html) {\n            <td\n              mat-cell\n              *matCellDef=\"let row\"\n              class=\"mat-cell-text\"\n              [ngClass]=\"\n                model().cellClassFunc ? model().cellClassFunc(row, column) : {}\n              \"\n            >\n              {{ getValue(row, column.name) }}\n            </td>\n          } @else {\n            <td\n              mat-cell\n              *matCellDef=\"let row\"\n              class=\"mat-cell-text\"\n              [ngClass]=\"\n                model().cellClassFunc ? model().cellClassFunc(row, column) : {}\n              \"\n              [innerHTML]=\"getValue(row, column.name)\"\n            ></td>\n          }\n        </ng-container>\n      }\n\n      <!-- Action Column -->\n      <ng-container matColumnDef=\"action\">\n        <th mat-header-cell *matHeaderCellDef></th>\n        <td mat-cell *matCellDef=\"let row\">\n          @for (action of model().actions; track action) {\n            <button\n              mat-mini-fab\n              [color]=\"getActionColor(action.color)\"\n              (click)=\"handleClickAction($event, action, row)\"\n            >\n              <mat-icon>{{ action.icon }}</mat-icon>\n            </button>\n          }\n        </td>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n      <tr\n        mat-row\n        *matRowDef=\"let row; columns: displayedColumns\"\n        [ngClass]=\"model().rowClassFunc ? model().rowClassFunc(row) : {}\"\n        (click)=\"selection.toggle(row)\"\n      ></tr>\n    </table>\n  </div>\n</div>\n", styles: [":host{width:100%;height:100%;display:block}.table-container{display:flex;flex-direction:column;height:100%;overflow:auto;flex:1 1 auto}.table-box{height:100%;display:flex;flex-direction:column}.table-header{min-height:64px;max-width:500px;display:flex;flex:0 1 auto;align-items:baseline;padding:8px 24px 0;font-size:20px;justify-content:space-between}tr[mat-header-row],tr[mat-row]{height:60px}.mat-cell-text{overflow:hidden;word-wrap:break-word}td[mat-cell]{padding-right:15px}th.mat-mdc-header-cell{padding-right:5px}button{margin-right:10px}\n"], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i4.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i4.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i5.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: TableComponent, isStandalone: true, selector: "igo-table", inputs: { database: { classPropertyName: "database", publicName: "database", isSignal: true, isRequired: true, transformFunction: null }, model: { classPropertyName: "model", publicName: "model", isSignal: true, isRequired: true, transformFunction: null }, hasFilterInput: { classPropertyName: "hasFilterInput", publicName: "hasFilterInput", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { select: "select" }, viewQueries: [{ propertyName: "filter", first: true, predicate: ["filter"], descendants: true, isSignal: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"table-box\">\n  @if (hasFilterInput()) {\n    <div class=\"table-header\">\n      <mat-form-field floatPlaceholder=\"never\">\n        <input\n          matInput\n          #filter\n          [placeholder]=\"'igo.common.table.filter' | translate\"\n        />\n      </mat-form-field>\n    </div>\n  }\n\n  <div class=\"table-container\">\n    <table mat-table #table [dataSource]=\"dataSource()\" matSort>\n      <!-- Checkbox Column -->\n      <ng-container matColumnDef=\"selectionCheckbox\">\n        <th mat-header-cell *matHeaderCellDef>\n          <mat-checkbox\n            (change)=\"$event ? masterToggle() : null\"\n            [checked]=\"selection.hasValue() && isAllSelected()\"\n            [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n          />\n        </th>\n        <td mat-cell *matCellDef=\"let row\">\n          <mat-checkbox\n            (click)=\"$event.stopPropagation()\"\n            (change)=\"$event ? selection.toggle(row) : null\"\n            [checked]=\"selection.isSelected(row)\"\n          />\n        </td>\n      </ng-container>\n\n      @for (column of model().columns; track column) {\n        <ng-container [matColumnDef]=\"column.name\">\n          @if (column.sortable) {\n            <th mat-header-cell *matHeaderCellDef mat-sort-header>\n              {{ column.title }}\n            </th>\n          }\n          @if (!column.sortable) {\n            <th mat-header-cell *matHeaderCellDef>{{ column.title }}</th>\n          }\n          @if (!column.html) {\n            <td\n              mat-cell\n              *matCellDef=\"let row\"\n              class=\"mat-cell-text\"\n              [ngClass]=\"model().cellClassFunc?.(row, column)\"\n            >\n              {{ getValue(row, column.name) }}\n            </td>\n          } @else {\n            <td\n              mat-cell\n              *matCellDef=\"let row\"\n              class=\"mat-cell-text\"\n              [ngClass]=\"model().cellClassFunc?.(row, column)\"\n              [innerHTML]=\"getValue(row, column.name)\"\n            ></td>\n          }\n        </ng-container>\n      }\n\n      <!-- Action Column -->\n      <ng-container matColumnDef=\"action\">\n        <th mat-header-cell *matHeaderCellDef></th>\n        <td mat-cell *matCellDef=\"let row\">\n          @for (action of model().actions; track action) {\n            <button\n              mat-mini-fab\n              [color]=\"getActionColor(action.color!)\"\n              (click)=\"handleClickAction($event, action, row)\"\n            >\n              <mat-icon>{{ action.icon }}</mat-icon>\n            </button>\n          }\n        </td>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"displayedColumns()\"></tr>\n      <tr\n        mat-row\n        *matRowDef=\"let row; columns: displayedColumns()\"\n        [ngClass]=\"model().rowClassFunc?.(row)\"\n        (click)=\"selection.toggle(row)\"\n      ></tr>\n    </table>\n  </div>\n</div>\n", styles: [":host{width:100%;height:100%;display:block}.table-container{display:flex;flex-direction:column;height:100%;overflow:auto;flex:1 1 auto}.table-box{height:100%;display:flex;flex-direction:column}.table-header{min-height:64px;max-width:500px;display:flex;flex:0 1 auto;align-items:baseline;padding:8px 24px 0;font-size:20px;justify-content:space-between}tr[mat-header-row],tr[mat-row]{height:60px}.mat-cell-text{overflow:hidden;word-wrap:break-word}td[mat-cell]{padding-right:15px}th.mat-mdc-header-cell{padding-right:5px}button{margin-right:10px}\n"], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i4.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i4.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i5.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: IgoLanguageModule }, { kind: "pipe", type: i8.TranslatePipe, name: "translate" }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-table', imports: [
                         MatFormFieldModule,
@@ -174,8 +167,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImpo
                         MatButtonModule,
                         MatIconModule,
                         IgoLanguageModule
-                    ], template: "<div class=\"table-box\">\n  @if (hasFilterInput()) {\n    <div class=\"table-header\">\n      <mat-form-field floatPlaceholder=\"never\">\n        <input\n          matInput\n          #filter\n          [placeholder]=\"'igo.common.table.filter' | translate\"\n        />\n      </mat-form-field>\n    </div>\n  }\n\n  <div class=\"table-container\">\n    <table mat-table #table [dataSource]=\"dataSource\" matSort>\n      <!-- Checkbox Column -->\n      <ng-container matColumnDef=\"selectionCheckbox\">\n        <th mat-header-cell *matHeaderCellDef>\n          <mat-checkbox\n            (change)=\"$event ? masterToggle() : null\"\n            [checked]=\"selection.hasValue() && isAllSelected()\"\n            [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n          />\n        </th>\n        <td mat-cell *matCellDef=\"let row\">\n          <mat-checkbox\n            (click)=\"$event.stopPropagation()\"\n            (change)=\"$event ? selection.toggle(row) : null\"\n            [checked]=\"selection.isSelected(row)\"\n          />\n        </td>\n      </ng-container>\n\n      @for (column of model().columns; track column) {\n        <ng-container [matColumnDef]=\"column.name\">\n          @if (column.sortable) {\n            <th mat-header-cell *matHeaderCellDef mat-sort-header>\n              {{ column.title }}\n            </th>\n          }\n          @if (!column.sortable) {\n            <th mat-header-cell *matHeaderCellDef>{{ column.title }}</th>\n          }\n          @if (!column.html) {\n            <td\n              mat-cell\n              *matCellDef=\"let row\"\n              class=\"mat-cell-text\"\n              [ngClass]=\"\n                model().cellClassFunc ? model().cellClassFunc(row, column) : {}\n              \"\n            >\n              {{ getValue(row, column.name) }}\n            </td>\n          } @else {\n            <td\n              mat-cell\n              *matCellDef=\"let row\"\n              class=\"mat-cell-text\"\n              [ngClass]=\"\n                model().cellClassFunc ? model().cellClassFunc(row, column) : {}\n              \"\n              [innerHTML]=\"getValue(row, column.name)\"\n            ></td>\n          }\n        </ng-container>\n      }\n\n      <!-- Action Column -->\n      <ng-container matColumnDef=\"action\">\n        <th mat-header-cell *matHeaderCellDef></th>\n        <td mat-cell *matCellDef=\"let row\">\n          @for (action of model().actions; track action) {\n            <button\n              mat-mini-fab\n              [color]=\"getActionColor(action.color)\"\n              (click)=\"handleClickAction($event, action, row)\"\n            >\n              <mat-icon>{{ action.icon }}</mat-icon>\n            </button>\n          }\n        </td>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\n      <tr\n        mat-row\n        *matRowDef=\"let row; columns: displayedColumns\"\n        [ngClass]=\"model().rowClassFunc ? model().rowClassFunc(row) : {}\"\n        (click)=\"selection.toggle(row)\"\n      ></tr>\n    </table>\n  </div>\n</div>\n", styles: [":host{width:100%;height:100%;display:block}.table-container{display:flex;flex-direction:column;height:100%;overflow:auto;flex:1 1 auto}.table-box{height:100%;display:flex;flex-direction:column}.table-header{min-height:64px;max-width:500px;display:flex;flex:0 1 auto;align-items:baseline;padding:8px 24px 0;font-size:20px;justify-content:space-between}tr[mat-header-row],tr[mat-row]{height:60px}.mat-cell-text{overflow:hidden;word-wrap:break-word}td[mat-cell]{padding-right:15px}th.mat-mdc-header-cell{padding-right:5px}button{margin-right:10px}\n"] }]
-        }], propDecorators: { database: [{ type: i0.Input, args: [{ isSignal: true, alias: "database", required: false }] }], model: [{ type: i0.Input, args: [{ isSignal: true, alias: "model", required: false }] }], hasFilterInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasFilterInput", required: false }] }], select: [{ type: i0.Output, args: ["select"] }], filter: [{ type: i0.ViewChild, args: ['filter', { isSignal: true }] }], sort: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatSort), { isSignal: true }] }] } });
+                    ], template: "<div class=\"table-box\">\n  @if (hasFilterInput()) {\n    <div class=\"table-header\">\n      <mat-form-field floatPlaceholder=\"never\">\n        <input\n          matInput\n          #filter\n          [placeholder]=\"'igo.common.table.filter' | translate\"\n        />\n      </mat-form-field>\n    </div>\n  }\n\n  <div class=\"table-container\">\n    <table mat-table #table [dataSource]=\"dataSource()\" matSort>\n      <!-- Checkbox Column -->\n      <ng-container matColumnDef=\"selectionCheckbox\">\n        <th mat-header-cell *matHeaderCellDef>\n          <mat-checkbox\n            (change)=\"$event ? masterToggle() : null\"\n            [checked]=\"selection.hasValue() && isAllSelected()\"\n            [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n          />\n        </th>\n        <td mat-cell *matCellDef=\"let row\">\n          <mat-checkbox\n            (click)=\"$event.stopPropagation()\"\n            (change)=\"$event ? selection.toggle(row) : null\"\n            [checked]=\"selection.isSelected(row)\"\n          />\n        </td>\n      </ng-container>\n\n      @for (column of model().columns; track column) {\n        <ng-container [matColumnDef]=\"column.name\">\n          @if (column.sortable) {\n            <th mat-header-cell *matHeaderCellDef mat-sort-header>\n              {{ column.title }}\n            </th>\n          }\n          @if (!column.sortable) {\n            <th mat-header-cell *matHeaderCellDef>{{ column.title }}</th>\n          }\n          @if (!column.html) {\n            <td\n              mat-cell\n              *matCellDef=\"let row\"\n              class=\"mat-cell-text\"\n              [ngClass]=\"model().cellClassFunc?.(row, column)\"\n            >\n              {{ getValue(row, column.name) }}\n            </td>\n          } @else {\n            <td\n              mat-cell\n              *matCellDef=\"let row\"\n              class=\"mat-cell-text\"\n              [ngClass]=\"model().cellClassFunc?.(row, column)\"\n              [innerHTML]=\"getValue(row, column.name)\"\n            ></td>\n          }\n        </ng-container>\n      }\n\n      <!-- Action Column -->\n      <ng-container matColumnDef=\"action\">\n        <th mat-header-cell *matHeaderCellDef></th>\n        <td mat-cell *matCellDef=\"let row\">\n          @for (action of model().actions; track action) {\n            <button\n              mat-mini-fab\n              [color]=\"getActionColor(action.color!)\"\n              (click)=\"handleClickAction($event, action, row)\"\n            >\n              <mat-icon>{{ action.icon }}</mat-icon>\n            </button>\n          }\n        </td>\n      </ng-container>\n\n      <tr mat-header-row *matHeaderRowDef=\"displayedColumns()\"></tr>\n      <tr\n        mat-row\n        *matRowDef=\"let row; columns: displayedColumns()\"\n        [ngClass]=\"model().rowClassFunc?.(row)\"\n        (click)=\"selection.toggle(row)\"\n      ></tr>\n    </table>\n  </div>\n</div>\n", styles: [":host{width:100%;height:100%;display:block}.table-container{display:flex;flex-direction:column;height:100%;overflow:auto;flex:1 1 auto}.table-box{height:100%;display:flex;flex-direction:column}.table-header{min-height:64px;max-width:500px;display:flex;flex:0 1 auto;align-items:baseline;padding:8px 24px 0;font-size:20px;justify-content:space-between}tr[mat-header-row],tr[mat-row]{height:60px}.mat-cell-text{overflow:hidden;word-wrap:break-word}td[mat-cell]{padding-right:15px}th.mat-mdc-header-cell{padding-right:5px}button{margin-right:10px}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { database: [{ type: i0.Input, args: [{ isSignal: true, alias: "database", required: true }] }], model: [{ type: i0.Input, args: [{ isSignal: true, alias: "model", required: true }] }], hasFilterInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "hasFilterInput", required: false }] }], select: [{ type: i0.Output, args: ["select"] }], filter: [{ type: i0.ViewChild, args: ['filter', { isSignal: true }] }], sort: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatSort), { isSignal: true }] }] } });
 /**
  * @deprecated import the TableComponent directly
@@ -187,11 +180,11 @@ class IgoTableModule {
             providers: []
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: IgoTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.19", ngImport: i0, type: IgoTableModule, imports: [TableComponent], exports: [TableComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: IgoTableModule, imports: [TableComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: IgoTableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.14", ngImport: i0, type: IgoTableModule, imports: [TableComponent], exports: [TableComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: IgoTableModule, imports: [TableComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: IgoTableModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: IgoTableModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [TableComponent],

package/fesm2022/igo2-common-table.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"igo2-common-table.mjs","sources":["../../../packages/common/table/src/table-action-color.enum.ts","../../../packages/common/table/src/table-datasource.ts","../../../packages/common/table/src/table.component.ts","../../../packages/common/table/src/table.component.html","../../../packages/common/table/src/table.module.ts","../../../packages/common/table/src/table-database.ts","../../../packages/common/table/src/igo2-common-table.ts"],"sourcesContent":["export enum TableActionColor {\n primary,\n accent,\n warn\n}\n","import { DataSource } from '@angular/cdk/table';\nimport { MatSort } from '@angular/material/sort';\n\nimport { ObjectUtils } from '@igo2/utils';\n\nimport { BehaviorSubject, Observable, merge } from 'rxjs';\nimport { map } from 'rxjs/operators';\n\nimport { TableDatabase } from './table-database';\nimport { TableModel } from './table-model.interface';\n\nexport class TableDataSource extends DataSource<any> {\n get filter(): string {\n return this._filterChange.value;\n }\n set filter(filter: string) {\n this._filterChange.next(filter);\n }\n private _filterChange = new BehaviorSubject('');\n\n constructor(\n private _database: TableDatabase,\n private _model: TableModel,\n private _sort: MatSort\n ) {\n super();\n }\n\n // Connect function called by the table to retrieve one stream containing\n // the data to render.\n connect(): Observable<any[]> {\n if (!this._database) {\n return merge([]);\n }\n const displayDataChanges = [\n this._database.dataChange,\n this._filterChange,\n this._sort.sortChange\n ];\n\n return merge(...displayDataChanges).pipe(\n map(() => {\n return this.getFilteredData(this._database.data);\n }),\n map((data) => {\n return this.getSortedData(data);\n })\n );\n }\n\n disconnect() {\n // empty\n }\n\n getFilteredData(data): any[] {\n if (!this.filter) {\n return data;\n }\n return data.slice().filter((item: any) => {\n const searchStr: string = this._model.columns\n .filter((c) => c.filterable)\n .map((c) => ObjectUtils.resolve(item, c.name))\n .join(' ')\n .toLowerCase();\n\n return searchStr.indexOf(this.filter.toLowerCase()) !== -1;\n });\n }\n\n getSortedData(data): any[] {\n if (!this._sort.active \|\| this._sort.direction === '') {\n return data;\n }\n\n return data.sort((a, b) => {\n const propertyA: number \| string = ObjectUtils.resolve(\n a,\n this._sort.active\n );\n const propertyB: number \| string = ObjectUtils.resolve(\n b,\n this._sort.active\n );\n\n return ObjectUtils.naturalCompare(\n propertyB,\n propertyA,\n this._sort.direction\n );\n });\n }\n}\n","import { SelectionModel } from '@angular/cdk/collections';\nimport { NgClass } from '@angular/common';\nimport {\n AfterViewInit,\n Component,\n ElementRef,\n OnChanges,\n OnInit,\n input,\n output,\n viewChild\n} from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatSort, MatSortModule } from '@angular/material/sort';\nimport { MatTableModule } from '@angular/material/table';\n\nimport { IgoLanguageModule } from '@igo2/core/language';\nimport { ObjectUtils } from '@igo2/utils';\n\nimport { fromEvent } from 'rxjs';\nimport { debounceTime, distinctUntilChanged } from 'rxjs/operators';\n\nimport { TableActionColor } from './table-action-color.enum';\nimport { TableDatabase } from './table-database';\nimport { TableDataSource } from './table-datasource';\nimport { TableModel } from './table-model.interface';\n\n@Component({\n selector: 'igo-table',\n templateUrl: './table.component.html',\n styleUrls: ['./table.component.scss'],\n imports: [\n MatFormFieldModule,\n MatInputModule,\n MatTableModule,\n MatSortModule,\n MatCheckboxModule,\n NgClass,\n MatButtonModule,\n MatIconModule,\n IgoLanguageModule\n ]\n})\nexport class TableComponent implements OnChanges, OnInit, AfterViewInit {\n readonly database = input<TableDatabase>(undefined);\n readonly model = input<TableModel>(undefined);\n readonly hasFilterInput = input(true);\n\n public displayedColumns;\n public dataSource: TableDataSource \| null;\n public selection = new SelectionModel<any>(true, []);\n\n readonly select = output<{\n added: any[];\n removed: any[];\n source: SelectionModel<any>;\n }>();\n\n readonly filter = viewChild<ElementRef>('filter');\n readonly sort = viewChild(MatSort);\n\n ngOnInit() {\n const model = this.model();\n this.dataSource = new TableDataSource(this.database(), model, this.sort());\n\n if (model) {\n this.displayedColumns = model.columns\n .filter((c) => c.displayed !== false)\n .map((c) => c.name);\n\n if (model.selectionCheckbox) {\n this.displayedColumns.unshift('selectionCheckbox');\n }\n if (model.actions && model.actions.length) {\n this.displayedColumns.push('action');\n }\n }\n\n this.selection.changed.subscribe((e) => this.select.emit(e));\n }\n\n ngAfterViewInit() {\n const filter = this.filter();\n if (filter) {\n fromEvent(filter.nativeElement, 'keyup')\n .pipe(debounceTime(150), distinctUntilChanged())\n .subscribe(() => {\n if (!this.dataSource) {\n return;\n }\n this.dataSource.filter = this.filter().nativeElement.value;\n });\n }\n }\n\n ngOnChanges(change) {\n if (change.database) {\n this.dataSource = new TableDataSource(\n this.database(),\n this.model(),\n this.sort()\n );\n this.selection.clear();\n }\n }\n\n getActionColor(colorId: number): string {\n return TableActionColor[colorId];\n }\n\n getValue(row, key) {\n return ObjectUtils.resolve(row, key);\n }\n\n /** Whether the number of selected elements matches the total number of rows. /\n isAllSelected() {\n const numSelected = this.selection.selected.length;\n const numRows = this.database().data.length;\n return numSelected === numRows;\n }\n\n /* Selects all rows if they are not all selected; otherwise clear selection. /\n masterToggle() {\n this.isAllSelected()\n ? this.selection.clear()\n : this.database().data.forEach((row) => this.selection.select(row));\n }\n\n handleClickAction(event, action, row) {\n event.stopPropagation();\n action.click(row);\n }\n}\n","<div class=\"table-box\">\n @if (hasFilterInput()) {\n <div class=\"table-header\">\n <mat-form-field floatPlaceholder=\"never\">\n <input\n matInput\n #filter\n [placeholder]=\"'igo.common.table.filter' \| translate\"\n />\n </mat-form-field>\n </div>\n }\n\n <div class=\"table-container\">\n <table mat-table #table [dataSource]=\"dataSource\" matSort>\n <!-- Checkbox Column -->\n <ng-container matColumnDef=\"selectionCheckbox\">\n <th mat-header-cell matHeaderCellDef>\n <mat-checkbox\n (change)=\"$event ? masterToggle() : null\"\n [checked]=\"selection.hasValue() && isAllSelected()\"\n [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n />\n </th>\n <td mat-cell matCellDef=\"let row\">\n <mat-checkbox\n (click)=\"$event.stopPropagation()\"\n (change)=\"$event ? selection.toggle(row) : null\"\n [checked]=\"selection.isSelected(row)\"\n />\n </td>\n </ng-container>\n\n @for (column of model().columns; track column) {\n <ng-container [matColumnDef]=\"column.name\">\n @if (column.sortable) {\n <th mat-header-cell matHeaderCellDef mat-sort-header>\n {{ column.title }}\n </th>\n }\n @if (!column.sortable) {\n <th mat-header-cell matHeaderCellDef>{{ column.title }}</th>\n }\n @if (!column.html) {\n <td\n mat-cell\n matCellDef=\"let row\"\n class=\"mat-cell-text\"\n [ngClass]=\"\n model().cellClassFunc ? model().cellClassFunc(row, column) : {}\n \"\n >\n {{ getValue(row, column.name) }}\n </td>\n } @else {\n <td\n mat-cell\n matCellDef=\"let row\"\n class=\"mat-cell-text\"\n [ngClass]=\"\n model().cellClassFunc ? model().cellClassFunc(row, column) : {}\n \"\n [innerHTML]=\"getValue(row, column.name)\"\n ></td>\n }\n </ng-container>\n }\n\n <!-- Action Column -->\n <ng-container matColumnDef=\"action\">\n <th mat-header-cell matHeaderCellDef></th>\n <td mat-cell matCellDef=\"let row\">\n @for (action of model().actions; track action) {\n <button\n mat-mini-fab\n [color]=\"getActionColor(action.color)\"\n (click)=\"handleClickAction($event, action, row)\"\n >\n <mat-icon>{{ action.icon }}</mat-icon>\n </button>\n }\n </td>\n </ng-container>\n\n <tr mat-header-row matHeaderRowDef=\"displayedColumns\"></tr>\n <tr\n mat-row\n matRowDef=\"let row; columns: displayedColumns\"\n [ngClass]=\"model().rowClassFunc ? model().rowClassFunc(row) : {}\"\n (click)=\"selection.toggle(row)\"\n ></tr>\n </table>\n </div>\n</div>\n","import { ModuleWithProviders, NgModule } from '@angular/core';\n\nimport { TableComponent } from './table.component';\n\n/\n @deprecated import the TableComponent directly\n /\n@NgModule({\n imports: [TableComponent],\n exports: [TableComponent]\n})\nexport class IgoTableModule {\n static forRoot(): ModuleWithProviders<IgoTableModule> {\n return {\n ngModule: IgoTableModule,\n providers: []\n };\n }\n}\n","import { BehaviorSubject } from 'rxjs';\n\nexport class TableDatabase {\n /* Stream that emits whenever the data has been modified. /\n dataChange: BehaviorSubject<any[]> = new BehaviorSubject<any[]>([]);\n get data(): any[] {\n return this.dataChange.value;\n }\n\n constructor(data?) {\n if (data) {\n this.dataChange.next(data);\n }\n }\n\n set(data) {\n this.dataChange.next(data);\n }\n\n add(item) {\n const copiedData = this.data.slice();\n copiedData.push(item);\n this.set(copiedData);\n }\n\n remove(item) {\n const copiedData = this.data.slice();\n const index = copiedData.indexOf(item);\n copiedData.splice(index, 1);\n this.set(copiedData);\n }\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"igo2-common-table.mjs","sources":["../../../packages/common/table/src/table-action-color.enum.ts","../../../packages/common/table/src/table-datasource.ts","../../../packages/common/table/src/table.component.ts","../../../packages/common/table/src/table.component.html","../../../packages/common/table/src/table.module.ts","../../../packages/common/table/src/table-database.ts","../../../packages/common/table/src/igo2-common-table.ts"],"sourcesContent":["export enum TableActionColor {\n primary,\n accent,\n warn\n}\n","import { DataSource } from '@angular/cdk/table';\nimport { MatSort } from '@angular/material/sort';\n\nimport { ObjectUtils } from '@igo2/utils';\n\nimport { BehaviorSubject, EMPTY, Observable, merge } from 'rxjs';\nimport { map, switchMap } from 'rxjs/operators';\n\nimport { TableDatabase } from './table-database';\nimport { TableModel } from './table-model.interface';\n\nexport class TableDataSource extends DataSource<any> {\n get filter(): string {\n return this._filterChange.value;\n }\n set filter(filter: string) {\n this._filterChange.next(filter);\n }\n private _filterChange = new BehaviorSubject('');\n\n private _sort$ = new BehaviorSubject<MatSort \| undefined>(undefined);\n\n set sort(sort: MatSort \| undefined) {\n this._sort$.next(sort);\n }\n\n constructor(\n private _database: TableDatabase,\n private _model: TableModel\n ) {\n super();\n }\n\n // Connect function called by the table to retrieve one stream containing\n // the data to render.\n connect(): Observable<any[]> {\n if (!this._database) {\n return merge([]);\n }\n const sortChange$ = this._sort$.pipe(\n switchMap((sort) => (sort ? sort.sortChange : EMPTY))\n );\n\n return merge(\n this._database.dataChange,\n this._filterChange,\n sortChange$\n ).pipe(\n map(() => this.getFilteredData(this._database.data)),\n map((data) => this.getSortedData(data))\n );\n }\n\n disconnect() {\n // empty\n }\n\n getFilteredData(data: any[]): any[] {\n if (!this.filter) {\n return data;\n }\n return data.slice().filter((item: any) => {\n const searchStr: string = this._model.columns\n .filter((c) => c.filterable)\n .map((c) => ObjectUtils.resolve(item, c.name))\n .join(' ')\n .toLowerCase();\n\n return searchStr.indexOf(this.filter.toLowerCase()) !== -1;\n });\n }\n\n getSortedData(data: any[]): any[] {\n const sort = this._sort$.value;\n if (!sort \|\| !sort.active \|\| sort.direction === '') {\n return data;\n }\n\n return data.sort((a, b) => {\n const propertyA: number \| string = ObjectUtils.resolve(a, sort.active) as\n \| number\n \| string;\n const propertyB: number \| string = ObjectUtils.resolve(b, sort.active) as\n \| number\n \| string;\n\n return ObjectUtils.naturalCompare(propertyB, propertyA, sort.direction);\n });\n }\n}\n","import { SelectionModel } from '@angular/cdk/collections';\nimport { NgClass } from '@angular/common';\nimport {\n Component,\n ElementRef,\n afterNextRender,\n computed,\n effect,\n input,\n output,\n viewChild\n} from '@angular/core';\nimport { MatButtonModule } from '@angular/material/button';\nimport { MatCheckboxModule } from '@angular/material/checkbox';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\nimport { MatSort, MatSortModule } from '@angular/material/sort';\nimport { MatTableModule } from '@angular/material/table';\n\nimport { IgoLanguageModule } from '@igo2/core/language';\nimport { ObjectUtils } from '@igo2/utils';\n\nimport { fromEvent } from 'rxjs';\nimport { debounceTime, distinctUntilChanged } from 'rxjs/operators';\n\nimport { TableActionColor } from './table-action-color.enum';\nimport { TableDatabase } from './table-database';\nimport { TableDataSource } from './table-datasource';\nimport { TableModel } from './table-model.interface';\n\n@Component({\n selector: 'igo-table',\n templateUrl: './table.component.html',\n styleUrls: ['./table.component.scss'],\n imports: [\n MatFormFieldModule,\n MatInputModule,\n MatTableModule,\n MatSortModule,\n MatCheckboxModule,\n NgClass,\n MatButtonModule,\n MatIconModule,\n IgoLanguageModule\n ]\n})\nexport class TableComponent {\n readonly database = input.required<TableDatabase>();\n readonly model = input.required<TableModel>();\n readonly hasFilterInput = input(true);\n\n public selection = new SelectionModel<any>(true, []);\n\n readonly select = output<{\n added: any[];\n removed: any[];\n source: SelectionModel<any>;\n }>();\n\n readonly filter = viewChild<ElementRef>('filter');\n readonly sort = viewChild(MatSort);\n\n readonly displayedColumns = computed(() => {\n const model = this.model();\n const cols = model.columns\n .filter((c) => c.displayed !== false)\n .map((c) => c.name);\n if (model.selectionCheckbox) {\n cols.unshift('selectionCheckbox');\n }\n if (model.actions?.length) {\n cols.push('action');\n }\n return cols;\n });\n\n readonly dataSource = computed(\n () => new TableDataSource(this.database(), this.model())\n );\n\n constructor() {\n effect(() => {\n this.dataSource().sort = this.sort();\n });\n\n this.selection.changed.subscribe((e) => this.select.emit(e));\n\n afterNextRender(() => {\n const filter = this.filter();\n if (filter) {\n fromEvent(filter.nativeElement, 'keyup')\n .pipe(debounceTime(150), distinctUntilChanged())\n .subscribe(() => {\n this.dataSource().filter = filter.nativeElement.value;\n });\n }\n });\n }\n\n getActionColor(colorId: number): string {\n return TableActionColor[colorId];\n }\n\n getValue(row: any, key: string): any {\n return ObjectUtils.resolve(row, key);\n }\n\n /** Whether the number of selected elements matches the total number of rows. /\n isAllSelected(): boolean {\n const numSelected = this.selection.selected.length;\n const database = this.database();\n const numRows = database ? database.data.length : 0;\n return numSelected === numRows;\n }\n\n /* Selects all rows if they are not all selected; otherwise clear selection. /\n masterToggle() {\n const database = this.database();\n if (!database) {\n return;\n }\n this.isAllSelected()\n ? this.selection.clear()\n : database.data.forEach((row) => this.selection.select(row));\n }\n\n handleClickAction(event: MouseEvent, action: any, row: any) {\n event.stopPropagation();\n action.click(row);\n }\n}\n","<div class=\"table-box\">\n @if (hasFilterInput()) {\n <div class=\"table-header\">\n <mat-form-field floatPlaceholder=\"never\">\n <input\n matInput\n #filter\n [placeholder]=\"'igo.common.table.filter' \| translate\"\n />\n </mat-form-field>\n </div>\n }\n\n <div class=\"table-container\">\n <table mat-table #table [dataSource]=\"dataSource()\" matSort>\n <!-- Checkbox Column -->\n <ng-container matColumnDef=\"selectionCheckbox\">\n <th mat-header-cell matHeaderCellDef>\n <mat-checkbox\n (change)=\"$event ? masterToggle() : null\"\n [checked]=\"selection.hasValue() && isAllSelected()\"\n [indeterminate]=\"selection.hasValue() && !isAllSelected()\"\n />\n </th>\n <td mat-cell matCellDef=\"let row\">\n <mat-checkbox\n (click)=\"$event.stopPropagation()\"\n (change)=\"$event ? selection.toggle(row) : null\"\n [checked]=\"selection.isSelected(row)\"\n />\n </td>\n </ng-container>\n\n @for (column of model().columns; track column) {\n <ng-container [matColumnDef]=\"column.name\">\n @if (column.sortable) {\n <th mat-header-cell matHeaderCellDef mat-sort-header>\n {{ column.title }}\n </th>\n }\n @if (!column.sortable) {\n <th mat-header-cell matHeaderCellDef>{{ column.title }}</th>\n }\n @if (!column.html) {\n <td\n mat-cell\n matCellDef=\"let row\"\n class=\"mat-cell-text\"\n [ngClass]=\"model().cellClassFunc?.(row, column)\"\n >\n {{ getValue(row, column.name) }}\n </td>\n } @else {\n <td\n mat-cell\n matCellDef=\"let row\"\n class=\"mat-cell-text\"\n [ngClass]=\"model().cellClassFunc?.(row, column)\"\n [innerHTML]=\"getValue(row, column.name)\"\n ></td>\n }\n </ng-container>\n }\n\n <!-- Action Column -->\n <ng-container matColumnDef=\"action\">\n <th mat-header-cell matHeaderCellDef></th>\n <td mat-cell matCellDef=\"let row\">\n @for (action of model().actions; track action) {\n <button\n mat-mini-fab\n [color]=\"getActionColor(action.color!)\"\n (click)=\"handleClickAction($event, action, row)\"\n >\n <mat-icon>{{ action.icon }}</mat-icon>\n </button>\n }\n </td>\n </ng-container>\n\n <tr mat-header-row matHeaderRowDef=\"displayedColumns()\"></tr>\n <tr\n mat-row\n matRowDef=\"let row; columns: displayedColumns()\"\n [ngClass]=\"model().rowClassFunc?.(row)\"\n (click)=\"selection.toggle(row)\"\n ></tr>\n </table>\n </div>\n</div>\n","import { ModuleWithProviders, NgModule } from '@angular/core';\n\nimport { TableComponent } from './table.component';\n\n/\n @deprecated import the TableComponent directly\n /\n@NgModule({\n imports: [TableComponent],\n exports: [TableComponent]\n})\nexport class IgoTableModule {\n static forRoot(): ModuleWithProviders<IgoTableModule> {\n return {\n ngModule: IgoTableModule,\n providers: []\n };\n }\n}\n","import { BehaviorSubject } from 'rxjs';\n\nexport class TableDatabase {\n /* Stream that emits whenever the data has been modified. /\n dataChange: BehaviorSubject<any[]> = new BehaviorSubject<any[]>([]);\n get data(): any[] {\n return this.dataChange.value;\n }\n\n constructor(data?: any[]) {\n if (data) {\n this.dataChange.next(data);\n }\n }\n\n set(data: any[]) {\n this.dataChange.next(data);\n }\n\n add(item: any) {\n const copiedData = this.data.slice();\n copiedData.push(item);\n this.set(copiedData);\n }\n\n remove(item: any) {\n const copiedData = this.data.slice();\n const index = copiedData.indexOf(item);\n copiedData.splice(index, 1);\n this.set(copiedData);\n }\n}\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;IAAY;AAAZ,CAAA,UAAY,gBAAgB,EAAA;AAC1B,IAAA,gBAAA,CAAA,gBAAA,CAAA,SAAA,CAAA,GAAA,CAAA,CAAA,GAAA,SAAO;AACP,IAAA,gBAAA,CAAA,gBAAA,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAM;AACN,IAAA,gBAAA,CAAA,gBAAA,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAI;AACN,CAAC,EAJW,gBAAgB,KAAhB,gBAAgB,GAAA,EAAA,CAAA,CAAA;;ACWtB,MAAO,eAAgB,SAAQ,UAAe,CAAA;AAgBxC,IAAA,SAAA;AACA,IAAA,MAAA;AAhBV,IAAA,IAAI,MAAM,GAAA;AACR,QAAA,OAAO,IAAI,CAAC,aAAa,CAAC,KAAK;IACjC;IACA,IAAI,MAAM,CAAC,MAAc,EAAA;AACvB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC;IACjC;AACQ,IAAA,aAAa,GAAG,IAAI,eAAe,CAAC,EAAE,CAAC;AAEvC,IAAA,MAAM,GAAG,IAAI,eAAe,CAAsB,SAAS,CAAC;IAEpE,IAAI,IAAI,CAAC,IAAyB,EAAA;AAChC,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC;IACxB;IAEA,WAAA,CACU,SAAwB,EACxB,MAAkB,EAAA;AAE1B,QAAA,KAAK,EAAE;QAHC,IAAA,CAAA,SAAS,GAAT,SAAS;QACT,IAAA,CAAA,MAAM,GAAN,MAAM;IAGhB;;;IAIA,OAAO,GAAA;AACL,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;AACnB,YAAA,OAAO,KAAK,CAAC,EAAE,CAAC;QAClB;AACA,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAClC,SAAS,CAAC,CAAC,IAAI,MAAM,IAAI,GAAG,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,CAAC,CACtD;QAED,OAAO,KAAK,CACV,IAAI,CAAC,SAAS,CAAC,UAAU,EACzB,IAAI,CAAC,aAAa,EAClB,WAAW,CACZ,CAAC,IAAI,CACJ,GAAG,CAAC,MAAM,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,EACpD,GAAG,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CACxC;IACH;IAEA,UAAU,GAAA;;IAEV;AAEA,IAAA,eAAe,CAAC,IAAW,EAAA;AACzB,QAAA,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE;AAChB,YAAA,OAAO,IAAI;QACb;QACA,OAAO,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM,CAAC,CAAC,IAAS,KAAI;AACvC,YAAA,MAAM,SAAS,GAAW,IAAI,CAAC,MAAM,CAAC;iBACnC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU;AAC1B,iBAAA,GAAG,CAAC,CAAC,CAAC,KAAK,WAAW,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC;iBAC5C,IAAI,CAAC,GAAG;AACR,iBAAA,WAAW,EAAE;AAEhB,YAAA,OAAO,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;AAC5D,QAAA,CAAC,CAAC;IACJ;AAEA,IAAA,aAAa,CAAC,IAAW,EAAA;AACvB,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK;AAC9B,QAAA,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,KAAK,EAAE,EAAE;AAClD,YAAA,OAAO,IAAI;QACb;QAEA,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAI;AACxB,YAAA,MAAM,SAAS,GAAoB,WAAW,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,CAE3D;AACV,YAAA,MAAM,SAAS,GAAoB,WAAW,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,CAE3D;AAEV,YAAA,OAAO,WAAW,CAAC,cAAc,CAAC,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC;AACzE,QAAA,CAAC,CAAC;IACJ;AACD;;MC1CY,cAAc,CAAA;AAChB,IAAA,QAAQ,GAAG,KAAK,CAAC,QAAQ,8EAAiB;AAC1C,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,2EAAc;AACpC,IAAA,cAAc,GAAG,KAAK,CAAC,IAAI,qFAAC;IAE9B,SAAS,GAAG,IAAI,cAAc,CAAM,IAAI,EAAE,EAAE,CAAC;IAE3C,MAAM,GAAG,MAAM,EAIpB;AAEK,IAAA,MAAM,GAAG,SAAS,CAAa,QAAQ,6EAAC;AACxC,IAAA,IAAI,GAAG,SAAS,CAAC,OAAO,2EAAC;AAEzB,IAAA,gBAAgB,GAAG,QAAQ,CAAC,MAAK;AACxC,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;AAC1B,QAAA,MAAM,IAAI,GAAG,KAAK,CAAC;aAChB,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,KAAK,KAAK;aACnC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC;AACrB,QAAA,IAAI,KAAK,CAAC,iBAAiB,EAAE;AAC3B,YAAA,IAAI,CAAC,OAAO,CAAC,mBAAmB,CAAC;QACnC;AACA,QAAA,IAAI,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE;AACzB,YAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;QACrB;AACA,QAAA,OAAO,IAAI;AACb,IAAA,CAAC,uFAAC;IAEO,UAAU,GAAG,QAAQ,CAC5B,MAAM,IAAI,eAAe,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,iFACzD;AAED,IAAA,WAAA,GAAA;QACE,MAAM,CAAC,MAAK;YACV,IAAI,CAAC,UAAU,EAAE,CAAC,IAAI,GAAG,IAAI,CAAC,IAAI,EAAE;AACtC,QAAA,CAAC,CAAC;QAEF,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;QAE5D,eAAe,CAAC,MAAK;AACnB,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE;YAC5B,IAAI,MAAM,EAAE;AACV,gBAAA,SAAS,CAAC,MAAM,CAAC,aAAa,EAAE,OAAO;qBACpC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,oBAAoB,EAAE;qBAC9C,SAAS,CAAC,MAAK;oBACd,IAAI,CAAC,UAAU,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,aAAa,CAAC,KAAK;AACvD,gBAAA,CAAC,CAAC;YACN;AACF,QAAA,CAAC,CAAC;IACJ;AAEA,IAAA,cAAc,CAAC,OAAe,EAAA;AAC5B,QAAA,OAAO,gBAAgB,CAAC,OAAO,CAAC;IAClC;IAEA,QAAQ,CAAC,GAAQ,EAAE,GAAW,EAAA;QAC5B,OAAO,WAAW,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC;IACtC;;IAGA,aAAa,GAAA;QACX,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,MAAM;AAClD,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE;AAChC,QAAA,MAAM,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC;QACnD,OAAO,WAAW,KAAK,OAAO;IAChC;;IAGA,YAAY,GAAA;AACV,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,EAAE;QAChC,IAAI,CAAC,QAAQ,EAAE;YACb;QACF;QACA,IAAI,CAAC,aAAa;AAChB,cAAE,IAAI,CAAC,SAAS,CAAC,KAAK;cACpB,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,KAAK,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAChE;AAEA,IAAA,iBAAiB,CAAC,KAAiB,EAAE,MAAW,EAAE,GAAQ,EAAA;QACxD,KAAK,CAAC,eAAe,EAAE;AACvB,QAAA,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;IACnB;wGAnFW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,QAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,QAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,MAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAcC,OAAO,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC7DnC,m7FA0FA,2lBDtDI,kBAAkB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAClB,cAAc,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,yHAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,IAAA,EAAA,aAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,mBAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACd,cAAc,sgCACd,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,eAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,qBAAA,EAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,eAAA,EAAA,OAAA,EAAA,UAAA,EAAA,uBAAA,EAAA,cAAA,CAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACb,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,WAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,eAAA,EAAA,WAAA,EAAA,IAAA,EAAA,UAAA,EAAA,eAAA,EAAA,MAAA,EAAA,OAAA,EAAA,eAAA,EAAA,UAAA,EAAA,OAAA,EAAA,qBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,QAAA,EAAA,qBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACjB,OAAO,mFACP,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,0EAAA,EAAA,QAAA,EAAA,CAAA,WAAA,EAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACf,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACb,iBAAiB,EAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,IAAA,EAAA,WAAA,EAAA,CAAA,EAAA,CAAA;;4FAGR,cAAc,EAAA,UAAA,EAAA,CAAA;kBAhB1B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EAAA,OAAA,EAGZ;wBACP,kBAAkB;wBAClB,cAAc;wBACd,cAAc;wBACd,aAAa;wBACb,iBAAiB;wBACjB,OAAO;wBACP,eAAe;wBACf,aAAa;wBACb;AACD,qBAAA,EAAA,QAAA,EAAA,m7FAAA,EAAA,MAAA,EAAA,CAAA,oiBAAA,CAAA,EAAA;AAeuC,SAAA,CAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,cAAA,EAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,CAAA,QAAA,CAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,CAAA,QAAQ,kFACtB,OAAO,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AEzDnC;;AAEG;MAKU,cAAc,CAAA;AACzB,IAAA,OAAO,OAAO,GAAA;QACZ,OAAO;AACL,YAAA,QAAQ,EAAE,cAAc;AACxB,YAAA,SAAS,EAAE;SACZ;IACH;wGANW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;yGAAd,cAAc,EAAA,OAAA,EAAA,CAHf,cAAc,CAAA,EAAA,OAAA,EAAA,CACd,cAAc,CAAA,EAAA,CAAA;AAEb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,YAHf,cAAc,CAAA,EAAA,CAAA;;4FAGb,cAAc,EAAA,UAAA,EAAA,CAAA;kBAJ1B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,OAAO,EAAE,CAAC,cAAc,CAAC;oBACzB,OAAO,EAAE,CAAC,cAAc;AACzB,iBAAA;;;MCRY,aAAa,CAAA;;AAExB,IAAA,UAAU,GAA2B,IAAI,eAAe,CAAQ,EAAE,CAAC;AACnE,IAAA,IAAI,IAAI,GAAA;AACN,QAAA,OAAO,IAAI,CAAC,UAAU,CAAC,KAAK;IAC9B;AAEA,IAAA,WAAA,CAAY,IAAY,EAAA;QACtB,IAAI,IAAI,EAAE;AACR,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;QAC5B;IACF;AAEA,IAAA,GAAG,CAAC,IAAW,EAAA;AACb,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;IAC5B;AAEA,IAAA,GAAG,CAAC,IAAS,EAAA;QACX,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AACpC,QAAA,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;AACrB,QAAA,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC;IACtB;AAEA,IAAA,MAAM,CAAC,IAAS,EAAA;QACd,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;QACpC,MAAM,KAAK,GAAG,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC;AACtC,QAAA,UAAU,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;AAC3B,QAAA,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC;IACtB;AACD;;AC/BD;;AAEG;;;;"}

package/fesm2022/igo2-common-timepicker.mjs CHANGED Viewed

@@ -11,11 +11,11 @@ import { combineLatest } from 'rxjs';
 import { startWith } from 'rxjs/operators';
 class TimepickerComponent {
-    value = input(undefined, ...(ngDevMode ? [{ debugName: "value" }] : []));
-    hourInputLabel = input('Hour', ...(ngDevMode ? [{ debugName: "hourInputLabel" }] : []));
-    minuteInputLabel = input('Minute', ...(ngDevMode ? [{ debugName: "minuteInputLabel" }] : []));
-    minHour = input(undefined, ...(ngDevMode ? [{ debugName: "minHour" }] : []));
-    maxHour = input(undefined, ...(ngDevMode ? [{ debugName: "maxHour" }] : []));
+    value = input(...(ngDevMode ? [undefined, { debugName: "value" }] : /* istanbul ignore next */ []));
+    hourInputLabel = input('Hour', ...(ngDevMode ? [{ debugName: "hourInputLabel" }] : /* istanbul ignore next */ []));
+    minuteInputLabel = input('Minute', ...(ngDevMode ? [{ debugName: "minuteInputLabel" }] : /* istanbul ignore next */ []));
+    minHour = input(...(ngDevMode ? [undefined, { debugName: "minHour" }] : /* istanbul ignore next */ []));
+    maxHour = input(...(ngDevMode ? [undefined, { debugName: "maxHour" }] : /* istanbul ignore next */ []));
     set disabled(value) {
         this._disabled = value;
         this.setDisabledState();
@@ -25,7 +25,7 @@ class TimepickerComponent {
     }
     _disabled = false;
     /** interval in minutes*/
-    interval = input(1, ...(ngDevMode ? [{ debugName: "interval" }] : []));
+    interval = input(1, ...(ngDevMode ? [{ debugName: "interval" }] : /* istanbul ignore next */ []));
     valueChange = output();
     hourFormControl;
     minuteFormControl;
@@ -52,14 +52,13 @@ class TimepickerComponent {
         const date = resolveDate(this.value() ?? new Date());
         const hours = date.getHours();
         const minutes = date.getMinutes();
-        this.hourFormControl = new FormControl({
-            value: hours,
-            disabled: this.disabled || isTimeFrame(this.value())
+        this.hourFormControl = new FormControl(hours, {
+            nonNullable: true
         });
-        this.minuteFormControl = new FormControl({
-            value: minutes,
-            disabled: this.disabled || isTimeFrame(this.value())
+        this.minuteFormControl = new FormControl(minutes, {
+            nonNullable: true
         });
+        this.setDisabledState();
         combineLatest([
             this.hourFormControl.valueChanges.pipe(startWith(hours)),
             this.minuteFormControl.valueChanges.pipe(startWith(minutes))
@@ -82,10 +81,10 @@ class TimepickerComponent {
             ? control.disable({ emitEvent: false })
             : control.enable({ emitEvent: false });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TimepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.19", type: TimepickerComponent, isStandalone: true, selector: "igo-timepicker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, hourInputLabel: { classPropertyName: "hourInputLabel", publicName: "hourInputLabel", isSignal: true, isRequired: false, transformFunction: null }, minuteInputLabel: { classPropertyName: "minuteInputLabel", publicName: "minuteInputLabel", isSignal: true, isRequired: false, transformFunction: null }, minHour: { classPropertyName: "minHour", publicName: "minHour", isSignal: true, isRequired: false, transformFunction: null }, maxHour: { classPropertyName: "maxHour", publicName: "maxHour", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, interval: { classPropertyName: "interval", publicName: "interval", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<mat-form-field class=\"hour-input\" subscriptSizing=\"dynamic\">\n  <mat-label>{{ hourInputLabel() }}</mat-label>\n  <mat-select name=\"hour\" [formControl]=\"hourFormControl\">\n    @for (hour of hours; track hour) {\n      <mat-option [value]=\"hour\">\n        {{ hour }}\n      </mat-option>\n    }\n  </mat-select>\n</mat-form-field>\n<mat-form-field class=\"minute-input\" subscriptSizing=\"dynamic\">\n  <mat-label>{{ minuteInputLabel() }}</mat-label>\n  <mat-select name=\"minute\" [formControl]=\"minuteFormControl\">\n    @for (minute of minutes; track minute) {\n      <mat-option [value]=\"minute\">\n        {{ minute }}\n      </mat-option>\n    }\n  </mat-select>\n</mat-form-field>\n", styles: [":host{display:flex;gap:8px;align-items:center}:host .hour-input,:host .minute-input{width:84px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TimepickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: TimepickerComponent, isStandalone: true, selector: "igo-timepicker", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, hourInputLabel: { classPropertyName: "hourInputLabel", publicName: "hourInputLabel", isSignal: true, isRequired: false, transformFunction: null }, minuteInputLabel: { classPropertyName: "minuteInputLabel", publicName: "minuteInputLabel", isSignal: true, isRequired: false, transformFunction: null }, minHour: { classPropertyName: "minHour", publicName: "minHour", isSignal: true, isRequired: false, transformFunction: null }, maxHour: { classPropertyName: "maxHour", publicName: "maxHour", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: false, isRequired: false, transformFunction: null }, interval: { classPropertyName: "interval", publicName: "interval", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<mat-form-field class=\"hour-input\" subscriptSizing=\"dynamic\">\n  <mat-label>{{ hourInputLabel() }}</mat-label>\n  <mat-select name=\"hour\" [formControl]=\"hourFormControl\">\n    @for (hour of hours; track hour) {\n      <mat-option [value]=\"hour\">\n        {{ hour }}\n      </mat-option>\n    }\n  </mat-select>\n</mat-form-field>\n<mat-form-field class=\"minute-input\" subscriptSizing=\"dynamic\">\n  <mat-label>{{ minuteInputLabel() }}</mat-label>\n  <mat-select name=\"minute\" [formControl]=\"minuteFormControl\">\n    @for (minute of minutes; track minute) {\n      <mat-option [value]=\"minute\">\n        {{ minute }}\n      </mat-option>\n    }\n  </mat-select>\n</mat-form-field>\n", styles: [":host{display:flex;gap:8px;align-items:center}:host .hour-input,:host .minute-input{width:84px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i3.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.19", ngImport: i0, type: TimepickerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: TimepickerComponent, decorators: [{
             type: Component,
             args: [{ selector: 'igo-timepicker', imports: [
                         FormsModule,

package/fesm2022/igo2-common-timepicker.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"igo2-common-timepicker.mjs","sources":["../../../packages/common/timepicker/src/timepicker.component.ts","../../../packages/common/timepicker/src/timepicker.component.html","../../../packages/common/timepicker/src/igo2-common-timepicker.ts"],"sourcesContent":["import { Component, Input, OnInit, input, output } from '@angular/core';\nimport { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatSelectModule } from '@angular/material/select';\n\nimport { TimeFrame, isTimeFrame, resolveDate } from '@igo2/utils';\n\nimport { combineLatest } from 'rxjs';\nimport { startWith } from 'rxjs/operators';\n\n@Component({\n selector: 'igo-timepicker',\n templateUrl: './timepicker.component.html',\n styleUrls: ['./timepicker.component.scss'],\n imports: [\n FormsModule,\n MatFormFieldModule,\n ReactiveFormsModule,\n MatSelectModule\n ]\n})\nexport class TimepickerComponent implements OnInit {\n readonly value = input<Date \| TimeFrame>(undefined);\n readonly hourInputLabel = input<string>('Hour');\n readonly minuteInputLabel = input<string>('Minute');\n\n readonly minHour = input<number \| undefined>(undefined);\n readonly maxHour = input<number \| undefined>(undefined);\n\n @Input()\n set disabled(value: boolean) {\n this._disabled = value;\n this.setDisabledState();\n }\n get disabled(): boolean {\n return this._disabled;\n }\n private _disabled = false;\n\n /** interval in minutes/\n readonly interval = input<number>(1);\n readonly valueChange = output<{\n hour: number;\n minute: number;\n }>();\n\n hourFormControl: FormControl<number>;\n minuteFormControl: FormControl<number>;\n\n get hours(): number[] {\n const step = this.interval() >= 60 ? this.interval() / 60 : 1;\n const fullHours = Array.from(\n { length: Math.ceil(24 / step) },\n (_, i) => i step\n );\n\n return fullHours.filter((hour) => {\n const minHour = this.minHour();\n if (minHour !== undefined && hour < minHour) return false;\n const maxHour = this.maxHour();\n if (maxHour !== undefined && hour > maxHour) return false;\n return true;\n });\n }\n\n get minutes(): number[] {\n const minuteStep = this.interval() < 60 ? this.interval() : 0;\n return minuteStep > 0\n ? Array.from(\n { length: Math.ceil(60 / minuteStep) },\n (_, i) => i * minuteStep\n )\n : [0];\n }\n\n ngOnInit(): void {\n const date = resolveDate(this.value() ?? new Date());\n const hours = date.getHours();\n const minutes = date.getMinutes();\n this.hourFormControl = new FormControl({\n value: hours,\n disabled: this.disabled \|\| isTimeFrame(this.value())\n });\n this.minuteFormControl = new FormControl({\n value: minutes,\n disabled: this.disabled \|\| isTimeFrame(this.value())\n });\n\n combineLatest([\n this.hourFormControl.valueChanges.pipe(startWith(hours)),\n this.minuteFormControl.valueChanges.pipe(startWith(minutes))\n ]).subscribe(([hour, minute]) => this.valueChange.emit({ hour, minute }));\n }\n\n reset(value: Date \| TimeFrame): void {\n const date = resolveDate(value);\n this.hourFormControl.setValue(date.getHours(), { emitEvent: false });\n this.minuteFormControl.setValue(date.getMinutes(), { emitEvent: false });\n }\n\n private setDisabledState(): void {\n if (!this.hourFormControl \|\| !this.minuteFormControl) return;\n const disabled = this.disabled \|\| isTimeFrame(this.value());\n this.toggleDisabled(this.hourFormControl, disabled);\n this.toggleDisabled(this.minuteFormControl, disabled);\n }\n\n private toggleDisabled(control: FormControl, disabled: boolean): void {\n disabled\n ? control.disable({ emitEvent: false })\n : control.enable({ emitEvent: false });\n }\n}\n","<mat-form-field class=\"hour-input\" subscriptSizing=\"dynamic\">\n <mat-label>{{ hourInputLabel() }}</mat-label>\n <mat-select name=\"hour\" [formControl]=\"hourFormControl\">\n @for (hour of hours; track hour) {\n <mat-option [value]=\"hour\">\n {{ hour }}\n </mat-option>\n }\n </mat-select>\n</mat-form-field>\n<mat-form-field class=\"minute-input\" subscriptSizing=\"dynamic\">\n <mat-label>{{ minuteInputLabel() }}</mat-label>\n <mat-select name=\"minute\" [formControl]=\"minuteFormControl\">\n @for (minute of minutes; track minute) {\n <mat-option [value]=\"minute\">\n {{ minute }}\n </mat-option>\n }\n </mat-select>\n</mat-form-field>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"igo2-common-timepicker.mjs","sources":["../../../packages/common/timepicker/src/timepicker.component.ts","../../../packages/common/timepicker/src/timepicker.component.html","../../../packages/common/timepicker/src/igo2-common-timepicker.ts"],"sourcesContent":["import { Component, Input, OnInit, input, output } from '@angular/core';\nimport { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatSelectModule } from '@angular/material/select';\n\nimport { TimeFrame, isTimeFrame, resolveDate } from '@igo2/utils';\n\nimport { combineLatest } from 'rxjs';\nimport { startWith } from 'rxjs/operators';\n\n@Component({\n selector: 'igo-timepicker',\n templateUrl: './timepicker.component.html',\n styleUrls: ['./timepicker.component.scss'],\n imports: [\n FormsModule,\n MatFormFieldModule,\n ReactiveFormsModule,\n MatSelectModule\n ]\n})\nexport class TimepickerComponent implements OnInit {\n readonly value = input<Date \| TimeFrame>();\n readonly hourInputLabel = input<string>('Hour');\n readonly minuteInputLabel = input<string>('Minute');\n\n readonly minHour = input<number>();\n readonly maxHour = input<number>();\n\n @Input()\n set disabled(value: boolean) {\n this._disabled = value;\n this.setDisabledState();\n }\n get disabled(): boolean {\n return this._disabled;\n }\n private _disabled = false;\n\n /** interval in minutes/\n readonly interval = input<number>(1);\n readonly valueChange = output<{\n hour: number;\n minute: number;\n }>();\n\n hourFormControl!: FormControl<number>;\n minuteFormControl!: FormControl<number>;\n\n get hours(): number[] {\n const step = this.interval() >= 60 ? this.interval() / 60 : 1;\n const fullHours = Array.from(\n { length: Math.ceil(24 / step) },\n (_, i) => i step\n );\n\n return fullHours.filter((hour) => {\n const minHour = this.minHour();\n if (minHour !== undefined && hour < minHour) return false;\n const maxHour = this.maxHour();\n if (maxHour !== undefined && hour > maxHour) return false;\n return true;\n });\n }\n\n get minutes(): number[] {\n const minuteStep = this.interval() < 60 ? this.interval() : 0;\n return minuteStep > 0\n ? Array.from(\n { length: Math.ceil(60 / minuteStep) },\n (_, i) => i * minuteStep\n )\n : [0];\n }\n\n ngOnInit(): void {\n const date = resolveDate(this.value() ?? new Date())!;\n const hours = date.getHours();\n const minutes = date.getMinutes();\n this.hourFormControl = new FormControl(hours, {\n nonNullable: true\n });\n this.minuteFormControl = new FormControl(minutes, {\n nonNullable: true\n });\n this.setDisabledState();\n\n combineLatest([\n this.hourFormControl.valueChanges.pipe(startWith(hours)),\n this.minuteFormControl.valueChanges.pipe(startWith(minutes))\n ]).subscribe(([hour, minute]) => this.valueChange.emit({ hour, minute }));\n }\n\n reset(value: Date \| TimeFrame): void {\n const date = resolveDate(value)!;\n this.hourFormControl.setValue(date.getHours(), { emitEvent: false });\n this.minuteFormControl.setValue(date.getMinutes(), { emitEvent: false });\n }\n\n private setDisabledState(): void {\n if (!this.hourFormControl \|\| !this.minuteFormControl) return;\n const disabled = this.disabled \|\| isTimeFrame(this.value() as any);\n this.toggleDisabled(this.hourFormControl, disabled);\n this.toggleDisabled(this.minuteFormControl, disabled);\n }\n\n private toggleDisabled(control: FormControl, disabled: boolean): void {\n disabled\n ? control.disable({ emitEvent: false })\n : control.enable({ emitEvent: false });\n }\n}\n","<mat-form-field class=\"hour-input\" subscriptSizing=\"dynamic\">\n <mat-label>{{ hourInputLabel() }}</mat-label>\n <mat-select name=\"hour\" [formControl]=\"hourFormControl\">\n @for (hour of hours; track hour) {\n <mat-option [value]=\"hour\">\n {{ hour }}\n </mat-option>\n }\n </mat-select>\n</mat-form-field>\n<mat-form-field class=\"minute-input\" subscriptSizing=\"dynamic\">\n <mat-label>{{ minuteInputLabel() }}</mat-label>\n <mat-select name=\"minute\" [formControl]=\"minuteFormControl\">\n @for (minute of minutes; track minute) {\n <mat-option [value]=\"minute\">\n {{ minute }}\n </mat-option>\n }\n </mat-select>\n</mat-form-field>\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":"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"}