@theseam/ui-common 0.2.9

package/esm2015/datatable/datatable-action-menu/datatable-action-menu.component.js

@@ -0,0 +1,101 @@
+import { Component, ContentChildren } from '@angular/core';
+import { Router } from '@angular/router';
+import { faEllipsisH } from '@fortawesome/free-solid-svg-icons';
+import { SeamConfirmDialogService } from '@theseam/ui-common/confirm-dialog';
+import { DatatableActionMenuItemComponent } from '../datatable-action-menu-item/datatable-action-menu-item.component';
+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.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}"]
+            },] }
+];
+DatatableActionMenuComponent.ctorParameters = () => [
+    { type: SeamConfirmDialogService },
+    { type: Router }
+];
+DatatableActionMenuComponent.propDecorators = {
+    items: [{ type: ContentChildren, args: [DatatableActionMenuItemComponent,] }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YXRhYmxlLWFjdGlvbi1tZW51LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWNvbW1vbi9kYXRhdGFibGUvZGF0YXRhYmxlLWFjdGlvbi1tZW51L2RhdGF0YWJsZS1hY3Rpb24tbWVudS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQWEsTUFBTSxlQUFlLENBQUE7QUFDckUsT0FBTyxFQUFvQixNQUFNLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUUxRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sbUNBQW1DLENBQUE7QUFFL0QsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sbUNBQW1DLENBQUE7QUFFNUUsT0FBTyxFQUFFLGdDQUFnQyxFQUFFLE1BQU0sb0VBQW9FLENBQUE7QUFPckgsTUFBTSxPQUFPLDRCQUE0QjtJQWtDdkMsWUFDVSxjQUF3QyxFQUN4QyxPQUFlO1FBRGYsbUJBQWMsR0FBZCxjQUFjLENBQTBCO1FBQ3hDLFlBQU8sR0FBUCxPQUFPLENBQVE7UUFsQ3pCLGdCQUFXLEdBQUcsV0FBVyxDQUFBO1FBSXpCLGNBQWM7UUFDZCx5QkFBb0IsR0FBNkI7WUFDL0M7Z0JBQ0UsT0FBTyxFQUFFLE9BQU87Z0JBQ2hCLE9BQU8sRUFBRSxRQUFRO2dCQUNqQixRQUFRLEVBQUUsS0FBSztnQkFDZixRQUFRLEVBQUUsS0FBSzthQUNoQjtZQUNEO2dCQUNFLE9BQU8sRUFBRSxPQUFPO2dCQUNoQixPQUFPLEVBQUUsS0FBSztnQkFDZCxRQUFRLEVBQUUsS0FBSztnQkFDZixRQUFRLEVBQUUsUUFBUTthQUNuQjtZQUNEO2dCQUNFLE9BQU8sRUFBRSxLQUFLO2dCQUNkLE9BQU8sRUFBRSxRQUFRO2dCQUNqQixRQUFRLEVBQUUsT0FBTztnQkFDakIsUUFBUSxFQUFFLEtBQUs7YUFDaEI7WUFDRDtnQkFDRSxPQUFPLEVBQUUsS0FBSztnQkFDZCxPQUFPLEVBQUUsS0FBSztnQkFDZCxRQUFRLEVBQUUsT0FBTztnQkFDakIsUUFBUSxFQUFFLFFBQVE7YUFDbkI7U0FDRixDQUFBO0lBS0csQ0FBQztJQUVMLFlBQVksQ0FBQyxLQUFVLEVBQUUsSUFBc0M7UUFDN0QsSUFBSSxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQ3RCLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDO2lCQUMzRSxXQUFXLEVBQUU7aUJBQ2IsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFO2dCQUNiLElBQUksQ0FBQyxLQUFLLFNBQVMsRUFBRTtvQkFDbkIsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUE7b0JBQ3RCLElBQUksSUFBSSxDQUFDLElBQUksRUFBRTt3QkFDYixNQUFNLEdBQUcsR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxDQUFDLE1BQU0sSUFBSSxTQUFTLENBQUMsQ0FBQTt3QkFDNUQsb0VBQW9FO3dCQUNwRSxzRUFBc0U7d0JBQ3RFLHNCQUFzQjt3QkFDdEIsSUFBSTtxQkFDTDt5QkFBTTt3QkFDTCxNQUFNLE1BQU0sR0FBcUIsRUFBRSxDQUFBO3dCQUNuQyxJQUFJLElBQUksQ0FBQyxXQUFXLEVBQUU7NEJBQUUsTUFBTSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFBO3lCQUFFO3dCQUMvRCxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7NEJBQUUsTUFBTSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFBO3lCQUFFO3dCQUN0RCxJQUFJLElBQUksQ0FBQyxtQkFBbUIsRUFBRTs0QkFBRSxNQUFNLENBQUMsbUJBQW1CLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixDQUFBO3lCQUFFO3dCQUN2RixJQUFJLElBQUksQ0FBQyxnQkFBZ0IsRUFBRTs0QkFBRSxNQUFNLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLGdCQUFnQixDQUFBO3lCQUFFO3dCQUM5RSxJQUFJLElBQUksQ0FBQyxrQkFBa0IsRUFBRTs0QkFBRSxNQUFNLENBQUMsa0JBQWtCLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFBO3lCQUFFO3dCQUNwRixJQUFJLElBQUksQ0FBQyxVQUFVLEVBQUU7NEJBQUUsTUFBTSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFBO3lCQUFFO3dCQUM1RCxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUU7NEJBQUUsTUFBTSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFBO3lCQUFFO3dCQUU3QyxNQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUE7d0JBQ3JGLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxNQUFNLENBQUMsQ0FBQTtxQkFDeEM7aUJBQ0Y7WUFDSCxDQUFDLENBQUMsQ0FBQTtTQUNMO2FBQU07WUFDTCxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQTtTQUN2QjtJQUNILENBQUM7OztZQTNFRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLDRCQUE0QjtnQkFDdEMsdzNEQUFxRDs7YUFFdEQ7OztZQVJRLHdCQUF3QjtZQUpOLE1BQU07OztvQkFpQjlCLGVBQWUsU0FBQyxnQ0FBZ0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb25uZWN0aW9uUG9zaXRpb25QYWlyIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknXG5pbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZHJlbiwgUXVlcnlMaXN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IE5hdmlnYXRpb25FeHRyYXMsIFJvdXRlciB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcidcblxuaW1wb3J0IHsgZmFFbGxpcHNpc0ggfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnXG5cbmltcG9ydCB7IFNlYW1Db25maXJtRGlhbG9nU2VydmljZSB9IGZyb20gJ0B0aGVzZWFtL3VpLWNvbW1vbi9jb25maXJtLWRpYWxvZydcblxuaW1wb3J0IHsgRGF0YXRhYmxlQWN0aW9uTWVudUl0ZW1Db21wb25lbnQgfSBmcm9tICcuLi9kYXRhdGFibGUtYWN0aW9uLW1lbnUtaXRlbS9kYXRhdGFibGUtYWN0aW9uLW1lbnUtaXRlbS5jb21wb25lbnQnXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NlYW0tZGF0YXRhYmxlLWFjdGlvbi1tZW51JyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RhdGF0YWJsZS1hY3Rpb24tbWVudS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2RhdGF0YWJsZS1hY3Rpb24tbWVudS5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIERhdGF0YWJsZUFjdGlvbk1lbnVDb21wb25lbnQge1xuXG4gIGZhRWxsaXBzaXNIID0gZmFFbGxpcHNpc0hcblxuICBAQ29udGVudENoaWxkcmVuKERhdGF0YWJsZUFjdGlvbk1lbnVJdGVtQ29tcG9uZW50KSBpdGVtcz86IFF1ZXJ5TGlzdDxEYXRhdGFibGVBY3Rpb25NZW51SXRlbUNvbXBvbmVudD5cblxuICAvKiogQGlnbm9yZSAqL1xuICBfYWN0aW9uTWVudVBvc2l0aW9uczogQ29ubmVjdGlvblBvc2l0aW9uUGFpcltdID0gW1xuICAgIHtcbiAgICAgIG9yaWdpblg6ICdzdGFydCcsXG4gICAgICBvcmlnaW5ZOiAnYm90dG9tJyxcbiAgICAgIG92ZXJsYXlYOiAnZW5kJyxcbiAgICAgIG92ZXJsYXlZOiAndG9wJyxcbiAgICB9LFxuICAgIHtcbiAgICAgIG9yaWdpblg6ICdzdGFydCcsXG4gICAgICBvcmlnaW5ZOiAndG9wJyxcbiAgICAgIG92ZXJsYXlYOiAnZW5kJyxcbiAgICAgIG92ZXJsYXlZOiAnYm90dG9tJyxcbiAgICB9LFxuICAgIHtcbiAgICAgIG9yaWdpblg6ICdlbmQnLFxuICAgICAgb3JpZ2luWTogJ2JvdHRvbScsXG4gICAgICBvdmVybGF5WDogJ3N0YXJ0JyxcbiAgICAgIG92ZXJsYXlZOiAndG9wJyxcbiAgICB9LFxuICAgIHtcbiAgICAgIG9yaWdpblg6ICdlbmQnLFxuICAgICAgb3JpZ2luWTogJ3RvcCcsXG4gICAgICBvdmVybGF5WDogJ3N0YXJ0JyxcbiAgICAgIG92ZXJsYXlZOiAnYm90dG9tJyxcbiAgICB9LFxuICBdXG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBfY29uZmlybURpYWxvZzogU2VhbUNvbmZpcm1EaWFsb2dTZXJ2aWNlLFxuICAgIHByaXZhdGUgX3JvdXRlcjogUm91dGVyXG4gICkgeyB9XG5cbiAgYWN0aXZhdGVJdGVtKGV2ZW50OiBhbnksIGl0ZW06IERhdGF0YWJsZUFjdGlvbk1lbnVJdGVtQ29tcG9uZW50KSB7XG4gICAgaWYgKGl0ZW0uY29uZmlybURpYWxvZykge1xuICAgICAgdGhpcy5fY29uZmlybURpYWxvZy5vcGVuKGl0ZW0uY29uZmlybURpYWxvZy5tZXNzYWdlLCBpdGVtLmNvbmZpcm1EaWFsb2cuYWxlcnQpXG4gICAgICAgIC5hZnRlckNsb3NlZCgpXG4gICAgICAgIC5zdWJzY3JpYmUodiA9PiB7XG4gICAgICAgICAgaWYgKHYgPT09ICdjb25maXJtJykge1xuICAgICAgICAgICAgaXRlbS5jbGljay5lbWl0KGV2ZW50KVxuICAgICAgICAgICAgaWYgKGl0ZW0uaHJlZikge1xuICAgICAgICAgICAgICBjb25zdCB3aW4gPSB3aW5kb3cub3BlbihpdGVtLmhyZWYsIGl0ZW0udGFyZ2V0IHx8IHVuZGVmaW5lZClcbiAgICAgICAgICAgICAgLy8gVE9ETzogQ29uc2lkZXIgaWYgYWx3YXlzIHNldHRpbmcgb3BlbmVyIHRvIG51bGwgaXMgdG8gcmVzdHJpY3RpdmVcbiAgICAgICAgICAgICAgLy8gaWYgKHdpbiAmJiBpdGVtLnRhcmdldCAmJiBpdGVtLnRhcmdldC50b0xvd2VyQ2FzZSgpID09PSAnX2JsYW5rJykge1xuICAgICAgICAgICAgICAvLyAgIHdpbi5vcGVuZXIgPSBudWxsXG4gICAgICAgICAgICAgIC8vIH1cbiAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgIGNvbnN0IGV4dHJhczogTmF2aWdhdGlvbkV4dHJhcyA9IHt9XG4gICAgICAgICAgICAgIGlmIChpdGVtLnF1ZXJ5UGFyYW1zKSB7IGV4dHJhcy5xdWVyeVBhcmFtcyA9IGl0ZW0ucXVlcnlQYXJhbXMgfVxuICAgICAgICAgICAgICBpZiAoaXRlbS5mcmFnbWVudCkgeyBleHRyYXMuZnJhZ21lbnQgPSBpdGVtLmZyYWdtZW50IH1cbiAgICAgICAgICAgICAgaWYgKGl0ZW0ucXVlcnlQYXJhbXNIYW5kbGluZykgeyBleHRyYXMucXVlcnlQYXJhbXNIYW5kbGluZyA9IGl0ZW0ucXVlcnlQYXJhbXNIYW5kbGluZyB9XG4gICAgICAgICAgICAgIGlmIChpdGVtLnByZXNlcnZlRnJhZ21lbnQpIHsgZXh0cmFzLnByZXNlcnZlRnJhZ21lbnQgPSBpdGVtLnByZXNlcnZlRnJhZ21lbnQgfVxuICAgICAgICAgICAgICBpZiAoaXRlbS5za2lwTG9jYXRpb25DaGFuZ2UpIHsgZXh0cmFzLnNraXBMb2NhdGlvbkNoYW5nZSA9IGl0ZW0uc2tpcExvY2F0aW9uQ2hhbmdlIH1cbiAgICAgICAgICAgICAgaWYgKGl0ZW0ucmVwbGFjZVVybCkgeyBleHRyYXMucmVwbGFjZVVybCA9IGl0ZW0ucmVwbGFjZVVybCB9XG4gICAgICAgICAgICAgIGlmIChpdGVtLnN0YXRlKSB7IGV4dHJhcy5zdGF0ZSA9IGl0ZW0uc3RhdGUgfVxuXG4gICAgICAgICAgICAgIGNvbnN0IGNvbW1hbmRzID0gQXJyYXkuaXNBcnJheShpdGVtLnJvdXRlckxpbmspID8gaXRlbS5yb3V0ZXJMaW5rIDogW2l0ZW0ucm91dGVyTGlua11cbiAgICAgICAgICAgICAgdGhpcy5fcm91dGVyLm5hdmlnYXRlKGNvbW1hbmRzLCBleHRyYXMpXG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICB9KVxuICAgIH0gZWxzZSB7XG4gICAgICBpdGVtLmNsaWNrLmVtaXQoZXZlbnQpXG4gICAgfVxuICB9XG5cbn1cbiJdfQ==

package/esm2015/datatable/datatable-action-menu-item/datatable-action-menu-item.component.js

@@ -0,0 +1,30 @@
+import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
+export class DatatableActionMenuItemComponent {
+    constructor() {
+        this.click = new EventEmitter();
+    }
+}
+DatatableActionMenuItemComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-datatable-action-menu-item',
+                template: ``,
+                changeDetection: ChangeDetectionStrategy.OnPush
+            },] }
+];
+DatatableActionMenuItemComponent.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YXRhYmxlLWFjdGlvbi1tZW51LWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWktY29tbW9uL2RhdGF0YWJsZS9kYXRhdGFibGUtYWN0aW9uLW1lbnUtaXRlbS9kYXRhdGFibGUtYWN0aW9uLW1lbnUtaXRlbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ1AsTUFBTSxlQUFlLENBQUE7QUFTdEIsTUFBTSxPQUFPLGdDQUFnQztJQUw3QztRQTJCcUIsVUFBSyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUE7SUFFcEQsQ0FBQzs7O1lBN0JBLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsaUNBQWlDO2dCQUMzQyxRQUFRLEVBQUUsRUFBRTtnQkFDWixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTthQUNoRDs7O29CQUdFLEtBQUs7bUJBR0wsS0FBSyxTQUFDLFdBQVc7cUJBQ2pCLEtBQUs7MEJBR0wsS0FBSzt1QkFDTCxLQUFLO2tDQUNMLEtBQUs7K0JBQ0wsS0FBSztpQ0FDTCxLQUFLO3lCQUNMLEtBQUs7b0JBQ0wsS0FBSzt5QkFDTCxLQUFLOzRCQUVMLEtBQUs7dUJBRUwsS0FBSztvQkFFTCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0XG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5cbmltcG9ydCB7IFRoZW1lVHlwZXMgfSBmcm9tICdAdGhlc2VhbS91aS1jb21tb24vbW9kZWxzJ1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzZWFtLWRhdGF0YWJsZS1hY3Rpb24tbWVudS1pdGVtJyxcbiAgdGVtcGxhdGU6IGBgLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBEYXRhdGFibGVBY3Rpb25NZW51SXRlbUNvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZyB8IHVuZGVmaW5lZCB8IG51bGxcblxuICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6bm8taW5wdXQtcmVuYW1lXG4gIEBJbnB1dCgnYXR0ci5ocmVmJykgaHJlZjogc3RyaW5nIHwgdW5kZWZpbmVkIHwgbnVsbFxuICBASW5wdXQoKSB0YXJnZXQ6IHN0cmluZyB8IHVuZGVmaW5lZCB8IG51bGxcblxuICAvLyBBbGxvdyByb3V0ZXJMaW5rIGlucHV0cyBvbiBtZW51IGl0ZW1cbiAgQElucHV0KCkgcXVlcnlQYXJhbXM6IHtbazogc3RyaW5nXTogYW55fSB8IHVuZGVmaW5lZCB8IG51bGxcbiAgQElucHV0KCkgZnJhZ21lbnQ6IHN0cmluZyB8IHVuZGVmaW5lZCB8IG51bGxcbiAgQElucHV0KCkgcXVlcnlQYXJhbXNIYW5kbGluZzogYW55XG4gIEBJbnB1dCgpIHByZXNlcnZlRnJhZ21lbnQ6IGJvb2xlYW58IHVuZGVmaW5lZCB8IG51bGxcbiAgQElucHV0KCkgc2tpcExvY2F0aW9uQ2hhbmdlOiBib29sZWFufCB1bmRlZmluZWQgfCBudWxsXG4gIEBJbnB1dCgpIHJlcGxhY2VVcmw6IGJvb2xlYW58IHVuZGVmaW5lZCB8IG51bGxcbiAgQElucHV0KCkgc3RhdGU6IHtbazogc3RyaW5nXTogYW55fSB8IHVuZGVmaW5lZCB8IG51bGxcbiAgQElucHV0KCkgcm91dGVyTGluazogc3RyaW5nIHwgYW55W10gfCB1bmRlZmluZWQgfCBudWxsXG5cbiAgQElucHV0KCkgY29uZmlybURpYWxvZzogeyBtZXNzYWdlPzogc3RyaW5nLCBhbGVydD86IHN0cmluZyB8IHsgbWVzc2FnZTogc3RyaW5nLCB0eXBlOiBUaGVtZVR5cGVzIH0gfSB8IHVuZGVmaW5lZCB8IG51bGxcblxuICBASW5wdXQoKSBkaXNhYmxlZDogYm9vbGVhbiB8IHVuZGVmaW5lZCB8IG51bGxcblxuICBAT3V0cHV0KCkgcmVhZG9ubHkgY2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKVxuXG59XG4iXX0=

package/esm2015/datatable/datatable-column/datatable-column.component.js

@@ -0,0 +1,83 @@
+import { Component, ContentChild, Input, TemplateRef } from '@angular/core';
+import { DatatableCellTplDirective } from '../directives/datatable-cell-tpl.directive';
+import { DatatableColumnChangesService } 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.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-datatable-column',
+                template: "<p>\n  datatable-column works!\n</p>\n",
+                styles: [""]
+            },] }
+];
+DatatableColumnComponent.ctorParameters = () => [
+    { type: DatatableColumnChangesService }
+];
+DatatableColumnComponent.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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YXRhYmxlLWNvbHVtbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1jb21tb24vZGF0YXRhYmxlL2RhdGF0YWJsZS1jb2x1bW4vZGF0YXRhYmxlLWNvbHVtbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFtRCxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFJNUgsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sNENBQTRDLENBQUE7QUFDdEYsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sOENBQThDLENBQUE7QUFLNUYsK0VBQStFO0FBQy9FLDhFQUE4RTtBQU85RSxNQUFNLE9BQU8sd0JBQXdCO0lBc0RuQywyQkFBMkI7SUFDM0IsMENBQTBDO0lBRTFDLHFGQUFxRjtJQUNyRiwwQ0FBMEM7SUFFMUMsMkNBQTJDO0lBQzNDLG1FQUFtRTtJQUNuRSxJQUFJO0lBRUosK0JBQStCO0lBQy9CLDhDQUE4QztJQUU5QyxvRkFBb0Y7SUFDcEYsOENBQThDO0lBRTlDLCtDQUErQztJQUMvQywyRUFBMkU7SUFDM0UsSUFBSTtJQUVKLFlBQ1UscUJBQW9EO1FBQXBELDBCQUFxQixHQUFyQixxQkFBcUIsQ0FBK0I7UUFwQ3RELG1CQUFjLEdBQUcsSUFBSSxDQUFBO0lBcUMxQixDQUFDO0lBMUJKLElBQUksWUFBWTtRQUNkLE9BQU8sSUFBSSxDQUFDLGtCQUFrQixJQUFJLElBQUksQ0FBQyxrQkFBa0IsQ0FBQTtJQUMzRCxDQUFDO0lBMEJELFFBQVEsS0FBSyxDQUFDO0lBRWQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUN2QixJQUFJLENBQUMsY0FBYyxHQUFHLEtBQUssQ0FBQTtTQUM1QjthQUFNO1lBQ0wsSUFBSSxDQUFDLHFCQUFxQixDQUFDLGFBQWEsRUFBRSxDQUFBO1NBQzNDO0lBQ0gsQ0FBQztJQUVNLGdCQUFnQjtRQUNyQixJQUFJLElBQUksQ0FBQyxnQkFBZ0IsRUFBRTtZQUN6QixPQUFPLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQTtTQUM3QjtRQUVELE9BQU8sSUFBSSxDQUFBO0lBQ2IsQ0FBQzs7O1lBbkdGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsdUJBQXVCO2dCQUNqQyxrREFBZ0Q7O2FBRWpEOzs7WUFaUSw2QkFBNkI7OzttQkFlbkMsS0FBSzttQkFDTCxLQUFLO3VCQUVMLEtBQUs7dUJBQ0wsS0FBSzt1QkFDTCxLQUFLO29CQUNMLEtBQUs7eUJBRUwsS0FBSzt1QkFDTCxLQUFLO3dCQUNMLEtBQUs7NEJBRUwsS0FBSzt5QkFFTCxLQUFLOzZCQUVMLEtBQUs7MkJBRUwsS0FBSztpQ0FDTCxLQUFLOzBCQUVMLEtBQUs7d0JBQ0wsS0FBSzt5QkFFTCxLQUFLOzBCQUNMLEtBQUs7bUJBRUwsS0FBSzsyQkFFTCxLQUFLOzhCQUNMLEtBQUs7MEJBRUwsS0FBSzs4QkFDTCxLQUFLO3FCQUVMLEtBQUs7K0JBSUwsWUFBWSxTQUFDLHlCQUF5QixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtpQ0FHeEQsS0FBSyxTQUFDLGNBQWM7aUNBR3BCLFlBQVksU0FBQyx5QkFBeUIsRUFBRSxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkLCBJbnB1dCwgT25DaGFuZ2VzLCBPbkluaXQsIFBpcGVUcmFuc2Zvcm0sIFNpbXBsZUNoYW5nZXMsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcblxuaW1wb3J0IHsgQ29sdW1uQ2hhbmdlc1NlcnZpY2UgfSBmcm9tICdAbWFya2xiL25neC1kYXRhdGFibGUnXG5cbmltcG9ydCB7IERhdGF0YWJsZUNlbGxUcGxEaXJlY3RpdmUgfSBmcm9tICcuLi9kaXJlY3RpdmVzL2RhdGF0YWJsZS1jZWxsLXRwbC5kaXJlY3RpdmUnXG5pbXBvcnQgeyBEYXRhdGFibGVDb2x1bW5DaGFuZ2VzU2VydmljZSB9IGZyb20gJy4uL3NlcnZpY2VzL2RhdGF0YWJsZS1jb2x1bW4tY2hhbmdlcy5zZXJ2aWNlJ1xuXG4vLyBIQUNLOiBVbmlvbiB0eXBlIHByZXZlbnRzIHRoZSBub3QgZm91bmQgd2FybmluZ1xudHlwZSBfUGlwZVRyYW5zZm9ybSA9IFBpcGVUcmFuc2Zvcm0gfCBQaXBlVHJhbnNmb3JtXG5cbi8vIFRPRE86IFRoZSBjb2x1bW4gY29tcG9uZW50IHNob3VsZCBpbXBsZW1lbnQgYElUaGVTZWFtRGF0YXRhYmxlQ29sdW1uYCwgc2luY2Vcbi8vIHByb3ZpZGluZyBzb21lIHByb3BlcnRpZXMgYnkgaW5wdXQgYW5kIHNvbWUgYnkgdGVtcGxhdGUgY291bGQgYmUgY29uZnVzaW5nLlxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzZWFtLWRhdGF0YWJsZS1jb2x1bW4nLFxuICB0ZW1wbGF0ZVVybDogJy4vZGF0YXRhYmxlLWNvbHVtbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2RhdGF0YWJsZS1jb2x1bW4uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBEYXRhdGFibGVDb2x1bW5Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uQ2hhbmdlcyB7XG5cbiAgQElucHV0KCkgbmFtZTogc3RyaW5nIHwgdW5kZWZpbmVkIHwgbnVsbFxuICBASW5wdXQoKSBwcm9wOiBzdHJpbmcgfCBudW1iZXIgfCB1bmRlZmluZWQgfCBudWxsXG5cbiAgQElucHV0KCkgZmxleEdyb3c6IG51bWJlciB8IHVuZGVmaW5lZCB8IG51bGxcbiAgQElucHV0KCkgbWluV2lkdGg6IG51bWJlciB8IHVuZGVmaW5lZCB8IG51bGxcbiAgQElucHV0KCkgbWF4V2lkdGg6IG51bWJlciB8IHVuZGVmaW5lZCB8IG51bGxcbiAgQElucHV0KCkgd2lkdGg6IG51bWJlciB8IHVuZGVmaW5lZCB8IG51bGxcblxuICBASW5wdXQoKSByZXNpemVhYmxlOiBib29sZWFuIHwgdW5kZWZpbmVkIHwgbnVsbFxuICBASW5wdXQoKSBzb3J0YWJsZTogYm9vbGVhbiB8IHVuZGVmaW5lZCB8IG51bGxcbiAgQElucHV0KCkgZHJhZ2dhYmxlOiBib29sZWFuIHwgdW5kZWZpbmVkIHwgbnVsbFxuXG4gIEBJbnB1dCgpIGNhbkF1dG9SZXNpemU6IGJvb2xlYW4gfCB1bmRlZmluZWQgfCBudWxsXG5cbiAgQElucHV0KCkgY29tcGFyYXRvcjogKCh2YWx1ZUE6IGFueSwgdmFsdWVCOiBhbnksIHJvd0E/OiBhbnksIHJvd0I/OiBhbnksIHNvcnREaXJlY3Rpb24/OiAnYXNjJyB8ICdkZXNjJykgPT4gLTEgfCAwIHwgMSkgfCB1bmRlZmluZWQgfCBudWxsXG5cbiAgQElucHV0KCkgaGVhZGVyVGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT4gfCB1bmRlZmluZWQgfCBudWxsXG5cbiAgQElucHV0KCkgY2hlY2tib3hhYmxlOiBib29sZWFuIHwgdW5kZWZpbmVkIHwgbnVsbFxuICBASW5wdXQoKSBoZWFkZXJDaGVja2JveGFibGU6IGJvb2xlYW4gfCB1bmRlZmluZWQgfCBudWxsXG5cbiAgQElucHV0KCkgaGVhZGVyQ2xhc3M6IHN0cmluZyB8ICgoZGF0YTogYW55KSA9PiBzdHJpbmd8YW55KSB8IHVuZGVmaW5lZCB8IG51bGxcbiAgQElucHV0KCkgY2VsbENsYXNzOiBzdHJpbmcgfCAoKGRhdGE6IGFueSkgPT4gc3RyaW5nfGFueSkgfCB1bmRlZmluZWQgfCBudWxsXG5cbiAgQElucHV0KCkgZnJvemVuTGVmdDogYm9vbGVhbiB8IHVuZGVmaW5lZCB8IG51bGxcbiAgQElucHV0KCkgZnJvemVuUmlnaHQ6IGJvb2xlYW4gfCB1bmRlZmluZWQgfCBudWxsXG5cbiAgQElucHV0KCkgcGlwZTogX1BpcGVUcmFuc2Zvcm0gfCB1bmRlZmluZWQgfCBudWxsXG5cbiAgQElucHV0KCkgaXNUcmVlQ29sdW1uOiBib29sZWFuIHwgdW5kZWZpbmVkIHwgbnVsbFxuICBASW5wdXQoKSB0cmVlTGV2ZWxJbmRlbnQ6IG51bWJlciB8IHVuZGVmaW5lZCB8IG51bGxcblxuICBASW5wdXQoKSBzdW1tYXJ5RnVuYzogKChjZWxsczogYW55W10pID0+IGFueSkgfCB1bmRlZmluZWQgfCBudWxsXG4gIEBJbnB1dCgpIHN1bW1hcnlUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PiB8IHVuZGVmaW5lZCB8IG51bGxcblxuICBASW5wdXQoKSBoaWRkZW46IGJvb2xlYW4gfCB1bmRlZmluZWQgfCBudWxsXG5cbiAgcHJpdmF0ZSBfaXNGaXJzdENoYW5nZSA9IHRydWVcblxuICBAQ29udGVudENoaWxkKERhdGF0YWJsZUNlbGxUcGxEaXJlY3RpdmUsIHsgc3RhdGljOiB0cnVlIH0pIGNlbGxUcGxEaXJlY3RpdmU/OiBEYXRhdGFibGVDZWxsVHBsRGlyZWN0aXZlXG5cbiAgLy8gdHNsaW50OmRpc2FibGUtbmV4dC1saW5lOiBuby1pbnB1dC1yZW5hbWVcbiAgQElucHV0KCdjZWxsVGVtcGxhdGUnKVxuICBfY2VsbFRlbXBsYXRlSW5wdXQ6IFRlbXBsYXRlUmVmPGFueT4gfCB1bmRlZmluZWQgfCBudWxsXG5cbiAgQENvbnRlbnRDaGlsZChEYXRhdGFibGVDZWxsVHBsRGlyZWN0aXZlLCB7IHJlYWQ6IFRlbXBsYXRlUmVmLCBzdGF0aWM6IHRydWUgfSlcbiAgX2NlbGxUZW1wbGF0ZVF1ZXJ5PzogVGVtcGxhdGVSZWY8YW55PlxuXG4gIGdldCBjZWxsVGVtcGxhdGUoKTogVGVtcGxhdGVSZWY8YW55PiB8IHVuZGVmaW5lZCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLl9jZWxsVGVtcGxhdGVJbnB1dCB8fCB0aGlzLl9jZWxsVGVtcGxhdGVRdWVyeVxuICB9XG5cbiAgLy8gQElucHV0KCdoZWFkZXJUZW1wbGF0ZScpXG4gIC8vIF9oZWFkZXJUZW1wbGF0ZUlucHV0OiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIC8vIEBDb250ZW50Q2hpbGQoRGF0YVRhYmxlQ29sdW1uSGVhZGVyRGlyZWN0aXZlLCB7IHJlYWQ6IFRlbXBsYXRlUmVmLCBzdGF0aWM6IHRydWUgfSlcbiAgLy8gX2hlYWRlclRlbXBsYXRlUXVlcnk6IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgLy8gZ2V0IGhlYWRlclRlbXBsYXRlKCk6IFRlbXBsYXRlUmVmPGFueT4ge1xuICAvLyAgIHJldHVybiB0aGlzLl9oZWFkZXJUZW1wbGF0ZUlucHV0IHx8IHRoaXMuX2hlYWRlclRlbXBsYXRlUXVlcnk7XG4gIC8vIH1cblxuICAvLyBASW5wdXQoJ3RyZWVUb2dnbGVUZW1wbGF0ZScpXG4gIC8vIF90cmVlVG9nZ2xlVGVtcGxhdGVJbnB1dDogVGVtcGxhdGVSZWY8YW55PjtcblxuICAvLyBAQ29udGVudENoaWxkKERhdGFUYWJsZUNvbHVtbkNlbGxUcmVlVG9nZ2xlLCB7IHJlYWQ6IFRlbXBsYXRlUmVmLCBzdGF0aWM6IHRydWUgfSlcbiAgLy8gX3RyZWVUb2dnbGVUZW1wbGF0ZVF1ZXJ5OiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIC8vIGdldCB0cmVlVG9nZ2xlVGVtcGxhdGUoKTogVGVtcGxhdGVSZWY8YW55PiB7XG4gIC8vICAgcmV0dXJuIHRoaXMuX3RyZWVUb2dnbGVUZW1wbGF0ZUlucHV0IHx8IHRoaXMuX3RyZWVUb2dnbGVUZW1wbGF0ZVF1ZXJ5O1xuICAvLyB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgcHJpdmF0ZSBfY29sdW1uQ2hhbmdlc1NlcnZpY2U6IERhdGF0YWJsZUNvbHVtbkNoYW5nZXNTZXJ2aWNlXG4gICkge31cblxuICBuZ09uSW5pdCgpIHsgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpIHtcbiAgICBpZiAodGhpcy5faXNGaXJzdENoYW5nZSkge1xuICAgICAgdGhpcy5faXNGaXJzdENoYW5nZSA9IGZhbHNlXG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuX2NvbHVtbkNoYW5nZXNTZXJ2aWNlLm9uSW5wdXRDaGFuZ2UoKVxuICAgIH1cbiAgfVxuXG4gIHB1YmxpYyBnZXRDZWxsRGlyZWN0aXZlKCk6IERhdGF0YWJsZUNlbGxUcGxEaXJlY3RpdmUgfCBudWxsIHtcbiAgICBpZiAodGhpcy5jZWxsVHBsRGlyZWN0aXZlKSB7XG4gICAgICByZXR1cm4gdGhpcy5jZWxsVHBsRGlyZWN0aXZlXG4gICAgfVxuXG4gICAgcmV0dXJuIG51bGxcbiAgfVxuXG59XG4iXX0=

package/esm2015/datatable/datatable-column-preferences/datatable-column-preferences.component.js

@@ -0,0 +1,46 @@
+import { ChangeDetectionStrategy, Component, Inject } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { combineLatest, of } from 'rxjs';
+import { map } from 'rxjs/operators';
+import { observeControlValue } from '@theseam/ui-common/utils';
+import { DatatableComponent, THESEAM_DATATABLE } from '../datatable/datatable.component';
+export class DatatableColumnPreferencesComponent {
+    constructor(_datatable) {
+        var _a;
+        this._datatable = _datatable;
+        this._filterControl = new FormControl();
+        this._columns$ = combineLatest([
+            (_a = this._datatable.columns$) !== null && _a !== void 0 ? _a : of([]),
+            observeControlValue(this._filterControl)
+        ]).pipe(map(([columns, filter]) => {
+            const _filter = (filter || '').trim().toLowerCase();
+            return columns.filter(c => `${(c.name || c.prop || '')}`.toLowerCase().indexOf(_filter) !== -1);
+        }), map(cols => cols.sort((a, b) => a.prop === b.prop ? 0 : a.prop > b.prop ? 1 : -1)));
+    }
+    ngOnInit() { }
+    _onChange(event, col) {
+        // TODO: Figure out the right way to update this value. If it is set by
+        // column component input this may not work right.
+        const columns = this._datatable.columns || [];
+        const column = columns.find(c => c.prop === col.prop);
+        if (column) {
+            column.hidden = !event.checked;
+            this._datatable.columns = [...columns];
+        }
+    }
+    _onCloseClick() {
+        // TODO: Implement when PopoverRef is implemented.
+    }
+}
+DatatableColumnPreferencesComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-datatable-column-preferences',
+                template: "<h3>Columns</h3>\n\n<seam-form-field [numPaddingErrors]=\"0\" >\n  <input seamInput [formControl]=\"_filterControl\" seamInputSize=\"sm\" placeholder=\"Search\">\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",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [":host{display:flex;flex-direction:column}"]
+            },] }
+];
+DatatableColumnPreferencesComponent.ctorParameters = () => [
+    { type: DatatableComponent, decorators: [{ type: Inject, args: [THESEAM_DATATABLE,] }] }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YXRhYmxlLWNvbHVtbi1wcmVmZXJlbmNlcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy91aS1jb21tb24vZGF0YXRhYmxlL2RhdGF0YWJsZS1jb2x1bW4tcHJlZmVyZW5jZXMvZGF0YXRhYmxlLWNvbHVtbi1wcmVmZXJlbmNlcy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQVUsTUFBTSxlQUFlLENBQUE7QUFDbEYsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFBO0FBQzVDLE9BQU8sRUFBRSxhQUFhLEVBQWMsRUFBRSxFQUFFLE1BQU0sTUFBTSxDQUFBO0FBQ3BELE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQTtBQUVwQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUU5RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQVN4RixNQUFNLE9BQU8sbUNBQW1DO0lBTTlDLFlBQ3FDLFVBQThCOztRQUE5QixlQUFVLEdBQVYsVUFBVSxDQUFvQjtRQUhuRSxtQkFBYyxHQUFHLElBQUksV0FBVyxFQUFFLENBQUE7UUFLaEMsSUFBSSxDQUFDLFNBQVMsR0FBRyxhQUFhLENBQUM7WUFDN0IsTUFBQSxJQUFJLENBQUMsVUFBVSxDQUFDLFFBQVEsbUNBQUksRUFBRSxDQUFDLEVBQUUsQ0FBQztZQUNsQyxtQkFBbUIsQ0FBUyxJQUFJLENBQUMsY0FBYyxDQUFDO1NBQ2pELENBQUMsQ0FBQyxJQUFJLENBQ0wsR0FBRyxDQUFDLENBQUMsQ0FBRSxPQUFPLEVBQUUsTUFBTSxDQUFFLEVBQUUsRUFBRTtZQUMxQixNQUFNLE9BQU8sR0FBRyxDQUFDLE1BQU0sSUFBSSxFQUFFLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxXQUFXLEVBQUUsQ0FBQTtZQUNuRCxPQUFPLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDLENBQUMsSUFBSSxJQUFJLEVBQUUsQ0FBQyxFQUFFLENBQUMsV0FBVyxFQUFFLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUE7UUFDakcsQ0FBQyxDQUFDLEVBQ0YsR0FBRyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLEtBQUssQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBVSxDQUFDLENBQUMsSUFBSyxHQUFZLENBQUMsQ0FBQyxJQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUN2RyxDQUFBO0lBQ0gsQ0FBQztJQUVELFFBQVEsS0FBSyxDQUFDO0lBRWQsU0FBUyxDQUFDLEtBQVUsRUFBRSxHQUEyQjtRQUMvQyx1RUFBdUU7UUFDdkUsa0RBQWtEO1FBQ2xELE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsT0FBTyxJQUFJLEVBQUUsQ0FBQTtRQUM3QyxNQUFNLE1BQU0sR0FBRyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksS0FBSyxHQUFHLENBQUMsSUFBSSxDQUFDLENBQUE7UUFDckQsSUFBSSxNQUFNLEVBQUU7WUFDVixNQUFNLENBQUMsTUFBTSxHQUFHLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQTtZQUM5QixJQUFJLENBQUMsVUFBVSxDQUFDLE9BQU8sR0FBRyxDQUFFLEdBQUcsT0FBTyxDQUFFLENBQUE7U0FDekM7SUFDSCxDQUFDO0lBRUQsYUFBYTtRQUNYLGtEQUFrRDtJQUNwRCxDQUFDOzs7WUExQ0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxtQ0FBbUM7Z0JBQzdDLGc0QkFBNEQ7Z0JBRTVELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOzthQUNoRDs7O1lBUlEsa0JBQWtCLHVCQWdCdEIsTUFBTSxTQUFDLGlCQUFpQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIEluamVjdCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IEZvcm1Db250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnXG5pbXBvcnQgeyBjb21iaW5lTGF0ZXN0LCBPYnNlcnZhYmxlLCBvZiB9IGZyb20gJ3J4anMnXG5pbXBvcnQgeyBtYXAgfSBmcm9tICdyeGpzL29wZXJhdG9ycydcblxuaW1wb3J0IHsgb2JzZXJ2ZUNvbnRyb2xWYWx1ZSB9IGZyb20gJ0B0aGVzZWFtL3VpLWNvbW1vbi91dGlscydcblxuaW1wb3J0IHsgRGF0YXRhYmxlQ29tcG9uZW50LCBUSEVTRUFNX0RBVEFUQUJMRSB9IGZyb20gJy4uL2RhdGF0YWJsZS9kYXRhdGFibGUuY29tcG9uZW50J1xuaW1wb3J0IHsgVGhlU2VhbURhdGF0YWJsZUNvbHVtbiB9IGZyb20gJy4uL21vZGVscy90YWJsZS1jb2x1bW4nXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NlYW0tZGF0YXRhYmxlLWNvbHVtbi1wcmVmZXJlbmNlcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9kYXRhdGFibGUtY29sdW1uLXByZWZlcmVuY2VzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZGF0YXRhYmxlLWNvbHVtbi1wcmVmZXJlbmNlcy5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBEYXRhdGFibGVDb2x1bW5QcmVmZXJlbmNlc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgX2NvbHVtbnMkOiBPYnNlcnZhYmxlPFRoZVNlYW1EYXRhdGFibGVDb2x1bW5bXT5cblxuICBfZmlsdGVyQ29udHJvbCA9IG5ldyBGb3JtQ29udHJvbCgpXG5cbiAgY29uc3RydWN0b3IoXG4gICAgQEluamVjdChUSEVTRUFNX0RBVEFUQUJMRSkgcHJpdmF0ZSBfZGF0YXRhYmxlOiBEYXRhdGFibGVDb21wb25lbnQsXG4gICkge1xuICAgIHRoaXMuX2NvbHVtbnMkID0gY29tYmluZUxhdGVzdChbXG4gICAgICB0aGlzLl9kYXRhdGFibGUuY29sdW1ucyQgPz8gb2YoW10pLFxuICAgICAgb2JzZXJ2ZUNvbnRyb2xWYWx1ZTxzdHJpbmc+KHRoaXMuX2ZpbHRlckNvbnRyb2wpXG4gICAgXSkucGlwZShcbiAgICAgIG1hcCgoWyBjb2x1bW5zLCBmaWx0ZXIgXSkgPT4ge1xuICAgICAgICBjb25zdCBfZmlsdGVyID0gKGZpbHRlciB8fCAnJykudHJpbSgpLnRvTG93ZXJDYXNlKClcbiAgICAgICAgcmV0dXJuIGNvbHVtbnMuZmlsdGVyKGMgPT4gYCR7KGMubmFtZSB8fCBjLnByb3AgfHwgJycpfWAudG9Mb3dlckNhc2UoKS5pbmRleE9mKF9maWx0ZXIpICE9PSAtMSlcbiAgICAgIH0pLFxuICAgICAgbWFwKGNvbHMgPT4gY29scy5zb3J0KChhLCBiKSA9PiBhLnByb3AgPT09IGIucHJvcCA/IDAgOiAoPHN0cmluZz5hLnByb3ApID4gKDxzdHJpbmc+Yi5wcm9wKSA/IDEgOiAtMSkpXG4gICAgKVxuICB9XG5cbiAgbmdPbkluaXQoKSB7IH1cblxuICBfb25DaGFuZ2UoZXZlbnQ6IGFueSwgY29sOiBUaGVTZWFtRGF0YXRhYmxlQ29sdW1uKSB7XG4gICAgLy8gVE9ETzogRmlndXJlIG91dCB0aGUgcmlnaHQgd2F5IHRvIHVwZGF0ZSB0aGlzIHZhbHVlLiBJZiBpdCBpcyBzZXQgYnlcbiAgICAvLyBjb2x1bW4gY29tcG9uZW50IGlucHV0IHRoaXMgbWF5IG5vdCB3b3JrIHJpZ2h0LlxuICAgIGNvbnN0IGNvbHVtbnMgPSB0aGlzLl9kYXRhdGFibGUuY29sdW1ucyB8fCBbXVxuICAgIGNvbnN0IGNvbHVtbiA9IGNvbHVtbnMuZmluZChjID0+IGMucHJvcCA9PT0gY29sLnByb3ApXG4gICAgaWYgKGNvbHVtbikge1xuICAgICAgY29sdW1uLmhpZGRlbiA9ICFldmVudC5jaGVja2VkXG4gICAgICB0aGlzLl9kYXRhdGFibGUuY29sdW1ucyA9IFsgLi4uY29sdW1ucyBdXG4gICAgfVxuICB9XG5cbiAgX29uQ2xvc2VDbGljaygpIHtcbiAgICAvLyBUT0RPOiBJbXBsZW1lbnQgd2hlbiBQb3BvdmVyUmVmIGlzIGltcGxlbWVudGVkLlxuICB9XG5cbn1cbiJdfQ==

package/esm2015/datatable/datatable-column-preferences-button/datatable-column-preferences-button.component.js

@@ -0,0 +1,18 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { faColumns } from '@fortawesome/free-solid-svg-icons';
+export class DatatableColumnPreferencesButtonComponent {
+    constructor() {
+        this.icon = faColumns;
+    }
+    ngOnInit() { }
+}
+DatatableColumnPreferencesButtonComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-datatable-column-preferences-button',
+                template: "<ng-template #colPrefsTpl>\n  <seam-datatable-column-preferences></seam-datatable-column-preferences>\n</ng-template>\n\n\n<button\n  seamButton\n  [seamPopover]=\"colPrefsTpl\"\n  theme=\"lightgray\"\n  size=\"sm\"\n  style=\"padding-left: 10px; padding-right: 10px;\"\n  title=\"Column Preferences\"\n  >\n  <seam-icon [icon]=\"icon\"></seam-icon>\n  <span class=\"sr-only\">Column Preferences</span>\n</button>\n",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [""]
+            },] }
+];
+DatatableColumnPreferencesButtonComponent.ctorParameters = () => [];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YXRhYmxlLWNvbHVtbi1wcmVmZXJlbmNlcy1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWktY29tbW9uL2RhdGF0YWJsZS9kYXRhdGFibGUtY29sdW1uLXByZWZlcmVuY2VzLWJ1dHRvbi9kYXRhdGFibGUtY29sdW1uLXByZWZlcmVuY2VzLWJ1dHRvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQTtBQUUxRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sbUNBQW1DLENBQUE7QUFRN0QsTUFBTSxPQUFPLHlDQUF5QztJQUlwRDtRQUZBLFNBQUksR0FBRyxTQUFTLENBQUE7SUFFQSxDQUFDO0lBRWpCLFFBQVEsS0FBSyxDQUFDOzs7WUFaZixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLDBDQUEwQztnQkFDcEQsMmFBQW1FO2dCQUVuRSxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTs7YUFDaEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuXG5pbXBvcnQgeyBmYUNvbHVtbnMgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NlYW0tZGF0YXRhYmxlLWNvbHVtbi1wcmVmZXJlbmNlcy1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vZGF0YXRhYmxlLWNvbHVtbi1wcmVmZXJlbmNlcy1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9kYXRhdGFibGUtY29sdW1uLXByZWZlcmVuY2VzLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBEYXRhdGFibGVDb2x1bW5QcmVmZXJlbmNlc0J1dHRvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgaWNvbiA9IGZhQ29sdW1uc1xuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKSB7IH1cblxufVxuIl19

package/esm2015/datatable/datatable-export-button/datatable-export-button.component.js

@@ -0,0 +1,98 @@
+import { ChangeDetectionStrategy, Component, Inject, Input, isDevMode, Optional } from '@angular/core';
+import { of } from 'rxjs';
+import { catchError, concatMap, map, take, tap } from 'rxjs/operators';
+import { faFileDownload } from '@fortawesome/free-solid-svg-icons';
+import { ToastrService } from 'ngx-toastr';
+import { DynamicValueHelperService, THESEAM_DYNAMIC_DATA } from '@theseam/ui-common/dynamic';
+import { TheSeamLoadingOverlayService } from '@theseam/ui-common/loading';
+import { hasProperty } from '@theseam/ui-common/utils';
+import { DatatableComponent, THESEAM_DATATABLE } 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$ = this._datatable.rows$
+            .pipe(take(1), map(rows => {
+            if (exporter.skipDataMapping) {
+                return rows;
+            }
+            return this._mapExportData(this._datatable.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.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-datatable-export-button',
+                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",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [":host{display:inline-block}"]
+            },] }
+];
+DatatableExportButtonComponent.ctorParameters = () => [
+    { type: DatatableComponent, decorators: [{ type: Inject, args: [THESEAM_DATATABLE,] }] },
+    { type: ToastrService },
+    { type: TheSeamLoadingOverlayService },
+    { type: DynamicValueHelperService },
+    { type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [THESEAM_DYNAMIC_DATA,] }] }
+];
+DatatableExportButtonComponent.propDecorators = {
+    exporters: [{ type: Input }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YXRhYmxlLWV4cG9ydC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWktY29tbW9uL2RhdGF0YWJsZS9kYXRhdGFibGUtZXhwb3J0LWJ1dHRvbi9kYXRhdGFibGUtZXhwb3J0LWJ1dHRvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBVSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUE7QUFDOUcsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLE1BQU0sQ0FBQTtBQUN6QixPQUFPLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLEdBQUcsRUFBRSxNQUFNLGdCQUFnQixDQUFBO0FBRXRFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQTtBQUNsRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sWUFBWSxDQUFBO0FBRzFDLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQzVGLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLDRCQUE0QixDQUFBO0FBQ3pFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUV0RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQWF4RixNQUFNLE9BQU8sOEJBQThCO0lBVXpDLFlBQzhDLFVBQThCLEVBQ3pELE9BQXNCLEVBQ3RCLFFBQXNDLEVBQ3RDLFlBQXVDLEVBQ0csS0FBa0M7UUFKakQsZUFBVSxHQUFWLFVBQVUsQ0FBb0I7UUFDekQsWUFBTyxHQUFQLE9BQU8sQ0FBZTtRQUN0QixhQUFRLEdBQVIsUUFBUSxDQUE4QjtRQUN0QyxpQkFBWSxHQUFaLFlBQVksQ0FBMkI7UUFDRyxVQUFLLEdBQUwsS0FBSyxDQUE2QjtRQWIvRixTQUFJLEdBQUcsY0FBYyxDQUFBO1FBZW5CLElBQUksSUFBSSxDQUFDLEtBQUssSUFBSSxJQUFJLENBQUMsS0FBSyxDQUFDLFNBQVMsRUFBRTtZQUN0QyxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFBO1NBQ3RDO0lBQ0gsQ0FBQztJQWRELElBQUksUUFBUTtRQUNWLE9BQU8sQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLENBQUE7SUFDdkQsQ0FBQztJQWNELFFBQVEsS0FBSyxDQUFDO0lBRWQsa0JBQWtCLENBQUMsUUFBdUI7UUFDeEMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUU7WUFDcEIsTUFBTSxHQUFHLEdBQUcsU0FBUyxFQUFFO2dCQUNyQixDQUFDLENBQUMsYUFBYSxRQUFRLENBQUMsSUFBSSxnQ0FBZ0M7Z0JBQzVELENBQUMsQ0FBQyxHQUFHLFFBQVEsQ0FBQyxLQUFLLDJCQUEyQixDQUFBO1lBQ2hELElBQUksQ0FBQyxPQUFPLENBQUMsS0FBSyxDQUFDLEdBQUcsRUFBRSxhQUFhLENBQUMsQ0FBQTtTQUN2QztRQUVELE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSzthQUNsQyxJQUFJLENBQ0gsSUFBSSxDQUFDLENBQUMsQ0FBQyxFQUNQLEdBQUcsQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUNULElBQUksUUFBUSxDQUFDLGVBQWUsRUFBRTtnQkFDNUIsT0FBTyxJQUFJLENBQUE7YUFDWjtZQUNELE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLE9BQU8sSUFBSSxFQUFFLEVBQUUsSUFBSSxDQUFDLENBQUE7UUFDakUsQ0FBQyxDQUFDLEVBQ0YsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQyxFQUN4QyxVQUFVLENBQUMsR0FBRyxDQUFDLEVBQUU7WUFDZixPQUFPLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFBO1lBQ2xCLE9BQU8sRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFBO1FBQ2xCLENBQUMsQ0FBQyxFQUNGLEdBQUcsQ0FBQyxPQUFPLENBQUMsRUFBRTtZQUNaLElBQUksT0FBTyxFQUFFO2dCQUNYLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLEdBQUcsUUFBUSxDQUFDLEtBQUssbUJBQW1CLEVBQUUsYUFBYSxDQUFDLENBQUE7YUFDMUU7aUJBQU07Z0JBQ0wsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsR0FBRyxRQUFRLENBQUMsS0FBSyxpQkFBaUIsRUFBRSxhQUFhLENBQUMsQ0FBQTthQUN0RTtRQUNILENBQUMsQ0FBQyxDQUNILENBQUE7UUFFSCxJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxTQUFTLEVBQUUsQ0FBQTtJQUMxQyxDQUFDO0lBRU8sY0FBYyxDQUFDLE9BQWlDLEVBQUUsSUFBVztRQUNuRSxNQUFNLElBQUksR0FBVSxFQUFFLENBQUE7UUFFdEIsS0FBSyxNQUFNLEdBQUcsSUFBSSxJQUFJLEVBQUU7WUFDdEIsTUFBTSxNQUFNLEdBQVEsRUFBRSxDQUFBO1lBRXRCLEtBQUssTUFBTSxHQUFHLElBQUksT0FBTyxFQUFFO2dCQUN6QixJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRTtvQkFDckIsTUFBTSxPQUFPLEdBQUcsR0FBRyxDQUFDLFlBQVksSUFBSSxHQUFHLENBQUMsSUFBSSxJQUFJLEdBQUcsQ0FBQyxJQUFJLENBQUE7b0JBQ3hELElBQUksT0FBTyxFQUFFO3dCQUNYLE1BQU0sQ0FBQyxPQUFPLENBQUMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxHQUFHLENBQUMsQ0FBQTtxQkFDM0M7aUJBQ0Y7YUFDRjtZQUVELElBQUksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUE7U0FDbEI7UUFFRCxPQUFPLElBQUksQ0FBQTtJQUNiLENBQUM7SUFFTyxTQUFTLENBQUMsTUFBOEIsRUFBRSxHQUFRO1FBQ3hELElBQUksV0FBVyxDQUFDLE1BQWEsRUFBRSxhQUFhLENBQUMsRUFBRTtZQUM3QyxNQUFNLE9BQU8sR0FBRyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLEVBQUUsR0FBRyxFQUFFLENBQUE7WUFDMUUsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBRSxNQUFjLENBQUMsV0FBVyxFQUFFLE9BQU8sQ0FBQyxDQUFBO1NBQ3hFO1FBRUQsTUFBTSxPQUFPLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQTtRQUMzQixJQUFJLE9BQU8sRUFBRTtZQUNYLE9BQU8sR0FBRyxDQUFDLE9BQU8sQ0FBQyxDQUFBO1NBQ3BCO1FBQ0QsT0FBTyxTQUFTLENBQUE7SUFDbEIsQ0FBQzs7O1lBaEdGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUsOEJBQThCO2dCQUN4QyxzZkFBdUQ7Z0JBRXZELGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNOzthQUNoRDs7O1lBWlEsa0JBQWtCLHVCQXdCdEIsTUFBTSxTQUFDLGlCQUFpQjtZQS9CcEIsYUFBYTtZQUliLDRCQUE0QjtZQUQ1Qix5QkFBeUI7NENBZ0M3QixRQUFRLFlBQUksTUFBTSxTQUFDLG9CQUFvQjs7O3dCQVh6QyxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5qZWN0LCBJbnB1dCwgaXNEZXZNb2RlLCBPbkluaXQsIE9wdGlvbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IG9mIH0gZnJvbSAncnhqcydcbmltcG9ydCB7IGNhdGNoRXJyb3IsIGNvbmNhdE1hcCwgbWFwLCB0YWtlLCB0YXAgfSBmcm9tICdyeGpzL29wZXJhdG9ycydcblxuaW1wb3J0IHsgZmFGaWxlRG93bmxvYWQgfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnXG5pbXBvcnQgeyBUb2FzdHJTZXJ2aWNlIH0gZnJvbSAnbmd4LXRvYXN0cidcblxuaW1wb3J0IHsgSURhdGFFeHBvcnRlciB9IGZyb20gJ0B0aGVzZWFtL3VpLWNvbW1vbi9kYXRhLWV4cG9ydGVyJ1xuaW1wb3J0IHsgRHluYW1pY1ZhbHVlSGVscGVyU2VydmljZSwgVEhFU0VBTV9EWU5BTUlDX0RBVEEgfSBmcm9tICdAdGhlc2VhbS91aS1jb21tb24vZHluYW1pYydcbmltcG9ydCB7IFRoZVNlYW1Mb2FkaW5nT3ZlcmxheVNlcnZpY2UgfSBmcm9tICdAdGhlc2VhbS91aS1jb21tb24vbG9hZGluZydcbmltcG9ydCB7IGhhc1Byb3BlcnR5IH0gZnJvbSAnQHRoZXNlYW0vdWktY29tbW9uL3V0aWxzJ1xuXG5pbXBvcnQgeyBEYXRhdGFibGVDb21wb25lbnQsIFRIRVNFQU1fREFUQVRBQkxFIH0gZnJvbSAnLi4vZGF0YXRhYmxlL2RhdGF0YWJsZS5jb21wb25lbnQnXG5pbXBvcnQgeyBUaGVTZWFtRGF0YXRhYmxlQ29sdW1uIH0gZnJvbSAnLi4vbW9kZWxzL3RhYmxlLWNvbHVtbidcblxuZXhwb3J0IGludGVyZmFjZSBJRGF0YXRhYmxlRXhwb3J0QnV0dG9uRGF0YSB7XG4gIGV4cG9ydGVyczogSURhdGFFeHBvcnRlcltdXG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NlYW0tZGF0YXRhYmxlLWV4cG9ydC1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vZGF0YXRhYmxlLWV4cG9ydC1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9kYXRhdGFibGUtZXhwb3J0LWJ1dHRvbi5jb21wb25lbnQuc2NzcyddLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBEYXRhdGFibGVFeHBvcnRCdXR0b25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gIGljb24gPSBmYUZpbGVEb3dubG9hZFxuXG4gIEBJbnB1dCgpIGV4cG9ydGVyczogSURhdGFFeHBvcnRlcltdIHwgdW5kZWZpbmVkIHwgbnVsbFxuXG4gIGdldCBkaXNhYmxlZCgpIHtcbiAgICByZXR1cm4gISh0aGlzLmV4cG9ydGVycyAmJiB0aGlzLmV4cG9ydGVycy5sZW5ndGggPiAwKVxuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgQEluamVjdChUSEVTRUFNX0RBVEFUQUJMRSkgcHJpdmF0ZSByZWFkb25seSBfZGF0YXRhYmxlOiBEYXRhdGFibGVDb21wb25lbnQsXG4gICAgcHJpdmF0ZSByZWFkb25seSBfdG9hc3RyOiBUb2FzdHJTZXJ2aWNlLFxuICAgIHByaXZhdGUgcmVhZG9ubHkgX2xvYWRpbmc6IFRoZVNlYW1Mb2FkaW5nT3ZlcmxheVNlcnZpY2UsXG4gICAgcHJpdmF0ZSByZWFkb25seSBfdmFsdWVIZWxwZXI6IER5bmFtaWNWYWx1ZUhlbHBlclNlcnZpY2UsXG4gICAgQE9wdGlvbmFsKCkgQEluamVjdChUSEVTRUFNX0RZTkFNSUNfREFUQSkgcHJpdmF0ZSByZWFkb25seSBfZGF0YT86IElEYXRhdGFibGVFeHBvcnRCdXR0b25EYXRhXG4gICkge1xuICAgIGlmICh0aGlzLl9kYXRhICYmIHRoaXMuX2RhdGEuZXhwb3J0ZXJzKSB7XG4gICAgICB0aGlzLmV4cG9ydGVycyA9IHRoaXMuX2RhdGEuZXhwb3J0ZXJzXG4gICAgfVxuICB9XG5cbiAgbmdPbkluaXQoKSB7IH1cblxuICBfb25FeHBvcnRlckNsaWNrZWQoZXhwb3J0ZXI6IElEYXRhRXhwb3J0ZXIpIHtcbiAgICBpZiAoIWV4cG9ydGVyLmV4cG9ydCkge1xuICAgICAgY29uc3QgbXNnID0gaXNEZXZNb2RlKClcbiAgICAgICAgPyBgRXhwb3J0ZXIgJyR7ZXhwb3J0ZXIubmFtZX0nIGlzIG1pc3NpbmcgYW4gZXhwb3J0IG1ldGhvZC5gXG4gICAgICAgIDogYCR7ZXhwb3J0ZXIubGFiZWx9IGV4cG9ydCBpcyBub3QgYXZhaWxhYmxlLmBcbiAgICAgIHRoaXMuX3RvYXN0ci5lcnJvcihtc2csICdEYXRhIEV4cG9ydCcpXG4gICAgfVxuXG4gICAgY29uc3QgZXhwb3J0JCA9IHRoaXMuX2RhdGF0YWJsZS5yb3dzJFxuICAgICAgLnBpcGUoXG4gICAgICAgIHRha2UoMSksXG4gICAgICAgIG1hcChyb3dzID0+IHtcbiAgICAgICAgICBpZiAoZXhwb3J0ZXIuc2tpcERhdGFNYXBwaW5nKSB7XG4gICAgICAgICAgICByZXR1cm4gcm93c1xuICAgICAgICAgIH1cbiAgICAgICAgICByZXR1cm4gdGhpcy5fbWFwRXhwb3J0RGF0YSh0aGlzLl9kYXRhdGFibGUuY29sdW1ucyB8fCBbXSwgcm93cylcbiAgICAgICAgfSksXG4gICAgICAgIGNvbmNhdE1hcChkYXRhID0+IGV4cG9ydGVyLmV4cG9ydChkYXRhKSksXG4gICAgICAgIGNhdGNoRXJyb3IoZXJyID0+IHtcbiAgICAgICAgICBjb25zb2xlLmVycm9yKGVycilcbiAgICAgICAgICByZXR1cm4gb2YoZmFsc2UpXG4gICAgICAgIH0pLFxuICAgICAgICB0YXAoc3VjY2VzcyA9PiB7XG4gICAgICAgICAgaWYgKHN1Y2Nlc3MpIHtcbiAgICAgICAgICAgIHRoaXMuX3RvYXN0ci5zdWNjZXNzKGAke2V4cG9ydGVyLmxhYmVsfSBleHBvcnQgY29tcGxldGUuYCwgJ0RhdGEgRXhwb3J0JylcbiAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgdGhpcy5fdG9hc3RyLmVycm9yKGAke2V4cG9ydGVyLmxhYmVsfSBleHBvcnQgZmFpbGVkLmAsICdEYXRhIEV4cG9ydCcpXG4gICAgICAgICAgfVxuICAgICAgICB9KVxuICAgICAgKVxuXG4gICAgdGhpcy5fbG9hZGluZy53aGlsZShleHBvcnQkKS5zdWJzY3JpYmUoKVxuICB9XG5cbiAgcHJpdmF0ZSBfbWFwRXhwb3J0RGF0YShjb2x1bW5zOiBUaGVTZWFtRGF0YXRhYmxlQ29sdW1uW10sIHJvd3M6IGFueVtdKSB7XG4gICAgY29uc3QgZGF0YTogYW55W10gPSBbXVxuXG4gICAgZm9yIChjb25zdCByb3cgb2Ygcm93cykge1xuICAgICAgY29uc3QgbmV3Um93OiBhbnkgPSB7fVxuXG4gICAgICBmb3IgKGNvbnN0IGNvbCBvZiBjb2x1bW5zKSB7XG4gICAgICAgIGlmICghY29sLmV4cG9ydElnbm9yZSkge1xuICAgICAgICAgIGNvbnN0IGNvbE5hbWUgPSBjb2wuZXhwb3J0SGVhZGVyIHx8IGNvbC5uYW1lIHx8IGNvbC5wcm9wXG4gICAgICAgICAgaWYgKGNvbE5hbWUpIHtcbiAgICAgICAgICAgIG5ld1Jvd1tjb2xOYW1lXSA9IHRoaXMuX3Jvd1ZhbHVlKGNvbCwgcm93KVxuICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICBkYXRhLnB1c2gobmV3Um93KVxuICAgIH1cblxuICAgIHJldHVybiBkYXRhXG4gIH1cblxuICBwcml2YXRlIF9yb3dWYWx1ZShjb2x1bW46IFRoZVNlYW1EYXRhdGFibGVDb2x1bW4sIHJvdzogYW55KSB7XG4gICAgaWYgKGhhc1Byb3BlcnR5KGNvbHVtbiBhcyBhbnksICdleHBvcnRWYWx1ZScpKSB7XG4gICAgICBjb25zdCBjb250ZXh0ID0geyB2YWx1ZTogY29sdW1uLnByb3AgPyByb3dbY29sdW1uLnByb3BdIDogdW5kZWZpbmVkLCByb3cgfVxuICAgICAgcmV0dXJuIHRoaXMuX3ZhbHVlSGVscGVyLmV2YWxTeW5jKChjb2x1bW4gYXMgYW55KS5leHBvcnRWYWx1ZSwgY29udGV4dClcbiAgICB9XG5cbiAgICBjb25zdCBjb2xQcm9wID0gY29sdW1uLnByb3BcbiAgICBpZiAoY29sUHJvcCkge1xuICAgICAgcmV0dXJuIHJvd1tjb2xQcm9wXVxuICAgIH1cbiAgICByZXR1cm4gdW5kZWZpbmVkXG4gIH1cblxufVxuIl19

package/esm2015/datatable/datatable-menu-bar/datatable-menu-bar.component.js

@@ -0,0 +1,55 @@
+import { Component, ContentChildren, EventEmitter, forwardRef } from '@angular/core';
+import { THESEAM_DATA_FILTER_CONTAINER } from '@theseam/ui-common/data-filters';
+import { notNullOrUndefined } from '@theseam/ui-common/utils';
+import { DatatableFilterDirective } from '../directives/datatable-filter.directive';
+export const _THESEAM_DATA_FILTER_CONTAINER = {
+    provide: THESEAM_DATA_FILTER_CONTAINER,
+    // tslint:disable-next-line:no-use-before-declare
+    useExisting: forwardRef(() => DatatableMenuBarComponent)
+};
+export class DatatableMenuBarComponent {
+    constructor() {
+        this._filtersArr = [];
+        this.filtersChanged = new EventEmitter();
+    }
+    get filterDirectives() {
+        return this._filterDirectives;
+    }
+    set filterDirectives(value) {
+        this._filterDirectives = value;
+        this.filtersChanged.emit(this.filters());
+    }
+    ngOnInit() { }
+    ngAfterViewInit() {
+        // console.log('_filterDirectives', this._filterDirectives, this.filters())
+    }
+    filters() {
+        const fDirectives = this._filterDirectives
+            ? this._filterDirectives.map(f => f.filter).filter(notNullOrUndefined)
+            : [];
+        const fArr = this._filtersArr
+            .filter(f => fDirectives.findIndex(fd => fd.uid === f.uid) === -1);
+        return [...fArr, ...fDirectives];
+    }
+    addFilter(dataFilter) {
+        this._filtersArr.push(dataFilter);
+        this.filtersChanged.emit(this.filters());
+    }
+    removeFilter(dataFilter) {
+        this._filtersArr = this._filtersArr.filter(f => f !== dataFilter);
+        this.filtersChanged.emit(this.filters());
+    }
+}
+DatatableMenuBarComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-datatable-menu-bar',
+                template: "<div class=\"bg-light border rounded p-2\">\n  <ng-content></ng-content>\n</div>\n",
+                providers: [_THESEAM_DATA_FILTER_CONTAINER],
+                styles: [":host{display:block}"]
+            },] }
+];
+DatatableMenuBarComponent.ctorParameters = () => [];
+DatatableMenuBarComponent.propDecorators = {
+    filterDirectives: [{ type: ContentChildren, args: [DatatableFilterDirective,] }]
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YXRhYmxlLW1lbnUtYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3VpLWNvbW1vbi9kYXRhdGFibGUvZGF0YXRhYmxlLW1lbnUtYmFyL2RhdGF0YWJsZS1tZW51LWJhci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFpQixTQUFTLEVBQUUsZUFBZSxFQUFFLFlBQVksRUFBRSxVQUFVLEVBQXFCLE1BQU0sZUFBZSxDQUFBO0FBRXRILE9BQU8sRUFBZSw2QkFBNkIsRUFBRSxNQUFNLGlDQUFpQyxDQUFBO0FBQzVGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBRTdELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFBO0FBRW5GLE1BQU0sQ0FBQyxNQUFNLDhCQUE4QixHQUFRO0lBQ2pELE9BQU8sRUFBRSw2QkFBNkI7SUFDdEMsaURBQWlEO0lBQ2pELFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMseUJBQXlCLENBQUM7Q0FDekQsQ0FBQTtBQVFELE1BQU0sT0FBTyx5QkFBeUI7SUFnQnBDO1FBSlEsZ0JBQVcsR0FBa0IsRUFBRSxDQUFBO1FBRXZCLG1CQUFjLEdBQUcsSUFBSSxZQUFZLEVBQWlCLENBQUE7SUFFbEQsQ0FBQztJQWRqQixJQUNJLGdCQUFnQjtRQUNsQixPQUFPLElBQUksQ0FBQyxpQkFBaUIsQ0FBQTtJQUMvQixDQUFDO0lBQ0QsSUFBSSxnQkFBZ0IsQ0FBQyxLQUFzRDtRQUN6RSxJQUFJLENBQUMsaUJBQWlCLEdBQUcsS0FBSyxDQUFBO1FBQzlCLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQyxDQUFBO0lBQzFDLENBQUM7SUFTRCxRQUFRLEtBQUssQ0FBQztJQUVkLGVBQWU7UUFDYiwyRUFBMkU7SUFDN0UsQ0FBQztJQUVNLE9BQU87UUFDWixNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsaUJBQWlCO1lBQ3hDLENBQUMsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLE1BQU0sQ0FBQyxrQkFBa0IsQ0FBQztZQUN0RSxDQUFDLENBQUMsRUFBRSxDQUFBO1FBRU4sTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLFdBQVc7YUFDNUIsTUFBTSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsV0FBVyxDQUFDLFNBQVMsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxHQUFHLEtBQUssQ0FBQyxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUE7UUFDbEUsT0FBTyxDQUFFLEdBQUcsSUFBSSxFQUFFLEdBQUcsV0FBVyxDQUFFLENBQUE7SUFDcEMsQ0FBQztJQUVNLFNBQVMsQ0FBQyxVQUF1QjtRQUN0QyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQTtRQUNqQyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQTtJQUMxQyxDQUFDO0lBRU0sWUFBWSxDQUFDLFVBQXVCO1FBQ3pDLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEtBQUssVUFBVSxDQUFDLENBQUE7UUFDakUsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDLENBQUE7SUFDMUMsQ0FBQzs7O1lBaERGLFNBQVMsU0FBQztnQkFDVCxRQUFRLEVBQUUseUJBQXlCO2dCQUNuQyw4RkFBa0Q7Z0JBRWxELFNBQVMsRUFBRSxDQUFFLDhCQUE4QixDQUFFOzthQUM5Qzs7OzsrQkFHRSxlQUFlLFNBQUMsd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBDb250ZW50Q2hpbGRyZW4sIEV2ZW50RW1pdHRlciwgZm9yd2FyZFJlZiwgT25Jbml0LCBRdWVyeUxpc3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuXG5pbXBvcnQgeyBJRGF0YUZpbHRlciwgVEhFU0VBTV9EQVRBX0ZJTFRFUl9DT05UQUlORVIgfSBmcm9tICdAdGhlc2VhbS91aS1jb21tb24vZGF0YS1maWx0ZXJzJ1xuaW1wb3J0IHsgbm90TnVsbE9yVW5kZWZpbmVkIH0gZnJvbSAnQHRoZXNlYW0vdWktY29tbW9uL3V0aWxzJ1xuXG5pbXBvcnQgeyBEYXRhdGFibGVGaWx0ZXJEaXJlY3RpdmUgfSBmcm9tICcuLi9kaXJlY3RpdmVzL2RhdGF0YWJsZS1maWx0ZXIuZGlyZWN0aXZlJ1xuXG5leHBvcnQgY29uc3QgX1RIRVNFQU1fREFUQV9GSUxURVJfQ09OVEFJTkVSOiBhbnkgPSB7XG4gIHByb3ZpZGU6IFRIRVNFQU1fREFUQV9GSUxURVJfQ09OVEFJTkVSLFxuICAvLyB0c2xpbnQ6ZGlzYWJsZS1uZXh0LWxpbmU6bm8tdXNlLWJlZm9yZS1kZWNsYXJlXG4gIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IERhdGF0YWJsZU1lbnVCYXJDb21wb25lbnQpXG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NlYW0tZGF0YXRhYmxlLW1lbnUtYmFyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RhdGF0YWJsZS1tZW51LWJhci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2RhdGF0YWJsZS1tZW51LWJhci5jb21wb25lbnQuc2NzcyddLFxuICBwcm92aWRlcnM6IFsgX1RIRVNFQU1fREFUQV9GSUxURVJfQ09OVEFJTkVSIF1cbn0pXG5leHBvcnQgY2xhc3MgRGF0YXRhYmxlTWVudUJhckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgQWZ0ZXJWaWV3SW5pdCB7XG5cbiAgQENvbnRlbnRDaGlsZHJlbihEYXRhdGFibGVGaWx0ZXJEaXJlY3RpdmUpXG4gIGdldCBmaWx0ZXJEaXJlY3RpdmVzKCk6IFF1ZXJ5TGlzdDxEYXRhdGFibGVGaWx0ZXJEaXJlY3RpdmU+IHwgdW5kZWZpbmVkIHtcbiAgICByZXR1cm4gdGhpcy5fZmlsdGVyRGlyZWN0aXZlc1xuICB9XG4gIHNldCBmaWx0ZXJEaXJlY3RpdmVzKHZhbHVlOiBRdWVyeUxpc3Q8RGF0YXRhYmxlRmlsdGVyRGlyZWN0aXZlPiB8IHVuZGVmaW5lZCkge1xuICAgIHRoaXMuX2ZpbHRlckRpcmVjdGl2ZXMgPSB2YWx1ZVxuICAgIHRoaXMuZmlsdGVyc0NoYW5nZWQuZW1pdCh0aGlzLmZpbHRlcnMoKSlcbiAgfVxuICBwcml2YXRlIF9maWx0ZXJEaXJlY3RpdmVzOiBRdWVyeUxpc3Q8RGF0YXRhYmxlRmlsdGVyRGlyZWN0aXZlPiB8IHVuZGVmaW5lZFxuXG4gIHByaXZhdGUgX2ZpbHRlcnNBcnI6IElEYXRhRmlsdGVyW10gPSBbXVxuXG4gIHB1YmxpYyByZWFkb25seSBmaWx0ZXJzQ2hhbmdlZCA9IG5ldyBFdmVudEVtaXR0ZXI8SURhdGFGaWx0ZXJbXT4oKVxuXG4gIGNvbnN0cnVjdG9yKCkgeyB9XG5cbiAgbmdPbkluaXQoKSB7IH1cblxuICBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgLy8gY29uc29sZS5sb2coJ19maWx0ZXJEaXJlY3RpdmVzJywgdGhpcy5fZmlsdGVyRGlyZWN0aXZlcywgdGhpcy5maWx0ZXJzKCkpXG4gIH1cblxuICBwdWJsaWMgZmlsdGVycygpOiBJRGF0YUZpbHRlcltdIHtcbiAgICBjb25zdCBmRGlyZWN0aXZlcyA9IHRoaXMuX2ZpbHRlckRpcmVjdGl2ZXNcbiAgICAgID8gdGhpcy5fZmlsdGVyRGlyZWN0aXZlcy5tYXAoZiA9PiBmLmZpbHRlcikuZmlsdGVyKG5vdE51bGxPclVuZGVmaW5lZClcbiAgICAgIDogW11cblxuICAgIGNvbnN0IGZBcnIgPSB0aGlzLl9maWx0ZXJzQXJyXG4gICAgLmZpbHRlcihmID0+IGZEaXJlY3RpdmVzLmZpbmRJbmRleChmZCA9PiBmZC51aWQgPT09IGYudWlkKSA9PT0gLTEpXG4gICAgcmV0dXJuIFsgLi4uZkFyciwgLi4uZkRpcmVjdGl2ZXMgXVxuICB9XG5cbiAgcHVibGljIGFkZEZpbHRlcihkYXRhRmlsdGVyOiBJRGF0YUZpbHRlcik6IHZvaWQge1xuICAgIHRoaXMuX2ZpbHRlcnNBcnIucHVzaChkYXRhRmlsdGVyKVxuICAgIHRoaXMuZmlsdGVyc0NoYW5nZWQuZW1pdCh0aGlzLmZpbHRlcnMoKSlcbiAgfVxuXG4gIHB1YmxpYyByZW1vdmVGaWx0ZXIoZGF0YUZpbHRlcjogSURhdGFGaWx0ZXIpOiB2b2lkIHtcbiAgICB0aGlzLl9maWx0ZXJzQXJyID0gdGhpcy5fZmlsdGVyc0Fyci5maWx0ZXIoZiA9PiBmICE9PSBkYXRhRmlsdGVyKVxuICAgIHRoaXMuZmlsdGVyc0NoYW5nZWQuZW1pdCh0aGlzLmZpbHRlcnMoKSlcbiAgfVxuXG59XG4iXX0=

package/esm2015/datatable/datatable-menu-bar-column-center/datatable-menu-bar-column-center.component.js

@@ -0,0 +1,16 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+export class DatatableMenuBarColumnCenterComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+}
+DatatableMenuBarColumnCenterComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'seam-datatable-menu-bar-column-center',
+                template: "<ng-content></ng-content>\n",
+                changeDetection: ChangeDetectionStrategy.OnPush,
+                styles: [":host{display:flex;flex-direction:row;flex:1 1 auto;justify-content:center}"]
+            },] }
+];
+DatatableMenuBarColumnCenterComponent.ctorParameters = () => [];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0YXRhYmxlLW1lbnUtYmFyLWNvbHVtbi1jZW50ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdWktY29tbW9uL2RhdGF0YWJsZS9kYXRhdGFibGUtbWVudS1iYXItY29sdW1uLWNlbnRlci9kYXRhdGFibGUtbWVudS1iYXItY29sdW1uLWNlbnRlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBVSxNQUFNLGVBQWUsQ0FBQTtBQVExRSxNQUFNLE9BQU8scUNBQXFDO0lBRWhELGdCQUFnQixDQUFDO0lBRWpCLFFBQVE7SUFDUixDQUFDOzs7WUFYRixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHVDQUF1QztnQkFDakQsdUNBQWdFO2dCQUVoRSxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTs7YUFDaEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzZWFtLWRhdGF0YWJsZS1tZW51LWJhci1jb2x1bW4tY2VudGVyJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RhdGF0YWJsZS1tZW51LWJhci1jb2x1bW4tY2VudGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vZGF0YXRhYmxlLW1lbnUtYmFyLWNvbHVtbi1jZW50ZXIuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgRGF0YXRhYmxlTWVudUJhckNvbHVtbkNlbnRlckNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgY29uc3RydWN0b3IoKSB7IH1cblxuICBuZ09uSW5pdCgpIHtcbiAgfVxuXG59XG4iXX0=