@theseam/ui-common 0.3.11 → 0.4.0-beta.0

package/esm2020/datatable/datatable-action-menu/datatable-action-menu.component.mjs

@@ -0,0 +1,100 @@
+import { Component, ContentChildren } from '@angular/core';
+import { faEllipsisH } from '@fortawesome/free-solid-svg-icons';
+import { DatatableActionMenuItemComponent } from '../datatable-action-menu-item/datatable-action-menu-item.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@theseam/ui-common/confirm-dialog";
+import * as i2 from "@angular/router";
+import * as i3 from "@angular/common";
+import * as i4 from "@theseam/ui-common/menu";
+import * as i5 from "@theseam/ui-common/icon";
+export class DatatableActionMenuComponent {
+    constructor(_confirmDialog, _router) {
+        this._confirmDialog = _confirmDialog;
+        this._router = _router;
+        this.faEllipsisH = faEllipsisH;
+        /** @ignore */
+        this._actionMenuPositions = [
+            {
+                originX: 'start',
+                originY: 'bottom',
+                overlayX: 'end',
+                overlayY: 'top',
+            },
+            {
+                originX: 'start',
+                originY: 'top',
+                overlayX: 'end',
+                overlayY: 'bottom',
+            },
+            {
+                originX: 'end',
+                originY: 'bottom',
+                overlayX: 'start',
+                overlayY: 'top',
+            },
+            {
+                originX: 'end',
+                originY: 'top',
+                overlayX: 'start',
+                overlayY: 'bottom',
+            },
+        ];
+    }
+    activateItem(event, item) {
+        if (item.confirmDialog) {
+            this._confirmDialog.open(item.confirmDialog.message, item.confirmDialog.alert)
+                .afterClosed()
+                .subscribe(v => {
+                if (v === 'confirm') {
+                    item.click.emit(event);
+                    if (item.href) {
+                        const win = window.open(item.href, item.target || undefined);
+                        // TODO: Consider if always setting opener to null is to restrictive
+                        // if (win && item.target && item.target.toLowerCase() === '_blank') {
+                        //   win.opener = null
+                        // }
+                    }
+                    else {
+                        const extras = {};
+                        if (item.queryParams) {
+                            extras.queryParams = item.queryParams;
+                        }
+                        if (item.fragment) {
+                            extras.fragment = item.fragment;
+                        }
+                        if (item.queryParamsHandling) {
+                            extras.queryParamsHandling = item.queryParamsHandling;
+                        }
+                        if (item.preserveFragment) {
+                            extras.preserveFragment = item.preserveFragment;
+                        }
+                        if (item.skipLocationChange) {
+                            extras.skipLocationChange = item.skipLocationChange;
+                        }
+                        if (item.replaceUrl) {
+                            extras.replaceUrl = item.replaceUrl;
+                        }
+                        if (item.state) {
+                            extras.state = item.state;
+                        }
+                        const commands = Array.isArray(item.routerLink) ? item.routerLink : [item.routerLink];
+                        this._router.navigate(commands, extras);
+                    }
+                }
+            });
+        }
+        else {
+            item.click.emit(event);
+        }
+    }
+}
+DatatableActionMenuComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DatatableActionMenuComponent, deps: [{ token: i1.SeamConfirmDialogService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
+DatatableActionMenuComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: DatatableActionMenuComponent, selector: "seam-datatable-action-menu", queries: [{ propertyName: "items", predicate: DatatableActionMenuItemComponent }], ngImport: i0, template: "<seam-menu #menu\n  menuClass=\"list-group py-0 border-0 seam-datatable-action-menu\"\n  animationType=\"fade\">\n\n  <ng-container *ngFor=\"let item of items\">\n    <ng-container *ngIf=\"(item.routerLink || item.href) && !item.confirmDialog; else noRouterLink\">\n      <a *ngIf=\"item.href; else noHref\"\n        seamMenuItem\n        class=\"list-group-item list-group-item-action py-1\"\n        [disabled]=\"item.disabled\"\n        [attr.href]=\"item.href\"\n        [target]=\"item.target\"\n        (click)=\"activateItem($event, item)\">\n        {{ item.label }}\n      </a>\n      <ng-template #noHref>\n        <a seamMenuItem\n          class=\"list-group-item list-group-item-action py-1\"\n          [disabled]=\"item.disabled\"\n          [queryParams]=\"item.queryParams\"\n          [fragment]=\"$any(item.fragment)\"\n          [queryParamsHandling]=\"item.queryParamsHandling\"\n          [preserveFragment]=\"$any(item.preserveFragment)\"\n          [skipLocationChange]=\"$any(item.skipLocationChange)\"\n          [replaceUrl]=\"$any(item.replaceUrl)\"\n          [state]=\"$any(item.state)\"\n          [routerLink]=\"item.routerLink\"\n          [target]=\"$any(item.target)\"\n          (click)=\"activateItem($event, item)\">\n          {{ item.label }}\n        </a>\n      </ng-template>\n    </ng-container>\n    <ng-template #noRouterLink>\n      <button seamMenuItem\n        type=\"button\"\n        class=\"list-group-item list-group-item-action py-1\"\n        [disabled]=\"item.disabled\"\n        (click)=\"activateItem($event, item)\">\n        {{ item.label }}\n      </button>\n    </ng-template>\n  </ng-container>\n</seam-menu>\n\n<button type=\"button\" class=\"datatable-action-button btn\"\n  [seamMenuToggle]=\"menu\"\n  [positions]=\"_actionMenuPositions || []\"\n  title=\"Row Actions\">\n  <seam-icon [icon]=\"faEllipsisH\"></seam-icon>\n</button>\n", styles: [":host{display:block;position:relative}.datatable-action-button{font-size:20px;line-height:20px;width:30px;height:30px;padding:0;border-radius:15px;text-align:center}.datatable-action-button::ng-deep .svg-inline--fa{vertical-align:middle}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.MenuComponent, selector: "seam-menu", inputs: ["menuClass", "baseWidth", "animationType"], outputs: ["closed"], exportAs: ["seamMenu"] }, { kind: "directive", type: i4.MenuToggleDirective, selector: "[seamMenuToggle]", inputs: ["seamMenuToggle", "positions"], exportAs: ["seamMenuToggle"] }, { kind: "component", type: i4.MenuItemComponent, selector: "[seamMenuItem]", inputs: ["disabled", "role", "icon", "iconClass", "badgeText", "badgeTheme"], exportAs: ["seamMenuItem"] }, { kind: "component", type: i5.IconComponent, selector: "seam-icon", inputs: ["grayscaleOnDisable", "disabled", "iconClass", "icon", "size", "showDefaultOnError", "defaultIcon", "iconType"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DatatableActionMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-datatable-action-menu', template: "<seam-menu #menu\n  menuClass=\"list-group py-0 border-0 seam-datatable-action-menu\"\n  animationType=\"fade\">\n\n  <ng-container *ngFor=\"let item of items\">\n    <ng-container *ngIf=\"(item.routerLink || item.href) && !item.confirmDialog; else noRouterLink\">\n      <a *ngIf=\"item.href; else noHref\"\n        seamMenuItem\n        class=\"list-group-item list-group-item-action py-1\"\n        [disabled]=\"item.disabled\"\n        [attr.href]=\"item.href\"\n        [target]=\"item.target\"\n        (click)=\"activateItem($event, item)\">\n        {{ item.label }}\n      </a>\n      <ng-template #noHref>\n        <a seamMenuItem\n          class=\"list-group-item list-group-item-action py-1\"\n          [disabled]=\"item.disabled\"\n          [queryParams]=\"item.queryParams\"\n          [fragment]=\"$any(item.fragment)\"\n          [queryParamsHandling]=\"item.queryParamsHandling\"\n          [preserveFragment]=\"$any(item.preserveFragment)\"\n          [skipLocationChange]=\"$any(item.skipLocationChange)\"\n          [replaceUrl]=\"$any(item.replaceUrl)\"\n          [state]=\"$any(item.state)\"\n          [routerLink]=\"item.routerLink\"\n          [target]=\"$any(item.target)\"\n          (click)=\"activateItem($event, item)\">\n          {{ item.label }}\n        </a>\n      </ng-template>\n    </ng-container>\n    <ng-template #noRouterLink>\n      <button seamMenuItem\n        type=\"button\"\n        class=\"list-group-item list-group-item-action py-1\"\n        [disabled]=\"item.disabled\"\n        (click)=\"activateItem($event, item)\">\n        {{ item.label }}\n      </button>\n    </ng-template>\n  </ng-container>\n</seam-menu>\n\n<button type=\"button\" class=\"datatable-action-button btn\"\n  [seamMenuToggle]=\"menu\"\n  [positions]=\"_actionMenuPositions || []\"\n  title=\"Row Actions\">\n  <seam-icon [icon]=\"faEllipsisH\"></seam-icon>\n</button>\n", styles: [":host{display:block;position:relative}.datatable-action-button{font-size:20px;line-height:20px;width:30px;height:30px;padding:0;border-radius:15px;text-align:center}.datatable-action-button::ng-deep .svg-inline--fa{vertical-align:middle}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.SeamConfirmDialogService }, { type: i2.Router }]; }, propDecorators: { items: [{
+                type: ContentChildren,
+                args: [DatatableActionMenuItemComponent]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YXRhYmxlLWFjdGlvbi1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWNvbW1vbi9kYXRhdGFibGUvZGF0YXRhYmxlLWFjdGlvbi1tZW51L2RhdGF0YWJsZS1hY3Rpb24tbWVudS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1jb21tb24vZGF0YXRhYmxlL2RhdGF0YWJsZS1hY3Rpb24tbWVudS9kYXRhdGFibGUtYWN0aW9uLW1lbnUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQWEsTUFBTSxlQUFlLENBQUE7QUFHckUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLG1DQUFtQyxDQUFBO0FBSS9ELE9BQU8sRUFBRSxnQ0FBZ0MsRUFBRSxNQUFNLG9FQUFvRSxDQUFBOzs7Ozs7O0FBT3JILE1BQU0sT0FBTyw0QkFBNEI7SUFrQ3ZDLFlBQ1UsY0FBd0MsRUFDeEMsT0FBZTtRQURmLG1CQUFjLEdBQWQsY0FBYyxDQUEwQjtRQUN4QyxZQUFPLEdBQVAsT0FBTyxDQUFRO1FBbEN6QixnQkFBVyxHQUFHLFdBQVcsQ0FBQTtRQUl6QixjQUFjO1FBQ2QseUJBQW9CLEdBQTZCO1lBQy9DO2dCQUNFLE9BQU8sRUFBRSxPQUFPO2dCQUNoQixPQUFPLEVBQUUsUUFBUTtnQkFDakIsUUFBUSxFQUFFLEtBQUs7Z0JBQ2YsUUFBUSxFQUFFLEtBQUs7YUFDaEI7WUFDRDtnQkFDRSxPQUFPLEVBQUUsT0FBTztnQkFDaEIsT0FBTyxFQUFFLEtBQUs7Z0JBQ2QsUUFBUSxFQUFFLEtBQUs7Z0JBQ2YsUUFBUSxFQUFFLFFBQVE7YUFDbkI7WUFDRDtnQkFDRSxPQUFPLEVBQUUsS0FBSztnQkFDZCxPQUFPLEVBQUUsUUFBUTtnQkFDakIsUUFBUSxFQUFFLE9BQU87Z0JBQ2pCLFFBQVEsRUFBRSxLQUFLO2FBQ2hCO1lBQ0Q7Z0JBQ0UsT0FBTyxFQUFFLEtBQUs7Z0JBQ2QsT0FBTyxFQUFFLEtBQUs7Z0JBQ2QsUUFBUSxFQUFFLE9BQU87Z0JBQ2pCLFFBQVEsRUFBRSxRQUFRO2FBQ25CO1NBQ0YsQ0FBQTtJQUtHLENBQUM7SUFFTCxZQUFZLENBQUMsS0FBVSxFQUFFLElBQXNDO1FBQzdELElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRTtZQUN0QixJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLE9BQU8sRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssQ0FBQztpQkFDM0UsV0FBVyxFQUFFO2lCQUNiLFNBQVMsQ0FBQyxDQUFDLENBQUMsRUFBRTtnQkFDYixJQUFJLENBQUMsS0FBSyxTQUFTLEVBQUU7b0JBQ25CLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFBO29CQUN0QixJQUFJLElBQUksQ0FBQyxJQUFJLEVBQUU7d0JBQ2IsTUFBTSxHQUFHLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxNQUFNLElBQUksU0FBUyxDQUFDLENBQUE7d0JBQzVELG9FQUFvRTt3QkFDcEUsc0VBQXNFO3dCQUN0RSxzQkFBc0I7d0JBQ3RCLElBQUk7cUJBQ0w7eUJBQU07d0JBQ0wsTUFBTSxNQUFNLEdBQXFCLEVBQUUsQ0FBQTt3QkFDbkMsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFOzRCQUFFLE1BQU0sQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQTt5QkFBRTt3QkFDL0QsSUFBSSxJQUFJLENBQUMsUUFBUSxFQUFFOzRCQUFFLE1BQU0sQ0FBQyxRQUFRLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQTt5QkFBRTt3QkFDdEQsSUFBSSxJQUFJLENBQUMsbUJBQW1CLEVBQUU7NEJBQUUsTUFBTSxDQUFDLG1CQUFtQixHQUFHLElBQUksQ0FBQyxtQkFBbUIsQ0FBQTt5QkFBRTt3QkFDdkYsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEVBQUU7NEJBQUUsTUFBTSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQTt5QkFBRTt3QkFDOUUsSUFBSSxJQUFJLENBQUMsa0JBQWtCLEVBQUU7NEJBQUUsTUFBTSxDQUFDLGtCQUFrQixHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQTt5QkFBRTt3QkFDcEYsSUFBSSxJQUFJLENBQUMsVUFBVSxFQUFFOzRCQUFFLE1BQU0sQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQTt5QkFBRTt3QkFDNUQsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFOzRCQUFFLE1BQU0sQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQTt5QkFBRTt3QkFFN0MsTUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFBO3dCQUNyRixJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxRQUFRLEVBQUUsTUFBTSxDQUFDLENBQUE7cUJBQ3hDO2lCQUNGO1lBQ0gsQ0FBQyxDQUFDLENBQUE7U0FDTDthQUFNO1lBQ0wsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUE7U0FDdkI7SUFDSCxDQUFDOzt5SEF0RVUsNEJBQTRCOzZHQUE1Qiw0QkFBNEIsd0ZBSXRCLGdDQUFnQyw2QkNuQm5ELDgyREFtREE7MkZEcENhLDRCQUE0QjtrQkFMeEMsU0FBUzsrQkFDRSw0QkFBNEI7b0lBUWEsS0FBSztzQkFBdkQsZUFBZTt1QkFBQyxnQ0FBZ0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb25uZWN0aW9uUG9zaXRpb25QYWlyIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknXG5pbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZHJlbiwgUXVlcnlMaXN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IE5hdmlnYXRpb25FeHRyYXMsIFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcidcblxuaW1wb3J0IHsgZmFFbGxpcHNpc0ggfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnXG5cbmltcG9ydCB7IFNlYW1Db25maXJtRGlhbG9nU2VydmljZSB9IGZyb20gJ0B0aGVzZWFtL3VpLWNvbW1vbi9jb25maXJtLWRpYWxvZydcblxuaW1wb3J0IHsgRGF0YXRhYmxlQWN0aW9uTWVudUl0ZW1Db21wb25lbnQgfSBmcm9tICcuLi9kYXRhdGFibGUtYWN0aW9uLW1lbnUtaXRlbS9kYXRhdGFibGUtYWN0aW9uLW1lbnUtaXRlbS5jb21wb25lbnQnXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NlYW0tZGF0YXRhYmxlLWFjdGlvbi1tZW51JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RhdGF0YWJsZS1hY3Rpb24tbWVudS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2RhdGF0YWJsZS1hY3Rpb24tbWVudS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIERhdGF0YWJsZUFjdGlvbk1lbnVDb21wb25lbnQge1xuXG4gIGZhRWxsaXBzaXNIID0gZmFFbGxpcHNpc0hcblxuICBAQ29udGVudENoaWxkcmVuKERhdGF0YWJsZUFjdGlvbk1lbnVJdGVtQ29tcG9uZW50KSBpdGVtcz86IFF1ZXJ5TGlzdDxEYXRhdGFibGVBY3Rpb25NZW51SXRlbUNvbXBvbmVudD5cblxuICAvKiogQGlnbm9yZSAqL1xuICBfYWN0aW9uTWVudVBvc2l0aW9uczogQ29ubmVjdGlvblBvc2l0aW9uUGFpcltdID0gW1xuICAgIHtcbiAgICAgIG9yaWdpblg6ICdzdGFydCcsXG4gICAgICBvcmlnaW5ZOiAnYm90dG9tJyxcbiAgICAgIG92ZXJsYXlYOiAnZW5kJyxcbiAgICAgIG92ZXJsYXlZOiAndG9wJyxcbiAgICB9LFxuICAgIHtcbiAgICAgIG9yaWdpblg6ICdzdGFydCcsXG4gICAgICBvcmlnaW5ZOiAndG9wJyxcbiAgICAgIG92ZXJsYXlYOiAnZW5kJyxcbiAgICAgIG92ZXJsYXlZOiAnYm90dG9tJyxcbiAgICB9LFxuICAgIHtcbiAgICAgIG9yaWdpblg6ICdlbmQnLFxuICAgICAgb3JpZ2luWTogJ2JvdHRvbScsXG4gICAgICBvdmVybGF5WDogJ3N0YXJ0JyxcbiAgICAgIG92ZXJsYXlZOiAndG9wJyxcbiAgICB9LFxuICAgIHtcbiAgICAgIG9yaWdpblg6ICdlbmQnLFxuICAgICAgb3JpZ2luWTogJ3RvcCcsXG4gICAgICBvdmVybGF5WDogJ3N0YXJ0JyxcbiAgICAgIG92ZXJsYXlZOiAnYm90dG9tJyxcbiAgICB9LFxuICBdXG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBfY29uZmlybURpYWxvZzogU2VhbUNvbmZpcm1EaWFsb2dTZXJ2aWNlLFxuICAgIHByaXZhdGUgX3JvdXRlcjogUm91dGVyXG4gICkgeyB9XG5cbiAgYWN0aXZhdGVJdGVtKGV2ZW50OiBhbnksIGl0ZW06IERhdGF0YWJsZUFjdGlvbk1lbnVJdGVtQ29tcG9uZW50KSB7XG4gICAgaWYgKGl0ZW0uY29uZmlybURpYWxvZykge1xuICAgICAgdGhpcy5fY29uZmlybURpYWxvZy5vcGVuKGl0ZW0uY29uZmlybURpYWxvZy5tZXNzYWdlLCBpdGVtLmNvbmZpcm1EaWFsb2cuYWxlcnQpXG4gICAgICAgIC5hZnRlckNsb3NlZCgpXG4gICAgICAgIC5zdWJzY3JpYmUodiA9PiB7XG4gICAgICAgICAgaWYgKHYgPT09ICdjb25maXJtJykge1xuICAgICAgICAgICAgaXRlbS5jbGljay5lbWl0KGV2ZW50KVxuICAgICAgICAgICAgaWYgKGl0ZW0uaHJlZikge1xuICAgICAgICAgICAgICBjb25zdCB3aW4gPSB3aW5kb3cub3BlbihpdGVtLmhyZWYsIGl0ZW0udGFyZ2V0IHx8IHVuZGVmaW5lZClcbiAgICAgICAgICAgICAgLy8gVE9ETzogQ29uc2lkZXIgaWYgYWx3YXlzIHNldHRpbmcgb3BlbmVyIHRvIG51bGwgaXMgdG8gcmVzdHJpY3RpdmVcbiAgICAgICAgICAgICAgLy8gaWYgKHdpbiAmJiBpdGVtLnRhcmdldCAmJiBpdGVtLnRhcmdldC50b0xvd2VyQ2FzZSgpID09PSAnX2JsYW5rJykge1xuICAgICAgICAgICAgICAvLyAgIHdpbi5vcGVuZXIgPSBudWxsXG4gICAgICAgICAgICAgIC8vIH1cbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgIGNvbnN0IGV4dHJhczogTmF2aWdhdGlvbkV4dHJhcyA9IHt9XG4gICAgICAgICAgICAgIGlmIChpdGVtLnF1ZXJ5UGFyYW1zKSB7IGV4dHJhcy5xdWVyeVBhcmFtcyA9IGl0ZW0ucXVlcnlQYXJhbXMgfVxuICAgICAgICAgICAgICBpZiAoaXRlbS5mcmFnbWVudCkgeyBleHRyYXMuZnJhZ21lbnQgPSBpdGVtLmZyYWdtZW50IH1cbiAgICAgICAgICAgICAgaWYgKGl0ZW0ucXVlcnlQYXJhbXNIYW5kbGluZykgeyBleHRyYXMucXVlcnlQYXJhbXNIYW5kbGluZyA9IGl0ZW0ucXVlcnlQYXJhbXNIYW5kbGluZyB9XG4gICAgICAgICAgICAgIGlmIChpdGVtLnByZXNlcnZlRnJhZ21lbnQpIHsgZXh0cmFzLnByZXNlcnZlRnJhZ21lbnQgPSBpdGVtLnByZXNlcnZlRnJhZ21lbnQgfVxuICAgICAgICAgICAgICBpZiAoaXRlbS5za2lwTG9jYXRpb25DaGFuZ2UpIHsgZXh0cmFzLnNraXBMb2NhdGlvbkNoYW5nZSA9IGl0ZW0uc2tpcExvY2F0aW9uQ2hhbmdlIH1cbiAgICAgICAgICAgICAgaWYgKGl0ZW0ucmVwbGFjZVVybCkgeyBleHRyYXMucmVwbGFjZVVybCA9IGl0ZW0ucmVwbGFjZVVybCB9XG4gICAgICAgICAgICAgIGlmIChpdGVtLnN0YXRlKSB7IGV4dHJhcy5zdGF0ZSA9IGl0ZW0uc3RhdGUgfVxuXG4gICAgICAgICAgICAgIGNvbnN0IGNvbW1hbmRzID0gQXJyYXkuaXNBcnJheShpdGVtLnJvdXRlckxpbmspID8gaXRlbS5yb3V0ZXJMaW5rIDogW2l0ZW0ucm91dGVyTGlua11cbiAgICAgICAgICAgICAgdGhpcy5fcm91dGVyLm5hdmlnYXRlKGNvbW1hbmRzLCBleHRyYXMpXG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICB9KVxuICAgIH0gZWxzZSB7XG4gICAgICBpdGVtLmNsaWNrLmVtaXQoZXZlbnQpXG4gICAgfVxuICB9XG5cbn1cbiIsIjxzZWFtLW1lbnUgI21lbnVcbiAgbWVudUNsYXNzPVwibGlzdC1ncm91cCBweS0wIGJvcmRlci0wIHNlYW0tZGF0YXRhYmxlLWFjdGlvbi1tZW51XCJcbiAgYW5pbWF0aW9uVHlwZT1cImZhZGVcIj5cblxuICA8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBpdGVtIG9mIGl0ZW1zXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cIihpdGVtLnJvdXRlckxpbmsgfHwgaXRlbS5ocmVmKSAmJiAhaXRlbS5jb25maXJtRGlhbG9nOyBlbHNlIG5vUm91dGVyTGlua1wiPlxuICAgICAgPGEgKm5nSWY9XCJpdGVtLmhyZWY7IGVsc2Ugbm9IcmVmXCJcbiAgICAgICAgc2VhbU1lbnVJdGVtXG4gICAgICAgIGNsYXNzPVwibGlzdC1ncm91cC1pdGVtIGxpc3QtZ3JvdXAtaXRlbS1hY3Rpb24gcHktMVwiXG4gICAgICAgIFtkaXNhYmxlZF09XCJpdGVtLmRpc2FibGVkXCJcbiAgICAgICAgW2F0dHIuaHJlZl09XCJpdGVtLmhyZWZcIlxuICAgICAgICBbdGFyZ2V0XT1cIml0ZW0udGFyZ2V0XCJcbiAgICAgICAgKGNsaWNrKT1cImFjdGl2YXRlSXRlbSgkZXZlbnQsIGl0ZW0pXCI+XG4gICAgICAgIHt7IGl0ZW0ubGFiZWwgfX1cbiAgICAgIDwvYT5cbiAgICAgIDxuZy10ZW1wbGF0ZSAjbm9IcmVmPlxuICAgICAgICA8YSBzZWFtTWVudUl0ZW1cbiAgICAgICAgICBjbGFzcz1cImxpc3QtZ3JvdXAtaXRlbSBsaXN0LWdyb3VwLWl0ZW0tYWN0aW9uIHB5LTFcIlxuICAgICAgICAgIFtkaXNhYmxlZF09XCJpdGVtLmRpc2FibGVkXCJcbiAgICAgICAgICBbcXVlcnlQYXJhbXNdPVwiaXRlbS5xdWVyeVBhcmFtc1wiXG4gICAgICAgICAgW2ZyYWdtZW50XT1cIiRhbnkoaXRlbS5mcmFnbWVudClcIlxuICAgICAgICAgIFtxdWVyeVBhcmFtc0hhbmRsaW5nXT1cIml0ZW0ucXVlcnlQYXJhbXNIYW5kbGluZ1wiXG4gICAgICAgICAgW3ByZXNlcnZlRnJhZ21lbnRdPVwiJGFueShpdGVtLnByZXNlcnZlRnJhZ21lbnQpXCJcbiAgICAgICAgICBbc2tpcExvY2F0aW9uQ2hhbmdlXT1cIiRhbnkoaXRlbS5za2lwTG9jYXRpb25DaGFuZ2UpXCJcbiAgICAgICAgICBbcmVwbGFjZVVybF09XCIkYW55KGl0ZW0ucmVwbGFjZVVybClcIlxuICAgICAgICAgIFtzdGF0ZV09XCIkYW55KGl0ZW0uc3RhdGUpXCJcbiAgICAgICAgICBbcm91dGVyTGlua109XCJpdGVtLnJvdXRlckxpbmtcIlxuICAgICAgICAgIFt0YXJnZXRdPVwiJGFueShpdGVtLnRhcmdldClcIlxuICAgICAgICAgIChjbGljayk9XCJhY3RpdmF0ZUl0ZW0oJGV2ZW50LCBpdGVtKVwiPlxuICAgICAgICAgIHt7IGl0ZW0ubGFiZWwgfX1cbiAgICAgICAgPC9hPlxuICAgICAgPC9uZy10ZW1wbGF0ZT5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8bmctdGVtcGxhdGUgI25vUm91dGVyTGluaz5cbiAgICAgIDxidXR0b24gc2VhbU1lbnVJdGVtXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICBjbGFzcz1cImxpc3QtZ3JvdXAtaXRlbSBsaXN0LWdyb3VwLWl0ZW0tYWN0aW9uIHB5LTFcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiaXRlbS5kaXNhYmxlZFwiXG4gICAgICAgIChjbGljayk9XCJhY3RpdmF0ZUl0ZW0oJGV2ZW50LCBpdGVtKVwiPlxuICAgICAgICB7eyBpdGVtLmxhYmVsIH19XG4gICAgICA8L2J1dHRvbj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L25nLWNvbnRhaW5lcj5cbjwvc2VhbS1tZW51PlxuXG48YnV0dG9uIHR5cGU9XCJidXR0b25cIiBjbGFzcz1cImRhdGF0YWJsZS1hY3Rpb24tYnV0dG9uIGJ0blwiXG4gIFtzZWFtTWVudVRvZ2dsZV09XCJtZW51XCJcbiAgW3Bvc2l0aW9uc109XCJfYWN0aW9uTWVudVBvc2l0aW9ucyB8fCBbXVwiXG4gIHRpdGxlPVwiUm93IEFjdGlvbnNcIj5cbiAgPHNlYW0taWNvbiBbaWNvbl09XCJmYUVsbGlwc2lzSFwiPjwvc2VhbS1pY29uPlxuPC9idXR0b24+XG4iXX0=

package/esm2020/datatable/datatable-action-menu-item/datatable-action-menu-item.component.mjs

@@ -0,0 +1,47 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+export class DatatableActionMenuItemComponent {
+    constructor() {
+        this.click = new EventEmitter();
+    }
+}
+DatatableActionMenuItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DatatableActionMenuItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DatatableActionMenuItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: DatatableActionMenuItemComponent, selector: "seam-datatable-action-menu-item", inputs: { label: "label", href: ["attr.href", "href"], target: "target", queryParams: "queryParams", fragment: "fragment", queryParamsHandling: "queryParamsHandling", preserveFragment: "preserveFragment", skipLocationChange: "skipLocationChange", replaceUrl: "replaceUrl", state: "state", routerLink: "routerLink", confirmDialog: "confirmDialog", disabled: "disabled" }, outputs: { click: "click" }, ngImport: i0, template: ``, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DatatableActionMenuItemComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'seam-datatable-action-menu-item',
+                    template: ``,
+                    changeDetection: ChangeDetectionStrategy.OnPush
+                }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], href: [{
+                type: Input,
+                args: ['attr.href']
+            }], target: [{
+                type: Input
+            }], queryParams: [{
+                type: Input
+            }], fragment: [{
+                type: Input
+            }], queryParamsHandling: [{
+                type: Input
+            }], preserveFragment: [{
+                type: Input
+            }], skipLocationChange: [{
+                type: Input
+            }], replaceUrl: [{
+                type: Input
+            }], state: [{
+                type: Input
+            }], routerLink: [{
+                type: Input
+            }], confirmDialog: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], click: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YXRhYmxlLWFjdGlvbi1tZW51LWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWktY29tbW9uL2RhdGF0YWJsZS9kYXRhdGFibGUtYWN0aW9uLW1lbnUtaXRlbS9kYXRhdGFibGUtYWN0aW9uLW1lbnUtaXRlbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ1AsTUFBTSxlQUFlLENBQUE7O0FBU3RCLE1BQU0sT0FBTyxnQ0FBZ0M7SUFMN0M7UUEyQnFCLFVBQUssR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFBO0tBRW5EOzs2SEF4QlksZ0NBQWdDO2lIQUFoQyxnQ0FBZ0MsdWRBSGpDLEVBQUU7MkZBR0QsZ0NBQWdDO2tCQUw1QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxpQ0FBaUM7b0JBQzNDLFFBQVEsRUFBRSxFQUFFO29CQUNaLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNoRDs4QkFHVSxLQUFLO3NCQUFiLEtBQUs7Z0JBR2MsSUFBSTtzQkFBdkIsS0FBSzt1QkFBQyxXQUFXO2dCQUNULE1BQU07c0JBQWQsS0FBSztnQkFHRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csbUJBQW1CO3NCQUEzQixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFFRyxhQUFhO3NCQUFyQixLQUFLO2dCQUVHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRWEsS0FBSztzQkFBdkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG4gIEV2ZW50RW1pdHRlcixcbiAgSW5wdXQsXG4gIE91dHB1dFxufSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuXG5pbXBvcnQgeyBUaGVtZVR5cGVzIH0gZnJvbSAnQHRoZXNlYW0vdWktY29tbW9uL21vZGVscydcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2VhbS1kYXRhdGFibGUtYWN0aW9uLW1lbnUtaXRlbScsXG4gIHRlbXBsYXRlOiBgYCxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgRGF0YXRhYmxlQWN0aW9uTWVudUl0ZW1Db21wb25lbnQge1xuXG4gIEBJbnB1dCgpIGxhYmVsOiBzdHJpbmcgfCB1bmRlZmluZWQgfCBudWxsXG5cbiAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOm5vLWlucHV0LXJlbmFtZVxuICBASW5wdXQoJ2F0dHIuaHJlZicpIGhyZWY6IHN0cmluZyB8IHVuZGVmaW5lZCB8IG51bGxcbiAgQElucHV0KCkgdGFyZ2V0OiBzdHJpbmcgfCB1bmRlZmluZWQgfCBudWxsXG5cbiAgLy8gQWxsb3cgcm91dGVyTGluayBpbnB1dHMgb24gbWVudSBpdGVtXG4gIEBJbnB1dCgpIHF1ZXJ5UGFyYW1zOiB7W2s6IHN0cmluZ106IGFueX0gfCB1bmRlZmluZWQgfCBudWxsXG4gIEBJbnB1dCgpIGZyYWdtZW50OiBzdHJpbmcgfCB1bmRlZmluZWQgfCBudWxsXG4gIEBJbnB1dCgpIHF1ZXJ5UGFyYW1zSGFuZGxpbmc6IGFueVxuICBASW5wdXQoKSBwcmVzZXJ2ZUZyYWdtZW50OiBib29sZWFufCB1bmRlZmluZWQgfCBudWxsXG4gIEBJbnB1dCgpIHNraXBMb2NhdGlvbkNoYW5nZTogYm9vbGVhbnwgdW5kZWZpbmVkIHwgbnVsbFxuICBASW5wdXQoKSByZXBsYWNlVXJsOiBib29sZWFufCB1bmRlZmluZWQgfCBudWxsXG4gIEBJbnB1dCgpIHN0YXRlOiB7W2s6IHN0cmluZ106IGFueX0gfCB1bmRlZmluZWQgfCBudWxsXG4gIEBJbnB1dCgpIHJvdXRlckxpbms6IHN0cmluZyB8IGFueVtdIHwgdW5kZWZpbmVkIHwgbnVsbFxuXG4gIEBJbnB1dCgpIGNvbmZpcm1EaWFsb2c6IHsgbWVzc2FnZT86IHN0cmluZywgYWxlcnQ/OiBzdHJpbmcgfCB7IG1lc3NhZ2U6IHN0cmluZywgdHlwZTogVGhlbWVUeXBlcyB9IH0gfCB1bmRlZmluZWQgfCBudWxsXG5cbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gfCB1bmRlZmluZWQgfCBudWxsXG5cbiAgQE91dHB1dCgpIHJlYWRvbmx5IGNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KClcblxufVxuIl19

package/esm2020/datatable/datatable-column/datatable-column.component.mjs

@@ -0,0 +1,108 @@
+import { Component, ContentChild, Input, TemplateRef } from '@angular/core';
+import { DatatableCellTplDirective } from '../directives/datatable-cell-tpl.directive';
+import * as i0 from "@angular/core";
+import * as i1 from "../services/datatable-column-changes.service";
+// TODO: The column component should implement `ITheSeamDatatableColumn`, since
+// providing some properties by input and some by template could be confusing.
+export class DatatableColumnComponent {
+    // @Input('headerTemplate')
+    // _headerTemplateInput: TemplateRef<any>;
+    // @ContentChild(DataTableColumnHeaderDirective, { read: TemplateRef, static: true })
+    // _headerTemplateQuery: TemplateRef<any>;
+    // get headerTemplate(): TemplateRef<any> {
+    //   return this._headerTemplateInput || this._headerTemplateQuery;
+    // }
+    // @Input('treeToggleTemplate')
+    // _treeToggleTemplateInput: TemplateRef<any>;
+    // @ContentChild(DataTableColumnCellTreeToggle, { read: TemplateRef, static: true })
+    // _treeToggleTemplateQuery: TemplateRef<any>;
+    // get treeToggleTemplate(): TemplateRef<any> {
+    //   return this._treeToggleTemplateInput || this._treeToggleTemplateQuery;
+    // }
+    constructor(_columnChangesService) {
+        this._columnChangesService = _columnChangesService;
+        this._isFirstChange = true;
+    }
+    get cellTemplate() {
+        return this._cellTemplateInput || this._cellTemplateQuery;
+    }
+    ngOnInit() { }
+    ngOnChanges(changes) {
+        if (this._isFirstChange) {
+            this._isFirstChange = false;
+        }
+        else {
+            this._columnChangesService.onInputChange();
+        }
+    }
+    getCellDirective() {
+        if (this.cellTplDirective) {
+            return this.cellTplDirective;
+        }
+        return null;
+    }
+}
+DatatableColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DatatableColumnComponent, deps: [{ token: i1.DatatableColumnChangesService }], target: i0.ɵɵFactoryTarget.Component });
+DatatableColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: DatatableColumnComponent, selector: "seam-datatable-column", inputs: { name: "name", prop: "prop", flexGrow: "flexGrow", minWidth: "minWidth", maxWidth: "maxWidth", width: "width", resizeable: "resizeable", sortable: "sortable", draggable: "draggable", canAutoResize: "canAutoResize", comparator: "comparator", headerTemplate: "headerTemplate", checkboxable: "checkboxable", headerCheckboxable: "headerCheckboxable", headerClass: "headerClass", cellClass: "cellClass", frozenLeft: "frozenLeft", frozenRight: "frozenRight", pipe: "pipe", isTreeColumn: "isTreeColumn", treeLevelIndent: "treeLevelIndent", summaryFunc: "summaryFunc", summaryTemplate: "summaryTemplate", hidden: "hidden", _cellTemplateInput: ["cellTemplate", "_cellTemplateInput"] }, queries: [{ propertyName: "cellTplDirective", first: true, predicate: DatatableCellTplDirective, descendants: true, static: true }, { propertyName: "_cellTemplateQuery", first: true, predicate: DatatableCellTplDirective, descendants: true, read: TemplateRef, static: true }], usesOnChanges: true, ngImport: i0, template: "<p>\n  datatable-column works!\n</p>\n", styles: [""] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DatatableColumnComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-datatable-column', template: "<p>\n  datatable-column works!\n</p>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.DatatableColumnChangesService }]; }, propDecorators: { name: [{
+                type: Input
+            }], prop: [{
+                type: Input
+            }], flexGrow: [{
+                type: Input
+            }], minWidth: [{
+                type: Input
+            }], maxWidth: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], resizeable: [{
+                type: Input
+            }], sortable: [{
+                type: Input
+            }], draggable: [{
+                type: Input
+            }], canAutoResize: [{
+                type: Input
+            }], comparator: [{
+                type: Input
+            }], headerTemplate: [{
+                type: Input
+            }], checkboxable: [{
+                type: Input
+            }], headerCheckboxable: [{
+                type: Input
+            }], headerClass: [{
+                type: Input
+            }], cellClass: [{
+                type: Input
+            }], frozenLeft: [{
+                type: Input
+            }], frozenRight: [{
+                type: Input
+            }], pipe: [{
+                type: Input
+            }], isTreeColumn: [{
+                type: Input
+            }], treeLevelIndent: [{
+                type: Input
+            }], summaryFunc: [{
+                type: Input
+            }], summaryTemplate: [{
+                type: Input
+            }], hidden: [{
+                type: Input
+            }], cellTplDirective: [{
+                type: ContentChild,
+                args: [DatatableCellTplDirective, { static: true }]
+            }], _cellTemplateInput: [{
+                type: Input,
+                args: ['cellTemplate']
+            }], _cellTemplateQuery: [{
+                type: ContentChild,
+                args: [DatatableCellTplDirective, { read: TemplateRef, static: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YXRhYmxlLWNvbHVtbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1jb21tb24vZGF0YXRhYmxlL2RhdGF0YWJsZS1jb2x1bW4vZGF0YXRhYmxlLWNvbHVtbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1jb21tb24vZGF0YXRhYmxlL2RhdGF0YWJsZS1jb2x1bW4vZGF0YXRhYmxlLWNvbHVtbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQW1ELFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUk1SCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQTs7O0FBTXRGLCtFQUErRTtBQUMvRSw4RUFBOEU7QUFPOUUsTUFBTSxPQUFPLHdCQUF3QjtJQXNEbkMsMkJBQTJCO0lBQzNCLDBDQUEwQztJQUUxQyxxRkFBcUY7SUFDckYsMENBQTBDO0lBRTFDLDJDQUEyQztJQUMzQyxtRUFBbUU7SUFDbkUsSUFBSTtJQUVKLCtCQUErQjtJQUMvQiw4Q0FBOEM7SUFFOUMsb0ZBQW9GO0lBQ3BGLDhDQUE4QztJQUU5QywrQ0FBK0M7SUFDL0MsMkVBQTJFO0lBQzNFLElBQUk7SUFFSixZQUNVLHFCQUFvRDtRQUFwRCwwQkFBcUIsR0FBckIscUJBQXFCLENBQStCO1FBcEN0RCxtQkFBYyxHQUFHLElBQUksQ0FBQTtJQXFDMUIsQ0FBQztJQTFCSixJQUFJLFlBQVk7UUFDZCxPQUFPLElBQUksQ0FBQyxrQkFBa0IsSUFBSSxJQUFJLENBQUMsa0JBQWtCLENBQUE7SUFDM0QsQ0FBQztJQTBCRCxRQUFRLEtBQUssQ0FBQztJQUVkLFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLElBQUksQ0FBQyxjQUFjLEVBQUU7WUFDdkIsSUFBSSxDQUFDLGNBQWMsR0FBRyxLQUFLLENBQUE7U0FDNUI7YUFBTTtZQUNMLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxhQUFhLEVBQUUsQ0FBQTtTQUMzQztJQUNILENBQUM7SUFFTSxnQkFBZ0I7UUFDckIsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEVBQUU7WUFDekIsT0FBTyxJQUFJLENBQUMsZ0JBQWdCLENBQUE7U0FDN0I7UUFFRCxPQUFPLElBQUksQ0FBQTtJQUNiLENBQUM7O3FIQTlGVSx3QkFBd0I7eUdBQXhCLHdCQUF3Qix5eEJBeUNyQix5QkFBeUIsbUdBTXpCLHlCQUF5QiwyQkFBVSxXQUFXLGdFQ2pFOUQsd0NBR0E7MkZEZWEsd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNFLHVCQUF1QjtvSEFNeEIsSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFFRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBRUcsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBRUcsYUFBYTtzQkFBckIsS0FBSztnQkFFRyxVQUFVO3NCQUFsQixLQUFLO2dCQUVHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBRUcsWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBRUcsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUVHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUcsWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUVHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFFRyxNQUFNO3NCQUFkLEtBQUs7Z0JBSXFELGdCQUFnQjtzQkFBMUUsWUFBWTt1QkFBQyx5QkFBeUIsRUFBRSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUU7Z0JBSXpELGtCQUFrQjtzQkFEakIsS0FBSzt1QkFBQyxjQUFjO2dCQUlyQixrQkFBa0I7c0JBRGpCLFlBQVk7dUJBQUMseUJBQXlCLEVBQUUsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgSW5wdXQsIE9uQ2hhbmdlcywgT25Jbml0LCBQaXBlVHJhbnNmb3JtLCBTaW1wbGVDaGFuZ2VzLCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5cbmltcG9ydCB7IENvbHVtbkNoYW5nZXNTZXJ2aWNlLCBUYWJsZUNvbHVtblByb3AgfSBmcm9tICdAbWFya2xiL25neC1kYXRhdGFibGUnXG5cbmltcG9ydCB7IERhdGF0YWJsZUNlbGxUcGxEaXJlY3RpdmUgfSBmcm9tICcuLi9kaXJlY3RpdmVzL2RhdGF0YWJsZS1jZWxsLXRwbC5kaXJlY3RpdmUnXG5pbXBvcnQgeyBEYXRhdGFibGVDb2x1bW5DaGFuZ2VzU2VydmljZSB9IGZyb20gJy4uL3NlcnZpY2VzL2RhdGF0YWJsZS1jb2x1bW4tY2hhbmdlcy5zZXJ2aWNlJ1xuXG4vLyBIQUNLOiBVbmlvbiB0eXBlIHByZXZlbnRzIHRoZSBub3QgZm91bmQgd2FybmluZ1xudHlwZSBfUGlwZVRyYW5zZm9ybSA9IFBpcGVUcmFuc2Zvcm0gfCBQaXBlVHJhbnNmb3JtXG5cbi8vIFRPRE86IFRoZSBjb2x1bW4gY29tcG9uZW50IHNob3VsZCBpbXBsZW1lbnQgYElUaGVTZWFtRGF0YXRhYmxlQ29sdW1uYCwgc2luY2Vcbi8vIHByb3ZpZGluZyBzb21lIHByb3BlcnRpZXMgYnkgaW5wdXQgYW5kIHNvbWUgYnkgdGVtcGxhdGUgY291bGQgYmUgY29uZnVzaW5nLlxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzZWFtLWRhdGF0YWJsZS1jb2x1bW4nLFxuICB0ZW1wbGF0ZVVybDogJy4vZGF0YXRhYmxlLWNvbHVtbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2RhdGF0YWJsZS1jb2x1bW4uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBEYXRhdGFibGVDb2x1bW5Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XG5cbiAgQElucHV0KCkgbmFtZT86IHN0cmluZyB8IG51bGxcbiAgQElucHV0KCkgcHJvcD86IFRhYmxlQ29sdW1uUHJvcCB8IG51bGxcblxuICBASW5wdXQoKSBmbGV4R3Jvdz86IG51bWJlciB8IG51bGxcbiAgQElucHV0KCkgbWluV2lkdGg/OiBudW1iZXIgfCBudWxsXG4gIEBJbnB1dCgpIG1heFdpZHRoPzogbnVtYmVyIHwgbnVsbFxuICBASW5wdXQoKSB3aWR0aD86IG51bWJlciB8IG51bGxcblxuICBASW5wdXQoKSByZXNpemVhYmxlPzogYm9vbGVhbiB8IG51bGxcbiAgQElucHV0KCkgc29ydGFibGU/OiBib29sZWFuIHwgbnVsbFxuICBASW5wdXQoKSBkcmFnZ2FibGU/OiBib29sZWFuIHwgbnVsbFxuXG4gIEBJbnB1dCgpIGNhbkF1dG9SZXNpemU/OiBib29sZWFuIHwgbnVsbFxuXG4gIEBJbnB1dCgpIGNvbXBhcmF0b3I/OiAoKHZhbHVlQTogYW55LCB2YWx1ZUI6IGFueSwgcm93QT86IGFueSwgcm93Qj86IGFueSwgc29ydERpcmVjdGlvbj86ICdhc2MnIHwgJ2Rlc2MnKSA9PiAtMSB8IDAgfCAxKSB8IG51bGxcblxuICBASW5wdXQoKSBoZWFkZXJUZW1wbGF0ZT86IFRlbXBsYXRlUmVmPGFueT4gfCBudWxsXG5cbiAgQElucHV0KCkgY2hlY2tib3hhYmxlPzogYm9vbGVhbiB8IG51bGxcbiAgQElucHV0KCkgaGVhZGVyQ2hlY2tib3hhYmxlPzogYm9vbGVhbiB8IG51bGxcblxuICBASW5wdXQoKSBoZWFkZXJDbGFzcz86IHN0cmluZyB8ICgoZGF0YTogYW55KSA9PiBzdHJpbmd8YW55KSB8IG51bGxcbiAgQElucHV0KCkgY2VsbENsYXNzPzogc3RyaW5nIHwgKChkYXRhOiBhbnkpID0+IHN0cmluZ3xhbnkpIHwgbnVsbFxuXG4gIEBJbnB1dCgpIGZyb3plbkxlZnQ/OiBib29sZWFuIHwgbnVsbFxuICBASW5wdXQoKSBmcm96ZW5SaWdodD86IGJvb2xlYW4gfCBudWxsXG5cbiAgQElucHV0KCkgcGlwZT86IF9QaXBlVHJhbnNmb3JtIHwgbnVsbFxuXG4gIEBJbnB1dCgpIGlzVHJlZUNvbHVtbj86IGJvb2xlYW4gfCBudWxsXG4gIEBJbnB1dCgpIHRyZWVMZXZlbEluZGVudD86IG51bWJlciB8IG51bGxcblxuICBASW5wdXQoKSBzdW1tYXJ5RnVuYz86ICgoY2VsbHM6IGFueVtdKSA9PiBhbnkpIHwgbnVsbFxuICBASW5wdXQoKSBzdW1tYXJ5VGVtcGxhdGU/OiBUZW1wbGF0ZVJlZjxhbnk+IHwgbnVsbFxuXG4gIEBJbnB1dCgpIGhpZGRlbj86IGJvb2xlYW4gfCBudWxsXG5cbiAgcHJpdmF0ZSBfaXNGaXJzdENoYW5nZSA9IHRydWVcblxuICBAQ29udGVudENoaWxkKERhdGF0YWJsZUNlbGxUcGxEaXJlY3RpdmUsIHsgc3RhdGljOiB0cnVlIH0pIGNlbGxUcGxEaXJlY3RpdmU/OiBEYXRhdGFibGVDZWxsVHBsRGlyZWN0aXZlXG5cbiAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOiBuby1pbnB1dC1yZW5hbWVcbiAgQElucHV0KCdjZWxsVGVtcGxhdGUnKVxuICBfY2VsbFRlbXBsYXRlSW5wdXQ/OiBUZW1wbGF0ZVJlZjxhbnk+IHwgbnVsbFxuXG4gIEBDb250ZW50Q2hpbGQoRGF0YXRhYmxlQ2VsbFRwbERpcmVjdGl2ZSwgeyByZWFkOiBUZW1wbGF0ZVJlZiwgc3RhdGljOiB0cnVlIH0pXG4gIF9jZWxsVGVtcGxhdGVRdWVyeT86IFRlbXBsYXRlUmVmPGFueT5cblxuICBnZXQgY2VsbFRlbXBsYXRlKCk6IFRlbXBsYXRlUmVmPGFueT4gfCB1bmRlZmluZWQgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5fY2VsbFRlbXBsYXRlSW5wdXQgfHwgdGhpcy5fY2VsbFRlbXBsYXRlUXVlcnlcbiAgfVxuXG4gIC8vIEBJbnB1dCgnaGVhZGVyVGVtcGxhdGUnKVxuICAvLyBfaGVhZGVyVGVtcGxhdGVJbnB1dDogVGVtcGxhdGVSZWY8YW55PjtcblxuICAvLyBAQ29udGVudENoaWxkKERhdGFUYWJsZUNvbHVtbkhlYWRlckRpcmVjdGl2ZSwgeyByZWFkOiBUZW1wbGF0ZVJlZiwgc3RhdGljOiB0cnVlIH0pXG4gIC8vIF9oZWFkZXJUZW1wbGF0ZVF1ZXJ5OiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIC8vIGdldCBoZWFkZXJUZW1wbGF0ZSgpOiBUZW1wbGF0ZVJlZjxhbnk+IHtcbiAgLy8gICByZXR1cm4gdGhpcy5faGVhZGVyVGVtcGxhdGVJbnB1dCB8fCB0aGlzLl9oZWFkZXJUZW1wbGF0ZVF1ZXJ5O1xuICAvLyB9XG5cbiAgLy8gQElucHV0KCd0cmVlVG9nZ2xlVGVtcGxhdGUnKVxuICAvLyBfdHJlZVRvZ2dsZVRlbXBsYXRlSW5wdXQ6IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgLy8gQENvbnRlbnRDaGlsZChEYXRhVGFibGVDb2x1bW5DZWxsVHJlZVRvZ2dsZSwgeyByZWFkOiBUZW1wbGF0ZVJlZiwgc3RhdGljOiB0cnVlIH0pXG4gIC8vIF90cmVlVG9nZ2xlVGVtcGxhdGVRdWVyeTogVGVtcGxhdGVSZWY8YW55PjtcblxuICAvLyBnZXQgdHJlZVRvZ2dsZVRlbXBsYXRlKCk6IFRlbXBsYXRlUmVmPGFueT4ge1xuICAvLyAgIHJldHVybiB0aGlzLl90cmVlVG9nZ2xlVGVtcGxhdGVJbnB1dCB8fCB0aGlzLl90cmVlVG9nZ2xlVGVtcGxhdGVRdWVyeTtcbiAgLy8gfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgX2NvbHVtbkNoYW5nZXNTZXJ2aWNlOiBEYXRhdGFibGVDb2x1bW5DaGFuZ2VzU2VydmljZVxuICApIHt9XG5cbiAgbmdPbkluaXQoKSB7IH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XG4gICAgaWYgKHRoaXMuX2lzRmlyc3RDaGFuZ2UpIHtcbiAgICAgIHRoaXMuX2lzRmlyc3RDaGFuZ2UgPSBmYWxzZVxuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLl9jb2x1bW5DaGFuZ2VzU2VydmljZS5vbklucHV0Q2hhbmdlKClcbiAgICB9XG4gIH1cblxuICBwdWJsaWMgZ2V0Q2VsbERpcmVjdGl2ZSgpOiBEYXRhdGFibGVDZWxsVHBsRGlyZWN0aXZlIHwgbnVsbCB7XG4gICAgaWYgKHRoaXMuY2VsbFRwbERpcmVjdGl2ZSkge1xuICAgICAgcmV0dXJuIHRoaXMuY2VsbFRwbERpcmVjdGl2ZVxuICAgIH1cblxuICAgIHJldHVybiBudWxsXG4gIH1cblxufVxuIiwiPHA+XG4gIGRhdGF0YWJsZS1jb2x1bW4gd29ya3MhXG48L3A+XG4iXX0=

package/esm2020/datatable/datatable-column-preferences/datatable-column-preferences.component.mjs

@@ -0,0 +1,67 @@
+import { ChangeDetectionStrategy, Component, Inject } from '@angular/core';
+import { UntypedFormControl } from '@angular/forms';
+import { combineLatest, of } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { notNullOrUndefined, observeControlValue } from '@theseam/ui-common/utils';
+import { THESEAM_DATATABLE } from '../datatable/datatable.component';
+import { HideColumnColumnsAlteration } from '../models/columns-alterations/hide-column.columns-alteration';
+import { isInternalColumn } from '../models/internal-column-props';
+import { getColumnProp } from '../utils/get-column-prop';
+import * as i0 from "@angular/core";
+import * as i1 from "../services/columns-alterations-manager.service";
+import * as i2 from "@angular/common";
+import * as i3 from "@theseam/ui-common/shared";
+import * as i4 from "@theseam/ui-common/scrollbar";
+import * as i5 from "@theseam/ui-common/checkbox";
+import * as i6 from "@theseam/ui-common/form-field";
+import * as i7 from "@angular/forms";
+import * as i8 from "../datatable/datatable.component";
+export class DatatableColumnPreferencesComponent {
+    constructor(_datatable, _columnsAlterationsManager) {
+        this._datatable = _datatable;
+        this._columnsAlterationsManager = _columnsAlterationsManager;
+        this._filterControl = new UntypedFormControl();
+        this._columns$ = combineLatest([
+            this._datatable.columns$ ?? of([]),
+            observeControlValue(this._filterControl)
+        ]).pipe(map(([columns, filter]) => {
+            const _filter = (filter || '').trim().toLowerCase();
+            return columns
+                .filter(c => this._canToggleColumn(c, _filter));
+        }));
+    }
+    _canToggleColumn(column, filter, omitInternalColumns = true) {
+        if (omitInternalColumns && isInternalColumn(column)) {
+            return false;
+        }
+        return this._columnMatchesFilter(column, filter);
+    }
+    _columnMatchesFilter(column, filter) {
+        if (filter.length === 0) {
+            return true;
+        }
+        return `${(getColumnProp(column) || '')}`.toLowerCase().indexOf(filter) !== -1;
+    }
+    _onChange(event, col) {
+        const columnProp = getColumnProp(col);
+        const hidden = !event.checked;
+        if (!notNullOrUndefined(columnProp)) {
+            throw Error(`Unable to get column prop.`);
+        }
+        const alteration = new HideColumnColumnsAlteration({
+            columnProp,
+            hidden
+        }, hidden);
+        this._columnsAlterationsManager.add([alteration]);
+    }
+}
+DatatableColumnPreferencesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DatatableColumnPreferencesComponent, deps: [{ token: THESEAM_DATATABLE }, { token: i1.ColumnsAlterationsManagerService }], target: i0.ɵɵFactoryTarget.Component });
+DatatableColumnPreferencesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: DatatableColumnPreferencesComponent, selector: "seam-datatable-column-preferences", ngImport: i0, template: "<h3>Columns</h3>\n\n<seam-form-field [numPaddingErrors]=\"0\" >\n  <input seamInput [formControl]=\"_filterControl\" seamInputSize=\"sm\" placeholder=\"Search\" seamAutoFocus>\n</seam-form-field>\n\n<div seamOverlayScrollbar style=\"min-height: 200px; max-height: 600px; min-width: 250px;\" class=\"flex-grow-1 mb-2\">\n  <div class=\"p-2\">\n    <ng-container *ngFor=\"let col of _columns$ | async\">\n      <seam-checkbox [checked]=\"!col.hidden\" (change)=\"_onChange($event, col)\">{{ col.name || col.prop }}</seam-checkbox>\n    </ng-container>\n  </div>\n\n</div>\n<div class=\"d-flex flex-row justify-content-end\">\n  <!-- <button seamButton size=\"sm\" theme=\"lightgray\" (click)=\"_onCloseClick()\">Close</button> -->\n  <!-- <button seamButton size=\"sm\" theme=\"lightgray\" class=\"mr-1\">Cancel</button>\n  <button seamButton size=\"sm\" theme=\"success\">Done</button> -->\n</div>\n", styles: [":host{display:flex;flex-direction:column}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.AutoFocusDirective, selector: "[seamAutoFocus]", inputs: ["seamAutoFocus"], exportAs: ["seamAutoFocus"] }, { kind: "directive", type: i4.OverlayScrollbarDirective, selector: "[seamOverlayScrollbar]", inputs: ["seamOverlayScrollbar", "overlayScrollbarEnabled"], exportAs: ["seamOverlayScrollbar"] }, { kind: "component", type: i5.TheSeamCheckboxComponent, selector: "seam-checkbox", inputs: ["tabIndex", "id", "aria-label", "aria-labelledby", "required", "checked", "disabled", "indeterminate", "name", "value"], outputs: ["change", "indeterminateChange"], exportAs: ["seamCheckbox"] }, { kind: "component", type: i6.TheSeamFormFieldComponent, selector: "seam-form-field", inputs: ["inline", "label", "labelPosition", "labelClass", "maxErrors", "numPaddingErrors", "labelId", "helpText", "helpTextId"] }, { kind: "directive", type: i6.InputDirective, selector: "input[seamInput], textarea[seamInput], ng-select[seamInput], seam-checkbox[seamInput] [ngbRadioGroup], seam-tel-input[seamInput], quill-editor[seamInput], seam-google-maps[seamInput]", inputs: ["seamInputSize", "id", "type", "placeholder", "required", "disabled", "readonly"], exportAs: ["seamInput"] }, { kind: "directive", type: i7.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: i7.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DatatableColumnPreferencesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-datatable-column-preferences', changeDetection: ChangeDetectionStrategy.OnPush, template: "<h3>Columns</h3>\n\n<seam-form-field [numPaddingErrors]=\"0\" >\n  <input seamInput [formControl]=\"_filterControl\" seamInputSize=\"sm\" placeholder=\"Search\" seamAutoFocus>\n</seam-form-field>\n\n<div seamOverlayScrollbar style=\"min-height: 200px; max-height: 600px; min-width: 250px;\" class=\"flex-grow-1 mb-2\">\n  <div class=\"p-2\">\n    <ng-container *ngFor=\"let col of _columns$ | async\">\n      <seam-checkbox [checked]=\"!col.hidden\" (change)=\"_onChange($event, col)\">{{ col.name || col.prop }}</seam-checkbox>\n    </ng-container>\n  </div>\n\n</div>\n<div class=\"d-flex flex-row justify-content-end\">\n  <!-- <button seamButton size=\"sm\" theme=\"lightgray\" (click)=\"_onCloseClick()\">Close</button> -->\n  <!-- <button seamButton size=\"sm\" theme=\"lightgray\" class=\"mr-1\">Cancel</button>\n  <button seamButton size=\"sm\" theme=\"success\">Done</button> -->\n</div>\n", styles: [":host{display:flex;flex-direction:column}\n"] }]
+        }], ctorParameters: function () { return [{ type: i8.DatatableComponent, decorators: [{
+                    type: Inject,
+                    args: [THESEAM_DATATABLE]
+                }] }, { type: i1.ColumnsAlterationsManagerService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YXRhYmxlLWNvbHVtbi1wcmVmZXJlbmNlcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1jb21tb24vZGF0YXRhYmxlL2RhdGF0YWJsZS1jb2x1bW4tcHJlZmVyZW5jZXMvZGF0YXRhYmxlLWNvbHVtbi1wcmVmZXJlbmNlcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1jb21tb24vZGF0YXRhYmxlL2RhdGF0YWJsZS1jb2x1bW4tcHJlZmVyZW5jZXMvZGF0YXRhYmxlLWNvbHVtbi1wcmVmZXJlbmNlcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQTtBQUMxRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsYUFBYSxFQUFjLEVBQUUsRUFBRSxNQUFNLE1BQU0sQ0FBQTtBQUNwRCxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sZ0JBQWdCLENBQUE7QUFFcEMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLG1CQUFtQixFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFFbEYsT0FBTyxFQUFzQixpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ3hGLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDhEQUE4RCxDQUFBO0FBQzFHLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFBO0FBR2xFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTs7Ozs7Ozs7OztBQVF4RCxNQUFNLE9BQU8sbUNBQW1DO0lBSzlDLFlBQ3FDLFVBQThCLEVBQ2hELDBCQUE0RDtRQUQxQyxlQUFVLEdBQVYsVUFBVSxDQUFvQjtRQUNoRCwrQkFBMEIsR0FBMUIsMEJBQTBCLENBQWtDO1FBSi9FLG1CQUFjLEdBQUcsSUFBSSxrQkFBa0IsRUFBRSxDQUFBO1FBTXZDLElBQUksQ0FBQyxTQUFTLEdBQUcsYUFBYSxDQUFDO1lBQzdCLElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxJQUFJLEVBQUUsQ0FBQyxFQUFFLENBQUM7WUFDbEMsbUJBQW1CLENBQVMsSUFBSSxDQUFDLGNBQWMsQ0FBQztTQUNqRCxDQUFDLENBQUMsSUFBSSxDQUNMLEdBQUcsQ0FBQyxDQUFDLENBQUUsT0FBTyxFQUFFLE1BQU0sQ0FBRSxFQUFFLEVBQUU7WUFDMUIsTUFBTSxPQUFPLEdBQUcsQ0FBQyxNQUFNLElBQUksRUFBRSxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUMsV0FBVyxFQUFFLENBQUE7WUFDbkQsT0FBTyxPQUFPO2lCQUNYLE1BQU0sQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLEVBQUUsT0FBTyxDQUFDLENBQUMsQ0FBQTtRQUNuRCxDQUFDLENBQUMsQ0FDSCxDQUFBO0lBQ0gsQ0FBQztJQUVPLGdCQUFnQixDQUFDLE1BQThCLEVBQUUsTUFBYyxFQUFFLHNCQUErQixJQUFJO1FBQzFHLElBQUksbUJBQW1CLElBQUksZ0JBQWdCLENBQUMsTUFBTSxDQUFDLEVBQUU7WUFDbkQsT0FBTyxLQUFLLENBQUE7U0FDYjtRQUVELE9BQU8sSUFBSSxDQUFDLG9CQUFvQixDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsQ0FBQTtJQUNsRCxDQUFDO0lBRU8sb0JBQW9CLENBQUMsTUFBOEIsRUFBRSxNQUFjO1FBQ3pFLElBQUksTUFBTSxDQUFDLE1BQU0sS0FBSyxDQUFDLEVBQUU7WUFBRSxPQUFPLElBQUksQ0FBQTtTQUFFO1FBRXhDLE9BQU8sR0FBRyxDQUFDLGFBQWEsQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUMsRUFBRSxDQUFDLFdBQVcsRUFBRSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQTtJQUNoRixDQUFDO0lBRUQsU0FBUyxDQUFDLEtBQVUsRUFBRSxHQUEyQjtRQUMvQyxNQUFNLFVBQVUsR0FBRyxhQUFhLENBQUMsR0FBRyxDQUFDLENBQUE7UUFDckMsTUFBTSxNQUFNLEdBQUcsQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFBO1FBRTdCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxVQUFVLENBQUMsRUFBRTtZQUNuQyxNQUFNLEtBQUssQ0FBQyw0QkFBNEIsQ0FBQyxDQUFBO1NBQzFDO1FBRUQsTUFBTSxVQUFVLEdBQUcsSUFBSSwyQkFBMkIsQ0FDaEQ7WUFDRSxVQUFVO1lBQ1YsTUFBTTtTQUNQLEVBQ0QsTUFBTSxDQUNQLENBQUE7UUFFRCxJQUFJLENBQUMsMEJBQTBCLENBQUMsR0FBRyxDQUFDLENBQUUsVUFBVSxDQUFFLENBQUMsQ0FBQTtJQUNyRCxDQUFDOztnSUFwRFUsbUNBQW1DLGtCQU1wQyxpQkFBaUI7b0hBTmhCLG1DQUFtQyx5RUNwQmhELG80QkFtQkE7MkZEQ2EsbUNBQW1DO2tCQU4vQyxTQUFTOytCQUNFLG1DQUFtQyxtQkFHNUIsdUJBQXVCLENBQUMsTUFBTTs7MEJBUTVDLE1BQU07MkJBQUMsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IFVudHlwZWRGb3JtQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJ1xuaW1wb3J0IHsgY29tYmluZUxhdGVzdCwgT2JzZXJ2YWJsZSwgb2YgfSBmcm9tICdyeGpzJ1xuaW1wb3J0IHsgbWFwIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnXG5cbmltcG9ydCB7IG5vdE51bGxPclVuZGVmaW5lZCwgb2JzZXJ2ZUNvbnRyb2xWYWx1ZSB9IGZyb20gJ0B0aGVzZWFtL3VpLWNvbW1vbi91dGlscydcblxuaW1wb3J0IHsgRGF0YXRhYmxlQ29tcG9uZW50LCBUSEVTRUFNX0RBVEFUQUJMRSB9IGZyb20gJy4uL2RhdGF0YWJsZS9kYXRhdGFibGUuY29tcG9uZW50J1xuaW1wb3J0IHsgSGlkZUNvbHVtbkNvbHVtbnNBbHRlcmF0aW9uIH0gZnJvbSAnLi4vbW9kZWxzL2NvbHVtbnMtYWx0ZXJhdGlvbnMvaGlkZS1jb2x1bW4uY29sdW1ucy1hbHRlcmF0aW9uJ1xuaW1wb3J0IHsgaXNJbnRlcm5hbENvbHVtbiB9IGZyb20gJy4uL21vZGVscy9pbnRlcm5hbC1jb2x1bW4tcHJvcHMnXG5pbXBvcnQgeyBUaGVTZWFtRGF0YXRhYmxlQ29sdW1uIH0gZnJvbSAnLi4vbW9kZWxzL3RhYmxlLWNvbHVtbidcbmltcG9ydCB7IENvbHVtbnNBbHRlcmF0aW9uc01hbmFnZXJTZXJ2aWNlIH0gZnJvbSAnLi4vc2VydmljZXMvY29sdW1ucy1hbHRlcmF0aW9ucy1tYW5hZ2VyLnNlcnZpY2UnXG5pbXBvcnQgeyBnZXRDb2x1bW5Qcm9wIH0gZnJvbSAnLi4vdXRpbHMvZ2V0LWNvbHVtbi1wcm9wJ1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzZWFtLWRhdGF0YWJsZS1jb2x1bW4tcHJlZmVyZW5jZXMnLFxuICB0ZW1wbGF0ZVVybDogJy4vZGF0YXRhYmxlLWNvbHVtbi1wcmVmZXJlbmNlcy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2RhdGF0YWJsZS1jb2x1bW4tcHJlZmVyZW5jZXMuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgRGF0YXRhYmxlQ29sdW1uUHJlZmVyZW5jZXNDb21wb25lbnQge1xuICBfY29sdW1ucyQ6IE9ic2VydmFibGU8VGhlU2VhbURhdGF0YWJsZUNvbHVtbltdPlxuXG4gIF9maWx0ZXJDb250cm9sID0gbmV3IFVudHlwZWRGb3JtQ29udHJvbCgpXG5cbiAgY29uc3RydWN0b3IoXG4gICAgQEluamVjdChUSEVTRUFNX0RBVEFUQUJMRSkgcHJpdmF0ZSBfZGF0YXRhYmxlOiBEYXRhdGFibGVDb21wb25lbnQsXG4gICAgcHJpdmF0ZSByZWFkb25seSBfY29sdW1uc0FsdGVyYXRpb25zTWFuYWdlcjogQ29sdW1uc0FsdGVyYXRpb25zTWFuYWdlclNlcnZpY2UsXG4gICkge1xuICAgIHRoaXMuX2NvbHVtbnMkID0gY29tYmluZUxhdGVzdChbXG4gICAgICB0aGlzLl9kYXRhdGFibGUuY29sdW1ucyQgPz8gb2YoW10pLFxuICAgICAgb2JzZXJ2ZUNvbnRyb2xWYWx1ZTxzdHJpbmc+KHRoaXMuX2ZpbHRlckNvbnRyb2wpXG4gICAgXSkucGlwZShcbiAgICAgIG1hcCgoWyBjb2x1bW5zLCBmaWx0ZXIgXSkgPT4ge1xuICAgICAgICBjb25zdCBfZmlsdGVyID0gKGZpbHRlciB8fCAnJykudHJpbSgpLnRvTG93ZXJDYXNlKClcbiAgICAgICAgcmV0dXJuIGNvbHVtbnNcbiAgICAgICAgICAuZmlsdGVyKGMgPT4gdGhpcy5fY2FuVG9nZ2xlQ29sdW1uKGMsIF9maWx0ZXIpKVxuICAgICAgfSksXG4gICAgKVxuICB9XG5cbiAgcHJpdmF0ZSBfY2FuVG9nZ2xlQ29sdW1uKGNvbHVtbjogVGhlU2VhbURhdGF0YWJsZUNvbHVtbiwgZmlsdGVyOiBzdHJpbmcsIG9taXRJbnRlcm5hbENvbHVtbnM6IGJvb2xlYW4gPSB0cnVlKTogYm9vbGVhbiB7XG4gICAgaWYgKG9taXRJbnRlcm5hbENvbHVtbnMgJiYgaXNJbnRlcm5hbENvbHVtbihjb2x1bW4pKSB7XG4gICAgICByZXR1cm4gZmFsc2VcbiAgICB9XG5cbiAgICByZXR1cm4gdGhpcy5fY29sdW1uTWF0Y2hlc0ZpbHRlcihjb2x1bW4sIGZpbHRlcilcbiAgfVxuXG4gIHByaXZhdGUgX2NvbHVtbk1hdGNoZXNGaWx0ZXIoY29sdW1uOiBUaGVTZWFtRGF0YXRhYmxlQ29sdW1uLCBmaWx0ZXI6IHN0cmluZyk6IGJvb2xlYW4ge1xuICAgIGlmIChmaWx0ZXIubGVuZ3RoID09PSAwKSB7IHJldHVybiB0cnVlIH1cblxuICAgIHJldHVybiBgJHsoZ2V0Q29sdW1uUHJvcChjb2x1bW4pIHx8ICcnKX1gLnRvTG93ZXJDYXNlKCkuaW5kZXhPZihmaWx0ZXIpICE9PSAtMVxuICB9XG5cbiAgX29uQ2hhbmdlKGV2ZW50OiBhbnksIGNvbDogVGhlU2VhbURhdGF0YWJsZUNvbHVtbikge1xuICAgIGNvbnN0IGNvbHVtblByb3AgPSBnZXRDb2x1bW5Qcm9wKGNvbClcbiAgICBjb25zdCBoaWRkZW4gPSAhZXZlbnQuY2hlY2tlZFxuXG4gICAgaWYgKCFub3ROdWxsT3JVbmRlZmluZWQoY29sdW1uUHJvcCkpIHtcbiAgICAgIHRocm93IEVycm9yKGBVbmFibGUgdG8gZ2V0IGNvbHVtbiBwcm9wLmApXG4gICAgfVxuXG4gICAgY29uc3QgYWx0ZXJhdGlvbiA9IG5ldyBIaWRlQ29sdW1uQ29sdW1uc0FsdGVyYXRpb24oXG4gICAgICB7XG4gICAgICAgIGNvbHVtblByb3AsXG4gICAgICAgIGhpZGRlblxuICAgICAgfSxcbiAgICAgIGhpZGRlblxuICAgIClcblxuICAgIHRoaXMuX2NvbHVtbnNBbHRlcmF0aW9uc01hbmFnZXIuYWRkKFsgYWx0ZXJhdGlvbiBdKVxuICB9XG5cbn1cbiIsIjxoMz5Db2x1bW5zPC9oMz5cblxuPHNlYW0tZm9ybS1maWVsZCBbbnVtUGFkZGluZ0Vycm9yc109XCIwXCIgPlxuICA8aW5wdXQgc2VhbUlucHV0IFtmb3JtQ29udHJvbF09XCJfZmlsdGVyQ29udHJvbFwiIHNlYW1JbnB1dFNpemU9XCJzbVwiIHBsYWNlaG9sZGVyPVwiU2VhcmNoXCIgc2VhbUF1dG9Gb2N1cz5cbjwvc2VhbS1mb3JtLWZpZWxkPlxuXG48ZGl2IHNlYW1PdmVybGF5U2Nyb2xsYmFyIHN0eWxlPVwibWluLWhlaWdodDogMjAwcHg7IG1heC1oZWlnaHQ6IDYwMHB4OyBtaW4td2lkdGg6IDI1MHB4O1wiIGNsYXNzPVwiZmxleC1ncm93LTEgbWItMlwiPlxuICA8ZGl2IGNsYXNzPVwicC0yXCI+XG4gICAgPG5nLWNvbnRhaW5lciAqbmdGb3I9XCJsZXQgY29sIG9mIF9jb2x1bW5zJCB8IGFzeW5jXCI+XG4gICAgICA8c2VhbS1jaGVja2JveCBbY2hlY2tlZF09XCIhY29sLmhpZGRlblwiIChjaGFuZ2UpPVwiX29uQ2hhbmdlKCRldmVudCwgY29sKVwiPnt7IGNvbC5uYW1lIHx8IGNvbC5wcm9wIH19PC9zZWFtLWNoZWNrYm94PlxuICAgIDwvbmctY29udGFpbmVyPlxuICA8L2Rpdj5cblxuPC9kaXY+XG48ZGl2IGNsYXNzPVwiZC1mbGV4IGZsZXgtcm93IGp1c3RpZnktY29udGVudC1lbmRcIj5cbiAgPCEtLSA8YnV0dG9uIHNlYW1CdXR0b24gc2l6ZT1cInNtXCIgdGhlbWU9XCJsaWdodGdyYXlcIiAoY2xpY2spPVwiX29uQ2xvc2VDbGljaygpXCI+Q2xvc2U8L2J1dHRvbj4gLS0+XG4gIDwhLS0gPGJ1dHRvbiBzZWFtQnV0dG9uIHNpemU9XCJzbVwiIHRoZW1lPVwibGlnaHRncmF5XCIgY2xhc3M9XCJtci0xXCI+Q2FuY2VsPC9idXR0b24+XG4gIDxidXR0b24gc2VhbUJ1dHRvbiBzaXplPVwic21cIiB0aGVtZT1cInN1Y2Nlc3NcIj5Eb25lPC9idXR0b24+IC0tPlxuPC9kaXY+XG4iXX0=

package/esm2020/datatable/datatable-column-preferences-button/datatable-column-preferences-button.component.mjs

@@ -0,0 +1,52 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { faColumns } from '@fortawesome/free-solid-svg-icons';
+import * as i0 from "@angular/core";
+import * as i1 from "../services/columns-alterations-manager.service";
+import * as i2 from "@theseam/ui-common/menu";
+import * as i3 from "@theseam/ui-common/icon";
+import * as i4 from "@theseam/ui-common/popover";
+import * as i5 from "../datatable-column-preferences/datatable-column-preferences.component";
+export class DatatableColumnPreferencesButtonComponent {
+    constructor(_columnsAlterationsManager) {
+        this._columnsAlterationsManager = _columnsAlterationsManager;
+        this.icon = faColumns;
+        /** @ignore */
+        this._actionMenuPositions = [
+            {
+                originX: 'start',
+                originY: 'bottom',
+                overlayX: 'end',
+                overlayY: 'top',
+            },
+            {
+                originX: 'start',
+                originY: 'top',
+                overlayX: 'end',
+                overlayY: 'bottom',
+            },
+            {
+                originX: 'end',
+                originY: 'bottom',
+                overlayX: 'start',
+                overlayY: 'top',
+            },
+            {
+                originX: 'end',
+                originY: 'top',
+                overlayX: 'start',
+                overlayY: 'bottom',
+            },
+        ];
+    }
+    ngOnInit() { }
+    _resetColumns(event) {
+        this._columnsAlterationsManager.clear();
+    }
+}
+DatatableColumnPreferencesButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DatatableColumnPreferencesButtonComponent, deps: [{ token: i1.ColumnsAlterationsManagerService }], target: i0.ɵɵFactoryTarget.Component });
+DatatableColumnPreferencesButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: DatatableColumnPreferencesButtonComponent, selector: "seam-datatable-column-preferences-button", ngImport: i0, template: "<ng-template #colPrefsTpl>\n  <seam-datatable-column-preferences></seam-datatable-column-preferences>\n</ng-template>\n\n<seam-menu #menu\n  menuClass=\"list-group py-0 border-0 seam-datatable-action-menu\"\n  animationType=\"fade\">\n  <button seamMenuItem\n    type=\"button\"\n    class=\"list-group-item list-group-item-action py-1\"\n    [seamPopover]=\"colPrefsTpl\">\n    Show/Hide Columns\n  </button>\n\n  <button seamMenuItem\n    type=\"button\"\n    class=\"list-group-item list-group-item-action py-1\"\n    (click)=\"_resetColumns($event)\">\n    Reset Columns\n  </button>\n</seam-menu>\n\n<button type=\"button\" class=\"btn btn-lightgray btn-sm\"\n  [seamMenuToggle]=\"menu\"\n  [positions]=\"_actionMenuPositions || []\"\n  style=\"padding-left: 10px; padding-right: 10px;\"\n  title=\"Column Preferences\">\n  <seam-icon [icon]=\"icon\"></seam-icon>\n  <span class=\"sr-only\">Column Preferences</span>\n</button>\n\n", styles: [""], dependencies: [{ kind: "component", type: i2.MenuComponent, selector: "seam-menu", inputs: ["menuClass", "baseWidth", "animationType"], outputs: ["closed"], exportAs: ["seamMenu"] }, { kind: "directive", type: i2.MenuToggleDirective, selector: "[seamMenuToggle]", inputs: ["seamMenuToggle", "positions"], exportAs: ["seamMenuToggle"] }, { kind: "component", type: i2.MenuItemComponent, selector: "[seamMenuItem]", inputs: ["disabled", "role", "icon", "iconClass", "badgeText", "badgeTheme"], exportAs: ["seamMenuItem"] }, { kind: "component", type: i3.IconComponent, selector: "seam-icon", inputs: ["grayscaleOnDisable", "disabled", "iconClass", "icon", "size", "showDefaultOnError", "defaultIcon", "iconType"] }, { kind: "directive", type: i4.TheSeamPopoverDirective, selector: "[seamPopover]", inputs: ["seamPopover", "seamPopoverBaseWidth", "seamPopoverDisabled"], exportAs: ["seamPopover"] }, { kind: "component", type: i5.DatatableColumnPreferencesComponent, selector: "seam-datatable-column-preferences" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DatatableColumnPreferencesButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-datatable-column-preferences-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-template #colPrefsTpl>\n  <seam-datatable-column-preferences></seam-datatable-column-preferences>\n</ng-template>\n\n<seam-menu #menu\n  menuClass=\"list-group py-0 border-0 seam-datatable-action-menu\"\n  animationType=\"fade\">\n  <button seamMenuItem\n    type=\"button\"\n    class=\"list-group-item list-group-item-action py-1\"\n    [seamPopover]=\"colPrefsTpl\">\n    Show/Hide Columns\n  </button>\n\n  <button seamMenuItem\n    type=\"button\"\n    class=\"list-group-item list-group-item-action py-1\"\n    (click)=\"_resetColumns($event)\">\n    Reset Columns\n  </button>\n</seam-menu>\n\n<button type=\"button\" class=\"btn btn-lightgray btn-sm\"\n  [seamMenuToggle]=\"menu\"\n  [positions]=\"_actionMenuPositions || []\"\n  style=\"padding-left: 10px; padding-right: 10px;\"\n  title=\"Column Preferences\">\n  <seam-icon [icon]=\"icon\"></seam-icon>\n  <span class=\"sr-only\">Column Preferences</span>\n</button>\n\n" }]
+        }], ctorParameters: function () { return [{ type: i1.ColumnsAlterationsManagerService }]; } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YXRhYmxlLWNvbHVtbi1wcmVmZXJlbmNlcy1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWktY29tbW9uL2RhdGF0YWJsZS9kYXRhdGFibGUtY29sdW1uLXByZWZlcmVuY2VzLWJ1dHRvbi9kYXRhdGFibGUtY29sdW1uLXByZWZlcmVuY2VzLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1jb21tb24vZGF0YXRhYmxlL2RhdGF0YWJsZS1jb2x1bW4tcHJlZmVyZW5jZXMtYnV0dG9uL2RhdGF0YWJsZS1jb2x1bW4tcHJlZmVyZW5jZXMtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQVUsTUFBTSxlQUFlLENBQUE7QUFFMUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG1DQUFtQyxDQUFBOzs7Ozs7O0FBUzdELE1BQU0sT0FBTyx5Q0FBeUM7SUFnQ3BELFlBQ21CLDBCQUE0RDtRQUE1RCwrQkFBMEIsR0FBMUIsMEJBQTBCLENBQWtDO1FBL0IvRSxTQUFJLEdBQUcsU0FBUyxDQUFBO1FBRWhCLGNBQWM7UUFDZCx5QkFBb0IsR0FBNkI7WUFDL0M7Z0JBQ0UsT0FBTyxFQUFFLE9BQU87Z0JBQ2hCLE9BQU8sRUFBRSxRQUFRO2dCQUNqQixRQUFRLEVBQUUsS0FBSztnQkFDZixRQUFRLEVBQUUsS0FBSzthQUNoQjtZQUNEO2dCQUNFLE9BQU8sRUFBRSxPQUFPO2dCQUNoQixPQUFPLEVBQUUsS0FBSztnQkFDZCxRQUFRLEVBQUUsS0FBSztnQkFDZixRQUFRLEVBQUUsUUFBUTthQUNuQjtZQUNEO2dCQUNFLE9BQU8sRUFBRSxLQUFLO2dCQUNkLE9BQU8sRUFBRSxRQUFRO2dCQUNqQixRQUFRLEVBQUUsT0FBTztnQkFDakIsUUFBUSxFQUFFLEtBQUs7YUFDaEI7WUFDRDtnQkFDRSxPQUFPLEVBQUUsS0FBSztnQkFDZCxPQUFPLEVBQUUsS0FBSztnQkFDZCxRQUFRLEVBQUUsT0FBTztnQkFDakIsUUFBUSxFQUFFLFFBQVE7YUFDbkI7U0FDRixDQUFBO0lBSUcsQ0FBQztJQUVMLFFBQVEsS0FBSyxDQUFDO0lBRWQsYUFBYSxDQUFDLEtBQVU7UUFDdEIsSUFBSSxDQUFDLDBCQUEwQixDQUFDLEtBQUssRUFBRSxDQUFBO0lBQ3pDLENBQUM7O3NJQXhDVSx5Q0FBeUM7MEhBQXpDLHlDQUF5QyxnRkNadEQsMDZCQStCQTsyRkRuQmEseUNBQXlDO2tCQU5yRCxTQUFTOytCQUNFLDBDQUEwQyxtQkFHbkMsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbm5lY3Rpb25Qb3NpdGlvblBhaXIgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSdcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5cbmltcG9ydCB7IGZhQ29sdW1ucyB9IGZyb20gJ0Bmb3J0YXdlc29tZS9mcmVlLXNvbGlkLXN2Zy1pY29ucydcbmltcG9ydCB7IENvbHVtbnNBbHRlcmF0aW9uc01hbmFnZXJTZXJ2aWNlIH0gZnJvbSAnLi4vc2VydmljZXMvY29sdW1ucy1hbHRlcmF0aW9ucy1tYW5hZ2VyLnNlcnZpY2UnXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NlYW0tZGF0YXRhYmxlLWNvbHVtbi1wcmVmZXJlbmNlcy1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vZGF0YXRhYmxlLWNvbHVtbi1wcmVmZXJlbmNlcy1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9kYXRhdGFibGUtY29sdW1uLXByZWZlcmVuY2VzLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBEYXRhdGFibGVDb2x1bW5QcmVmZXJlbmNlc0J1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgaWNvbiA9IGZhQ29sdW1uc1xuXG4gIC8qKiBAaWdub3JlICovXG4gIF9hY3Rpb25NZW51UG9zaXRpb25zOiBDb25uZWN0aW9uUG9zaXRpb25QYWlyW10gPSBbXG4gICAge1xuICAgICAgb3JpZ2luWDogJ3N0YXJ0JyxcbiAgICAgIG9yaWdpblk6ICdib3R0b20nLFxuICAgICAgb3ZlcmxheVg6ICdlbmQnLFxuICAgICAgb3ZlcmxheVk6ICd0b3AnLFxuICAgIH0sXG4gICAge1xuICAgICAgb3JpZ2luWDogJ3N0YXJ0JyxcbiAgICAgIG9yaWdpblk6ICd0b3AnLFxuICAgICAgb3ZlcmxheVg6ICdlbmQnLFxuICAgICAgb3ZlcmxheVk6ICdib3R0b20nLFxuICAgIH0sXG4gICAge1xuICAgICAgb3JpZ2luWDogJ2VuZCcsXG4gICAgICBvcmlnaW5ZOiAnYm90dG9tJyxcbiAgICAgIG92ZXJsYXlYOiAnc3RhcnQnLFxuICAgICAgb3ZlcmxheVk6ICd0b3AnLFxuICAgIH0sXG4gICAge1xuICAgICAgb3JpZ2luWDogJ2VuZCcsXG4gICAgICBvcmlnaW5ZOiAndG9wJyxcbiAgICAgIG92ZXJsYXlYOiAnc3RhcnQnLFxuICAgICAgb3ZlcmxheVk6ICdib3R0b20nLFxuICAgIH0sXG4gIF1cblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIHJlYWRvbmx5IF9jb2x1bW5zQWx0ZXJhdGlvbnNNYW5hZ2VyOiBDb2x1bW5zQWx0ZXJhdGlvbnNNYW5hZ2VyU2VydmljZSxcbiAgKSB7IH1cblxuICBuZ09uSW5pdCgpIHsgfVxuXG4gIF9yZXNldENvbHVtbnMoZXZlbnQ6IGFueSkge1xuICAgIHRoaXMuX2NvbHVtbnNBbHRlcmF0aW9uc01hbmFnZXIuY2xlYXIoKVxuICB9XG5cbn1cbiIsIjxuZy10ZW1wbGF0ZSAjY29sUHJlZnNUcGw+XG4gIDxzZWFtLWRhdGF0YWJsZS1jb2x1bW4tcHJlZmVyZW5jZXM+PC9zZWFtLWRhdGF0YWJsZS1jb2x1bW4tcHJlZmVyZW5jZXM+XG48L25nLXRlbXBsYXRlPlxuXG48c2VhbS1tZW51ICNtZW51XG4gIG1lbnVDbGFzcz1cImxpc3QtZ3JvdXAgcHktMCBib3JkZXItMCBzZWFtLWRhdGF0YWJsZS1hY3Rpb24tbWVudVwiXG4gIGFuaW1hdGlvblR5cGU9XCJmYWRlXCI+XG4gIDxidXR0b24gc2VhbU1lbnVJdGVtXG4gICAgdHlwZT1cImJ1dHRvblwiXG4gICAgY2xhc3M9XCJsaXN0LWdyb3VwLWl0ZW0gbGlzdC1ncm91cC1pdGVtLWFjdGlvbiBweS0xXCJcbiAgICBbc2VhbVBvcG92ZXJdPVwiY29sUHJlZnNUcGxcIj5cbiAgICBTaG93L0hpZGUgQ29sdW1uc1xuICA8L2J1dHRvbj5cblxuICA8YnV0dG9uIHNlYW1NZW51SXRlbVxuICAgIHR5cGU9XCJidXR0b25cIlxuICAgIGNsYXNzPVwibGlzdC1ncm91cC1pdGVtIGxpc3QtZ3JvdXAtaXRlbS1hY3Rpb24gcHktMVwiXG4gICAgKGNsaWNrKT1cIl9yZXNldENvbHVtbnMoJGV2ZW50KVwiPlxuICAgIFJlc2V0IENvbHVtbnNcbiAgPC9idXR0b24+XG48L3NlYW0tbWVudT5cblxuPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgY2xhc3M9XCJidG4gYnRuLWxpZ2h0Z3JheSBidG4tc21cIlxuICBbc2VhbU1lbnVUb2dnbGVdPVwibWVudVwiXG4gIFtwb3NpdGlvbnNdPVwiX2FjdGlvbk1lbnVQb3NpdGlvbnMgfHwgW11cIlxuICBzdHlsZT1cInBhZGRpbmctbGVmdDogMTBweDsgcGFkZGluZy1yaWdodDogMTBweDtcIlxuICB0aXRsZT1cIkNvbHVtbiBQcmVmZXJlbmNlc1wiPlxuICA8c2VhbS1pY29uIFtpY29uXT1cImljb25cIj48L3NlYW0taWNvbj5cbiAgPHNwYW4gY2xhc3M9XCJzci1vbmx5XCI+Q29sdW1uIFByZWZlcmVuY2VzPC9zcGFuPlxuPC9idXR0b24+XG5cbiJdfQ==

package/esm2020/datatable/datatable-export-button/datatable-export-button.component.mjs

@@ -0,0 +1,106 @@
+import { ChangeDetectionStrategy, Component, Inject, Input, isDevMode, Optional } from '@angular/core';
+import { combineLatest, of } from 'rxjs';
+import { catchError, concatMap, map, take, tap } from 'rxjs/operators';
+import { faFileDownload } from '@fortawesome/free-solid-svg-icons';
+import { THESEAM_DYNAMIC_DATA } from '@theseam/ui-common/dynamic';
+import { hasProperty } from '@theseam/ui-common/utils';
+import { THESEAM_DATATABLE } from '../datatable/datatable.component';
+import { isInternalColumn } from '../models/internal-column-props';
+import * as i0 from "@angular/core";
+import * as i1 from "ngx-toastr";
+import * as i2 from "@theseam/ui-common/loading";
+import * as i3 from "@theseam/ui-common/dynamic";
+import * as i4 from "@angular/common";
+import * as i5 from "@theseam/ui-common/menu";
+import * as i6 from "@theseam/ui-common/icon";
+import * as i7 from "@theseam/ui-common/buttons";
+import * as i8 from "../datatable/datatable.component";
+export class DatatableExportButtonComponent {
+    constructor(_datatable, _toastr, _loading, _valueHelper, _data) {
+        this._datatable = _datatable;
+        this._toastr = _toastr;
+        this._loading = _loading;
+        this._valueHelper = _valueHelper;
+        this._data = _data;
+        this.icon = faFileDownload;
+        if (this._data && this._data.exporters) {
+            this.exporters = this._data.exporters;
+        }
+    }
+    get disabled() {
+        return !(this.exporters && this.exporters.length > 0);
+    }
+    ngOnInit() { }
+    _onExporterClicked(exporter) {
+        if (!exporter.export) {
+            const msg = isDevMode()
+                ? `Exporter '${exporter.name}' is missing an export method.`
+                : `${exporter.label} export is not available.`;
+            this._toastr.error(msg, 'Data Export');
+        }
+        const export$ = combineLatest([
+            this._datatable.rows$,
+            this._datatable.columns$.pipe(map(cols => cols.filter(c => !isInternalColumn(c))))
+        ]).pipe(take(1), map(([rows, columns]) => {
+            if (exporter.skipDataMapping) {
+                return rows;
+            }
+            return this._mapExportData(columns || [], rows);
+        }), concatMap(data => exporter.export(data)), catchError(err => {
+            console.error(err);
+            return of(false);
+        }), tap(success => {
+            if (success) {
+                this._toastr.success(`${exporter.label} export complete.`, 'Data Export');
+            }
+            else {
+                this._toastr.error(`${exporter.label} export failed.`, 'Data Export');
+            }
+        }));
+        this._loading.while(export$).subscribe();
+    }
+    _mapExportData(columns, rows) {
+        const data = [];
+        for (const row of rows) {
+            const newRow = {};
+            for (const col of columns) {
+                if (!col.exportIgnore) {
+                    const colName = col.exportHeader || col.name || col.prop;
+                    if (colName) {
+                        newRow[colName] = this._rowValue(col, row);
+                    }
+                }
+            }
+            data.push(newRow);
+        }
+        return data;
+    }
+    _rowValue(column, row) {
+        if (hasProperty(column, 'exportValue')) {
+            const context = { value: column.prop ? row[column.prop] : undefined, row };
+            return this._valueHelper.evalSync(column.exportValue, context);
+        }
+        const colProp = column.prop;
+        if (colProp) {
+            return row[colProp];
+        }
+        return undefined;
+    }
+}
+DatatableExportButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DatatableExportButtonComponent, deps: [{ token: THESEAM_DATATABLE }, { token: i1.ToastrService }, { token: i2.TheSeamLoadingOverlayService }, { token: i3.DynamicValueHelperService }, { token: THESEAM_DYNAMIC_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+DatatableExportButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.3", type: DatatableExportButtonComponent, selector: "seam-datatable-export-button", inputs: { exporters: "exporters" }, ngImport: i0, template: "<seam-menu #menu>\n  <button *ngFor=\"let exp of exporters\"\n    seamMenuItem\n    [icon]=\"exp?.icon\"\n    (click)=\"_onExporterClicked(exp)\">\n    {{ exp.label }}\n  </button>\n</seam-menu>\n<button\n  [seamMenuToggle]=\"menu\"\n  seamButton\n  theme=\"lightgray\"\n  size=\"sm\"\n  class=\"dropdown-toggle\"\n  style=\"padding-left: 10px; padding-right: 10px;\"\n  title=\"Export\"\n  [disabled]=\"disabled\"\n  >\n  <seam-icon [icon]=\"icon\" class=\"mr-2\"></seam-icon>\n</button>\n", styles: [":host{display:inline-block}\n"], dependencies: [{ kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: i5.MenuComponent, selector: "seam-menu", inputs: ["menuClass", "baseWidth", "animationType"], outputs: ["closed"], exportAs: ["seamMenu"] }, { kind: "directive", type: i5.MenuToggleDirective, selector: "[seamMenuToggle]", inputs: ["seamMenuToggle", "positions"], exportAs: ["seamMenuToggle"] }, { kind: "component", type: i5.MenuItemComponent, selector: "[seamMenuItem]", inputs: ["disabled", "role", "icon", "iconClass", "badgeText", "badgeTheme"], exportAs: ["seamMenuItem"] }, { kind: "component", type: i6.IconComponent, selector: "seam-icon", inputs: ["grayscaleOnDisable", "disabled", "iconClass", "icon", "size", "showDefaultOnError", "defaultIcon", "iconType"] }, { kind: "component", type: i7.ButtonComponent, selector: "button[seamButton]", inputs: ["disabled", "theme", "size", "type"], exportAs: ["seamButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.3", ngImport: i0, type: DatatableExportButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'seam-datatable-export-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<seam-menu #menu>\n  <button *ngFor=\"let exp of exporters\"\n    seamMenuItem\n    [icon]=\"exp?.icon\"\n    (click)=\"_onExporterClicked(exp)\">\n    {{ exp.label }}\n  </button>\n</seam-menu>\n<button\n  [seamMenuToggle]=\"menu\"\n  seamButton\n  theme=\"lightgray\"\n  size=\"sm\"\n  class=\"dropdown-toggle\"\n  style=\"padding-left: 10px; padding-right: 10px;\"\n  title=\"Export\"\n  [disabled]=\"disabled\"\n  >\n  <seam-icon [icon]=\"icon\" class=\"mr-2\"></seam-icon>\n</button>\n", styles: [":host{display:inline-block}\n"] }]
+        }], ctorParameters: function () { return [{ type: i8.DatatableComponent, decorators: [{
+                    type: Inject,
+                    args: [THESEAM_DATATABLE]
+                }] }, { type: i1.ToastrService }, { type: i2.TheSeamLoadingOverlayService }, { type: i3.DynamicValueHelperService }, { type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [THESEAM_DYNAMIC_DATA]
+                }] }]; }, propDecorators: { exporters: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YXRhYmxlLWV4cG9ydC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWktY29tbW9uL2RhdGF0YWJsZS9kYXRhdGFibGUtZXhwb3J0LWJ1dHRvbi9kYXRhdGFibGUtZXhwb3J0LWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1jb21tb24vZGF0YXRhYmxlL2RhdGF0YWJsZS1leHBvcnQtYnV0dG9uL2RhdGF0YWJsZS1leHBvcnQtYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQVUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFBO0FBQzlHLE9BQU8sRUFBRSxhQUFhLEVBQUUsRUFBRSxFQUFFLE1BQU0sTUFBTSxDQUFBO0FBQ3hDLE9BQU8sRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLEdBQUcsRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLE1BQU0sZ0JBQWdCLENBQUE7QUFFdEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG1DQUFtQyxDQUFBO0FBSWxFLE9BQU8sRUFBNkIsb0JBQW9CLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUU1RixPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFFdEQsT0FBTyxFQUFzQixpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ3hGLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGlDQUFpQyxDQUFBOzs7Ozs7Ozs7O0FBYWxFLE1BQU0sT0FBTyw4QkFBOEI7SUFVekMsWUFDOEMsVUFBOEIsRUFDekQsT0FBc0IsRUFDdEIsUUFBc0MsRUFDdEMsWUFBdUMsRUFDRyxLQUFrQztRQUpqRCxlQUFVLEdBQVYsVUFBVSxDQUFvQjtR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SXhCLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsb0JBQW9COzRDQVhqQyxTQUFTO3NCQUFqQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5qZWN0LCBJbnB1dCwgaXNEZXZNb2RlLCBPbkluaXQsIE9wdGlvbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IGNvbWJpbmVMYXRlc3QsIG9mIH0gZnJvbSAncnhqcydcbmltcG9ydCB7IGNhdGNoRXJyb3IsIGNvbmNhdE1hcCwgbWFwLCB0YWtlLCB0YXAgfSBmcm9tICdyeGpzL29wZXJhdG9ycydcblxuaW1wb3J0IHsgZmFGaWxlRG93bmxvYWQgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnXG5pbXBvcnQgeyBUb2FzdHJTZXJ2aWNlIH0gZnJvbSAnbmd4LXRvYXN0cidcblxuaW1wb3J0IHsgSURhdGFFeHBvcnRlciB9IGZyb20gJ0B0aGVzZWFtL3VpLWNvbW1vbi9kYXRhLWV4cG9ydGVyJ1xuaW1wb3J0IHsgRHluYW1pY1ZhbHVlSGVscGVyU2VydmljZSwgVEhFU0VBTV9EWU5BTUlDX0RBVEEgfSBmcm9tICdAdGhlc2VhbS91aS1jb21tb24vZHluYW1pYydcbmltcG9ydCB7IFRoZVNlYW1Mb2FkaW5nT3ZlcmxheVNlcnZpY2UgfSBmcm9tICdAdGhlc2VhbS91aS1jb21tb24vbG9hZGluZydcbmltcG9ydCB7IGhhc1Byb3BlcnR5IH0gZnJvbSAnQHRoZXNlYW0vdWktY29tbW9uL3V0aWxzJ1xuXG5pbXBvcnQgeyBEYXRhdGFibGVDb21wb25lbnQsIFRIRVNFQU1fREFUQVRBQkxFIH0gZnJvbSAnLi4vZGF0YXRhYmxlL2RhdGF0YWJsZS5jb21wb25lbnQnXG5pbXBvcnQgeyBpc0ludGVybmFsQ29sdW1uIH0gZnJvbSAnLi4vbW9kZWxzL2ludGVybmFsLWNvbHVtbi1wcm9wcydcbmltcG9ydCB7IFRoZVNlYW1EYXRhdGFibGVDb2x1bW4gfSBmcm9tICcuLi9tb2RlbHMvdGFibGUtY29sdW1uJ1xuXG5leHBvcnQgaW50ZXJmYWNlIElEYXRhdGFibGVFeHBvcnRCdXR0b25EYXRhIHtcbiAgZXhwb3J0ZXJzOiBJRGF0YUV4cG9ydGVyW11cbn1cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2VhbS1kYXRhdGFibGUtZXhwb3J0LWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9kYXRhdGFibGUtZXhwb3J0LWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2RhdGF0YWJsZS1leHBvcnQtYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIERhdGF0YWJsZUV4cG9ydEJ1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgaWNvbiA9IGZhRmlsZURvd25sb2FkXG5cbiAgQElucHV0KCkgZXhwb3J0ZXJzOiBJRGF0YUV4cG9ydGVyW10gfCB1bmRlZmluZWQgfCBudWxsXG5cbiAgZ2V0IGRpc2FibGVkKCkge1xuICAgIHJldHVybiAhKHRoaXMuZXhwb3J0ZXJzICYmIHRoaXMuZXhwb3J0ZXJzLmxlbmd0aCA+IDApXG4gIH1cblxuICBjb25zdHJ1Y3RvcihcbiAgICBASW5qZWN0KFRIRVNFQU1fREFUQVRBQkxFKSBwcml2YXRlIHJlYWRvbmx5IF9kYXRhdGFibGU6IERhdGF0YWJsZUNvbXBvbmVudCxcbiAgICBwcml2YXRlIHJlYWRvbmx5IF90b2FzdHI6IFRvYXN0clNlcnZpY2UsXG4gICAgcHJpdmF0ZSByZWFkb25seSBfbG9hZGluZzogVGhlU2VhbUxvYWRpbmdPdmVybGF5U2VydmljZSxcbiAgICBwcml2YXRlIHJlYWRvbmx5IF92YWx1ZUhlbHBlcjogRHluYW1pY1ZhbHVlSGVscGVyU2VydmljZSxcbiAgICBAT3B0aW9uYWwoKSBASW5qZWN0KFRIRVNFQU1fRFlOQU1JQ19EQVRBKSBwcml2YXRlIHJlYWRvbmx5IF9kYXRhPzogSURhdGF0YWJsZUV4cG9ydEJ1dHRvbkRhdGFcbiAgKSB7XG4gICAgaWYgKHRoaXMuX2RhdGEgJiYgdGhpcy5fZGF0YS5leHBvcnRlcnMpIHtcbiAgICAgIHRoaXMuZXhwb3J0ZXJzID0gdGhpcy5fZGF0YS5leHBvcnRlcnNcbiAgICB9XG4gIH1cblxuICBuZ09uSW5pdCgpIHsgfVxuXG4gIF9vbkV4cG9ydGVyQ2xpY2tlZChleHBvcnRlcjogSURhdGFFeHBvcnRlcikge1xuICAgIGlmICghZXhwb3J0ZXIuZXhwb3J0KSB7XG4gICAgICBjb25zdCBtc2cgPSBpc0Rldk1vZGUoKVxuICAgICAgICA/IGBFeHBvcnRlciAnJHtleHBvcnRlci5uYW1lfScgaXMgbWlzc2luZyBhbiBleHBvcnQgbWV0aG9kLmBcbiAgICAgICAgOiBgJHtleHBvcnRlci5sYWJlbH0gZXhwb3J0IGlzIG5vdCBhdmFpbGFibGUuYFxuICAgICAgdGhpcy5fdG9hc3RyLmVycm9yKG1zZywgJ0RhdGEgRXhwb3J0JylcbiAgICB9XG5cbiAgICBjb25zdCBleHBvcnQkID0gY29tYmluZUxhdGVzdChbXG4gICAgICB0aGlzLl9kYXRhdGFibGUucm93cyQsXG4gICAgICB0aGlzLl9kYXRhdGFibGUuY29sdW1ucyQucGlwZShtYXAoY29scyA9PiBjb2xzLmZpbHRlcihjID0+ICFpc0ludGVybmFsQ29sdW1uKGMpKSkpXG4gICAgXSkucGlwZShcbiAgICAgIHRha2UoMSksXG4gICAgICBtYXAoKFsgcm93cywgY29sdW1ucyBdKSA9PiB7XG4gICAgICAgIGlmIChleHBvcnRlci5za2lwRGF0YU1hcHBpbmcpIHtcbiAgICAgICAgICByZXR1cm4gcm93c1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiB0aGlzLl9tYXBFeHBvcnREYXRhKGNvbHVtbnMgfHwgW10sIHJvd3MpXG4gICAgICB9KSxcbiAgICAgIGNvbmNhdE1hcChkYXRhID0+IGV4cG9ydGVyLmV4cG9ydChkYXRhKSksXG4gICAgICBjYXRjaEVycm9yKGVyciA9PiB7XG4gICAgICAgIGNvbnNvbGUuZXJyb3IoZXJyKVxuICAgICAgICByZXR1cm4gb2YoZmFsc2UpXG4gICAgICB9KSxcbiAgICAgIHRhcChzdWNjZXNzID0+IHtcbiAgICAgICAgaWYgKHN1Y2Nlc3MpIHtcbiAgICAgICAgICB0aGlzLl90b2FzdHIuc3VjY2VzcyhgJHtleHBvcnRlci5sYWJlbH0gZXhwb3J0IGNvbXBsZXRlLmAsICdEYXRhIEV4cG9ydCcpXG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgdGhpcy5fdG9hc3RyLmVycm9yKGAke2V4cG9ydGVyLmxhYmVsfSBleHBvcnQgZmFpbGVkLmAsICdEYXRhIEV4cG9ydCcpXG4gICAgICAgIH1cbiAgICAgIH0pXG4gICAgKVxuXG4gICAgdGhpcy5fbG9hZGluZy53aGlsZShleHBvcnQkKS5zdWJzY3JpYmUoKVxuICB9XG5cbiAgcHJpdmF0ZSBfbWFwRXhwb3J0RGF0YShjb2x1bW5zOiBUaGVTZWFtRGF0YXRhYmxlQ29sdW1uW10sIHJvd3M6IGFueVtdKSB7XG4gICAgY29uc3QgZGF0YTogYW55W10gPSBbXVxuXG4gICAgZm9yIChjb25zdCByb3cgb2Ygcm93cykge1xuICAgICAgY29uc3QgbmV3Um93OiBhbnkgPSB7fVxuXG4gICAgICBmb3IgKGNvbnN0IGNvbCBvZiBjb2x1bW5zKSB7XG4gICAgICAgIGlmICghY29sLmV4cG9ydElnbm9yZSkge1xuICAgICAgICAgIGNvbnN0IGNvbE5hbWUgPSBjb2wuZXhwb3J0SGVhZGVyIHx8IGNvbC5uYW1lIHx8IGNvbC5wcm9wXG4gICAgICAgICAgaWYgKGNvbE5hbWUpIHtcbiAgICAgICAgICAgIG5ld1Jvd1tjb2xOYW1lXSA9IHRoaXMuX3Jvd1ZhbHVlKGNvbCwgcm93KVxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICBkYXRhLnB1c2gobmV3Um93KVxuICAgIH1cblxuICAgIHJldHVybiBkYXRhXG4gIH1cblxuICBwcml2YXRlIF9yb3dWYWx1ZShjb2x1bW46IFRoZVNlYW1EYXRhdGFibGVDb2x1bW4sIHJvdzogYW55KSB7XG4gICAgaWYgKGhhc1Byb3BlcnR5KGNvbHVtbiBhcyBhbnksICdleHBvcnRWYWx1ZScpKSB7XG4gICAgICBjb25zdCBjb250ZXh0ID0geyB2YWx1ZTogY29sdW1uLnByb3AgPyByb3dbY29sdW1uLnByb3BdIDogdW5kZWZpbmVkLCByb3cgfVxuICAgICAgcmV0dXJuIHRoaXMuX3ZhbHVlSGVscGVyLmV2YWxTeW5jKChjb2x1bW4gYXMgYW55KS5leHBvcnRWYWx1ZSwgY29udGV4dClcbiAgICB9XG5cbiAgICBjb25zdCBjb2xQcm9wID0gY29sdW1uLnByb3BcbiAgICBpZiAoY29sUHJvcCkge1xuICAgICAgcmV0dXJuIHJvd1tjb2xQcm9wXVxuICAgIH1cbiAgICByZXR1cm4gdW5kZWZpbmVkXG4gIH1cblxufVxuIiwiPHNlYW0tbWVudSAjbWVudT5cbiAgPGJ1dHRvbiAqbmdGb3I9XCJsZXQgZXhwIG9mIGV4cG9ydGVyc1wiXG4gICAgc2VhbU1lbnVJdGVtXG4gICAgW2ljb25dPVwiZXhwPy5pY29uXCJcbiAgICAoY2xpY2spPVwiX29uRXhwb3J0ZXJDbGlja2VkKGV4cClcIj5cbiAgICB7eyBleHAubGFiZWwgfX1cbiAgPC9idXR0b24+XG48L3NlYW0tbWVudT5cbjxidXR0b25cbiAgW3NlYW1NZW51VG9nZ2xlXT1cIm1lbnVcIlxuICBzZWFtQnV0dG9uXG4gIHRoZW1lPVwibGlnaHRncmF5XCJcbiAgc2l6ZT1cInNtXCJcbiAgY2xhc3M9XCJkcm9wZG93bi10b2dnbGVcIlxuICBzdHlsZT1cInBhZGRpbmctbGVmdDogMTBweDsgcGFkZGluZy1yaWdodDogMTBweDtcIlxuICB0aXRsZT1cIkV4cG9ydFwiXG4gIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gID5cbiAgPHNlYW0taWNvbiBbaWNvbl09XCJpY29uXCIgY2xhc3M9XCJtci0yXCI+PC9zZWFtLWljb24+XG48L2J1dHRvbj5cbiJdfQ==