@odx/angular 2.16.1 → 3.1.0

package/esm2022/components/table/lib/components/header-title/header-title.component.mjs

@@ -0,0 +1,83 @@
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, inject, Input, ViewEncapsulation } from '@angular/core';
+import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
+import { CheckboxComponent } from '@odx/angular/components/checkbox';
+import { untilDestroyed } from '@odx/angular/utils';
+import { tap } from 'rxjs';
+import { TableSortVariant } from '../../models/sort-variant';
+import { TABLE } from '../../table.config';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+export class HeaderTitleComponent {
+    constructor() {
+        this.table = inject(TABLE);
+        this.cdr = inject(ChangeDetectorRef);
+        this.takeUntilDestroyed = untilDestroyed();
+        this.sortStatus = this.getSortStatus;
+        this.test = true;
+        this.checkForm = new FormGroup({ check: new FormControl(false) });
+    }
+    get getSortStatus() {
+        return { column: this.item?.name, sortVariant: TableSortVariant.UNSORTED };
+    }
+    get sortIcon() {
+        return this.sortStatus.sortVariant;
+    }
+    sortColumn() {
+        if (!this.item?.sortable)
+            return;
+        switch (this.sortStatus.sortVariant) {
+            case TableSortVariant.DESC:
+            case TableSortVariant.UNSORTED:
+                this.table.clearSort();
+                this.sortStatus = { ...this.sortStatus, sortVariant: TableSortVariant.ASC };
+                break;
+            case TableSortVariant.ASC:
+                this.table.clearSort();
+                this.sortStatus = { ...this.sortStatus, sortVariant: TableSortVariant.DESC };
+                break;
+        }
+        this.table.sorted.emit(this.sortStatus);
+    }
+    clearSortStatus() {
+        this.sortStatus = { column: this.item?.name, sortVariant: TableSortVariant.UNSORTED };
+        this.check();
+    }
+    get selected() {
+        return this.table.data.filter((d) => d[this.item.name]).length;
+    }
+    check() {
+        this.cdr.markForCheck();
+    }
+    get checked() {
+        const column = this.table.headerData.find((h) => h.check)?.name;
+        return this.table.data.every((item) => column && item[column]);
+    }
+    ngOnInit() {
+        this.checkBoxListener();
+    }
+    checkBoxListener() {
+        if (!this.item.check)
+            return;
+        this.checkForm
+            .get('check')
+            ?.valueChanges.pipe(this.takeUntilDestroyed(), tap((check) => this.table.checked.emit({ column: this.item.name, check: !!check })))
+            .subscribe();
+    }
+    get indeterminate() {
+        const column = this.table.headerData.find((h) => h.check)?.name;
+        const { length } = this.table.data;
+        const unchecked = length - this.table.data.filter((item) => column && item[column]).length;
+        return unchecked > 0 && unchecked < length;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: HeaderTitleComponent, isStandalone: true, selector: "th[odxHeaderTitle]", inputs: { item: "item" }, ngImport: i0, template: "<div *ngIf=\"item?.check; else title\" class=\"odx-table__check\">\n  <div [formGroup]=\"checkForm\">\n    <odx-checkbox [checked]=\"checked\" [indeterminate]=\"indeterminate\" formControlName=\"check\"></odx-checkbox>\n  </div>\n</div>\n<ng-template #title>\n  <div class=\"odx-table__header-cell-title\" (click)=\"sortColumn()\" [class.sortable]=\"item.sortable\">\n    {{ item.title }}\n    <ng-container *ngIf=\"item?.sortable\" [ngSwitch]=\"sortIcon\">\n      <svg *ngSwitchCase=\"'unsorted'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n        <path d=\"m14,5H2v-2h12v2Zm-4,2H2v2h8v-2Zm-4,4H2v2h4v-2Z\" style=\"fill: var(--blue-700)\" />\n      </svg>\n      <svg *ngSwitchCase=\"'desc'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n        <polygon points=\"11 6 8 3 5 6 7 6 7 13 9 13 9 6 11 6\" style=\"fill: var(--blue-700)\" />\n      </svg>\n      <svg *ngSwitchCase=\"'asc'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n        <polygon points=\"5 10 8 13 11 10 9 10 9 3 7 3 7 10 5 10\" style=\"fill: var(--blue-700)\" />\n      </svg>\n    </ng-container>\n  </div>\n  <ng-content select=\"odx-form-field\"></ng-content>\n</ng-template>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: CheckboxComponent, selector: "odx-checkbox", inputs: ["indeterminate"], outputs: ["indeterminateChange"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: HeaderTitleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'th[odxHeaderTitle]', standalone: true, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, CheckboxComponent, ReactiveFormsModule], template: "<div *ngIf=\"item?.check; else title\" class=\"odx-table__check\">\n  <div [formGroup]=\"checkForm\">\n    <odx-checkbox [checked]=\"checked\" [indeterminate]=\"indeterminate\" formControlName=\"check\"></odx-checkbox>\n  </div>\n</div>\n<ng-template #title>\n  <div class=\"odx-table__header-cell-title\" (click)=\"sortColumn()\" [class.sortable]=\"item.sortable\">\n    {{ item.title }}\n    <ng-container *ngIf=\"item?.sortable\" [ngSwitch]=\"sortIcon\">\n      <svg *ngSwitchCase=\"'unsorted'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n        <path d=\"m14,5H2v-2h12v2Zm-4,2H2v2h8v-2Zm-4,4H2v2h4v-2Z\" style=\"fill: var(--blue-700)\" />\n      </svg>\n      <svg *ngSwitchCase=\"'desc'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n        <polygon points=\"11 6 8 3 5 6 7 6 7 13 9 13 9 6 11 6\" style=\"fill: var(--blue-700)\" />\n      </svg>\n      <svg *ngSwitchCase=\"'asc'\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\">\n        <polygon points=\"5 10 8 13 11 10 9 10 9 3 7 3 7 10 5 10\" style=\"fill: var(--blue-700)\" />\n      </svg>\n    </ng-container>\n  </div>\n  <ng-content select=\"odx-form-field\"></ng-content>\n</ng-template>\n" }]
+        }], propDecorators: { item: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLXRpdGxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9jb21wb25lbnRzL3RhYmxlL3NyYy9saWIvY29tcG9uZW50cy9oZWFkZXItdGl0bGUvaGVhZGVyLXRpdGxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9jb21wb25lbnRzL3RhYmxlL3NyYy9saWIvY29tcG9uZW50cy9oZWFkZXItdGl0bGUvaGVhZGVyLXRpdGxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsaUJBQWlCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQVUsaUJBQWlCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDaEksT0FBTyxFQUFFLFdBQVcsRUFBRSxTQUFTLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDcEQsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUUzQixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7Ozs7QUFXM0MsTUFBTSxPQUFPLG9CQUFvQjtJQVRqQztRQVVtQixVQUFLLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3RCLFFBQUcsR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztRQUNoQyx1QkFBa0IsR0FBRyxjQUFjLEVBQUUs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b24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBDb21wb25lbnQsIGluamVjdCwgSW5wdXQsIE9uSW5pdCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sLCBGb3JtR3JvdXAsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBDaGVja2JveENvbXBvbmVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci9jb21wb25lbnRzL2NoZWNrYm94JztcbmltcG9ydCB7IHVudGlsRGVzdHJveWVkIH0gZnJvbSAnQG9keC9hbmd1bGFyL3V0aWxzJztcbmltcG9ydCB7IHRhcCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgU29ydFN0YXR1cywgVGFibGVCb2R5Q2VsbCwgVGFibGVIZWFkZXJDZWxsIH0gZnJvbSAnLi4vLi4vbW9kZWxzJztcbmltcG9ydCB7IFRhYmxlU29ydFZhcmlhbnQgfSBmcm9tICcuLi8uLi9tb2RlbHMvc29ydC12YXJpYW50JztcbmltcG9ydCB7IFRBQkxFIH0gZnJvbSAnLi4vLi4vdGFibGUuY29uZmlnJztcblxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAndGhbb2R4SGVhZGVyVGl0bGVdJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2hlYWRlci10aXRsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBDaGVja2JveENvbXBvbmVudCwgUmVhY3RpdmVGb3Jtc01vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIEhlYWRlclRpdGxlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgcHJpdmF0ZSByZWFkb25seSB0YWJsZSA9IGluamVjdChUQUJMRSk7XG4gIHByaXZhdGUgcmVhZG9ubHkgY2RyID0gaW5qZWN0KENoYW5nZURldGVjdG9yUmVmKTtcbiAgcHJpdmF0ZSByZWFkb25seSB0YWtlVW50aWxEZXN0cm95ZWQgPSB1bnRpbERlc3Ryb3llZCgpO1xuICBwcml2YXRlIHNvcnRTdGF0dXM6IFNvcnRTdGF0dXMgPSB0aGlzLmdldFNvcnRTdGF0dXM7XG5cbiAgQElucHV0KClcbiAgcHVibGljIGl0ZW0hOiBUYWJsZUhlYWRlckNlbGw7XG5cbiAgcHVibGljIHRlc3QgPSB0cnVlO1xuXG4gIHB1YmxpYyBjaGVja0Zvcm0gPSBuZXcgRm9ybUdyb3VwKHsgY2hlY2s6IG5ldyBGb3JtQ29udHJvbChmYWxzZSkgfSk7XG5cbiAgcHVibGljIGdldCBnZXRTb3J0U3RhdHVzKCk6IFNvcnRTdGF0dXMge1xuICAgIHJldHVybiB7IGNvbHVtbjogdGhpcy5pdGVtPy5uYW1lLCBzb3J0VmFyaWFudDogVGFibGVTb3J0VmFyaWFudC5VTlNPUlRFRCB9O1xuICB9XG5cbiAgcHVibGljIGdldCBzb3J0SWNvbigpOiBUYWJsZVNvcnRWYXJpYW50IHtcbiAgICByZXR1cm4gdGhpcy5zb3J0U3RhdHVzLnNvcnRWYXJpYW50O1xuICB9XG5cbiAgcHVibGljIHNvcnRDb2x1bW4oKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLml0ZW0/LnNvcnRhYmxlKSByZXR1cm47XG4gICAgc3dpdGNoICh0aGlzLnNvcnRTdGF0dXMuc29ydFZhcmlhbnQpIHtcbiAgICAgIGNhc2UgVGFibGVTb3J0VmFyaWFudC5ERVNDOlxuICAgICAgY2FzZSBUYWJsZVNvcnRWYXJpYW50LlVOU09SVEVEOlxuICAgICAgICB0aGlzLnRhYmxlLmNsZWFyU29ydCgpO1xuICAgICAgICB0aGlzLnNvcnRTdGF0dXMgPSB7IC4uLnRoaXMuc29ydFN0YXR1cywgc29ydFZhcmlhbnQ6IFRhYmxlU29ydFZhcmlhbnQuQVNDIH07XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSBUYWJsZVNvcnRWYXJpYW50LkFTQzpcbiAgICAgICAgdGhpcy50YWJsZS5jbGVhclNvcnQoKTtcblxuICAgICAgICB0aGlzLnNvcnRTdGF0dXMgPSB7IC4uLnRoaXMuc29ydFN0YXR1cywgc29ydFZhcmlhbnQ6IFRhYmxlU29ydFZhcmlhbnQuREVTQyB9O1xuICAgICAgICBicmVhaztcbiAgICB9XG5cbiAgICB0aGlzLnRhYmxlLnNvcnRlZC5lbWl0KHRoaXMuc29ydFN0YXR1cyk7XG4gIH1cblxuICBwdWJsaWMgY2xlYXJTb3J0U3RhdHVzKCk6IHZvaWQge1xuICAgIHRoaXMuc29ydFN0YXR1cyA9IHsgY29sdW1uOiB0aGlzLml0ZW0/Lm5hbWUsIHNvcnRWYXJpYW50OiBUYWJsZVNvcnRWYXJpYW50LlVOU09SVEVEIH07XG4gICAgdGhpcy5jaGVjaygpO1xuICB9XG5cbiAgcHVibGljIGdldCBzZWxlY3RlZCgpIHtcbiAgICByZXR1cm4gdGhpcy50YWJsZS5kYXRhLmZpbHRlcigoZDogVGFibGVCb2R5Q2VsbCkgPT4gZFt0aGlzLml0ZW0ubmFtZV0pLmxlbmd0aDtcbiAgfVxuXG4gIHB1YmxpYyBjaGVjaygpOiB2b2lkIHtcbiAgICB0aGlzLmNkci5tYXJrRm9yQ2hlY2soKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgY2hlY2tlZCgpOiBib29sZWFuIHtcbiAgICBjb25zdCBjb2x1bW4gPSB0aGlzLnRhYmxlLmhlYWRlckRhdGEuZmluZCgoaDogVGFibGVIZWFkZXJDZWxsKSA9PiBoLmNoZWNrKT8ubmFtZTtcbiAgICByZXR1cm4gdGhpcy50YWJsZS5kYXRhLmV2ZXJ5KChpdGVtOiBUYWJsZUJvZHlDZWxsKSA9PiBjb2x1bW4gJiYgaXRlbVtjb2x1bW5dKTtcbiAgfVxuXG4gIHB1YmxpYyBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmNoZWNrQm94TGlzdGVuZXIoKTtcbiAgfVxuXG4gIHByaXZhdGUgY2hlY2tCb3hMaXN0ZW5lcigpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuaXRlbS5jaGVjaykgcmV0dXJuO1xuICAgIHRoaXMuY2hlY2tGb3JtXG4gICAgICAuZ2V0KCdjaGVjaycpXG4gICAgICA/LnZhbHVlQ2hhbmdlcy5waXBlKFxuICAgICAgICB0aGlzLnRha2VVbnRpbERlc3Ryb3llZCgpLFxuICAgICAgICB0YXAoKGNoZWNrKSA9PiB0aGlzLnRhYmxlLmNoZWNrZWQuZW1pdCh7IGNvbHVtbjogdGhpcy5pdGVtLm5hbWUsIGNoZWNrOiAhIWNoZWNrIH0pKSxcbiAgICAgIClcbiAgICAgIC5zdWJzY3JpYmUoKTtcbiAgfVxuXG4gIHB1YmxpYyBnZXQgaW5kZXRlcm1pbmF0ZSgpOiBib29sZWFuIHtcbiAgICBjb25zdCBjb2x1bW4gPSB0aGlzLnRhYmxlLmhlYWRlckRhdGEuZmluZCgoaDogVGFibGVIZWFkZXJDZWxsKSA9PiBoLmNoZWNrKT8ubmFtZTtcbiAgICBjb25zdCB7IGxlbmd0aCB9ID0gdGhpcy50YWJsZS5kYXRhO1xuICAgIGNvbnN0IHVuY2hlY2tlZCA9IGxlbmd0aCAtIHRoaXMudGFibGUuZGF0YS5maWx0ZXIoKGl0ZW06IFRhYmxlQm9keUNlbGwpID0+IGNvbHVtbiAmJiBpdGVtW2NvbHVtbl0pLmxlbmd0aDtcbiAgICByZXR1cm4gdW5jaGVja2VkID4gMCAmJiB1bmNoZWNrZWQgPCBsZW5ndGg7XG4gIH1cbn1cbiIsIjxkaXYgKm5nSWY9XCJpdGVtPy5jaGVjazsgZWxzZSB0aXRsZVwiIGNsYXNzPVwib2R4LXRhYmxlX19jaGVja1wiPlxuICA8ZGl2IFtmb3JtR3JvdXBdPVwiY2hlY2tGb3JtXCI+XG4gICAgPG9keC1jaGVja2JveCBbY2hlY2tlZF09XCJjaGVja2VkXCIgW2luZGV0ZXJtaW5hdGVdPVwiaW5kZXRlcm1pbmF0ZVwiIGZvcm1Db250cm9sTmFtZT1cImNoZWNrXCI+PC9vZHgtY2hlY2tib3g+XG4gIDwvZGl2PlxuPC9kaXY+XG48bmctdGVtcGxhdGUgI3RpdGxlPlxuICA8ZGl2IGNsYXNzPVwib2R4LXRhYmxlX19oZWFkZXItY2VsbC10aXRsZVwiIChjbGljayk9XCJzb3J0Q29sdW1uKClcIiBbY2xhc3Muc29ydGFibGVdPVwiaXRlbS5zb3J0YWJsZVwiPlxuICAgIHt7IGl0ZW0udGl0bGUgfX1cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaXRlbT8uc29ydGFibGVcIiBbbmdTd2l0Y2hdPVwic29ydEljb25cIj5cbiAgICAgIDxzdmcgKm5nU3dpdGNoQ2FzZT1cIid1bnNvcnRlZCdcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgdmlld0JveD1cIjAgMCAxNiAxNlwiPlxuICAgICAgICA8cGF0aCBkPVwibTE0LDVIMnYtMmgxMnYyWm0tNCwySDJ2Mmg4di0yWm0tNCw0SDJ2Mmg0di0yWlwiIHN0eWxlPVwiZmlsbDogdmFyKC0tYmx1ZS03MDApXCIgLz5cbiAgICAgIDwvc3ZnPlxuICAgICAgPHN2ZyAqbmdTd2l0Y2hDYXNlPVwiJ2Rlc2MnXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHZpZXdCb3g9XCIwIDAgMTYgMTZcIj5cbiAgICAgICAgPHBvbHlnb24gcG9pbnRzPVwiMTEgNiA4IDMgNSA2IDcgNiA3IDEzIDkgMTMgOSA2IDExIDZcIiBzdHlsZT1cImZpbGw6IHZhcigtLWJsdWUtNzAwKVwiIC8+XG4gICAgICA8L3N2Zz5cbiAgICAgIDxzdmcgKm5nU3dpdGNoQ2FzZT1cIidhc2MnXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHZpZXdCb3g9XCIwIDAgMTYgMTZcIj5cbiAgICAgICAgPHBvbHlnb24gcG9pbnRzPVwiNSAxMCA4IDEzIDExIDEwIDkgMTAgOSAzIDcgMyA3IDEwIDUgMTBcIiBzdHlsZT1cImZpbGw6IHZhcigtLWJsdWUtNzAwKVwiIC8+XG4gICAgICA8L3N2Zz5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgPC9kaXY+XG4gIDxuZy1jb250ZW50IHNlbGVjdD1cIm9keC1mb3JtLWZpZWxkXCI+PC9uZy1jb250ZW50PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==

package/esm2022/components/table/lib/directives/table-cell.directive.mjs

@@ -0,0 +1,26 @@
+import { __decorate } from "tslib";
+import { Directive } from '@angular/core';
+import { CSSComponent } from '@odx/angular/internal';
+import { injectElement } from '@odx/angular/utils';
+import * as i0 from "@angular/core";
+export let TableCellDirective = class TableCellDirective {
+    constructor() {
+        this.element = injectElement();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TableCellDirective, isStandalone: true, selector: "td[odx-table-cell]", host: { properties: { "attr.role": "\"cell\"" } }, ngImport: i0 }); }
+};
+TableCellDirective = __decorate([
+    CSSComponent('table__cell')
+], TableCellDirective);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableCellDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'td[odx-table-cell]',
+                    standalone: true,
+                    host: {
+                        '[attr.role]': '"cell"',
+                    },
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtY2VsbC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy90YWJsZS9zcmMvbGliL2RpcmVjdGl2ZXMvdGFibGUtY2VsbC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQzs7QUFVNUMsV0FBTSxrQkFBa0IsR0FBeEIsTUFBTSxrQkFBa0I7SUFBeEI7UUFDVyxZQUFPLEdBQUcsYUFBYSxFQUFFLENBQUM7S0FDM0M7K0dBRlksa0JBQWtCO21HQUFsQixrQkFBa0I7O0FBQWxCLGtCQUFrQjtJQVI5QixZQUFZLENBQUMsYUFBYSxDQUFDO0dBUWYsa0JBQWtCLENBRTlCOzRGQUZZLGtCQUFrQjtrQkFQOUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsb0JBQW9CO29CQUM5QixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsSUFBSSxFQUFFO3dCQUNKLGFBQWEsRUFBRSxRQUFRO3FCQUN4QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ1NTQ29tcG9uZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL2ludGVybmFsJztcbmltcG9ydCB7IGluamVjdEVsZW1lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvdXRpbHMnO1xuXG5AQ1NTQ29tcG9uZW50KCd0YWJsZV9fY2VsbCcpXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICd0ZFtvZHgtdGFibGUtY2VsbF0nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBob3N0OiB7XG4gICAgJ1thdHRyLnJvbGVdJzogJ1wiY2VsbFwiJyxcbiAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVGFibGVDZWxsRGlyZWN0aXZlIHtcbiAgcHVibGljIHJlYWRvbmx5IGVsZW1lbnQgPSBpbmplY3RFbGVtZW50KCk7XG59XG4iXX0=

package/esm2022/components/table/lib/directives/table-row.directive.mjs

@@ -0,0 +1,27 @@
+import { __decorate } from "tslib";
+import { Directive } from '@angular/core';
+import { CSSComponent } from '@odx/angular/internal';
+import { injectElement } from '@odx/angular/utils';
+import * as i0 from "@angular/core";
+export let TableRowDirective = class TableRowDirective {
+    constructor() {
+        this.element = injectElement();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableRowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: TableRowDirective, isStandalone: true, selector: "tr[odx-table-row]", host: { properties: { "attr.role": "\"row\"", "attr.tabindex": "0" } }, ngImport: i0 }); }
+};
+TableRowDirective = __decorate([
+    CSSComponent('table__row')
+], TableRowDirective);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableRowDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'tr[odx-table-row]',
+                    standalone: true,
+                    host: {
+                        '[attr.role]': '"row"',
+                        '[attr.tabindex]': '0',
+                    },
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUtcm93LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9jb21wb25lbnRzL3RhYmxlL3NyYy9saWIvZGlyZWN0aXZlcy90YWJsZS1yb3cuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7O0FBVzVDLFdBQU0saUJBQWlCLEdBQXZCLE1BQU0saUJBQWlCO0lBQXZCO1FBQ1csWUFBTyxHQUFHLGFBQWEsRUFBRSxDQUFDO0tBQzNDOytHQUZZLGlCQUFpQjttR0FBakIsaUJBQWlCOztBQUFqQixpQkFBaUI7SUFUN0IsWUFBWSxDQUFDLFlBQVksQ0FBQztHQVNkLGlCQUFpQixDQUU3Qjs0RkFGWSxpQkFBaUI7a0JBUjdCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLG1CQUFtQjtvQkFDN0IsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLElBQUksRUFBRTt3QkFDSixhQUFhLEVBQUUsT0FBTzt3QkFDdEIsaUJBQWlCLEVBQUUsR0FBRztxQkFDdkI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENTU0NvbXBvbmVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci9pbnRlcm5hbCc7XG5pbXBvcnQgeyBpbmplY3RFbGVtZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL3V0aWxzJztcblxuQENTU0NvbXBvbmVudCgndGFibGVfX3JvdycpXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICd0cltvZHgtdGFibGUtcm93XScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGhvc3Q6IHtcbiAgICAnW2F0dHIucm9sZV0nOiAnXCJyb3dcIicsXG4gICAgJ1thdHRyLnRhYmluZGV4XSc6ICcwJyxcbiAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVGFibGVSb3dEaXJlY3RpdmUge1xuICBwdWJsaWMgcmVhZG9ubHkgZWxlbWVudCA9IGluamVjdEVsZW1lbnQoKTtcbn1cbiJdfQ==

package/esm2022/components/table/lib/table.component.mjs

@@ -0,0 +1,86 @@
+var TableComponent_1;
+import { __decorate, __metadata } from "tslib";
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, QueryList, ViewChildren, ViewEncapsulation } from '@angular/core';
+import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms';
+import { FormFieldModule } from '@odx/angular/components/form-field';
+import { IconComponent } from '@odx/angular/components/icon';
+import { CSSComponent, CSSModifier } from '@odx/angular/internal';
+import { injectElement, untilDestroyed } from '@odx/angular/utils';
+import { debounceTime, tap } from 'rxjs';
+import { HeaderTitleComponent } from './components/header-title/header-title.component';
+import { TABLE } from './table.config';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@odx/angular/components/form-field";
+export let TableComponent = class TableComponent {
+    constructor() {
+        this.takeUntilDestroyed = untilDestroyed();
+        this.element = injectElement();
+        this.data = [];
+        this.headerData = [];
+        this.form = new FormGroup({});
+        this.sorted = new EventEmitter();
+        this.filtered = new EventEmitter();
+        this.checked = new EventEmitter();
+    }
+    static { TableComponent_1 = this; }
+    ngOnInit() {
+        this.setHeaderData();
+        this.headerData.forEach((item) => item.filter && this.form.addControl(item.name, new FormControl('')));
+        this.formListener();
+    }
+    clearSort() {
+        this.headers.forEach((header) => header.clearSortStatus());
+    }
+    formListener() {
+        if (Object.keys(this.form.controls).length === 0)
+            return;
+        this.form.valueChanges
+            .pipe(debounceTime(600), this.takeUntilDestroyed(), tap(() => {
+            this.filtered.emit(this.form.value);
+            this.headers?.filter((header) => !!header.item.check).forEach((header) => header.check());
+        }))
+            .subscribe();
+    }
+    setHeaderData() {
+        this.headerData = Object.keys(this.data[0]).map((key) => this.headerData.find((item) => item.name === key) || {
+            name: key,
+            title: `${key[0].toUpperCase()}${key.slice(1)}`,
+            sortable: false,
+            filter: false,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TableComponent, isStandalone: true, selector: "table[odxTable]", inputs: { variant: "variant", data: "data", headerData: "headerData" }, outputs: { sorted: "sorted", filtered: "filtered", checked: "checked" }, host: { properties: { "attr.role": "\"table\"" } }, providers: [{ provide: TABLE, useExisting: TableComponent_1 }], viewQueries: [{ propertyName: "headers", predicate: HeaderTitleComponent, descendants: true }], ngImport: i0, template: "<thead class=\"odx-table__head\" role=\"rowgroup\" [formGroup]=\"form\">\n  <tr class=\"odx-table__header-row\" role=\"row\">\n    <th *ngFor=\"let item of headerData\" class=\"odx-table__header-cell\" role=\"columnheader\" odxHeaderTitle [item]=\"item\">\n      <odx-form-field *ngIf=\"item.filter\">\n        <input placeholder=\"Filter\" [formControlName]=\"item.name\" type=\"text\" odxFormFieldControl />\n      </odx-form-field>\n    </th>\n  </tr>\n</thead>\n<tbody class=\"odx-table__body\" role=\"rowgroup\">\n  <ng-content select=\"tr\"></ng-content>\n</tbody>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: FormFieldModule }, { kind: "component", type: i3.FormFieldComponent, selector: "odx-form-field", inputs: ["label", "hasWarning", "variant"] }, { kind: "directive", type: i3.FormFieldControlDirective, selector: "[odxFormFieldControl]", exportAs: ["odxFormFieldControl"] }, { kind: "component", type: HeaderTitleComponent, selector: "th[odxHeaderTitle]", inputs: ["item"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+};
+__decorate([
+    CSSModifier(),
+    __metadata("design:type", Object)
+], TableComponent.prototype, "variant", void 0);
+TableComponent = TableComponent_1 = __decorate([
+    CSSComponent('table')
+], TableComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'table[odxTable]', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        '[attr.role]': '"table"',
+                    }, imports: [CommonModule, IconComponent, ReactiveFormsModule, FormFieldModule, HeaderTitleComponent], providers: [{ provide: TABLE, useExisting: TableComponent }], template: "<thead class=\"odx-table__head\" role=\"rowgroup\" [formGroup]=\"form\">\n  <tr class=\"odx-table__header-row\" role=\"row\">\n    <th *ngFor=\"let item of headerData\" class=\"odx-table__header-cell\" role=\"columnheader\" odxHeaderTitle [item]=\"item\">\n      <odx-form-field *ngIf=\"item.filter\">\n        <input placeholder=\"Filter\" [formControlName]=\"item.name\" type=\"text\" odxFormFieldControl />\n      </odx-form-field>\n    </th>\n  </tr>\n</thead>\n<tbody class=\"odx-table__body\" role=\"rowgroup\">\n  <ng-content select=\"tr\"></ng-content>\n</tbody>\n" }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], headerData: [{
+                type: Input
+            }], sorted: [{
+                type: Output
+            }], filtered: [{
+                type: Output
+            }], checked: [{
+                type: Output
+            }], headers: [{
+                type: ViewChildren,
+                args: [HeaderTitleComponent]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvdGFibGUvc3JjL2xpYi90YWJsZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy90YWJsZS9zcmMvbGliL3RhYmxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNwSixPQUFPLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQzdFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDN0QsT0FBTyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsYUFBYSxFQUFFLGNBQWMsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxZQUFZLEVBQUUsR0FBRyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBRXhGLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQzs7Ozs7QUFnQmhDLFdBQU0sY0FBYyxHQUFwQixNQUFNLGNBQWM7SUFBcEI7UUFDWSx1QkFBa0IsR0FBRyxjQUFjLEVBQUUsQ0FBQztRQUN2QyxZQUFPLEdBQUcs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aUIsY0FDZixJQUFJLG1CQUNDLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksUUFDL0I7d0JBQ0osYUFBYSxFQUFFLFNBQVM7cUJBQ3pCLFdBRVEsQ0FBQyxZQUFZLEVBQUUsYUFBYSxFQUFFLG1CQUFtQixFQUFFLGVBQWUsRUFBRSxvQkFBb0IsQ0FBQyxhQUN2RixDQUFDLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxXQUFXLGdCQUFnQixFQUFFLENBQUM7OEJBUXJELE9BQU87c0JBRGIsS0FBSztnQkFJQyxJQUFJO3NCQURWLEtBQUs7Z0JBSUMsVUFBVTtzQkFEaEIsS0FBSztnQkFNVSxNQUFNO3NCQURyQixNQUFNO2dCQUlTLFFBQVE7c0JBRHZCLE1BQU07Z0JBSVMsT0FBTztzQkFEdEIsTUFBTTtnQkFHb0MsT0FBTztzQkFBakQsWUFBWTt1QkFBQyxvQkFBb0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFF1ZXJ5TGlzdCwgVmlld0NoaWxkcmVuLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wsIEZvcm1Hcm91cCwgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEZvcm1GaWVsZE1vZHVsZSB9IGZyb20gJ0BvZHgvYW5ndWxhci9jb21wb25lbnRzL2Zvcm0tZmllbGQnO1xuaW1wb3J0IHsgSWNvbkNvbXBvbmVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci9jb21wb25lbnRzL2ljb24nO1xuaW1wb3J0IHsgQ1NTQ29tcG9uZW50LCBDU1NNb2RpZmllciB9IGZyb20gJ0BvZHgvYW5ndWxhci9pbnRlcm5hbCc7XG5pbXBvcnQgeyBpbmplY3RFbGVtZW50LCB1bnRpbERlc3Ryb3llZCB9IGZyb20gJ0BvZHgvYW5ndWxhci91dGlscyc7XG5pbXBvcnQgeyBkZWJvdW5jZVRpbWUsIHRhcCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgSGVhZGVyVGl0bGVDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvaGVhZGVyLXRpdGxlL2hlYWRlci10aXRsZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgU29ydFN0YXR1cywgVGFibGVCb2R5Q2VsbCwgVGFibGVIZWFkZXJDZWxsLCBUYWJsZVZhcmlhbnQgfSBmcm9tICcuL21vZGVscyc7XG5pbXBvcnQgeyBUQUJMRSB9IGZyb20gJy4vdGFibGUuY29uZmlnJztcblxuQENTU0NvbXBvbmVudCgndGFibGUnKVxuQENvbXBvbmVudCh7XG4gIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAYW5ndWxhci1lc2xpbnQvY29tcG9uZW50LXNlbGVjdG9yXG4gIHNlbGVjdG9yOiAndGFibGVbb2R4VGFibGVdJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGhvc3Q6IHtcbiAgICAnW2F0dHIucm9sZV0nOiAnXCJ0YWJsZVwiJyxcbiAgfSxcbiAgdGVtcGxhdGVVcmw6ICcuL3RhYmxlLmNvbXBvbmVudC5odG1sJyxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgSWNvbkNvbXBvbmVudCwgUmVhY3RpdmVGb3Jtc01vZHVsZSwgRm9ybUZpZWxkTW9kdWxlLCBIZWFkZXJUaXRsZUNvbXBvbmVudF0sXG4gIHByb3ZpZGVyczogW3sgcHJvdmlkZTogVEFCTEUsIHVzZUV4aXN0aW5nOiBUYWJsZUNvbXBvbmVudCB9XSxcbn0pXG5leHBvcnQgY2xhc3MgVGFibGVDb21wb25lbnQ8VD4gaW1wbGVtZW50cyBPbkluaXQge1xuICBwcml2YXRlIHJlYWRvbmx5IHRha2VVbnRpbERlc3Ryb3llZCA9IHVudGlsRGVzdHJveWVkKCk7XG4gIHB1YmxpYyByZWFkb25seSBlbGVtZW50ID0gaW5qZWN0RWxlbWVudCgpO1xuXG4gIEBDU1NNb2RpZmllcigpXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyB2YXJpYW50PzogVGFibGVWYXJpYW50IHwgbnVsbDtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgZGF0YTogVFtdID0gW107XG5cbiAgQElucHV0KClcbiAgcHVibGljIGhlYWRlckRhdGE6IFRhYmxlSGVhZGVyQ2VsbFtdID0gW107XG5cbiAgcHVibGljIGZvcm06IEZvcm1Hcm91cCA9IG5ldyBGb3JtR3JvdXAoe30pO1xuXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgcmVhZG9ubHkgc29ydGVkOiBFdmVudEVtaXR0ZXI8U29ydFN0YXR1cz4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyByZWFkb25seSBmaWx0ZXJlZDogRXZlbnRFbWl0dGVyPHsgW2tleTogc3RyaW5nXTogc3RyaW5nIH0+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgcmVhZG9ubHkgY2hlY2tlZDogRXZlbnRFbWl0dGVyPHsgY29sdW1uOiBzdHJpbmc7IGNoZWNrOiBib29sZWFuIH0+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuXG4gIEBWaWV3Q2hpbGRyZW4oSGVhZGVyVGl0bGVDb21wb25lbnQpIHB1YmxpYyBoZWFkZXJzITogUXVlcnlMaXN0PEhlYWRlclRpdGxlQ29tcG9uZW50PjtcblxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5zZXRIZWFkZXJEYXRhKCk7XG4gICAgdGhpcy5oZWFkZXJEYXRhLmZvckVhY2goKGl0ZW0pID0+IGl0ZW0uZmlsdGVyICYmIHRoaXMuZm9ybS5hZGRDb250cm9sKGl0ZW0ubmFtZSwgbmV3IEZvcm1Db250cm9sKCcnKSkpO1xuICAgIHRoaXMuZm9ybUxpc3RlbmVyKCk7XG4gIH1cblxuICBwdWJsaWMgY2xlYXJTb3J0KCk6IHZvaWQge1xuICAgIHRoaXMuaGVhZGVycy5mb3JFYWNoKChoZWFkZXIpID0+IGhlYWRlci5jbGVhclNvcnRTdGF0dXMoKSk7XG4gIH1cblxuICBwcml2YXRlIGZvcm1MaXN0ZW5lcigpOiB2b2lkIHtcbiAgICBpZiAoT2JqZWN0LmtleXModGhpcy5mb3JtLmNvbnRyb2xzKS5sZW5ndGggPT09IDApIHJldHVybjtcbiAgICB0aGlzLmZvcm0udmFsdWVDaGFuZ2VzXG4gICAgICAucGlwZShcbiAgICAgICAgZGVib3VuY2VUaW1lKDYwMCksXG4gICAgICAgIHRoaXMudGFrZVVudGlsRGVzdHJveWVkKCksXG4gICAgICAgIHRhcCgoKSA9PiB7XG4gICAgICAgICAgdGhpcy5maWx0ZXJlZC5lbWl0KHRoaXMuZm9ybS52YWx1ZSk7XG4gICAgICAgICAgdGhpcy5oZWFkZXJzPy5maWx0ZXIoKGhlYWRlcikgPT4gISFoZWFkZXIuaXRlbS5jaGVjaykuZm9yRWFjaCgoaGVhZGVyKSA9PiBoZWFkZXIuY2hlY2soKSk7XG4gICAgICAgIH0pLFxuICAgICAgKVxuICAgICAgLnN1YnNjcmliZSgpO1xuICB9XG5cbiAgcHJpdmF0ZSBzZXRIZWFkZXJEYXRhKCk6IHZvaWQge1xuICAgIHRoaXMuaGVhZGVyRGF0YSA9IE9iamVjdC5rZXlzKHRoaXMuZGF0YVswXSBhcyBUYWJsZUJvZHlDZWxsKS5tYXAoXG4gICAgICAoa2V5KSA9PlxuICAgICAgICB0aGlzLmhlYWRlckRhdGEuZmluZCgoaXRlbSkgPT4gaXRlbS5uYW1lID09PSBrZXkpIHx8IHtcbiAgICAgICAgICBuYW1lOiBrZXksXG4gICAgICAgICAgdGl0bGU6IGAke2tleVswXS50b1VwcGVyQ2FzZSgpfSR7a2V5LnNsaWNlKDEpfWAsXG4gICAgICAgICAgc29ydGFibGU6IGZhbHNlLFxuICAgICAgICAgIGZpbHRlcjogZmFsc2UsXG4gICAgICAgIH0sXG4gICAgKTtcbiAgfVxufVxuIiwiPHRoZWFkIGNsYXNzPVwib2R4LXRhYmxlX19oZWFkXCIgcm9sZT1cInJvd2dyb3VwXCIgW2Zvcm1Hcm91cF09XCJmb3JtXCI+XG4gIDx0ciBjbGFzcz1cIm9keC10YWJsZV9faGVhZGVyLXJvd1wiIHJvbGU9XCJyb3dcIj5cbiAgICA8dGggKm5nRm9yPVwibGV0IGl0ZW0gb2YgaGVhZGVyRGF0YVwiIGNsYXNzPVwib2R4LXRhYmxlX19oZWFkZXItY2VsbFwiIHJvbGU9XCJjb2x1bW5oZWFkZXJcIiBvZHhIZWFkZXJUaXRsZSBbaXRlbV09XCJpdGVtXCI+XG4gICAgICA8b2R4LWZvcm0tZmllbGQgKm5nSWY9XCJpdGVtLmZpbHRlclwiPlxuICAgICAgICA8aW5wdXQgcGxhY2Vob2xkZXI9XCJGaWx0ZXJcIiBbZm9ybUNvbnRyb2xOYW1lXT1cIml0ZW0ubmFtZVwiIHR5cGU9XCJ0ZXh0XCIgb2R4Rm9ybUZpZWxkQ29udHJvbCAvPlxuICAgICAgPC9vZHgtZm9ybS1maWVsZD5cbiAgICA8L3RoPlxuICA8L3RyPlxuPC90aGVhZD5cbjx0Ym9keSBjbGFzcz1cIm9keC10YWJsZV9fYm9keVwiIHJvbGU9XCJyb3dncm91cFwiPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJ0clwiPjwvbmctY29udGVudD5cbjwvdGJvZHk+XG4iXX0=

package/esm2022/components/table/lib/table.module.mjs

@@ -0,0 +1,21 @@
+import { NgModule } from '@angular/core';
+import { CoreModule } from '@odx/angular';
+import { CheckCellComponent } from './components/check-cell/check-cell.component';
+import { TableCellDirective } from './directives/table-cell.directive';
+import { TableRowDirective } from './directives/table-row.directive';
+import { TableComponent } from './table.component';
+import * as i0 from "@angular/core";
+const modules = [TableComponent, TableRowDirective, TableCellDirective, CheckCellComponent];
+export class TableModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: TableModule, imports: [TableComponent, TableRowDirective, TableCellDirective, CheckCellComponent], exports: [CoreModule, TableComponent, TableRowDirective, TableCellDirective, CheckCellComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableModule, imports: [TableComponent, CheckCellComponent, CoreModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TableModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: modules,
+                    exports: [CoreModule, ...modules],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFibGUubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvdGFibGUvc3JjL2xpYi90YWJsZS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzFDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDhDQUE4QyxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3JFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7QUFFbkQsTUFBTSxPQUFPLEdBQUcsQ0FBQyxjQUFjLEVBQUUsaUJBQWlCLEVBQUUsa0JBQWtCLEVBQUUsa0JBQWtCLENBQUMsQ0FBQztBQU01RixNQUFNLE9BQU8sV0FBVzsrR0FBWCxXQUFXO2dIQUFYLFdBQVcsWUFOUCxjQUFjLEVBQUUsaUJBQWlCLEVBQUUsa0JBQWtCLEVBQUUsa0JBQWtCLGFBSTlFLFVBQVUsRUFKTCxjQUFjLEVBQUUsaUJBQWlCLEVBQUUsa0JBQWtCLEVBQUUsa0JBQWtCO2dIQU03RSxXQUFXLFlBTlAsY0FBYyxFQUF5QyxrQkFBa0IsRUFJOUUsVUFBVTs7NEZBRVQsV0FBVztrQkFKdkIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsT0FBTztvQkFDaEIsT0FBTyxFQUFFLENBQUMsVUFBVSxFQUFFLEdBQUcsT0FBTyxDQUFDO2lCQUNsQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb3JlTW9kdWxlIH0gZnJvbSAnQG9keC9hbmd1bGFyJztcbmltcG9ydCB7IENoZWNrQ2VsbENvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9jaGVjay1jZWxsL2NoZWNrLWNlbGwuY29tcG9uZW50JztcbmltcG9ydCB7IFRhYmxlQ2VsbERpcmVjdGl2ZSB9IGZyb20gJy4vZGlyZWN0aXZlcy90YWJsZS1jZWxsLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBUYWJsZVJvd0RpcmVjdGl2ZSB9IGZyb20gJy4vZGlyZWN0aXZlcy90YWJsZS1yb3cuZGlyZWN0aXZlJztcbmltcG9ydCB7IFRhYmxlQ29tcG9uZW50IH0gZnJvbSAnLi90YWJsZS5jb21wb25lbnQnO1xuXG5jb25zdCBtb2R1bGVzID0gW1RhYmxlQ29tcG9uZW50LCBUYWJsZVJvd0RpcmVjdGl2ZSwgVGFibGVDZWxsRGlyZWN0aXZlLCBDaGVja0NlbGxDb21wb25lbnRdO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBtb2R1bGVzLFxuICBleHBvcnRzOiBbQ29yZU1vZHVsZSwgLi4ubW9kdWxlc10sXG59KVxuZXhwb3J0IGNsYXNzIFRhYmxlTW9kdWxlIHt9XG4iXX0=

package/esm2022/components/toast/lib/components/toast-container/toast-container.component.mjs

@@ -0,0 +1,81 @@
+var ToastContainerComponent_1;
+import { __decorate } from "tslib";
+import { group, transition, trigger, useAnimation } from '@angular/animations';
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, inject, Input, numberAttribute, Output, Renderer2, ViewEncapsulation, } from '@angular/core';
+import { WindowRef } from '@odx/angular';
+import { collapse, expand, fadeIn, slideInRight } from '@odx/angular/animations';
+import { ChipComponent } from '@odx/angular/components/chip';
+import { HeaderComponent } from '@odx/angular/components/header';
+import { CSSComponent } from '@odx/angular/internal';
+import { injectElement, px, trackById } from '@odx/angular/utils';
+import { map } from 'rxjs';
+import { ToastService } from '../../toast.service';
+import { ToastItemComponent } from '../toast-item/toast-item.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+const TOAST_ANIMATION_DELAY = '125ms';
+export let ToastContainerComponent = class ToastContainerComponent {
+    constructor() {
+        this.windowRef = inject(WindowRef);
+        this.renderer = inject(Renderer2);
+        this.toastService = inject(ToastService);
+        this.trackById = trackById;
+        this.element = injectElement();
+        this.items$ = this.toastService.queue$.pipe(map((refs) => refs.slice(0, this.maxItems)));
+        this.hiddenToasts$ = this.toastService.queue$.pipe(map((refs) => Math.max(0, refs.length - this.maxItems)));
+        this.maxItems = 3;
+        this.dismiss = this.toastService.onRemove$;
+    }
+    static { ToastContainerComponent_1 = this; }
+    static { this.INITIALIZED = false; }
+    ngAfterViewInit() {
+        if (ToastContainerComponent_1.INITIALIZED) {
+            throw new Error('Only one toast container per application allowed');
+        }
+        ToastContainerComponent_1.INITIALIZED = true;
+        const headerElement = this.windowRef.queryByComponent(HeaderComponent);
+        if (headerElement) {
+            this.renderer.setStyle(this.element.nativeElement, 'top', px(headerElement.offsetHeight));
+        }
+    }
+    ngOnDestroy() {
+        ToastContainerComponent_1.INITIALIZED = false;
+    }
+    onDismiss(itemRef) {
+        this.toastService.remove(itemRef);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToastContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "16.2.12", type: ToastContainerComponent, isStandalone: true, selector: "odx-toast-container", inputs: { maxItems: ["maxItems", "maxItems", numberAttribute] }, outputs: { dismiss: "dismiss" }, ngImport: i0, template: "<odx-toast\n  @slide\n  [id]=\"toastRef.id\"\n  [title]=\"toastRef.item.title\"\n  [description]=\"toastRef.item.description\"\n  [actions]=\"toastRef.item.actions ?? []\"\n  [variant]=\"toastRef.item.variant\"\n  [options]=\"toastRef.options\"\n  (dismiss)=\"onDismiss(toastRef)\"\n  *ngFor=\"let toastRef of items$ | async; trackBy: trackById\"\n></odx-toast>\n<odx-chip class=\"odx-toast-container__counter\" *ngIf=\"hiddenToasts$ | async as more\">{{ more }} more Notifications</odx-chip>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "component", type: ChipComponent, selector: "odx-chip", inputs: ["removable", "size", "variant"], outputs: ["remove"] }, { kind: "component", type: ToastItemComponent, selector: "odx-toast", inputs: ["id", "title", "description", "variant", "actions", "options"], outputs: ["dismiss"] }], animations: [
+            trigger('slide', [
+                transition(':enter', group([
+                    useAnimation(expand),
+                    useAnimation(fadeIn(), { params: { delay: TOAST_ANIMATION_DELAY } }),
+                    useAnimation(slideInRight, { params: { delay: TOAST_ANIMATION_DELAY } }),
+                ])),
+                transition(':leave', group([useAnimation(collapse)])),
+            ]),
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+};
+ToastContainerComponent = ToastContainerComponent_1 = __decorate([
+    CSSComponent('toast-container')
+], ToastContainerComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToastContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'odx-toast-container', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [CommonModule, ChipComponent, ToastItemComponent], animations: [
+                        trigger('slide', [
+                            transition(':enter', group([
+                                useAnimation(expand),
+                                useAnimation(fadeIn(), { params: { delay: TOAST_ANIMATION_DELAY } }),
+                                useAnimation(slideInRight, { params: { delay: TOAST_ANIMATION_DELAY } }),
+                            ])),
+                            transition(':leave', group([useAnimation(collapse)])),
+                        ]),
+                    ], template: "<odx-toast\n  @slide\n  [id]=\"toastRef.id\"\n  [title]=\"toastRef.item.title\"\n  [description]=\"toastRef.item.description\"\n  [actions]=\"toastRef.item.actions ?? []\"\n  [variant]=\"toastRef.item.variant\"\n  [options]=\"toastRef.options\"\n  (dismiss)=\"onDismiss(toastRef)\"\n  *ngFor=\"let toastRef of items$ | async; trackBy: trackById\"\n></odx-toast>\n<odx-chip class=\"odx-toast-container__counter\" *ngIf=\"hiddenToasts$ | async as more\">{{ more }} more Notifications</odx-chip>\n" }]
+        }], propDecorators: { maxItems: [{
+                type: Input,
+                args: [{ transform: numberAttribute }]
+            }], dismiss: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QtY29udGFpbmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9jb21wb25lbnRzL3RvYXN0L3NyYy9saWIvY29tcG9uZW50cy90b2FzdC1jb250YWluZXIvdG9hc3QtY29udGFpbmVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9jb21wb25lbnRzL3RvYXN0L3NyYy9saWIvY29tcG9uZW50cy90b2FzdC1jb250YWluZXIvdG9hc3QtY29udGFpbmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQy9FLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBRUwsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxNQUFNLEVBQ04sS0FBSyxFQUNMLGVBQWUsRUFFZixNQUFNLEVBQ04sU0FBUyxFQUNULGlCQUFpQixHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNqRixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDN0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ2pFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsYUFBYSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNsRSxPQUFP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QUMsaUJBQWlCLENBQUM7R0FzQm5CLHVCQUF1QixDQXFDbkM7NEZBckNZLHVCQUF1QjtrQkFyQm5DLFNBQVM7K0JBQ0UscUJBQXFCLGNBRW5CLElBQUksbUJBQ0MsdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxXQUM1QixDQUFDLFlBQVksRUFBRSxhQUFhLEVBQUUsa0JBQWtCLENBQUMsY0FDOUM7d0JBQ1YsT0FBTyxDQUFDLE9BQU8sRUFBRTs0QkFDZixVQUFVLENBQ1IsUUFBUSxFQUNSLEtBQUssQ0FBQztnQ0FDSixZQUFZLENBQUMsTUFBTSxDQUFDO2dDQUNwQixZQUFZLENBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxNQUFNLEVBQUUsRUFBRSxLQUFLLEVBQUUscUJBQXFCLEVBQUUsRUFBRSxDQUFDO2dDQUNwRSxZQUFZLENBQUMsWUFBWSxFQUFFLEVBQUUsTUFBTSxFQUFFLEVBQUUsS0FBSyxFQUFFLHFCQUFxQixFQUFFLEVBQUUsQ0FBQzs2QkFDekUsQ0FBQyxDQUNIOzRCQUNELFVBQVUsQ0FBQyxRQUFRLEVBQUUsS0FBSyxDQUFDLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQzt5QkFDdEQsQ0FBQztxQkFDSDs4QkFnQk0sUUFBUTtzQkFEZCxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRTtnQkFJckIsT0FBTztzQkFEdEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdyb3VwLCB0cmFuc2l0aW9uLCB0cmlnZ2VyLCB1c2VBbmltYXRpb24gfSBmcm9tICdAYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBpbmplY3QsXG4gIElucHV0LFxuICBudW1iZXJBdHRyaWJ1dGUsXG4gIE9uRGVzdHJveSxcbiAgT3V0cHV0LFxuICBSZW5kZXJlcjIsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFdpbmRvd1JlZiB9IGZyb20gJ0BvZHgvYW5ndWxhcic7XG5pbXBvcnQgeyBjb2xsYXBzZSwgZXhwYW5kLCBmYWRlSW4sIHNsaWRlSW5SaWdodCB9IGZyb20gJ0BvZHgvYW5ndWxhci9hbmltYXRpb25zJztcbmltcG9ydCB7IENoaXBDb21wb25lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvY29tcG9uZW50cy9jaGlwJztcbmltcG9ydCB7IEhlYWRlckNvbXBvbmVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci9jb21wb25lbnRzL2hlYWRlcic7XG5pbXBvcnQgeyBDU1NDb21wb25lbnQgfSBmcm9tICdAb2R4L2FuZ3VsYXIvaW50ZXJuYWwnO1xuaW1wb3J0IHsgaW5qZWN0RWxlbWVudCwgcHgsIHRyYWNrQnlJZCB9IGZyb20gJ0BvZHgvYW5ndWxhci91dGlscyc7XG5pbXBvcnQgeyBtYXAsIE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IFRvYXN0UmVmIH0gZnJvbSAnLi4vLi4vbW9kZWxzJztcbmltcG9ydCB7IFRvYXN0U2VydmljZSB9IGZyb20gJy4uLy4uL3RvYXN0LnNlcnZpY2UnO1xuaW1wb3J0IHsgVG9hc3RJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi4vdG9hc3QtaXRlbS90b2FzdC1pdGVtLmNvbXBvbmVudCc7XG5cbmNvbnN0IFRPQVNUX0FOSU1BVElPTl9ERUxBWSA9ICcxMjVtcyc7XG5AQ1NTQ29tcG9uZW50KCd0b2FzdC1jb250YWluZXInKVxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb2R4LXRvYXN0LWNvbnRhaW5lcicsXG4gIHRlbXBsYXRlVXJsOiAnLi90b2FzdC1jb250YWluZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQ2hpcENvbXBvbmVudCwgVG9hc3RJdGVtQ29tcG9uZW50XSxcbiAgYW5pbWF0aW9uczogW1xuICAgIHRyaWdnZXIoJ3NsaWRlJywgW1xuICAgICAgdHJhbnNpdGlvbihcbiAgICAgICAgJzplbnRlcicsXG4gICAgICAgIGdyb3VwKFtcbiAgICAgICAgICB1c2VBbmltYXRpb24oZXhwYW5kKSxcbiAgICAgICAgICB1c2VBbmltYXRpb24oZmFkZUluKCksIHsgcGFyYW1zOiB7IGRlbGF5OiBUT0FTVF9BTklNQVRJT05fREVMQVkgfSB9KSxcbiAgICAgICAgICB1c2VBbmltYXRpb24oc2xpZGVJblJpZ2h0LCB7IHBhcmFtczogeyBkZWxheTogVE9BU1RfQU5JTUFUSU9OX0RFTEFZIH0gfSksXG4gICAgICAgIF0pLFxuICAgICAgKSxcbiAgICAgIHRyYW5zaXRpb24oJzpsZWF2ZScsIGdyb3VwKFt1c2VBbmltYXRpb24oY29sbGFwc2UpXSkpLFxuICAgIF0pLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBUb2FzdENvbnRhaW5lckNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uRGVzdHJveSB7XG4gIHByaXZhdGUgc3RhdGljIElOSVRJQUxJWkVEID0gZmFsc2U7XG5cbiAgcHJpdmF0ZSByZWFkb25seSB3aW5kb3dSZWYgPSBpbmplY3QoV2luZG93UmVmKTtcbiAgcHJpdmF0ZSByZWFkb25seSByZW5kZXJlciA9IGluamVjdChSZW5kZXJlcjIpO1xuICBwcml2YXRlIHJlYWRvbmx5IHRvYXN0U2VydmljZSA9IGluamVjdChUb2FzdFNlcnZpY2UpO1xuXG4gIHByb3RlY3RlZCByZWFkb25seSB0cmFja0J5SWQgPSB0cmFja0J5SWQ7XG5cbiAgcHVibGljIHJlYWRvbmx5IGVsZW1lbnQgPSBpbmplY3RFbGVtZW50KCk7XG4gIHB1YmxpYyByZWFkb25seSBpdGVtcyQ6IE9ic2VydmFibGU8VG9hc3RSZWZbXT4gPSB0aGlzLnRvYXN0U2VydmljZS5xdWV1ZSQucGlwZShtYXAoKHJlZnMpID0+IHJlZnMuc2xpY2UoMCwgdGhpcy5tYXhJdGVtcykpKTtcbiAgcHVibGljIHJlYWRvbmx5IGhpZGRlblRvYXN0cyQ6IE9ic2VydmFibGU8bnVtYmVyPiA9IHRoaXMudG9hc3RTZXJ2aWNlLnF1ZXVlJC5waXBlKG1hcCgocmVmcykgPT4gTWF0aC5tYXgoMCwgcmVmcy5sZW5ndGggLSB0aGlzLm1heEl0ZW1zKSkpO1xuXG4gIEBJbnB1dCh7IHRyYW5zZm9ybTogbnVtYmVyQXR0cmlidXRlIH0pXG4gIHB1YmxpYyBtYXhJdGVtcyA9IDM7XG5cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyByZWFkb25seSBkaXNtaXNzID0gdGhpcy50b2FzdFNlcnZpY2Uub25SZW1vdmUkO1xuXG4gIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgaWYgKFRvYXN0Q29udGFpbmVyQ29tcG9uZW50LklOSVRJQUxJWkVEKSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoJ09ubHkgb25lIHRvYXN0IGNvbnRhaW5lciBwZXIgYXBwbGljYXRpb24gYWxsb3dlZCcpO1xuICAgIH1cbiAgICBUb2FzdENvbnRhaW5lckNvbXBvbmVudC5JTklUSUFMSVpFRCA9IHRydWU7XG4gICAgY29uc3QgaGVhZGVyRWxlbWVudCA9IHRoaXMud2luZG93UmVmLnF1ZXJ5QnlDb21wb25lbnQoSGVhZGVyQ29tcG9uZW50KTtcbiAgICBpZiAoaGVhZGVyRWxlbWVudCkge1xuICAgICAgdGhpcy5yZW5kZXJlci5zZXRTdHlsZSh0aGlzLmVsZW1lbnQubmF0aXZlRWxlbWVudCwgJ3RvcCcsIHB4KGhlYWRlckVsZW1lbnQub2Zmc2V0SGVpZ2h0KSk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIFRvYXN0Q29udGFpbmVyQ29tcG9uZW50LklOSVRJQUxJWkVEID0gZmFsc2U7XG4gIH1cblxuICBwcm90ZWN0ZWQgb25EaXNtaXNzKGl0ZW1SZWY6IFRvYXN0UmVmKTogdm9pZCB7XG4gICAgdGhpcy50b2FzdFNlcnZpY2UucmVtb3ZlKGl0ZW1SZWYpO1xuICB9XG59XG4iLCI8b2R4LXRvYXN0XG4gIEBzbGlkZVxuICBbaWRdPVwidG9hc3RSZWYuaWRcIlxuICBbdGl0bGVdPVwidG9hc3RSZWYuaXRlbS50aXRsZVwiXG4gIFtkZXNjcmlwdGlvbl09XCJ0b2FzdFJlZi5pdGVtLmRlc2NyaXB0aW9uXCJcbiAgW2FjdGlvbnNdPVwidG9hc3RSZWYuaXRlbS5hY3Rpb25zID8/IFtdXCJcbiAgW3ZhcmlhbnRdPVwidG9hc3RSZWYuaXRlbS52YXJpYW50XCJcbiAgW29wdGlvbnNdPVwidG9hc3RSZWYub3B0aW9uc1wiXG4gIChkaXNtaXNzKT1cIm9uRGlzbWlzcyh0b2FzdFJlZilcIlxuICAqbmdGb3I9XCJsZXQgdG9hc3RSZWYgb2YgaXRlbXMkIHwgYXN5bmM7IHRyYWNrQnk6IHRyYWNrQnlJZFwiXG4+PC9vZHgtdG9hc3Q+XG48b2R4LWNoaXAgY2xhc3M9XCJvZHgtdG9hc3QtY29udGFpbmVyX19jb3VudGVyXCIgKm5nSWY9XCJoaWRkZW5Ub2FzdHMkIHwgYXN5bmMgYXMgbW9yZVwiPnt7IG1vcmUgfX0gbW9yZSBOb3RpZmljYXRpb25zPC9vZHgtY2hpcD5cbiJdfQ==

package/esm2022/components/toast/lib/components/toast-item/toast-item.component.mjs

@@ -0,0 +1,74 @@
+import { __decorate, __metadata } from "tslib";
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';
+import { DynamicViewDirective } from '@odx/angular/cdk/dynamic-view';
+import { ActionGroupComponent } from '@odx/angular/components/action-group';
+import { ButtonComponent } from '@odx/angular/components/button';
+import { IconComponent } from '@odx/angular/components/icon';
+import { CSSComponent, CSSModifier } from '@odx/angular/internal';
+import { injectElement, untilDestroyed } from '@odx/angular/utils';
+import { tap, timer } from 'rxjs';
+import { ToastVariant } from '../../models';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export let ToastItemComponent = class ToastItemComponent {
+    constructor() {
+        this.takeUntilDestroyed = untilDestroyed();
+        this.element = injectElement();
+        this.variant = ToastVariant.DEFAULT;
+        this.dismiss = new EventEmitter();
+    }
+    get icon() {
+        switch (this.variant) {
+            case ToastVariant.WARNING:
+                return 'warning';
+            case ToastVariant.DANGER:
+                return 'error';
+            case ToastVariant.SUCCESS:
+                return 'check';
+            default:
+                return 'info';
+        }
+    }
+    ngOnInit() {
+        const { duration } = this.options;
+        if (duration > 0) {
+            timer(duration)
+                .pipe(this.takeUntilDestroyed(), tap(() => this.onDismiss()))
+                .subscribe();
+        }
+    }
+    onDismiss() {
+        this.dismiss.next();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToastItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ToastItemComponent, isStandalone: true, selector: "odx-toast", inputs: { id: "id", title: "title", description: "description", variant: "variant", actions: "actions", options: "options" }, outputs: { dismiss: "dismiss" }, host: { properties: { "attr.id": "id" } }, ngImport: i0, template: "<div class=\"odx-toast-item__content\">\n  <odx-icon [name]=\"icon\" iconSet=\"core\"></odx-icon>\n  <div class=\"odx-toast-item__text-content\">\n    <p class=\"odx-toast-item__title\">\n      <ng-template [odxDynamicView]=\"title\"> </ng-template>\n    </p>\n    <p class=\"odx-toast-item__description\" *ngIf=\"description\">\n      <ng-template [odxDynamicView]=\"description\"> </ng-template>\n    </p>\n  </div>\n  <button odxButton class=\"odx-toast-item__close\" (click)=\"onDismiss()\" *ngIf=\"options?.dismissable\">\n    <odx-icon name=\"close\" iconSet=\"core\"></odx-icon>\n  </button>\n</div>\n<odx-action-group class=\"odx-toast-item__buttons\" *ngIf=\"!!actions?.length\">\n  <button odxButton (click)=\"action.action()\" *ngFor=\"let action of actions\">\n    <odx-icon [name]=\"action.leftIcon\" iconSet=\"core\" alignLeft *ngIf=\"action.leftIcon\"></odx-icon>\n    <ng-template [odxDynamicView]=\"action.label\"> </ng-template>\n    <odx-icon [name]=\"action.rightIcon\" iconSet=\"core\" alignRight *ngIf=\"action.rightIcon\"></odx-icon>\n  </button>\n</odx-action-group>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: IconComponent, selector: "odx-icon", inputs: ["inline", "size", "name", "iconSet"] }, { kind: "component", type: ButtonComponent, selector: "button[odxButton], a[odxButton]", inputs: ["variant", "size"] }, { kind: "directive", type: DynamicViewDirective, selector: "ng-template[odxDynamicView]", inputs: ["odxDynamicView", "odxDynamicViewInjector", "odxDynamicViewContext"] }, { kind: "component", type: ActionGroupComponent, selector: "odx-action-group", inputs: ["reverse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+};
+__decorate([
+    CSSModifier(),
+    __metadata("design:type", Object)
+], ToastItemComponent.prototype, "variant", void 0);
+ToastItemComponent = __decorate([
+    CSSComponent('toast-item')
+], ToastItemComponent);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToastItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'odx-toast', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [CommonModule, IconComponent, ButtonComponent, DynamicViewDirective, ActionGroupComponent], host: {
+                        '[attr.id]': 'id',
+                    }, template: "<div class=\"odx-toast-item__content\">\n  <odx-icon [name]=\"icon\" iconSet=\"core\"></odx-icon>\n  <div class=\"odx-toast-item__text-content\">\n    <p class=\"odx-toast-item__title\">\n      <ng-template [odxDynamicView]=\"title\"> </ng-template>\n    </p>\n    <p class=\"odx-toast-item__description\" *ngIf=\"description\">\n      <ng-template [odxDynamicView]=\"description\"> </ng-template>\n    </p>\n  </div>\n  <button odxButton class=\"odx-toast-item__close\" (click)=\"onDismiss()\" *ngIf=\"options?.dismissable\">\n    <odx-icon name=\"close\" iconSet=\"core\"></odx-icon>\n  </button>\n</div>\n<odx-action-group class=\"odx-toast-item__buttons\" *ngIf=\"!!actions?.length\">\n  <button odxButton (click)=\"action.action()\" *ngFor=\"let action of actions\">\n    <odx-icon [name]=\"action.leftIcon\" iconSet=\"core\" alignLeft *ngIf=\"action.leftIcon\"></odx-icon>\n    <ng-template [odxDynamicView]=\"action.label\"> </ng-template>\n    <odx-icon [name]=\"action.rightIcon\" iconSet=\"core\" alignRight *ngIf=\"action.rightIcon\"></odx-icon>\n  </button>\n</odx-action-group>\n" }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], variant: [{
+                type: Input
+            }], actions: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], dismiss: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXIvY29tcG9uZW50cy90b2FzdC9zcmMvbGliL2NvbXBvbmVudHMvdG9hc3QtaXRlbS90b2FzdC1pdGVtLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9jb21wb25lbnRzL3RvYXN0L3NyYy9saWIvY29tcG9uZW50cy90b2FzdC1pdGVtL3RvYXN0LWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNILE9BQU8sRUFBc0Isb0JBQW9CLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUN6RixPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUM1RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sZ0NBQWdDLENBQUM7QUFDakUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzdELE9BQU8sRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxjQUFjLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUNuRSxPQUFPLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNsQyxPQUFPLEVBQTZCLFlBQVksRUFBRSxNQUFNLGNBQWMsQ0FBQzs7O0FBY2hFLFdBQU0sa0JBQWtCLEdBQXhCLE1BQU0sa0JBQWtCO0lBQXhCO1FBQ1ksdUJBQWtCLEdBQUcsY0FBYyxFQUFFLENBQUM7UUFFdkMsWUFBTyxHQUFHLGFBQWEsRUFBRSxDQUFDO1FBMEJuQyxZQUFPLEdBQXlCLFlBQVksQ0FBQyxPQUFPLENBQUM7UUFTNUMsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7S0FpQnBEO0lBbERDLElBQVcsSUFBSTtRQUNiLFFBQVEsSUFBSSxDQUFDLE9BQU8sRUFBRTtZQUNwQixLQUFLLFlBQVksQ0FBQyxPQUFPO2dCQUN2QixPQUFPLFNBQVMsQ0FBQztZQUNuQixLQUFLLFlBQVksQ0FBQyxNQUFNO2dCQUN0QixPQUFPLE9BQU8sQ0FBQztZQUNqQixLQUFLLFlBQVksQ0FBQyxPQUFPO2dCQUN2QixPQUFPLE9BQU8sQ0FBQztZQUNqQjtnQkFDRSxPQUFPLE1BQU0sQ0FBQztTQUNqQjtJQUNILENBQUM7SUF3Qk0sUUFBUTtRQUNiLE1BQU0sRUFBRSxRQUFRLEVBQUUsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDO1FBQ2xDLElBQUksUUFBUSxHQUFHLENBQUMsRUFBRTtZQUNoQixLQUFLLENBQUMsUUFBUSxDQUFDO2lCQUNaLElBQUksQ0FDSCxJQUFJLENBQUMsa0JBQWtCLEVBQUUsRUFDekIsR0FBRyxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxDQUM1QjtpQkFDQSxTQUFTLEVBQUUsQ0FBQztTQUNoQjtJQUNILENBQUM7SUFFTSxTQUFTO1FBQ2QsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QixDQUFDOytHQXREVSxrQkFBa0I7bUdBQWxCLGtCQUFrQiwrUUN2Qi9CLHNrQ0FxQkEsMkNESFksWUFBWSxnUUFBRSxhQUFhLG9HQUFFLGVBQWUseUdBQUUsb0JBQW9CLHVKQUFFLG9CQUFvQjs7QUFrQzNGO0lBRk4sV0FBVyxFQUFFOzttREFFOEM7QUE3QmpELGtCQUFrQjtJQVo5QixZQUFZLENBQUMsWUFBWSxDQUFDO0dBWWQsa0JBQWtCLENBdUQ5Qjs0RkF2RFksa0JBQWtCO2tCQVg5QixTQUFTOytCQUNFLFdBQVcsY0FFVCxJQUFJLG1CQUNDLHVCQUF1QixDQUFDLE1BQU0saUJBQ2hDLGlCQUFpQixDQUFDLElBQUksV0FDNUIsQ0FBQyxZQUFZLEVBQUUsYUFBYSxFQUFFLGVBQWUsRUFBRSxvQkFBb0IsRUFBRSxvQkFBb0IsQ0FBQyxRQUM3Rjt3QkFDSixXQUFXLEVBQUUsSUFBSTtxQkFDbEI7OEJBcUJNLEVBQUU7c0JBRFIsS0FBSztnQkFJQyxLQUFLO3NCQURYLEtBQUs7Z0JBSUMsV0FBVztzQkFEakIsS0FBSztnQkFLQyxPQUFPO3NCQURiLEtBQUs7Z0JBSUMsT0FBTztzQkFEYixLQUFLO2dCQUlDLE9BQU87c0JBRGIsS0FBSztnQkFJVSxPQUFPO3NCQUR0QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE9uSW5pdCwgT3V0cHV0LCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRHluYW1pY1RleHRDb250ZW50LCBEeW5hbWljVmlld0RpcmVjdGl2ZSB9IGZyb20gJ0BvZHgvYW5ndWxhci9jZGsvZHluYW1pYy12aWV3JztcbmltcG9ydCB7IEFjdGlvbkdyb3VwQ29tcG9uZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL2NvbXBvbmVudHMvYWN0aW9uLWdyb3VwJztcbmltcG9ydCB7IEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJ0BvZHgvYW5ndWxhci9jb21wb25lbnRzL2J1dHRvbic7XG5pbXBvcnQgeyBJY29uQ29tcG9uZW50IH0gZnJvbSAnQG9keC9hbmd1bGFyL2NvbXBvbmVudHMvaWNvbic7XG5pbXBvcnQgeyBDU1NDb21wb25lbnQsIENTU01vZGlmaWVyIH0gZnJvbSAnQG9keC9hbmd1bGFyL2ludGVybmFsJztcbmltcG9ydCB7IGluamVjdEVsZW1lbnQsIHVudGlsRGVzdHJveWVkIH0gZnJvbSAnQG9keC9hbmd1bGFyL3V0aWxzJztcbmltcG9ydCB7IHRhcCwgdGltZXIgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IFRvYXN0QWN0aW9uLCBUb2FzdE9wdGlvbnMsIFRvYXN0VmFyaWFudCB9IGZyb20gJy4uLy4uL21vZGVscyc7XG5cbkBDU1NDb21wb25lbnQoJ3RvYXN0LWl0ZW0nKVxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnb2R4LXRvYXN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RvYXN0LWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgSWNvbkNvbXBvbmVudCwgQnV0dG9uQ29tcG9uZW50LCBEeW5hbWljVmlld0RpcmVjdGl2ZSwgQWN0aW9uR3JvdXBDb21wb25lbnRdLFxuICBob3N0OiB7XG4gICAgJ1thdHRyLmlkXSc6ICdpZCcsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIFRvYXN0SXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHByaXZhdGUgcmVhZG9ubHkgdGFrZVVudGlsRGVzdHJveWVkID0gdW50aWxEZXN0cm95ZWQoKTtcblxuICBwdWJsaWMgcmVhZG9ubHkgZWxlbWVudCA9IGluamVjdEVsZW1lbnQoKTtcblxuICBwdWJsaWMgZ2V0IGljb24oKTogc3RyaW5nIHtcbiAgICBzd2l0Y2ggKHRoaXMudmFyaWFudCkge1xuICAgICAgY2FzZSBUb2FzdFZhcmlhbnQuV0FSTklORzpcbiAgICAgICAgcmV0dXJuICd3YXJuaW5nJztcbiAgICAgIGNhc2UgVG9hc3RWYXJpYW50LkRBTkdFUjpcbiAgICAgICAgcmV0dXJuICdlcnJvcic7XG4gICAgICBjYXNlIFRvYXN0VmFyaWFudC5TVUNDRVNTOlxuICAgICAgICByZXR1cm4gJ2NoZWNrJztcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiAnaW5mbyc7XG4gICAgfVxuICB9XG5cbiAgQElucHV0KClcbiAgcHVibGljIGlkITogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyB0aXRsZSE6IER5bmFtaWNUZXh0Q29udGVudDtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgZGVzY3JpcHRpb24/OiBEeW5hbWljVGV4dENvbnRlbnQgfCBudWxsO1xuXG4gIEBDU1NNb2RpZmllcigpXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyB2YXJpYW50PzogVG9hc3RWYXJpYW50IHwgbnVsbCA9IFRvYXN0VmFyaWFudC5ERUZBVUxUO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBhY3Rpb25zPzogVG9hc3RBY3Rpb25bXTtcblxuICBASW5wdXQoKVxuICBwdWJsaWMgb3B0aW9ucyE6IFRvYXN0T3B0aW9ucztcblxuICBAT3V0cHV0KClcbiAgcHVibGljIHJlYWRvbmx5IGRpc21pc3MgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGNvbnN0IHsgZHVyYXRpb24gfSA9IHRoaXMub3B0aW9ucztcbiAgICBpZiAoZHVyYXRpb24gPiAwKSB7XG4gICAgICB0aW1lcihkdXJhdGlvbilcbiAgICAgICAgLnBpcGUoXG4gICAgICAgICAgdGhpcy50YWtlVW50aWxEZXN0cm95ZWQoKSxcbiAgICAgICAgICB0YXAoKCkgPT4gdGhpcy5vbkRpc21pc3MoKSksXG4gICAgICAgIClcbiAgICAgICAgLnN1YnNjcmliZSgpO1xuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBvbkRpc21pc3MoKTogdm9pZCB7XG4gICAgdGhpcy5kaXNtaXNzLm5leHQoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cIm9keC10b2FzdC1pdGVtX19jb250ZW50XCI+XG4gIDxvZHgtaWNvbiBbbmFtZV09XCJpY29uXCIgaWNvblNldD1cImNvcmVcIj48L29keC1pY29uPlxuICA8ZGl2IGNsYXNzPVwib2R4LXRvYXN0LWl0ZW1fX3RleHQtY29udGVudFwiPlxuICAgIDxwIGNsYXNzPVwib2R4LXRvYXN0LWl0ZW1fX3RpdGxlXCI+XG4gICAgICA8bmctdGVtcGxhdGUgW29keER5bmFtaWNWaWV3XT1cInRpdGxlXCI+IDwvbmctdGVtcGxhdGU+XG4gICAgPC9wPlxuICAgIDxwIGNsYXNzPVwib2R4LXRvYXN0LWl0ZW1fX2Rlc2NyaXB0aW9uXCIgKm5nSWY9XCJkZXNjcmlwdGlvblwiPlxuICAgICAgPG5nLXRlbXBsYXRlIFtvZHhEeW5hbWljVmlld109XCJkZXNjcmlwdGlvblwiPiA8L25nLXRlbXBsYXRlPlxuICAgIDwvcD5cbiAgPC9kaXY+XG4gIDxidXR0b24gb2R4QnV0dG9uIGNsYXNzPVwib2R4LXRvYXN0LWl0ZW1fX2Nsb3NlXCIgKGNsaWNrKT1cIm9uRGlzbWlzcygpXCIgKm5nSWY9XCJvcHRpb25zPy5kaXNtaXNzYWJsZVwiPlxuICAgIDxvZHgtaWNvbiBuYW1lPVwiY2xvc2VcIiBpY29uU2V0PVwiY29yZVwiPjwvb2R4LWljb24+XG4gIDwvYnV0dG9uPlxuPC9kaXY+XG48b2R4LWFjdGlvbi1ncm91cCBjbGFzcz1cIm9keC10b2FzdC1pdGVtX19idXR0b25zXCIgKm5nSWY9XCIhIWFjdGlvbnM/Lmxlbmd0aFwiPlxuICA8YnV0dG9uIG9keEJ1dHRvbiAoY2xpY2spPVwiYWN0aW9uLmFjdGlvbigpXCIgKm5nRm9yPVwibGV0IGFjdGlvbiBvZiBhY3Rpb25zXCI+XG4gICAgPG9keC1pY29uIFtuYW1lXT1cImFjdGlvbi5sZWZ0SWNvblwiIGljb25TZXQ9XCJjb3JlXCIgYWxpZ25MZWZ0ICpuZ0lmPVwiYWN0aW9uLmxlZnRJY29uXCI+PC9vZHgtaWNvbj5cbiAgICA8bmctdGVtcGxhdGUgW29keER5bmFtaWNWaWV3XT1cImFjdGlvbi5sYWJlbFwiPiA8L25nLXRlbXBsYXRlPlxuICAgIDxvZHgtaWNvbiBbbmFtZV09XCJhY3Rpb24ucmlnaHRJY29uXCIgaWNvblNldD1cImNvcmVcIiBhbGlnblJpZ2h0ICpuZ0lmPVwiYWN0aW9uLnJpZ2h0SWNvblwiPjwvb2R4LWljb24+XG4gIDwvYnV0dG9uPlxuPC9vZHgtYWN0aW9uLWdyb3VwPlxuIl19

package/esm2022/components/toast/lib/toast.module.mjs

@@ -0,0 +1,18 @@
+import { NgModule } from '@angular/core';
+import { CoreModule } from '@odx/angular';
+import { ToastContainerComponent, ToastItemComponent } from './components';
+import * as i0 from "@angular/core";
+const modules = [ToastContainerComponent, ToastItemComponent];
+export class ToastModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToastModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: ToastModule, imports: [ToastContainerComponent, ToastItemComponent], exports: [CoreModule, ToastContainerComponent, ToastItemComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToastModule, imports: [modules, CoreModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToastModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: modules,
+                    exports: [CoreModule, ...modules],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hbmd1bGFyL2NvbXBvbmVudHMvdG9hc3Qvc3JjL2xpYi90b2FzdC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sY0FBYyxDQUFDO0FBQzFDLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGNBQWMsQ0FBQzs7QUFFM0UsTUFBTSxPQUFPLEdBQUcsQ0FBQyx1QkFBdUIsRUFBRSxrQkFBa0IsQ0FBQyxDQUFDO0FBTTlELE1BQU0sT0FBTyxXQUFXOytHQUFYLFdBQVc7Z0hBQVgsV0FBVyxZQU5QLHVCQUF1QixFQUFFLGtCQUFrQixhQUloRCxVQUFVLEVBSkwsdUJBQXVCLEVBQUUsa0JBQWtCO2dIQU0vQyxXQUFXLFlBSGIsT0FBTyxFQUNOLFVBQVU7OzRGQUVULFdBQVc7a0JBSnZCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLE9BQU87b0JBQ2hCLE9BQU8sRUFBRSxDQUFDLFVBQVUsRUFBRSxHQUFHLE9BQU8sQ0FBQztpQkFDbEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29yZU1vZHVsZSB9IGZyb20gJ0BvZHgvYW5ndWxhcic7XG5pbXBvcnQgeyBUb2FzdENvbnRhaW5lckNvbXBvbmVudCwgVG9hc3RJdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzJztcblxuY29uc3QgbW9kdWxlcyA9IFtUb2FzdENvbnRhaW5lckNvbXBvbmVudCwgVG9hc3RJdGVtQ29tcG9uZW50XTtcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogbW9kdWxlcyxcbiAgZXhwb3J0czogW0NvcmVNb2R1bGUsIC4uLm1vZHVsZXNdLFxufSlcbmV4cG9ydCBjbGFzcyBUb2FzdE1vZHVsZSB7fVxuIl19

package/esm2022/components/toast/lib/toast.service.mjs

@@ -0,0 +1,38 @@
+import { Injectable } from '@angular/core';
+import { deepmerge } from '@odx/angular/internal';
+import { getUniqueId, Queue } from '@odx/angular/utils';
+import { share, Subject } from 'rxjs';
+import { injectToastConfig } from './toast.config';
+import * as i0 from "@angular/core";
+export class ToastService {
+    constructor() {
+        this.queue = new Queue();
+        this.onRemove$$ = new Subject();
+        this.defaultOptions = injectToastConfig();
+        this.queue$ = this.queue.value$;
+        this.onRemove$ = this.onRemove$$.pipe(share());
+    }
+    add(item, options = {}) {
+        return this.queue.add({
+            id: item.id ?? getUniqueId('odx-toast'),
+            item,
+            options: deepmerge(this.defaultOptions, options),
+        });
+    }
+    remove(itemRef) {
+        this.queue.remove(itemRef);
+        this.onRemove$$.next(itemRef);
+    }
+    clear() {
+        this.queue.clear();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToastService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ToastService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3Quc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYW5ndWxhci9jb21wb25lbnRzL3RvYXN0L3NyYy9saWIvdG9hc3Quc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNsRCxPQUFPLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBRXRDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOztBQUtuRCxNQUFNLE9BQU8sWUFBWTtJQUh6QjtRQUltQixVQUFLLEdBQUcsSUFBSSxLQUFLLEVBQVksQ0FBQztRQUM5QixlQUFVLEdBQUcsSUFBSSxPQUFPLEVBQVksQ0FBQztRQUNyQyxtQkFBYyxHQUFHLGlCQUFpQixFQUFFLENBQUM7UUFFdEMsV0FBTSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDO1FBQzNCLGNBQVMsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDO0tBa0IzRDtJQWhCUSxHQUFHLENBQUMsSUFBVyxFQUFFLFVBQWlDLEVBQUU7UUFDekQsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQztZQUNwQixFQUFFLEVBQUUsSUFBSSxDQUFDLEVBQUUsSUFBSSxXQUFXLENBQUMsV0FBVyxDQUFDO1lBQ3ZDLElBQUk7WUFDSixPQUFPLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxjQUFjLEVBQUUsT0FBTyxDQUFpQjtTQUNqRSxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRU0sTUFBTSxDQUFDLE9BQWlCO1FBQzdCLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFFTSxLQUFLO1FBQ1YsSUFBSSxDQUFDLEtBQUssQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUNyQixDQUFDOytHQXZCVSxZQUFZO21IQUFaLFlBQVksY0FGWCxNQUFNOzs0RkFFUCxZQUFZO2tCQUh4QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGRlZXBtZXJnZSB9IGZyb20gJ0BvZHgvYW5ndWxhci9pbnRlcm5hbCc7XG5pbXBvcnQgeyBnZXRVbmlxdWVJZCwgUXVldWUgfSBmcm9tICdAb2R4L2FuZ3VsYXIvdXRpbHMnO1xuaW1wb3J0IHsgc2hhcmUsIFN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IFRvYXN0LCBUb2FzdE9wdGlvbnMsIFRvYXN0UmVmIH0gZnJvbSAnLi9tb2RlbHMnO1xuaW1wb3J0IHsgaW5qZWN0VG9hc3RDb25maWcgfSBmcm9tICcuL3RvYXN0LmNvbmZpZyc7XG5cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnLFxufSlcbmV4cG9ydCBjbGFzcyBUb2FzdFNlcnZpY2Uge1xuICBwcml2YXRlIHJlYWRvbmx5IHF1ZXVlID0gbmV3IFF1ZXVlPFRvYXN0UmVmPigpO1xuICBwcml2YXRlIHJlYWRvbmx5IG9uUmVtb3ZlJCQgPSBuZXcgU3ViamVjdDxUb2FzdFJlZj4oKTtcbiAgcHJpdmF0ZSByZWFkb25seSBkZWZhdWx0T3B0aW9ucyA9IGluamVjdFRvYXN0Q29uZmlnKCk7XG5cbiAgcHVibGljIHJlYWRvbmx5IHF1ZXVlJCA9IHRoaXMucXVldWUudmFsdWUkO1xuICBwdWJsaWMgcmVhZG9ubHkgb25SZW1vdmUkID0gdGhpcy5vblJlbW92ZSQkLnBpcGUoc2hhcmUoKSk7XG5cbiAgcHVibGljIGFkZChpdGVtOiBUb2FzdCwgb3B0aW9uczogUGFydGlhbDxUb2FzdE9wdGlvbnM+ID0ge30pOiBUb2FzdFJlZiB7XG4gICAgcmV0dXJuIHRoaXMucXVldWUuYWRkKHtcbiAgICAgIGlkOiBpdGVtLmlkID8/IGdldFVuaXF1ZUlkKCdvZHgtdG9hc3QnKSxcbiAgICAgIGl0ZW0sXG4gICAgICBvcHRpb25zOiBkZWVwbWVyZ2UodGhpcy5kZWZhdWx0T3B0aW9ucywgb3B0aW9ucykgYXMgVG9hc3RPcHRpb25zLFxuICAgIH0pO1xuICB9XG5cbiAgcHVibGljIHJlbW92ZShpdGVtUmVmOiBUb2FzdFJlZik6IHZvaWQge1xuICAgIHRoaXMucXVldWUucmVtb3ZlKGl0ZW1SZWYpO1xuICAgIHRoaXMub25SZW1vdmUkJC5uZXh0KGl0ZW1SZWYpO1xuICB9XG5cbiAgcHVibGljIGNsZWFyKCk6IHZvaWQge1xuICAgIHRoaXMucXVldWUuY2xlYXIoKTtcbiAgfVxufVxuIl19