import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
export class SdTableQuickAction {
    constructor() {
        this.clear = new EventEmitter();
        this.onClear = () => {
            this.clear.emit();
        };
        this.onClickAction = (action) => {
            if ('click' in action) {
                action === null || action === void 0 ? void 0 : action.click(this.selectedTableItems.map(e => e.data));
            }
        };
    }
}
SdTableQuickAction.decorators = [
    { type: Component, args: [{
                selector: 'sd-table-quick-action',
                template: "<sd-quick-action *ngIf=\"selectedTableItems | selectionActionFilter: tableOption?.selector?.actions as actions\"\r\n  [isOpened]=\"actions?.length\">\r\n  <div class=\"d-flex align-items-center\" sdMessage>\r\n    <div class=\"c-bg-length\">\r\n      <span class=\"c-length\">{{ selectedTableItems.length }}</span>\r\n    </div>\r\n    <div class=\"c-message\">{{ tableOption?.selector?.message || 'd\u1EEF li\u1EC7u \u0111\u01B0\u1EE3c ch\u1ECDn' }}</div>\r\n  </div>\r\n  <div class=\"d-flex align-items-center mr-8\" sdAction>\r\n    <ng-container *ngFor=\"let action of actions\">\r\n      <sd-button *ngIf=\"action.click\" class=\"ml-5\" [tooltip]=\"action.tooltip\" [icon]=\"action.icon\"\r\n        [color]=\"action.color || 'secondary'\" [type]=\"action.type || 'light'\" [fontSet]=\"action.fontSet\"\r\n        [title]=\"action.title\" size=\"sm\" (action)=\"onClickAction(action)\"></sd-button>\r\n      <ng-container *ngIf=\"action.children?.length\">\r\n        <sd-button class=\"ml-5\" [tooltip]=\"action.tooltip\" [icon]=\"action.icon || 'more_vert'\"\r\n          [color]=\"action.color || 'secondary'\" [type]=\"action.type || 'light'\" [fontSet]=\"action.fontSet\"\r\n          [title]=\"action.title\" size=\"sm\" [matMenuTriggerFor]=\"menu\">\r\n        </sd-button>\r\n        <mat-menu #menu=\"matMenu\">\r\n          <span>\r\n            <button *ngFor=\"let childAction of action.children\" mat-menu-item (click)=\"onClickAction(childAction)\"\r\n              [disabled]=\"childAction.disabled\">\r\n              <mat-icon *ngIf=\"childAction.icon\" [fontSet]=\"childAction.fontSet\" class=\"c-icon\">{{ childAction.icon }}\r\n              </mat-icon>\r\n              <span> {{ childAction.title }}</span>\r\n            </button>\r\n          </span>\r\n        </mat-menu>\r\n      </ng-container>\r\n    </ng-container>\r\n    <sd-button class=\"ml-5\" icon=\"close\" color=\"secondary\" type=\"outline\" size=\"sm\"\r\n      (action)=\"onClear()\" width=\"35px\"></sd-button>\r\n  </div>\r\n</sd-quick-action>",
                changeDetection: ChangeDetectionStrategy.OnPush,
                styles: [".c-bg-length{align-items:flex-start;background:#2962ff;border-radius:4px 0 0 4px;display:flex;flex-direction:column;height:48px;left:0;min-width:48px;padding:12px 8px;position:static;top:0;width:auto}.c-bg-length .c-length{color:#fff;font-size:16px;font-weight:500;height:24px;left:8px;line-height:24px;min-width:32px;text-align:center;top:12px;width:auto}.c-bg-length .c-length,.c-message{font-family:Roboto;font-style:normal;position:static}.c-message{color:#000;font-size:14px;font-weight:400;height:20px;left:0;line-height:20px;margin:0 0 0 16px;min-width:200px;top:6px}"]
            },] }
];
SdTableQuickAction.ctorParameters = () => [];
SdTableQuickAction.propDecorators = {
    tableOption: [{ type: Input }],
    selectedTableItems: [{ type: Input }],
    clear: [{ type: Output }]
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicXVpY2stYWN0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJDOi9Vc2Vycy9uZ2hpYXR0MTVfb25lbW91bnQvRG9jdW1lbnRzL2xpYi1jb3JlLXVpL3Byb2plY3RzL3NkLWNvcmUvdGFibGUvIiwic291cmNlcyI6WyJzcmMvbGliL2NvbXBvbmVudHMvcXVpY2stYWN0aW9uL3F1aWNrLWFjdGlvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQVdoRyxNQUFNLE9BQU8sa0JBQWtCO0lBSTdCO1FBRFUsVUFBSyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFFckMsWUFBTyxHQUFHLEdBQUcsRUFBRTtZQUNiLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDcEIsQ0FBQyxDQUFDO1FBRUYsa0JBQWEsR0FBRyxDQUFDLE1BQXFCLEVBQUUsRUFBRTtZQUN4QyxJQUFJLE9BQU8sSUFBSSxNQUFNLEVBQUU7Z0JBQ3JCLE1BQU0sYUFBTixNQUFNLHVCQUFOLE1BQU0sQ0FBRSxLQUFLLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBRTthQUN6RDtRQUNILENBQUMsQ0FBQztJQVRhLENBQUM7OztZQVZqQixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLHVCQUF1QjtnQkFDakMsc2dFQUE0QztnQkFFNUMsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07O2FBQ2hEOzs7OzBCQUVFLEtBQUs7aUNBQ0wsS0FBSztvQkFDTCxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IFNkVGFibGVPcHRpb24gfSBmcm9tICcuLi8uLi9tb2RlbHMvdGFibGUtb3B0aW9uLm1vZGVsJztcclxuaW1wb3J0IHsgU2RUYWJsZUl0ZW0gfSBmcm9tICcuLi8uLi9tb2RlbHMvdGFibGUtaXRlbS5tb2RlbCc7XHJcbmltcG9ydCB7IFNkVGFibGVBY3Rpb24gfSBmcm9tICcuLi8uLi9tb2RlbHMvdGFibGUtb3B0aW9uLXNlbGVjdG9yLm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2QtdGFibGUtcXVpY2stYWN0aW9uJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcXVpY2stYWN0aW9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9xdWljay1hY3Rpb24uY29tcG9uZW50LnNjc3MnXSxcclxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcclxufSlcclxuZXhwb3J0IGNsYXNzIFNkVGFibGVRdWlja0FjdGlvbiB7XHJcbiAgQElucHV0KCkgdGFibGVPcHRpb246IFNkVGFibGVPcHRpb247XHJcbiAgQElucHV0KCkgc2VsZWN0ZWRUYWJsZUl0ZW1zOiBTZFRhYmxlSXRlbVtdO1xyXG4gIEBPdXRwdXQoKSBjbGVhciA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcclxuICBjb25zdHJ1Y3RvcigpIHt9XHJcbiAgb25DbGVhciA9ICgpID0+IHtcclxuICAgIHRoaXMuY2xlYXIuZW1pdCgpO1xyXG4gIH07XHJcblxyXG4gIG9uQ2xpY2tBY3Rpb24gPSAoYWN0aW9uOiBTZFRhYmxlQWN0aW9uKSA9PiB7XHJcbiAgICBpZiAoJ2NsaWNrJyBpbiBhY3Rpb24pIHtcclxuICAgICAgYWN0aW9uPy5jbGljayh0aGlzLnNlbGVjdGVkVGFibGVJdGVtcy5tYXAoZSA9PiBlLmRhdGEpKTtcclxuICAgIH1cclxuICB9O1xyXG59XHJcbiJdfQ==