@geoit/ui 0.0.2 → 0.0.5

package/esm2022/lib/figma/geo-table/geo-table-toolbar/geo-table-toolbar.component.mjs

@@ -1,68 +1,38 @@
-import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, Component, computed, input, output } from '@angular/core';
 import { NgZorroAntdModule } from '../../../ng-zorro/ng-zorro-antd.module';
 import { GeoButtonComponent } from '../../geo-button/geo-button.component';
 import { GeoColumnPickerComponent } from '../geo-column-picker/geo-column-picker.component';
 import * as i0 from "@angular/core";
 export class GeoTableToolbarComponent {
-    resultLabel = '';
-    resultCount = null;
-    selectedCount = 0;
-    showDelete = true;
-    showExport = true;
-    showColumnToggle = true;
-    showAdd = true;
-    addLabel = 'Thêm mới';
-    columnItems = [];
+    resultLabel = input('');
+    resultCount = input(null);
+    selectedCount = input(0);
+    showDelete = input(true);
+    showExport = input(true);
+    showColumnToggle = input(true);
+    showAdd = input(true);
+    addLabel = input('Thêm mới');
+    columnItems = input([]);
     /** Key lưu trạng thái ẩn/hiện cột trong sessionStorage */
-    columnStorageKey;
-    deleteClick = new EventEmitter();
-    exportClick = new EventEmitter();
-    toggleColumns = new EventEmitter();
-    columnApply = new EventEmitter();
-    addClick = new EventEmitter();
-    get displayResultLabel() {
-        if (this.resultLabel) {
-            return this.resultLabel;
+    columnStorageKey = input(undefined);
+    deleteClick = output();
+    exportClick = output();
+    toggleColumns = output();
+    columnApply = output();
+    addClick = output();
+    displayResultLabel = computed(() => {
+        const resultLabel = this.resultLabel();
+        if (resultLabel) {
+            return resultLabel;
         }
-        const count = this.resultCount ?? 0;
+        const count = this.resultCount() ?? 0;
         return `Kết quả tìm kiếm (${count} kết quả)`;
-    }
+    });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoTableToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoTableToolbarComponent, isStandalone: true, selector: "geo-table-toolbar", inputs: { resultLabel: "resultLabel", resultCount: "resultCount", selectedCount: "selectedCount", showDelete: "showDelete", showExport: "showExport", showColumnToggle: "showColumnToggle", showAdd: "showAdd", addLabel: "addLabel", columnItems: "columnItems", columnStorageKey: "columnStorageKey" }, outputs: { deleteClick: "deleteClick", exportClick: "exportClick", toggleColumns: "toggleColumns", columnApply: "columnApply", addClick: "addClick" }, ngImport: i0, template: "<div class=\"geo-table-toolbar\">\n  <div class=\"geo-table-toolbar__info\">{{ displayResultLabel }}</div>\n\n  <div class=\"geo-table-toolbar__actions\">\n    @if (showDelete && selectedCount > 0) {\n      <geo-button\n        appearance=\"secondary\"\n        color=\"danger\"\n        icon=\"delete\"\n        title=\"X\u00F3a\"\n        (clicked)=\"deleteClick.emit()\"\n      >\n        X\u00F3a ({{ selectedCount }})\n      </geo-button>\n    }\n\n    @if (showExport) {\n      <geo-button\n        appearance=\"secondary\"\n        color=\"brand\"\n        icon=\"download\"\n        title=\"Xu\u1EA5t d\u1EEF li\u1EC7u\"\n        (clicked)=\"exportClick.emit()\"\n      >\n        Xu\u1EA5t d\u1EEF li\u1EC7u\n      </geo-button>\n    }\n\n    @if (showColumnToggle) {\n      @if (columnItems.length) {\n        <geo-column-picker\n          [items]=\"columnItems\"\n          [storageKey]=\"columnStorageKey\"\n          (apply)=\"columnApply.emit($event)\"\n        ></geo-column-picker>\n      } @else {\n        <geo-button\n          appearance=\"secondary\"\n          color=\"brand\"\n          icon=\"eye-invisible\"\n          title=\"\u1EA8n hi\u1EC7n c\u1ED9t\"\n          (clicked)=\"toggleColumns.emit()\"\n        >\n          \u1EA8n hi\u1EC7n c\u1ED9t\n        </geo-button>\n      }\n    }\n\n    @if (showAdd) {\n      <geo-button\n        appearance=\"primary\"\n        color=\"brand\"\n        icon=\"plus\"\n        [title]=\"addLabel\"\n        (clicked)=\"addClick.emit()\"\n      >\n        {{ addLabel }}\n      </geo-button>\n    }\n  </div>\n</div>\n", styles: [":host{display:block}.geo-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.geo-table-toolbar__info{font-size:16px;font-weight:600;line-height:24px;color:var(--geo-color-neutral-900)}.geo-table-toolbar__actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-left:auto}@media (max-width: 767px){.geo-table-toolbar{flex-direction:column;align-items:stretch}.geo-table-toolbar__actions{margin-left:0;justify-content:flex-start}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: NgZorroAntdModule }, { kind: "component", type: GeoButtonComponent, selector: "geo-button", inputs: ["appearance", "color", "icon", "iconTheme", "iconPlacement", "iconOnly", "type", "disabled", "tooltip", "tooltipPlacement", "active", "title"], outputs: ["clicked"] }, { kind: "component", type: GeoColumnPickerComponent, selector: "geo-column-picker", inputs: ["triggerLabel", "hint", "items", "storageKey"], outputs: ["apply"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoTableToolbarComponent, isStandalone: true, selector: "geo-table-toolbar", inputs: { resultLabel: { classPropertyName: "resultLabel", publicName: "resultLabel", isSignal: true, isRequired: false, transformFunction: null }, resultCount: { classPropertyName: "resultCount", publicName: "resultCount", isSignal: true, isRequired: false, transformFunction: null }, selectedCount: { classPropertyName: "selectedCount", publicName: "selectedCount", isSignal: true, isRequired: false, transformFunction: null }, showDelete: { classPropertyName: "showDelete", publicName: "showDelete", isSignal: true, isRequired: false, transformFunction: null }, showExport: { classPropertyName: "showExport", publicName: "showExport", isSignal: true, isRequired: false, transformFunction: null }, showColumnToggle: { classPropertyName: "showColumnToggle", publicName: "showColumnToggle", isSignal: true, isRequired: false, transformFunction: null }, showAdd: { classPropertyName: "showAdd", publicName: "showAdd", isSignal: true, isRequired: false, transformFunction: null }, addLabel: { classPropertyName: "addLabel", publicName: "addLabel", isSignal: true, isRequired: false, transformFunction: null }, columnItems: { classPropertyName: "columnItems", publicName: "columnItems", isSignal: true, isRequired: false, transformFunction: null }, columnStorageKey: { classPropertyName: "columnStorageKey", publicName: "columnStorageKey", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { deleteClick: "deleteClick", exportClick: "exportClick", toggleColumns: "toggleColumns", columnApply: "columnApply", addClick: "addClick" }, ngImport: i0, template: "<div class=\"geo-table-toolbar\">\n  <div class=\"geo-table-toolbar__info\">{{ displayResultLabel() }}</div>\n\n  <div class=\"geo-table-toolbar__actions\">\n    @if (showDelete() && selectedCount() > 0) {\n      <geo-button\n        appearance=\"secondary\"\n        color=\"danger\"\n        icon=\"delete\"\n        title=\"X\u00F3a\"\n        (clicked)=\"deleteClick.emit()\"\n      >\n        X\u00F3a ({{ selectedCount() }})\n      </geo-button>\n    }\n\n    @if (showExport()) {\n      <geo-button\n        appearance=\"secondary\"\n        color=\"brand\"\n        icon=\"download\"\n        title=\"Xu\u1EA5t d\u1EEF li\u1EC7u\"\n        (clicked)=\"exportClick.emit()\"\n      >\n        Xu\u1EA5t d\u1EEF li\u1EC7u\n      </geo-button>\n    }\n\n    @if (showColumnToggle()) {\n      @if (columnItems().length) {\n        <geo-column-picker\n          [items]=\"columnItems()\"\n          [storageKey]=\"columnStorageKey()\"\n          (apply)=\"columnApply.emit($event)\"\n        ></geo-column-picker>\n      } @else {\n        <geo-button\n          appearance=\"secondary\"\n          color=\"brand\"\n          icon=\"eye-invisible\"\n          title=\"\u1EA8n hi\u1EC7n c\u1ED9t\"\n          (clicked)=\"toggleColumns.emit()\"\n        >\n          \u1EA8n hi\u1EC7n c\u1ED9t\n        </geo-button>\n      }\n    }\n\n    @if (showAdd()) {\n      <geo-button\n        appearance=\"primary\"\n        color=\"brand\"\n        icon=\"plus\"\n        [title]=\"addLabel()\"\n        (clicked)=\"addClick.emit()\"\n      >\n        {{ addLabel() }}\n      </geo-button>\n    }\n  </div>\n</div>\n", styles: [":host{display:block}.geo-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.geo-table-toolbar__info{font-size:16px;font-weight:600;line-height:24px;color:var(--geo-color-neutral-900)}.geo-table-toolbar__actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-left:auto}@media (max-width: 767px){.geo-table-toolbar{flex-direction:column;align-items:stretch}.geo-table-toolbar__actions{margin-left:0;justify-content:flex-start}}\n"], dependencies: [{ kind: "ngmodule", type: NgZorroAntdModule }, { kind: "component", type: GeoButtonComponent, selector: "geo-button", inputs: ["appearance", "color", "icon", "iconTheme", "iconPlacement", "iconOnly", "type", "disabled", "tooltip", "tooltipPlacement", "active", "title"], outputs: ["clicked"] }, { kind: "component", type: GeoColumnPickerComponent, selector: "geo-column-picker", inputs: ["triggerLabel", "hint", "items", "storageKey"], outputs: ["apply"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoTableToolbarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'geo-table-toolbar', standalone: true, imports: [CommonModule, NgZorroAntdModule, GeoButtonComponent, GeoColumnPickerComponent], template: "<div class=\"geo-table-toolbar\">\n  <div class=\"geo-table-toolbar__info\">{{ displayResultLabel }}</div>\n\n  <div class=\"geo-table-toolbar__actions\">\n    @if (showDelete && selectedCount > 0) {\n      <geo-button\n        appearance=\"secondary\"\n        color=\"danger\"\n        icon=\"delete\"\n        title=\"X\u00F3a\"\n        (clicked)=\"deleteClick.emit()\"\n      >\n        X\u00F3a ({{ selectedCount }})\n      </geo-button>\n    }\n\n    @if (showExport) {\n      <geo-button\n        appearance=\"secondary\"\n        color=\"brand\"\n        icon=\"download\"\n        title=\"Xu\u1EA5t d\u1EEF li\u1EC7u\"\n        (clicked)=\"exportClick.emit()\"\n      >\n        Xu\u1EA5t d\u1EEF li\u1EC7u\n      </geo-button>\n    }\n\n    @if (showColumnToggle) {\n      @if (columnItems.length) {\n        <geo-column-picker\n          [items]=\"columnItems\"\n          [storageKey]=\"columnStorageKey\"\n          (apply)=\"columnApply.emit($event)\"\n        ></geo-column-picker>\n      } @else {\n        <geo-button\n          appearance=\"secondary\"\n          color=\"brand\"\n          icon=\"eye-invisible\"\n          title=\"\u1EA8n hi\u1EC7n c\u1ED9t\"\n          (clicked)=\"toggleColumns.emit()\"\n        >\n          \u1EA8n hi\u1EC7n c\u1ED9t\n        </geo-button>\n      }\n    }\n\n    @if (showAdd) {\n      <geo-button\n        appearance=\"primary\"\n        color=\"brand\"\n        icon=\"plus\"\n        [title]=\"addLabel\"\n        (clicked)=\"addClick.emit()\"\n      >\n        {{ addLabel }}\n      </geo-button>\n    }\n  </div>\n</div>\n", styles: [":host{display:block}.geo-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.geo-table-toolbar__info{font-size:16px;font-weight:600;line-height:24px;color:var(--geo-color-neutral-900)}.geo-table-toolbar__actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-left:auto}@media (max-width: 767px){.geo-table-toolbar{flex-direction:column;align-items:stretch}.geo-table-toolbar__actions{margin-left:0;justify-content:flex-start}}\n"] }]
-        }], propDecorators: { resultLabel: [{
-                type: Input
-            }], resultCount: [{
-                type: Input
-            }], selectedCount: [{
-                type: Input
-            }], showDelete: [{
-                type: Input
-            }], showExport: [{
-                type: Input
-            }], showColumnToggle: [{
-                type: Input
-            }], showAdd: [{
-                type: Input
-            }], addLabel: [{
-                type: Input
-            }], columnItems: [{
-                type: Input
-            }], columnStorageKey: [{
-                type: Input
-            }], deleteClick: [{
-                type: Output
-            }], exportClick: [{
-                type: Output
-            }], toggleColumns: [{
-                type: Output
-            }], columnApply: [{
-                type: Output
-            }], addClick: [{
-                type: Output
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VvLXRhYmxlLXRvb2xiYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ2VvLXVpL3NyYy9saWIvZmlnbWEvZ2VvLXRhYmxlL2dlby10YWJsZS10b29sYmFyL2dlby10YWJsZS10b29sYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dlby11aS9zcmMvbGliL2ZpZ21hL2dlby10YWJsZS9nZW8tdGFibGUtdG9vbGJhci9nZW8tdGFibGUtdG9vbGJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUMzRSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQzs7QUFVNUYsTUFBTSxPQUFPLHdCQUF3QjtJQUMxQixXQUFXLEdBQUcsRUFBRSxDQUFDO0lBQ2pCLFdBQVcsR0FBa0IsSUFBSSxDQUFDO0lBQ2xDLGFBQWEsR0FBRyxDQUFDLENBQUM7SUFDbEIsVUFBVSxHQUFHLElBQUksQ0FBQztJQUNsQixVQUFVLEdBQUcsSUFBSSxDQUFDO0lBQ2xCLGdCQUFnQixHQUFHLElBQUksQ0FBQztJQUN4QixPQUFPLEdBQUcsSUFBSSxDQUFDO0lBQ2YsUUFBUSxHQUFHLFVBQVUsQ0FBQztJQUN0QixXQUFXLEdBQTBCLEVBQUUsQ0FBQztJQUNqRCwwREFBMEQ7SUFDakQsZ0JBQWdCLENBQVU7SUFFekIsV0FBVyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7SUFDdkMsV0FBVyxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7SUFDdkMsYUFBYSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7SUFDekMsV0FBVyxHQUFHLElBQUksWUFBWSxFQUErQixDQUFDO0lBQzlELFFBQVEsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBRTlDLElBQUksa0JBQWtCO1FBQ3BCLElBQUksSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1lBQ3JCLE9BQU8sSUFBSSxDQUFDLFdBQVcsQ0FBQztRQUMxQixDQUFDO1FBRUQsTUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLFdBQVcsSUFBSSxDQUFDLENBQUM7UUFDcEMsT0FBTyxxQkFBcUIsS0FBSyxXQUFXLENBQUM7SUFDL0MsQ0FBQzt3R0ExQlUsd0JBQXdCOzRGQUF4Qix3QkFBd0IsOGdCQ2RyQyxvakRBNkRBLCtqQkRuRFksWUFBWSw4QkFBRSxpQkFBaUIsK0JBQUUsa0JBQWtCLHNPQUFFLHdCQUF3Qjs7NEZBSTVFLHdCQUF3QjtrQkFQcEMsU0FBUzsrQkFDRSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGlCQUFpQixFQUFFLGtCQUFrQixFQUFFLHdCQUF3QixDQUFDOzhCQUsvRSxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBRUcsZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUVJLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNO2dCQUNHLFdBQVc7c0JBQXBCLE1BQU07Z0JBQ0csUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdab3Jyb0FudGRNb2R1bGUgfSBmcm9tICcuLi8uLi8uLi9uZy16b3Jyby9uZy16b3Jyby1hbnRkLm1vZHVsZSc7XG5pbXBvcnQgeyBHZW9CdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi8uLi9nZW8tYnV0dG9uL2dlby1idXR0b24uY29tcG9uZW50JztcbmltcG9ydCB7IEdlb0NvbHVtblBpY2tlckNvbXBvbmVudCB9IGZyb20gJy4uL2dlby1jb2x1bW4tcGlja2VyL2dlby1jb2x1bW4tcGlja2VyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBHZW9Db2x1bW5QaWNrZXJBcHBseVBheWxvYWQsIEdlb0NvbHVtblBpY2tlckl0ZW0gfSBmcm9tICcuLi9nZW8tY29sdW1uLXBpY2tlci9nZW8tY29sdW1uLXBpY2tlci50eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dlby10YWJsZS10b29sYmFyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTmdab3Jyb0FudGRNb2R1bGUsIEdlb0J1dHRvbkNvbXBvbmVudCwgR2VvQ29sdW1uUGlja2VyQ29tcG9uZW50XSxcbiAgdGVtcGxhdGVVcmw6ICcuL2dlby10YWJsZS10b29sYmFyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL2dlby10YWJsZS10b29sYmFyLmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgR2VvVGFibGVUb29sYmFyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgcmVzdWx0TGFiZWwgPSAnJztcbiAgQElucHV0KCkgcmVzdWx0Q291bnQ6IG51bWJlciB8IG51bGwgPSBudWxsO1xuICBASW5wdXQoKSBzZWxlY3RlZENvdW50ID0gMDtcbiAgQElucHV0KCkgc2hvd0RlbGV0ZSA9IHRydWU7XG4gIEBJbnB1dCgpIHNob3dFeHBvcnQgPSB0cnVlO1xuICBASW5wdXQoKSBzaG93Q29sdW1uVG9nZ2xlID0gdHJ1ZTtcbiAgQElucHV0KCkgc2hvd0FkZCA9IHRydWU7XG4gIEBJbnB1dCgpIGFkZExhYmVsID0gJ1Row6ptIG3hu5tpJztcbiAgQElucHV0KCkgY29sdW1uSXRlbXM6IEdlb0NvbHVtblBpY2tlckl0ZW1bXSA9IFtdO1xuICAvKiogS2V5IGzGsHUgdHLhuqFuZyB0aMOhaSDhuqluL2hp4buHbiBj4buZdCB0cm9uZyBzZXNzaW9uU3RvcmFnZSAqL1xuICBASW5wdXQoKSBjb2x1bW5TdG9yYWdlS2V5Pzogc3RyaW5nO1xuXG4gIEBPdXRwdXQoKSBkZWxldGVDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIGV4cG9ydENsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgdG9nZ2xlQ29sdW1ucyA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcbiAgQE91dHB1dCgpIGNvbHVtbkFwcGx5ID0gbmV3IEV2ZW50RW1pdHRlcjxHZW9Db2x1bW5QaWNrZXJBcHBseVBheWxvYWQ+KCk7XG4gIEBPdXRwdXQoKSBhZGRDbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcblxuICBnZXQgZGlzcGxheVJlc3VsdExhYmVsKCk6IHN0cmluZyB7XG4gICAgaWYgKHRoaXMucmVzdWx0TGFiZWwpIHtcbiAgICAgIHJldHVybiB0aGlzLnJlc3VsdExhYmVsO1xuICAgIH1cblxuICAgIGNvbnN0IGNvdW50ID0gdGhpcy5yZXN1bHRDb3VudCA/PyAwO1xuICAgIHJldHVybiBgS+G6v3QgcXXhuqMgdMOsbSBraeG6v20gKCR7Y291bnR9IGvhur90IHF14bqjKWA7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJnZW8tdGFibGUtdG9vbGJhclwiPlxuICA8ZGl2IGNsYXNzPVwiZ2VvLXRhYmxlLXRvb2xiYXJfX2luZm9cIj57eyBkaXNwbGF5UmVzdWx0TGFiZWwgfX08L2Rpdj5cblxuICA8ZGl2IGNsYXNzPVwiZ2VvLXRhYmxlLXRvb2xiYXJfX2FjdGlvbnNcIj5cbiAgICBAaWYgKHNob3dEZWxldGUgJiYgc2VsZWN0ZWRDb3VudCA+IDApIHtcbiAgICAgIDxnZW8tYnV0dG9uXG4gICAgICAgIGFwcGVhcmFuY2U9XCJzZWNvbmRhcnlcIlxuICAgICAgICBjb2xvcj1cImRhbmdlclwiXG4gICAgICAgIGljb249XCJkZWxldGVcIlxuICAgICAgICB0aXRsZT1cIljDs2FcIlxuICAgICAgICAoY2xpY2tlZCk9XCJkZWxldGVDbGljay5lbWl0KClcIlxuICAgICAgPlxuICAgICAgICBYw7NhICh7eyBzZWxlY3RlZENvdW50IH19KVxuICAgICAgPC9nZW8tYnV0dG9uPlxuICAgIH1cblxuICAgIEBpZiAoc2hvd0V4cG9ydCkge1xuICAgICAgPGdlby1idXR0b25cbiAgICAgICAgYXBwZWFyYW5jZT1cInNlY29uZGFyeVwiXG4gICAgICAgIGNvbG9yPVwiYnJhbmRcIlxuICAgICAgICBpY29uPVwiZG93bmxvYWRcIlxuICAgICAgICB0aXRsZT1cIlh14bqldCBk4buvIGxp4buHdVwiXG4gICAgICAgIChjbGlja2VkKT1cImV4cG9ydENsaWNrLmVtaXQoKVwiXG4gICAgICA+XG4gICAgICAgIFh14bqldCBk4buvIGxp4buHdVxuICAgICAgPC9nZW8tYnV0dG9uPlxuICAgIH1cblxuICAgIEBpZiAoc2hvd0NvbHVtblRvZ2dsZSkge1xuICAgICAgQGlmIChjb2x1bW5JdGVtcy5sZW5ndGgpIHtcbiAgICAgICAgPGdlby1jb2x1bW4tcGlja2VyXG4gICAgICAgICAgW2l0ZW1zXT1cImNvbHVtbkl0ZW1zXCJcbiAgICAgICAgICBbc3RvcmFnZUtleV09XCJjb2x1bW5TdG9yYWdlS2V5XCJcbiAgICAgICAgICAoYXBwbHkpPVwiY29sdW1uQXBwbHkuZW1pdCgkZXZlbnQpXCJcbiAgICAgICAgPjwvZ2VvLWNvbHVtbi1waWNrZXI+XG4gICAgICB9IEBlbHNlIHtcbiAgICAgICAgPGdlby1idXR0b25cbiAgICAgICAgICBhcHBlYXJhbmNlPVwic2Vjb25kYXJ5XCJcbiAgICAgICAgICBjb2xvcj1cImJyYW5kXCJcbiAgICAgICAgICBpY29uPVwiZXllLWludmlzaWJsZVwiXG4gICAgICAgICAgdGl0bGU9XCLhuqhuIGhp4buHbiBj4buZdFwiXG4gICAgICAgICAgKGNsaWNrZWQpPVwidG9nZ2xlQ29sdW1ucy5lbWl0KClcIlxuICAgICAgICA+XG4gICAgICAgICAg4bqobiBoaeG7h24gY+G7mXRcbiAgICAgICAgPC9nZW8tYnV0dG9uPlxuICAgICAgfVxuICAgIH1cblxuICAgIEBpZiAoc2hvd0FkZCkge1xuICAgICAgPGdlby1idXR0b25cbiAgICAgICAgYXBwZWFyYW5jZT1cInByaW1hcnlcIlxuICAgICAgICBjb2xvcj1cImJyYW5kXCJcbiAgICAgICAgaWNvbj1cInBsdXNcIlxuICAgICAgICBbdGl0bGVdPVwiYWRkTGFiZWxcIlxuICAgICAgICAoY2xpY2tlZCk9XCJhZGRDbGljay5lbWl0KClcIlxuICAgICAgPlxuICAgICAgICB7eyBhZGRMYWJlbCB9fVxuICAgICAgPC9nZW8tYnV0dG9uPlxuICAgIH1cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+            args: [{ selector: 'geo-table-toolbar', standalone: true, imports: [NgZorroAntdModule, GeoButtonComponent, GeoColumnPickerComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"geo-table-toolbar\">\n  <div class=\"geo-table-toolbar__info\">{{ displayResultLabel() }}</div>\n\n  <div class=\"geo-table-toolbar__actions\">\n    @if (showDelete() && selectedCount() > 0) {\n      <geo-button\n        appearance=\"secondary\"\n        color=\"danger\"\n        icon=\"delete\"\n        title=\"X\u00F3a\"\n        (clicked)=\"deleteClick.emit()\"\n      >\n        X\u00F3a ({{ selectedCount() }})\n      </geo-button>\n    }\n\n    @if (showExport()) {\n      <geo-button\n        appearance=\"secondary\"\n        color=\"brand\"\n        icon=\"download\"\n        title=\"Xu\u1EA5t d\u1EEF li\u1EC7u\"\n        (clicked)=\"exportClick.emit()\"\n      >\n        Xu\u1EA5t d\u1EEF li\u1EC7u\n      </geo-button>\n    }\n\n    @if (showColumnToggle()) {\n      @if (columnItems().length) {\n        <geo-column-picker\n          [items]=\"columnItems()\"\n          [storageKey]=\"columnStorageKey()\"\n          (apply)=\"columnApply.emit($event)\"\n        ></geo-column-picker>\n      } @else {\n        <geo-button\n          appearance=\"secondary\"\n          color=\"brand\"\n          icon=\"eye-invisible\"\n          title=\"\u1EA8n hi\u1EC7n c\u1ED9t\"\n          (clicked)=\"toggleColumns.emit()\"\n        >\n          \u1EA8n hi\u1EC7n c\u1ED9t\n        </geo-button>\n      }\n    }\n\n    @if (showAdd()) {\n      <geo-button\n        appearance=\"primary\"\n        color=\"brand\"\n        icon=\"plus\"\n        [title]=\"addLabel()\"\n        (clicked)=\"addClick.emit()\"\n      >\n        {{ addLabel() }}\n      </geo-button>\n    }\n  </div>\n</div>\n", styles: [":host{display:block}.geo-table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.geo-table-toolbar__info{font-size:16px;font-weight:600;line-height:24px;color:var(--geo-color-neutral-900)}.geo-table-toolbar__actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-left:auto}@media (max-width: 767px){.geo-table-toolbar{flex-direction:column;align-items:stretch}.geo-table-toolbar__actions{margin-left:0;justify-content:flex-start}}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VvLXRhYmxlLXRvb2xiYXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ2VvLXVpL3NyYy9saWIvZmlnbWEvZ2VvLXRhYmxlL2dlby10YWJsZS10b29sYmFyL2dlby10YWJsZS10b29sYmFyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dlby11aS9zcmMvbGliL2ZpZ21hL2dlby10YWJsZS9nZW8tdGFibGUtdG9vbGJhci9nZW8tdGFibGUtdG9vbGJhci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzNFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGtEQUFrRCxDQUFDOztBQVc1RixNQUFNLE9BQU8sd0JBQXdCO0lBQzFCLFdBQVcsR0FBRyxLQUFLLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDeEIsV0FBVyxHQUFHLEtBQUssQ0FBZ0IsSUFBSSxDQUFDLENBQUM7SUFDekMsYUFBYSxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN6QixVQUFVLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQ3pCLFVBQVUsR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDekIsZ0JBQWdCLEdBQUcsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQy9CLE9BQU8sR0FBRyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdEIsUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUM3QixXQUFXLEdBQUcsS0FBSyxDQUF3QixFQUFFLENBQUMsQ0FBQztJQUN4RCwwREFBMEQ7SUFDakQsZ0JBQWdCLEdBQUcsS0FBSyxDQUFxQixTQUFTLENBQUMsQ0FBQztJQUV4RCxXQUFXLEdBQUcsTUFBTSxFQUFRLENBQUM7SUFDN0IsV0FBVyxHQUFHLE1BQU0sRUFBUSxDQUFDO0lBQzdCLGFBQWEsR0FBRyxNQUFNLEVBQVEsQ0FBQztJQUMvQixXQUFXLEdBQUcsTUFBTSxFQUErQixDQUFDO0lBQ3BELFFBQVEsR0FBRyxNQUFNLEVBQVEsQ0FBQztJQUUxQixrQkFBa0IsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFO1FBQzFDLE1BQU0sV0FBVyxHQUFHLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUN2QyxJQUFJLFdBQVcsRUFBRSxDQUFDO1lBQ2hCLE9BQU8sV0FBVyxDQUFDO1FBQ3JCLENBQUM7UUFFRCxNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxDQUFDO1FBQ3RDLE9BQU8scUJBQXFCLEtBQUssV0FBVyxDQUFDO0lBQy9DLENBQUMsQ0FBQyxDQUFDO3dHQTNCUSx3QkFBd0I7NEZBQXhCLHdCQUF3Qiw2bERDZHJDLDRrREE2REEsK2pCRHBEWSxpQkFBaUIsK0JBQUUsa0JBQWtCLHNPQUFFLHdCQUF3Qjs7NEZBSzlELHdCQUF3QjtrQkFScEMsU0FBUzsrQkFDRSxtQkFBbUIsY0FDakIsSUFBSSxXQUNQLENBQUMsaUJBQWlCLEVBQUUsa0JBQWtCLEVBQUUsd0JBQXdCLENBQUMsbUJBR3pELHVCQUF1QixDQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBjb21wdXRlZCwgaW5wdXQsIG91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTmdab3Jyb0FudGRNb2R1bGUgfSBmcm9tICcuLi8uLi8uLi9uZy16b3Jyby9uZy16b3Jyby1hbnRkLm1vZHVsZSc7XG5pbXBvcnQgeyBHZW9CdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi8uLi9nZW8tYnV0dG9uL2dlby1idXR0b24uY29tcG9uZW50JztcbmltcG9ydCB7IEdlb0NvbHVtblBpY2tlckNvbXBvbmVudCB9IGZyb20gJy4uL2dlby1jb2x1bW4tcGlja2VyL2dlby1jb2x1bW4tcGlja2VyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBHZW9Db2x1bW5QaWNrZXJBcHBseVBheWxvYWQsIEdlb0NvbHVtblBpY2tlckl0ZW0gfSBmcm9tICcuLi9nZW8tY29sdW1uLXBpY2tlci9nZW8tY29sdW1uLXBpY2tlci50eXBlcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2dlby10YWJsZS10b29sYmFyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW05nWm9ycm9BbnRkTW9kdWxlLCBHZW9CdXR0b25Db21wb25lbnQsIEdlb0NvbHVtblBpY2tlckNvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9nZW8tdGFibGUtdG9vbGJhci5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9nZW8tdGFibGUtdG9vbGJhci5jb21wb25lbnQuc2NzcycsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBHZW9UYWJsZVRvb2xiYXJDb21wb25lbnQge1xuICByZWFkb25seSByZXN1bHRMYWJlbCA9IGlucHV0KCcnKTtcbiAgcmVhZG9ubHkgcmVzdWx0Q291bnQgPSBpbnB1dDxudW1iZXIgfCBudWxsPihudWxsKTtcbiAgcmVhZG9ubHkgc2VsZWN0ZWRDb3VudCA9IGlucHV0KDApO1xuICByZWFkb25seSBzaG93RGVsZXRlID0gaW5wdXQodHJ1ZSk7XG4gIHJlYWRvbmx5IHNob3dFeHBvcnQgPSBpbnB1dCh0cnVlKTtcbiAgcmVhZG9ubHkgc2hvd0NvbHVtblRvZ2dsZSA9IGlucHV0KHRydWUpO1xuICByZWFkb25seSBzaG93QWRkID0gaW5wdXQodHJ1ZSk7XG4gIHJlYWRvbmx5IGFkZExhYmVsID0gaW5wdXQoJ1Row6ptIG3hu5tpJyk7XG4gIHJlYWRvbmx5IGNvbHVtbkl0ZW1zID0gaW5wdXQ8R2VvQ29sdW1uUGlja2VySXRlbVtdPihbXSk7XG4gIC8qKiBLZXkgbMawdSB0cuG6oW5nIHRow6FpIOG6qW4vaGnhu4duIGPhu5l0IHRyb25nIHNlc3Npb25TdG9yYWdlICovXG4gIHJlYWRvbmx5IGNvbHVtblN0b3JhZ2VLZXkgPSBpbnB1dDxzdHJpbmcgfCB1bmRlZmluZWQ+KHVuZGVmaW5lZCk7XG5cbiAgcmVhZG9ubHkgZGVsZXRlQ2xpY2sgPSBvdXRwdXQ8dm9pZD4oKTtcbiAgcmVhZG9ubHkgZXhwb3J0Q2xpY2sgPSBvdXRwdXQ8dm9pZD4oKTtcbiAgcmVhZG9ubHkgdG9nZ2xlQ29sdW1ucyA9IG91dHB1dDx2b2lkPigpO1xuICByZWFkb25seSBjb2x1bW5BcHBseSA9IG91dHB1dDxHZW9Db2x1bW5QaWNrZXJBcHBseVBheWxvYWQ+KCk7XG4gIHJlYWRvbmx5IGFkZENsaWNrID0gb3V0cHV0PHZvaWQ+KCk7XG5cbiAgcmVhZG9ubHkgZGlzcGxheVJlc3VsdExhYmVsID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIGNvbnN0IHJlc3VsdExhYmVsID0gdGhpcy5yZXN1bHRMYWJlbCgpO1xuICAgIGlmIChyZXN1bHRMYWJlbCkge1xuICAgICAgcmV0dXJuIHJlc3VsdExhYmVsO1xuICAgIH1cblxuICAgIGNvbnN0IGNvdW50ID0gdGhpcy5yZXN1bHRDb3VudCgpID8/IDA7XG4gICAgcmV0dXJuIGBL4bq/dCBxdeG6oyB0w6xtIGtp4bq/bSAoJHtjb3VudH0ga+G6v3QgcXXhuqMpYDtcbiAgfSk7XG59XG4iLCI8ZGl2IGNsYXNzPVwiZ2VvLXRhYmxlLXRvb2xiYXJcIj5cbiAgPGRpdiBjbGFzcz1cImdlby10YWJsZS10b29sYmFyX19pbmZvXCI+e3sgZGlzcGxheVJlc3VsdExhYmVsKCkgfX08L2Rpdj5cblxuICA8ZGl2IGNsYXNzPVwiZ2VvLXRhYmxlLXRvb2xiYXJfX2FjdGlvbnNcIj5cbiAgICBAaWYgKHNob3dEZWxldGUoKSAmJiBzZWxlY3RlZENvdW50KCkgPiAwKSB7XG4gICAgICA8Z2VvLWJ1dHRvblxuICAgICAgICBhcHBlYXJhbmNlPVwic2Vjb25kYXJ5XCJcbiAgICAgICAgY29sb3I9XCJkYW5nZXJcIlxuICAgICAgICBpY29uPVwiZGVsZXRlXCJcbiAgICAgICAgdGl0bGU9XCJYw7NhXCJcbiAgICAgICAgKGNsaWNrZWQpPVwiZGVsZXRlQ2xpY2suZW1pdCgpXCJcbiAgICAgID5cbiAgICAgICAgWMOzYSAoe3sgc2VsZWN0ZWRDb3VudCgpIH19KVxuICAgICAgPC9nZW8tYnV0dG9uPlxuICAgIH1cblxuICAgIEBpZiAoc2hvd0V4cG9ydCgpKSB7XG4gICAgICA8Z2VvLWJ1dHRvblxuICAgICAgICBhcHBlYXJhbmNlPVwic2Vjb25kYXJ5XCJcbiAgICAgICAgY29sb3I9XCJicmFuZFwiXG4gICAgICAgIGljb249XCJkb3dubG9hZFwiXG4gICAgICAgIHRpdGxlPVwiWHXhuqV0IGThu68gbGnhu4d1XCJcbiAgICAgICAgKGNsaWNrZWQpPVwiZXhwb3J0Q2xpY2suZW1pdCgpXCJcbiAgICAgID5cbiAgICAgICAgWHXhuqV0IGThu68gbGnhu4d1XG4gICAgICA8L2dlby1idXR0b24+XG4gICAgfVxuXG4gICAgQGlmIChzaG93Q29sdW1uVG9nZ2xlKCkpIHtcbiAgICAgIEBpZiAoY29sdW1uSXRlbXMoKS5sZW5ndGgpIHtcbiAgICAgICAgPGdlby1jb2x1bW4tcGlja2VyXG4gICAgICAgICAgW2l0ZW1zXT1cImNvbHVtbkl0ZW1zKClcIlxuICAgICAgICAgIFtzdG9yYWdlS2V5XT1cImNvbHVtblN0b3JhZ2VLZXkoKVwiXG4gICAgICAgICAgKGFwcGx5KT1cImNvbHVtbkFwcGx5LmVtaXQoJGV2ZW50KVwiXG4gICAgICAgID48L2dlby1jb2x1bW4tcGlja2VyPlxuICAgICAgfSBAZWxzZSB7XG4gICAgICAgIDxnZW8tYnV0dG9uXG4gICAgICAgICAgYXBwZWFyYW5jZT1cInNlY29uZGFyeVwiXG4gICAgICAgICAgY29sb3I9XCJicmFuZFwiXG4gICAgICAgICAgaWNvbj1cImV5ZS1pbnZpc2libGVcIlxuICAgICAgICAgIHRpdGxlPVwi4bqobiBoaeG7h24gY+G7mXRcIlxuICAgICAgICAgIChjbGlja2VkKT1cInRvZ2dsZUNvbHVtbnMuZW1pdCgpXCJcbiAgICAgICAgPlxuICAgICAgICAgIOG6qG4gaGnhu4duIGPhu5l0XG4gICAgICAgIDwvZ2VvLWJ1dHRvbj5cbiAgICAgIH1cbiAgICB9XG5cbiAgICBAaWYgKHNob3dBZGQoKSkge1xuICAgICAgPGdlby1idXR0b25cbiAgICAgICAgYXBwZWFyYW5jZT1cInByaW1hcnlcIlxuICAgICAgICBjb2xvcj1cImJyYW5kXCJcbiAgICAgICAgaWNvbj1cInBsdXNcIlxuICAgICAgICBbdGl0bGVdPVwiYWRkTGFiZWwoKVwiXG4gICAgICAgIChjbGlja2VkKT1cImFkZENsaWNrLmVtaXQoKVwiXG4gICAgICA+XG4gICAgICAgIHt7IGFkZExhYmVsKCkgfX1cbiAgICAgIDwvZ2VvLWJ1dHRvbj5cbiAgICB9XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=