@geoit/ui 0.0.2

package/esm2022/lib/figma/geo-table/geo-row-actions/geo-row-actions.types.mjs

@@ -0,0 +1,24 @@
+export const DEFAULT_UI_ROW_ACTIONS = [
+    { key: 'edit', icon: 'edit', title: 'Chỉnh sửa' },
+    { key: 'more', icon: 'more', title: 'Thêm thao tác' },
+];
+/** ≤2: hiện hết; >2: primary + danger (vd. Sửa + Xóa), còn lại vào menu. */
+export function pickInlineRowActions(actions, primaryActionKey = 'edit') {
+    const list = actions.filter((action) => !action.disabled);
+    if (list.length <= 2) {
+        return list;
+    }
+    const primary = list.find((action) => action.key === primaryActionKey) ?? list[0];
+    const secondary = list.find((action) => action.key !== primary.key && action.danger) ??
+        list.find((action) => action.key !== primary.key);
+    return secondary ? [primary, secondary] : [primary];
+}
+export function pickOverflowRowActions(actions, primaryActionKey = 'edit') {
+    const list = actions.filter((action) => !action.disabled);
+    if (list.length <= 2) {
+        return [];
+    }
+    const inlineKeys = new Set(pickInlineRowActions(list, primaryActionKey).map((action) => action.key));
+    return list.filter((action) => !inlineKeys.has(action.key));
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VvLXJvdy1hY3Rpb25zLnR5cGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ2VvLXVpL3NyYy9saWIvZmlnbWEvZ2VvLXRhYmxlL2dlby1yb3ctYWN0aW9ucy9nZW8tcm93LWFjdGlvbnMudHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVUEsTUFBTSxDQUFDLE1BQU0sc0JBQXNCLEdBQW1CO0lBQ3BELEVBQUUsR0FBRyxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUU7SUFDakQsRUFBRSxHQUFHLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLGVBQWUsRUFBRTtDQUN0RCxDQUFDO0FBRUYsNEVBQTRFO0FBQzVFLE1BQU0sVUFBVSxvQkFBb0IsQ0FDbEMsT0FBdUIsRUFDdkIsZ0JBQWdCLEdBQUcsTUFBTTtJQUV6QixNQUFNLElBQUksR0FBRyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUMxRCxJQUFJLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxFQUFFLENBQUM7UUFDckIsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBRUQsTUFBTSxPQUFPLEdBQ1gsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUMsTUFBTSxDQUFDLEdBQUcsS0FBSyxnQkFBZ0IsQ0FBQyxJQUFJLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNwRSxNQUFNLFNBQVMsR0FDYixJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxNQUFNLENBQUMsR0FBRyxLQUFLLE9BQU8sQ0FBQyxHQUFHLElBQUksTUFBTSxDQUFDLE1BQU0sQ0FBQztRQUNsRSxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxNQUFNLENBQUMsR0FBRyxLQUFLLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUVwRCxPQUFPLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUM7QUFDdEQsQ0FBQztBQUVELE1BQU0sVUFBVSxzQkFBc0IsQ0FDcEMsT0FBdUIsRUFDdkIsZ0JBQWdCLEdBQUcsTUFBTTtJQUV6QixNQUFNLElBQUksR0FBRyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUMxRCxJQUFJLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxFQUFFLENBQUM7UUFDckIsT0FBTyxFQUFFLENBQUM7SUFDWixDQUFDO0lBRUQsTUFBTSxVQUFVLEdBQUcsSUFBSSxHQUFHLENBQ3hCLG9CQUFvQixDQUFDLElBQUksRUFBRSxnQkFBZ0IsQ0FBQyxDQUFDLEdBQUcsQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUN6RSxDQUFDO0lBQ0YsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUM7QUFDOUQsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgR2VvUm93QWN0aW9uIHtcbiAga2V5OiBzdHJpbmc7XG4gIGljb246IHN0cmluZztcbiAgbGFiZWw/OiBzdHJpbmc7XG4gIHRpdGxlPzogc3RyaW5nO1xuICBpY29uVGhlbWU/OiAnb3V0bGluZScgfCAnZmlsbCcgfCAndHdvdG9uZSc7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgZGFuZ2VyPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGNvbnN0IERFRkFVTFRfVUlfUk9XX0FDVElPTlM6IEdlb1Jvd0FjdGlvbltdID0gW1xuICB7IGtleTogJ2VkaXQnLCBpY29uOiAnZWRpdCcsIHRpdGxlOiAnQ2jhu4luaCBz4butYScgfSxcbiAgeyBrZXk6ICdtb3JlJywgaWNvbjogJ21vcmUnLCB0aXRsZTogJ1Row6ptIHRoYW8gdMOhYycgfSxcbl07XG5cbi8qKiDiiaQyOiBoaeG7h24gaOG6v3Q7ID4yOiBwcmltYXJ5ICsgZGFuZ2VyICh2ZC4gU+G7rWEgKyBYw7NhKSwgY8OybiBs4bqhaSB2w6BvIG1lbnUuICovXG5leHBvcnQgZnVuY3Rpb24gcGlja0lubGluZVJvd0FjdGlvbnMoXG4gIGFjdGlvbnM6IEdlb1Jvd0FjdGlvbltdLFxuICBwcmltYXJ5QWN0aW9uS2V5ID0gJ2VkaXQnXG4pOiBHZW9Sb3dBY3Rpb25bXSB7XG4gIGNvbnN0IGxpc3QgPSBhY3Rpb25zLmZpbHRlcigoYWN0aW9uKSA9PiAhYWN0aW9uLmRpc2FibGVkKTtcbiAgaWYgKGxpc3QubGVuZ3RoIDw9IDIpIHtcbiAgICByZXR1cm4gbGlzdDtcbiAgfVxuXG4gIGNvbnN0IHByaW1hcnkgPVxuICAgIGxpc3QuZmluZCgoYWN0aW9uKSA9PiBhY3Rpb24ua2V5ID09PSBwcmltYXJ5QWN0aW9uS2V5KSA/PyBsaXN0WzBdO1xuICBjb25zdCBzZWNvbmRhcnkgPVxuICAgIGxpc3QuZmluZCgoYWN0aW9uKSA9PiBhY3Rpb24ua2V5ICE9PSBwcmltYXJ5LmtleSAmJiBhY3Rpb24uZGFuZ2VyKSA/P1xuICAgIGxpc3QuZmluZCgoYWN0aW9uKSA9PiBhY3Rpb24ua2V5ICE9PSBwcmltYXJ5LmtleSk7XG5cbiAgcmV0dXJuIHNlY29uZGFyeSA/IFtwcmltYXJ5LCBzZWNvbmRhcnldIDogW3ByaW1hcnldO1xufVxuXG5leHBvcnQgZnVuY3Rpb24gcGlja092ZXJmbG93Um93QWN0aW9ucyhcbiAgYWN0aW9uczogR2VvUm93QWN0aW9uW10sXG4gIHByaW1hcnlBY3Rpb25LZXkgPSAnZWRpdCdcbik6IEdlb1Jvd0FjdGlvbltdIHtcbiAgY29uc3QgbGlzdCA9IGFjdGlvbnMuZmlsdGVyKChhY3Rpb24pID0+ICFhY3Rpb24uZGlzYWJsZWQpO1xuICBpZiAobGlzdC5sZW5ndGggPD0gMikge1xuICAgIHJldHVybiBbXTtcbiAgfVxuXG4gIGNvbnN0IGlubGluZUtleXMgPSBuZXcgU2V0KFxuICAgIHBpY2tJbmxpbmVSb3dBY3Rpb25zKGxpc3QsIHByaW1hcnlBY3Rpb25LZXkpLm1hcCgoYWN0aW9uKSA9PiBhY3Rpb24ua2V5KVxuICApO1xuICByZXR1cm4gbGlzdC5maWx0ZXIoKGFjdGlvbikgPT4gIWlubGluZUtleXMuaGFzKGFjdGlvbi5rZXkpKTtcbn1cbiJdfQ==

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

@@ -0,0 +1,195 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, ElementRef, EventEmitter, HostBinding, Input, NgZone, Output, inject, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { GeoButtonComponent } from '../../geo-button/geo-button.component';
+import * as i0 from "@angular/core";
+/** Breakpoint (px) → số cột tối đa khi `responsiveColumns` bật. */
+const COL_BREAKPOINTS = [
+    { minWidth: 1400, cols: 4 },
+    { minWidth: 1200, cols: 4 },
+    { minWidth: 1024, cols: 3 },
+    { minWidth: 768, cols: 2 },
+    { minWidth: 0, cols: 1 },
+];
+/**
+ * Thanh lọc phía trên bảng: field chính + actions (Tìm kiếm / Bộ lọc nâng cao / Reset).
+ *
+ * ## Số cột hiển thị
+ * - `[columns]="4"` — 4 cột field + 1 cột actions = grid 5 cột đều.
+ * - `[responsiveColumns]="false"` — giữ đúng `columns`, không giảm theo breakpoint.
+ *
+ * ## Layout
+ * - Grid đều `columns + 1`: field cột 1..N, actions cột cuối.
+ * - Advanced span full width (`1 / -1`) với cùng `columns + 1` cột → phủ cả cột button.
+ * - Stacked (màn hẹp): actions → fields → advanced.
+ *
+ * ## Content projection
+ * - Default: luôn hiện. Slot `[advanced]`: chỉ hiện khi `advancedExpanded`.
+ */
+export class GeoTableFilterComponent {
+    host = inject((ElementRef));
+    ngZone = inject(NgZone);
+    cdr = inject(ChangeDetectorRef);
+    /**
+     * Số cột field mỗi hàng (mặc định 4 → tổng 5 cột gồm actions).
+     * Ví dụ: 4 field + columns=2 → 2 hàng × 2 cột field (+ 1 cột actions).
+     */
+    columns = 4;
+    /**
+     * Khi `true` (mặc định): số cột thực tế ≤ `columns` theo breakpoint.
+     * Khi `false`: luôn dùng đúng `columns`.
+     */
+    responsiveColumns = true;
+    /** Đưa actions lên hàng đầu khi màn hẹp (stacked). */
+    responsiveCollapse = true;
+    /** Breakpoint chuyển layout stacked (px). */
+    mobileBreakpoint = 1024;
+    /** Khoảng cách grid (px). */
+    gap = 15;
+    searchLabel = 'Tìm kiếm';
+    searchLoading = false;
+    /** Hiện nút mở/đóng slot `[advanced]`. */
+    showAdvancedToggle = true;
+    showReset = true;
+    /** Mở panel field nâng cao (`[advanced]`). */
+    advancedExpanded = false;
+    /**
+     * Số field advanced đang có giá trị — hiện badge trên nút expand.
+     * Parent tự tính (vd. `countFilledFilters(query, ADVANCED_KEYS)`).
+     */
+    advancedFilterCount = 0;
+    filterToggleTitle = 'Bộ lọc nâng cao';
+    resetTitle = 'Xóa bộ lọc';
+    search = new EventEmitter();
+    reset = new EventEmitter();
+    advancedExpandedChange = new EventEmitter();
+    effectiveCols = 4;
+    stackedLayout = false;
+    resizeObserver;
+    layoutFrame;
+    get hostColumns() {
+        return this.effectiveCols;
+    }
+    /** Tổng cột grid = field cols + 1 cột actions. */
+    get hostTotalColumns() {
+        return this.effectiveCols + 1;
+    }
+    get hostGap() {
+        return this.gap;
+    }
+    get stackedLayoutClass() {
+        return this.stackedLayout;
+    }
+    ngOnChanges(changes) {
+        if (changes['columns'] ||
+            changes['responsiveColumns'] ||
+            changes['responsiveCollapse'] ||
+            changes['mobileBreakpoint']) {
+            this.scheduleLayout();
+        }
+    }
+    ngAfterViewInit() {
+        this.ngZone.runOutsideAngular(() => {
+            this.resizeObserver = new ResizeObserver(() => this.scheduleLayout());
+            this.resizeObserver.observe(this.host.nativeElement);
+        });
+        this.scheduleLayout();
+    }
+    ngOnDestroy() {
+        this.resizeObserver?.disconnect();
+        if (this.layoutFrame) {
+            cancelAnimationFrame(this.layoutFrame);
+        }
+    }
+    toggleAdvanced() {
+        const next = !this.advancedExpanded;
+        this.advancedExpanded = next;
+        this.advancedExpandedChange.emit(next);
+    }
+    onSearch() {
+        this.search.emit();
+    }
+    onReset() {
+        this.reset.emit();
+    }
+    scheduleLayout() {
+        if (this.layoutFrame) {
+            cancelAnimationFrame(this.layoutFrame);
+        }
+        this.layoutFrame = requestAnimationFrame(() => {
+            this.ngZone.run(() => {
+                this.updateResponsiveLayout();
+                this.cdr.markForCheck();
+            });
+        });
+    }
+    updateResponsiveLayout() {
+        const hostWidth = this.host.nativeElement.clientWidth || 0;
+        this.effectiveCols = this.getEffectiveCols(hostWidth);
+        // 1 cột / dưới breakpoint: stacked — actions lên hàng đầu.
+        this.stackedLayout =
+            this.effectiveCols === 1 ||
+                (this.responsiveCollapse && hostWidth > 0 && hostWidth < this.mobileBreakpoint);
+    }
+    getEffectiveCols(width) {
+        const requested = Math.max(1, Math.floor(this.columns) || 1);
+        if (!this.responsiveColumns) {
+            return requested;
+        }
+        if (width <= 0) {
+            return requested;
+        }
+        const preset = COL_BREAKPOINTS.find((bp) => width >= bp.minWidth)?.cols ?? 1;
+        return Math.min(requested, preset);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoTableFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoTableFilterComponent, isStandalone: true, selector: "geo-table-filter", inputs: { columns: "columns", responsiveColumns: "responsiveColumns", responsiveCollapse: "responsiveCollapse", mobileBreakpoint: "mobileBreakpoint", gap: "gap", searchLabel: "searchLabel", searchLoading: "searchLoading", showAdvancedToggle: "showAdvancedToggle", showReset: "showReset", advancedExpanded: "advancedExpanded", advancedFilterCount: "advancedFilterCount", filterToggleTitle: "filterToggleTitle", resetTitle: "resetTitle" }, outputs: { search: "search", reset: "reset", advancedExpandedChange: "advancedExpandedChange" }, host: { properties: { "style.--geo-table-filter-cols": "this.hostColumns", "style.--geo-table-filter-total-cols": "this.hostTotalColumns", "style.--geo-table-filter-gap.px": "this.hostGap", "class.geo-table-filter--stacked": "this.stackedLayoutClass" } }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"geo-table-filter\"\n  [class.geo-table-filter--expanded]=\"advancedExpanded\"\n  [class.geo-table-filter--no-desktop-toggle]=\"!showAdvancedToggle\"\n>\n  <div class=\"geo-table-filter__layout\">\n    <div class=\"geo-table-filter__fields\">\n      <ng-content></ng-content>\n    </div>\n\n    <div class=\"geo-table-filter__actions\">\n      <geo-button\n        appearance=\"primary\"\n        color=\"brand\"\n        icon=\"search\"\n        [disabled]=\"searchLoading\"\n        (clicked)=\"onSearch()\"\n      >\n        {{ searchLabel }}\n      </geo-button>\n\n      @if (showAdvancedToggle) {\n        <span\n          class=\"geo-table-filter__toggle\"\n          [class.geo-table-filter__toggle--active]=\"advancedExpanded\"\n          [class.geo-table-filter__toggle--has-count]=\"advancedFilterCount > 0\"\n        >\n          <geo-button\n            appearance=\"secondary\"\n            color=\"brand\"\n            icon=\"filter\"\n            [iconOnly]=\"true\"\n            [title]=\"filterToggleTitle\"\n            [attr.aria-expanded]=\"advancedExpanded\"\n            (clicked)=\"toggleAdvanced()\"\n          ></geo-button>\n          @if (advancedFilterCount > 0) {\n            <span class=\"geo-table-filter__toggle-badge\" aria-hidden=\"true\">\n              {{ advancedFilterCount > 99 ? '99+' : advancedFilterCount }}\n            </span>\n          }\n        </span>\n      }\n\n      @if (showReset) {\n        <geo-button\n          appearance=\"secondary\"\n          color=\"brand\"\n          icon=\"reload\"\n          [iconOnly]=\"true\"\n          [title]=\"resetTitle\"\n          (clicked)=\"onReset()\"\n        ></geo-button>\n      }\n    </div>\n\n    <div\n      class=\"geo-table-filter__advanced\"\n      [class.geo-table-filter__advanced--visible]=\"advancedExpanded\"\n    >\n      <ng-content select=\"[advanced]\"></ng-content>\n    </div>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block;--geo-table-filter-cols: 4;--geo-table-filter-total-cols: 5;--geo-table-filter-gap: 15px}.geo-table-filter{display:block}.geo-table-filter__layout{display:grid;grid-template-columns:repeat(var(--geo-table-filter-total-cols),minmax(0,1fr));grid-template-rows:auto auto;gap:var(--geo-table-filter-gap);align-items:start}.geo-table-filter__fields{grid-column:1/-2;grid-row:1;display:grid;grid-template-columns:repeat(var(--geo-table-filter-cols),minmax(0,1fr));gap:var(--geo-table-filter-gap);align-items:end;min-width:0}.geo-table-filter__fields>*{min-width:0;width:100%;max-width:100%;box-sizing:border-box}.geo-table-filter__actions{grid-column:-2/-1;grid-row:1;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;align-self:start;gap:8px;min-width:0;width:100%;padding-top:22px;box-sizing:border-box}.geo-table-filter__advanced{grid-column:1/-1;grid-row:2;display:none;grid-template-columns:repeat(var(--geo-table-filter-total-cols),minmax(0,1fr));gap:var(--geo-table-filter-gap);align-items:end;min-width:0}.geo-table-filter__advanced>*{min-width:0;width:100%;max-width:100%;box-sizing:border-box}.geo-table-filter__advanced--visible{display:grid}.geo-table-filter--no-desktop-toggle .geo-table-filter__toggle{display:none}.geo-table-filter__toggle{position:relative;display:inline-flex;flex-shrink:0}.geo-table-filter__toggle--active ::ng-deep .geo-button.geo-button--secondary{background:var(--geo-color-primary-default);border-color:var(--geo-color-primary-default);color:var(--geo-color-neutral-white)}.geo-table-filter__toggle--active ::ng-deep .geo-button.geo-button--secondary:hover:not(:disabled){background:var(--geo-color-primary-hover);border-color:var(--geo-color-primary-hover);color:var(--geo-color-neutral-white)}.geo-table-filter__toggle--has-count:not(.geo-table-filter__toggle--active) ::ng-deep .geo-button.geo-button--secondary{background:var(--geo-color-primary-surface-light)}.geo-table-filter__toggle-badge{position:absolute;top:-6px;right:-6px;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--geo-color-primary-default);color:var(--geo-color-neutral-white);font-size:11px;font-weight:600;line-height:1;box-sizing:border-box;pointer-events:none}.geo-table-filter__toggle--active .geo-table-filter__toggle-badge{background:var(--geo-color-neutral-white);color:var(--geo-color-primary-default);border:1px solid rgba(255,255,255,.35)}@media (max-width: 1023px){:host{--geo-table-filter-gap: 12px}}:host(.geo-table-filter--stacked) .geo-table-filter__layout{display:flex;flex-direction:column;gap:var(--geo-table-filter-gap)}:host(.geo-table-filter--stacked) .geo-table-filter__actions{order:1;width:100%;justify-content:flex-end;align-self:stretch;padding-top:0}:host(.geo-table-filter--stacked) .geo-table-filter__fields{order:2;width:100%}:host(.geo-table-filter--stacked) .geo-table-filter__advanced{order:3;width:100%}@media (max-width: 479px){:host{--geo-table-filter-gap: 10px}:host(.geo-table-filter--stacked) .geo-table-filter__actions{flex-wrap:wrap}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: GeoButtonComponent, selector: "geo-button", inputs: ["appearance", "color", "icon", "iconTheme", "iconPlacement", "iconOnly", "type", "disabled", "tooltip", "tooltipPlacement", "active", "title"], outputs: ["clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoTableFilterComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'geo-table-filter', standalone: true, imports: [CommonModule, GeoButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  class=\"geo-table-filter\"\n  [class.geo-table-filter--expanded]=\"advancedExpanded\"\n  [class.geo-table-filter--no-desktop-toggle]=\"!showAdvancedToggle\"\n>\n  <div class=\"geo-table-filter__layout\">\n    <div class=\"geo-table-filter__fields\">\n      <ng-content></ng-content>\n    </div>\n\n    <div class=\"geo-table-filter__actions\">\n      <geo-button\n        appearance=\"primary\"\n        color=\"brand\"\n        icon=\"search\"\n        [disabled]=\"searchLoading\"\n        (clicked)=\"onSearch()\"\n      >\n        {{ searchLabel }}\n      </geo-button>\n\n      @if (showAdvancedToggle) {\n        <span\n          class=\"geo-table-filter__toggle\"\n          [class.geo-table-filter__toggle--active]=\"advancedExpanded\"\n          [class.geo-table-filter__toggle--has-count]=\"advancedFilterCount > 0\"\n        >\n          <geo-button\n            appearance=\"secondary\"\n            color=\"brand\"\n            icon=\"filter\"\n            [iconOnly]=\"true\"\n            [title]=\"filterToggleTitle\"\n            [attr.aria-expanded]=\"advancedExpanded\"\n            (clicked)=\"toggleAdvanced()\"\n          ></geo-button>\n          @if (advancedFilterCount > 0) {\n            <span class=\"geo-table-filter__toggle-badge\" aria-hidden=\"true\">\n              {{ advancedFilterCount > 99 ? '99+' : advancedFilterCount }}\n            </span>\n          }\n        </span>\n      }\n\n      @if (showReset) {\n        <geo-button\n          appearance=\"secondary\"\n          color=\"brand\"\n          icon=\"reload\"\n          [iconOnly]=\"true\"\n          [title]=\"resetTitle\"\n          (clicked)=\"onReset()\"\n        ></geo-button>\n      }\n    </div>\n\n    <div\n      class=\"geo-table-filter__advanced\"\n      [class.geo-table-filter__advanced--visible]=\"advancedExpanded\"\n    >\n      <ng-content select=\"[advanced]\"></ng-content>\n    </div>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block;--geo-table-filter-cols: 4;--geo-table-filter-total-cols: 5;--geo-table-filter-gap: 15px}.geo-table-filter{display:block}.geo-table-filter__layout{display:grid;grid-template-columns:repeat(var(--geo-table-filter-total-cols),minmax(0,1fr));grid-template-rows:auto auto;gap:var(--geo-table-filter-gap);align-items:start}.geo-table-filter__fields{grid-column:1/-2;grid-row:1;display:grid;grid-template-columns:repeat(var(--geo-table-filter-cols),minmax(0,1fr));gap:var(--geo-table-filter-gap);align-items:end;min-width:0}.geo-table-filter__fields>*{min-width:0;width:100%;max-width:100%;box-sizing:border-box}.geo-table-filter__actions{grid-column:-2/-1;grid-row:1;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;align-self:start;gap:8px;min-width:0;width:100%;padding-top:22px;box-sizing:border-box}.geo-table-filter__advanced{grid-column:1/-1;grid-row:2;display:none;grid-template-columns:repeat(var(--geo-table-filter-total-cols),minmax(0,1fr));gap:var(--geo-table-filter-gap);align-items:end;min-width:0}.geo-table-filter__advanced>*{min-width:0;width:100%;max-width:100%;box-sizing:border-box}.geo-table-filter__advanced--visible{display:grid}.geo-table-filter--no-desktop-toggle .geo-table-filter__toggle{display:none}.geo-table-filter__toggle{position:relative;display:inline-flex;flex-shrink:0}.geo-table-filter__toggle--active ::ng-deep .geo-button.geo-button--secondary{background:var(--geo-color-primary-default);border-color:var(--geo-color-primary-default);color:var(--geo-color-neutral-white)}.geo-table-filter__toggle--active ::ng-deep .geo-button.geo-button--secondary:hover:not(:disabled){background:var(--geo-color-primary-hover);border-color:var(--geo-color-primary-hover);color:var(--geo-color-neutral-white)}.geo-table-filter__toggle--has-count:not(.geo-table-filter__toggle--active) ::ng-deep .geo-button.geo-button--secondary{background:var(--geo-color-primary-surface-light)}.geo-table-filter__toggle-badge{position:absolute;top:-6px;right:-6px;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--geo-color-primary-default);color:var(--geo-color-neutral-white);font-size:11px;font-weight:600;line-height:1;box-sizing:border-box;pointer-events:none}.geo-table-filter__toggle--active .geo-table-filter__toggle-badge{background:var(--geo-color-neutral-white);color:var(--geo-color-primary-default);border:1px solid rgba(255,255,255,.35)}@media (max-width: 1023px){:host{--geo-table-filter-gap: 12px}}:host(.geo-table-filter--stacked) .geo-table-filter__layout{display:flex;flex-direction:column;gap:var(--geo-table-filter-gap)}:host(.geo-table-filter--stacked) .geo-table-filter__actions{order:1;width:100%;justify-content:flex-end;align-self:stretch;padding-top:0}:host(.geo-table-filter--stacked) .geo-table-filter__fields{order:2;width:100%}:host(.geo-table-filter--stacked) .geo-table-filter__advanced{order:3;width:100%}@media (max-width: 479px){:host{--geo-table-filter-gap: 10px}:host(.geo-table-filter--stacked) .geo-table-filter__actions{flex-wrap:wrap}}\n"] }]
+        }], propDecorators: { columns: [{
+                type: Input
+            }], responsiveColumns: [{
+                type: Input
+            }], responsiveCollapse: [{
+                type: Input
+            }], mobileBreakpoint: [{
+                type: Input
+            }], gap: [{
+                type: Input
+            }], searchLabel: [{
+                type: Input
+            }], searchLoading: [{
+                type: Input
+            }], showAdvancedToggle: [{
+                type: Input
+            }], showReset: [{
+                type: Input
+            }], advancedExpanded: [{
+                type: Input
+            }], advancedFilterCount: [{
+                type: Input
+            }], filterToggleTitle: [{
+                type: Input
+            }], resetTitle: [{
+                type: Input
+            }], search: [{
+                type: Output
+            }], reset: [{
+                type: Output
+            }], advancedExpandedChange: [{
+                type: Output
+            }], hostColumns: [{
+                type: HostBinding,
+                args: ['style.--geo-table-filter-cols']
+            }], hostTotalColumns: [{
+                type: HostBinding,
+                args: ['style.--geo-table-filter-total-cols']
+            }], hostGap: [{
+                type: HostBinding,
+                args: ['style.--geo-table-filter-gap.px']
+            }], stackedLayoutClass: [{
+                type: HostBinding,
+                args: ['class.geo-table-filter--stacked']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VvLXRhYmxlLWZpbHRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9nZW8tdWkvc3JjL2xpYi9maWdtYS9nZW8tdGFibGUvZ2VvLXRhYmxlLWZpbHRlci9nZW8tdGFibGUtZmlsdGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dlby11aS9zcmMvbGliL2ZpZ21hL2dlby10YWJsZS9nZW8tdGFibGUtZmlsdGVyL2dlby10YWJsZS1maWx0ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUVMLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osV0FBVyxFQUNYLEtBQUssRUFDTCxNQUFNLEVBR04sTUFBTSxFQUVOLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7O0FBRTNFLG1FQUFtRTtBQUNuRSxNQUFNLGVBQWUsR0FBa0Q7SUFDckUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxDQUFDLEVBQUU7SUFDM0IsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxDQUFDLEVBQUU7SUFDM0IsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxDQUFDLEVBQUU7SUFDM0IsRUFBRSxRQUFRLEVBQUUsR0FBRyxFQUFFLElBQUksRUFBRSxDQUFDLEVBQUU7SUFDMUIsRUFBRSxRQUFRLEVBQUUsQ0FBQyxFQUFFLElBQUksRUFBRSxDQUFDLEVBQUU7Q0FDekIsQ0FBQztBQUVGOzs7Ozs7Ozs7Ozs7OztHQWNHO0FBU0gsTUFBTSxPQUFPLHVCQUF1QjtJQUNq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QVc7c0JBRGQsV0FBVzt1QkFBQywrQkFBK0I7Z0JBT3hDLGdCQUFnQjtzQkFEbkIsV0FBVzt1QkFBQyxxQ0FBcUM7Z0JBTTlDLE9BQU87c0JBRFYsV0FBVzt1QkFBQyxpQ0FBaUM7Z0JBTTFDLGtCQUFrQjtzQkFEckIsV0FBVzt1QkFBQyxpQ0FBaUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG4gIE5nWm9uZSxcbiAgT25DaGFuZ2VzLFxuICBPbkRlc3Ryb3ksXG4gIE91dHB1dCxcbiAgU2ltcGxlQ2hhbmdlcyxcbiAgaW5qZWN0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBHZW9CdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi8uLi9nZW8tYnV0dG9uL2dlby1idXR0b24uY29tcG9uZW50JztcblxuLyoqIEJyZWFrcG9pbnQgKHB4KSDihpIgc+G7kSBj4buZdCB04buRaSDEkWEga2hpIGByZXNwb25zaXZlQ29sdW1uc2AgYuG6rXQuICovXG5jb25zdCBDT0xfQlJFQUtQT0lOVFM6IHJlYWRvbmx5IHsgbWluV2lkdGg6IG51bWJlcjsgY29sczogbnVtYmVyIH1bXSA9IFtcbiAgeyBtaW5XaWR0aDogMTQwMCwgY29sczogNCB9LFxuICB7IG1pbldpZHRoOiAxMjAwLCBjb2xzOiA0IH0sXG4gIHsgbWluV2lkdGg6IDEwMjQsIGNvbHM6IDMgfSxcbiAgeyBtaW5XaWR0aDogNzY4LCBjb2xzOiAyIH0sXG4gIHsgbWluV2lkdGg6IDAsIGNvbHM6IDEgfSxcbl07XG5cbi8qKlxuICogVGhhbmggbOG7jWMgcGjDrWEgdHLDqm4gYuG6o25nOiBmaWVsZCBjaMOtbmggKyBhY3Rpb25zIChUw6xtIGtp4bq/bSAvIELhu5kgbOG7jWMgbsOibmcgY2FvIC8gUmVzZXQpLlxuICpcbiAqICMjIFPhu5EgY+G7mXQgaGnhu4NuIHRo4buLXG4gKiAtIGBbY29sdW1uc109XCI0XCJgIOKAlCA0IGPhu5l0IGZpZWxkICsgMSBj4buZdCBhY3Rpb25zID0gZ3JpZCA1IGPhu5l0IMSR4buBdS5cbiAqIC0gYFtyZXNwb25zaXZlQ29sdW1uc109XCJmYWxzZVwiYCDigJQgZ2nhu68gxJHDum5nIGBjb2x1bW5zYCwga2jDtG5nIGdp4bqjbSB0aGVvIGJyZWFrcG9pbnQuXG4gKlxuICogIyMgTGF5b3V0XG4gKiAtIEdyaWQgxJHhu4F1IGBjb2x1bW5zICsgMWA6IGZpZWxkIGPhu5l0IDEuLk4sIGFjdGlvbnMgY+G7mXQgY3Xhu5FpLlxuICogLSBBZHZhbmNlZCBzcGFuIGZ1bGwgd2lkdGggKGAxIC8gLTFgKSB24bubaSBjw7luZyBgY29sdW1ucyArIDFgIGPhu5l0IOKGkiBwaOG7pyBj4bqjIGPhu5l0IGJ1dHRvbi5cbiAqIC0gU3RhY2tlZCAobcOgbiBo4bq5cCk6IGFjdGlvbnMg4oaSIGZpZWxkcyDihpIgYWR2YW5jZWQuXG4gKlxuICogIyMgQ29udGVudCBwcm9qZWN0aW9uXG4gKiAtIERlZmF1bHQ6IGx1w7RuIGhp4buHbi4gU2xvdCBgW2FkdmFuY2VkXWA6IGNo4buJIGhp4buHbiBraGkgYGFkdmFuY2VkRXhwYW5kZWRgLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdnZW8tdGFibGUtZmlsdGVyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgR2VvQnV0dG9uQ29tcG9uZW50XSxcbiAgdGVtcGxhdGVVcmw6ICcuL2dlby10YWJsZS1maWx0ZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vZ2VvLXRhYmxlLWZpbHRlci5jb21wb25lbnQuc2NzcycsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxufSlcbmV4cG9ydCBjbGFzcyBHZW9UYWJsZUZpbHRlckNvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQsIE9uQ2hhbmdlcywgT25EZXN0cm95IHtcbiAgcHJpdmF0ZSByZWFkb25seSBob3N0ID0gaW5qZWN0KEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+KTtcbiAgcHJpdmF0ZSByZWFkb25seSBuZ1pvbmUgPSBpbmplY3QoTmdab25lKTtcbiAgcHJpdmF0ZSByZWFkb25seSBjZHIgPSBpbmplY3QoQ2hhbmdlRGV0ZWN0b3JSZWYpO1xuXG4gIC8qKlxuICAgKiBT4buRIGPhu5l0IGZpZWxkIG3hu5dpIGjDoG5nICht4bq3YyDEkeG7i25oIDQg4oaSIHThu5VuZyA1IGPhu5l0IGfhu5NtIGFjdGlvbnMpLlxuICAgKiBWw60gZOG7pTogNCBmaWVsZCArIGNvbHVtbnM9MiDihpIgMiBow6BuZyDDlyAyIGPhu5l0IGZpZWxkICgrIDEgY+G7mXQgYWN0aW9ucykuXG4gICAqL1xuICBASW5wdXQoKSBjb2x1bW5zID0gNDtcbiAgLyoqXG4gICAqIEtoaSBgdHJ1ZWAgKG3hurdjIMSR4buLbmgpOiBz4buRIGPhu5l0IHRo4buxYyB04bq/IOKJpCBgY29sdW1uc2AgdGhlbyBicmVha3BvaW50LlxuICAgKiBLaGkgYGZhbHNlYDogbHXDtG4gZMO5bmcgxJHDum5nIGBjb2x1bW5zYC5cbiAgICovXG4gIEBJbnB1dCgpIHJlc3BvbnNpdmVDb2x1bW5zID0gdHJ1ZTtcbiAgLyoqIMSQxrBhIGFjdGlvbnMgbMOqbiBow6BuZyDEkeG6p3Uga2hpIG3DoG4gaOG6uXAgKHN0YWNrZWQpLiAqL1xuICBASW5wdXQoKSByZXNwb25zaXZlQ29sbGFwc2UgPSB0cnVlO1xuICAvKiogQnJlYWtwb2ludCBjaHV54buDbiBsYXlvdXQgc3RhY2tlZCAocHgpLiAqL1xuICBASW5wdXQoKSBtb2JpbGVCcmVha3BvaW50ID0gMTAyNDtcbiAgLyoqIEtob+G6o25nIGPDoWNoIGdyaWQgKHB4KS4gKi9cbiAgQElucHV0KCkgZ2FwID0gMTU7XG5cbiAgQElucHV0KCkgc2VhcmNoTGFiZWwgPSAnVMOsbSBraeG6v20nO1xuICBASW5wdXQoKSBzZWFyY2hMb2FkaW5nID0gZmFsc2U7XG4gIC8qKiBIaeG7h24gbsO6dCBt4bufL8SRw7NuZyBzbG90IGBbYWR2YW5jZWRdYC4gKi9cbiAgQElucHV0KCkgc2hvd0FkdmFuY2VkVG9nZ2xlID0gdHJ1ZTtcbiAgQElucHV0KCkgc2hvd1Jlc2V0ID0gdHJ1ZTtcbiAgLyoqIE3hu58gcGFuZWwgZmllbGQgbsOibmcgY2FvIChgW2FkdmFuY2VkXWApLiAqL1xuICBASW5wdXQoKSBhZHZhbmNlZEV4cGFuZGVkID0gZmFsc2U7XG4gIC8qKlxuICAgKiBT4buRIGZpZWxkIGFkdmFuY2VkIMSRYW5nIGPDsyBnacOhIHRy4buLIOKAlCBoaeG7h24gYmFkZ2UgdHLDqm4gbsO6dCBleHBhbmQuXG4gICAqIFBhcmVudCB04buxIHTDrW5oICh2ZC4gYGNvdW50RmlsbGVkRmlsdGVycyhxdWVyeSwgQURWQU5DRURfS0VZUylgKS5cbiAgICovXG4gIEBJbnB1dCgpIGFkdmFuY2VkRmlsdGVyQ291bnQgPSAwO1xuICBASW5wdXQoKSBmaWx0ZXJUb2dnbGVUaXRsZSA9ICdC4buZIGzhu41jIG7Dom5nIGNhbyc7XG4gIEBJbnB1dCgpIHJlc2V0VGl0bGUgPSAnWMOzYSBi4buZIGzhu41jJztcblxuICBAT3V0cHV0KCkgc2VhcmNoID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICBAT3V0cHV0KCkgcmVzZXQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBPdXRwdXQoKSBhZHZhbmNlZEV4cGFuZGVkQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpO1xuXG4gIGVmZmVjdGl2ZUNvbHMgPSA0O1xuICBzdGFja2VkTGF5b3V0ID0gZmFsc2U7XG5cbiAgcHJpdmF0ZSByZXNpemVPYnNlcnZlcj86IFJlc2l6ZU9ic2VydmVyO1xuICBwcml2YXRlIGxheW91dEZyYW1lPzogbnVtYmVyO1xuXG4gIEBIb3N0QmluZGluZygnc3R5bGUuLS1nZW8tdGFibGUtZmlsdGVyLWNvbHMnKVxuICBnZXQgaG9zdENvbHVtbnMoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gdGhpcy5lZmZlY3RpdmVDb2xzO1xuICB9XG5cbiAgLyoqIFThu5VuZyBj4buZdCBncmlkID0gZmllbGQgY29scyArIDEgY+G7mXQgYWN0aW9ucy4gKi9cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS4tLWdlby10YWJsZS1maWx0ZXItdG90YWwtY29scycpXG4gIGdldCBob3N0VG90YWxDb2x1bW5zKCk6IG51bWJlciB7XG4gICAgcmV0dXJuIHRoaXMuZWZmZWN0aXZlQ29scyArIDE7XG4gIH1cblxuICBASG9zdEJpbmRpbmcoJ3N0eWxlLi0tZ2VvLXRhYmxlLWZpbHRlci1nYXAucHgnKVxuICBnZXQgaG9zdEdhcCgpOiBudW1iZXIge1xuICAgIHJldHVybiB0aGlzLmdhcDtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZ2VvLXRhYmxlLWZpbHRlci0tc3RhY2tlZCcpXG4gIGdldCBzdGFja2VkTGF5b3V0Q2xhc3MoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuc3RhY2tlZExheW91dDtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoXG4gICAgICBjaGFuZ2VzWydjb2x1bW5zJ10gfHxcbiAgICAgIGNoYW5nZXNbJ3Jlc3BvbnNpdmVDb2x1bW5zJ10gfHxcbiAgICAgIGNoYW5nZXNbJ3Jlc3BvbnNpdmVDb2xsYXBzZSddIHx8XG4gICAgICBjaGFuZ2VzWydtb2JpbGVCcmVha3BvaW50J11cbiAgICApIHtcbiAgICAgIHRoaXMuc2NoZWR1bGVMYXlvdXQoKTtcbiAgICB9XG4gIH1cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgdGhpcy5uZ1pvbmUucnVuT3V0c2lkZUFuZ3VsYXIoKCkgPT4ge1xuICAgICAgdGhpcy5yZXNpemVPYnNlcnZlciA9IG5ldyBSZXNpemVPYnNlcnZlcigoKSA9PiB0aGlzLnNjaGVkdWxlTGF5b3V0KCkpO1xuICAgICAgdGhpcy5yZXNpemVPYnNlcnZlci5vYnNlcnZlKHRoaXMuaG9zdC5uYXRpdmVFbGVtZW50KTtcbiAgICB9KTtcbiAgICB0aGlzLnNjaGVkdWxlTGF5b3V0KCk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLnJlc2l6ZU9ic2VydmVyPy5kaXNjb25uZWN0KCk7XG4gICAgaWYgKHRoaXMubGF5b3V0RnJhbWUpIHtcbiAgICAgIGNhbmNlbEFuaW1hdGlvbkZyYW1lKHRoaXMubGF5b3V0RnJhbWUpO1xuICAgIH1cbiAgfVxuXG4gIHRvZ2dsZUFkdmFuY2VkKCk6IHZvaWQge1xuICAgIGNvbnN0IG5leHQgPSAhdGhpcy5hZHZhbmNlZEV4cGFuZGVkO1xuICAgIHRoaXMuYWR2YW5jZWRFeHBhbmRlZCA9IG5leHQ7XG4gICAgdGhpcy5hZHZhbmNlZEV4cGFuZGVkQ2hhbmdlLmVtaXQobmV4dCk7XG4gIH1cblxuICBvblNlYXJjaCgpOiB2b2lkIHtcbiAgICB0aGlzLnNlYXJjaC5lbWl0KCk7XG4gIH1cblxuICBvblJlc2V0KCk6IHZvaWQge1xuICAgIHRoaXMucmVzZXQuZW1pdCgpO1xuICB9XG5cbiAgcHJpdmF0ZSBzY2hlZHVsZUxheW91dCgpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5sYXlvdXRGcmFtZSkge1xuICAgICAgY2FuY2VsQW5pbWF0aW9uRnJhbWUodGhpcy5sYXlvdXRGcmFtZSk7XG4gICAgfVxuICAgIHRoaXMubGF5b3V0RnJhbWUgPSByZXF1ZXN0QW5pbWF0aW9uRnJhbWUoKCkgPT4ge1xuICAgICAgdGhpcy5uZ1pvbmUucnVuKCgpID0+IHtcbiAgICAgICAgdGhpcy51cGRhdGVSZXNwb25zaXZlTGF5b3V0KCk7XG4gICAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgICAgfSk7XG4gICAgfSk7XG4gIH1cblxuICBwcml2YXRlIHVwZGF0ZVJlc3BvbnNpdmVMYXlvdXQoKTogdm9pZCB7XG4gICAgY29uc3QgaG9zdFdpZHRoID0gdGhpcy5ob3N0Lm5hdGl2ZUVsZW1lbnQuY2xpZW50V2lkdGggfHwgMDtcbiAgICB0aGlzLmVmZmVjdGl2ZUNvbHMgPSB0aGlzLmdldEVmZmVjdGl2ZUNvbHMoaG9zdFdpZHRoKTtcbiAgICAvLyAxIGPhu5l0IC8gZMaw4bubaSBicmVha3BvaW50OiBzdGFja2VkIOKAlCBhY3Rpb25zIGzDqm4gaMOgbmcgxJHhuqd1LlxuICAgIHRoaXMuc3RhY2tlZExheW91dCA9XG4gICAgICB0aGlzLmVmZmVjdGl2ZUNvbHMgPT09IDEgfHxcbiAgICAgICh0aGlzLnJlc3BvbnNpdmVDb2xsYXBzZSAmJiBob3N0V2lkdGggPiAwICYmIGhvc3RXaWR0aCA8IHRoaXMubW9iaWxlQnJlYWtwb2ludCk7XG4gIH1cblxuICBwcml2YXRlIGdldEVmZmVjdGl2ZUNvbHMod2lkdGg6IG51bWJlcik6IG51bWJlciB7XG4gICAgY29uc3QgcmVxdWVzdGVkID0gTWF0aC5tYXgoMSwgTWF0aC5mbG9vcih0aGlzLmNvbHVtbnMpIHx8IDEpO1xuICAgIGlmICghdGhpcy5yZXNwb25zaXZlQ29sdW1ucykge1xuICAgICAgcmV0dXJuIHJlcXVlc3RlZDtcbiAgICB9XG4gICAgaWYgKHdpZHRoIDw9IDApIHtcbiAgICAgIHJldHVybiByZXF1ZXN0ZWQ7XG4gICAgfVxuICAgIGNvbnN0IHByZXNldCA9IENPTF9CUkVBS1BPSU5UUy5maW5kKChicCkgPT4gd2lkdGggPj0gYnAubWluV2lkdGgpPy5jb2xzID8/IDE7XG4gICAgcmV0dXJuIE1hdGgubWluKHJlcXVlc3RlZCwgcHJlc2V0KTtcbiAgfVxufVxuIiwiPGRpdlxuICBjbGFzcz1cImdlby10YWJsZS1maWx0ZXJcIlxuICBbY2xhc3MuZ2VvLXRhYmxlLWZpbHRlci0tZXhwYW5kZWRdPVwiYWR2YW5jZWRFeHBhbmRlZFwiXG4gIFtjbGFzcy5nZW8tdGFibGUtZmlsdGVyLS1uby1kZXNrdG9wLXRvZ2dsZV09XCIhc2hvd0FkdmFuY2VkVG9nZ2xlXCJcbj5cbiAgPGRpdiBjbGFzcz1cImdlby10YWJsZS1maWx0ZXJfX2xheW91dFwiPlxuICAgIDxkaXYgY2xhc3M9XCJnZW8tdGFibGUtZmlsdGVyX19maWVsZHNcIj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cblxuICAgIDxkaXYgY2xhc3M9XCJnZW8tdGFibGUtZmlsdGVyX19hY3Rpb25zXCI+XG4gICAgICA8Z2VvLWJ1dHRvblxuICAgICAgICBhcHBlYXJhbmNlPVwicHJpbWFyeVwiXG4gICAgICAgIGNvbG9yPVwiYnJhbmRcIlxuICAgICAgICBpY29uPVwic2VhcmNoXCJcbiAgICAgICAgW2Rpc2FibGVkXT1cInNlYXJjaExvYWRpbmdcIlxuICAgICAgICAoY2xpY2tlZCk9XCJvblNlYXJjaCgpXCJcbiAgICAgID5cbiAgICAgICAge3sgc2VhcmNoTGFiZWwgfX1cbiAgICAgIDwvZ2VvLWJ1dHRvbj5cblxuICAgICAgQGlmIChzaG93QWR2YW5jZWRUb2dnbGUpIHtcbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBjbGFzcz1cImdlby10YWJsZS1maWx0ZXJfX3RvZ2dsZVwiXG4gICAgICAgICAgW2NsYXNzLmdlby10YWJsZS1maWx0ZXJfX3RvZ2dsZS0tYWN0aXZlXT1cImFkdmFuY2VkRXhwYW5kZWRcIlxuICAgICAgICAgIFtjbGFzcy5nZW8tdGFibGUtZmlsdGVyX190b2dnbGUtLWhhcy1jb3VudF09XCJhZHZhbmNlZEZpbHRlckNvdW50ID4gMFwiXG4gICAgICAgID5cbiAgICAgICAgICA8Z2VvLWJ1dHRvblxuICAgICAgICAgICAgYXBwZWFyYW5jZT1cInNlY29uZGFyeVwiXG4gICAgICAgICAgICBjb2xvcj1cImJyYW5kXCJcbiAgICAgICAgICAgIGljb249XCJmaWx0ZXJcIlxuICAgICAgICAgICAgW2ljb25Pbmx5XT1cInRydWVcIlxuICAgICAgICAgICAgW3RpdGxlXT1cImZpbHRlclRvZ2dsZVRpdGxlXCJcbiAgICAgICAgICAgIFthdHRyLmFyaWEtZXhwYW5kZWRdPVwiYWR2YW5jZWRFeHBhbmRlZFwiXG4gICAgICAgICAgICAoY2xpY2tlZCk9XCJ0b2dnbGVBZHZhbmNlZCgpXCJcbiAgICAgICAgICA+PC9nZW8tYnV0dG9uPlxuICAgICAgICAgIEBpZiAoYWR2YW5jZWRGaWx0ZXJDb3VudCA+IDApIHtcbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZ2VvLXRhYmxlLWZpbHRlcl9fdG9nZ2xlLWJhZGdlXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICAgICAgICAgIHt7IGFkdmFuY2VkRmlsdGVyQ291bnQgPiA5OSA/ICc5OSsnIDogYWR2YW5jZWRGaWx0ZXJDb3VudCB9fVxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgIH1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgfVxuXG4gICAgICBAaWYgKHNob3dSZXNldCkge1xuICAgICAgICA8Z2VvLWJ1dHRvblxuICAgICAgICAgIGFwcGVhcmFuY2U9XCJzZWNvbmRhcnlcIlxuICAgICAgICAgIGNvbG9yPVwiYnJhbmRcIlxuICAgICAgICAgIGljb249XCJyZWxvYWRcIlxuICAgICAgICAgIFtpY29uT25seV09XCJ0cnVlXCJcbiAgICAgICAgICBbdGl0bGVdPVwicmVzZXRUaXRsZVwiXG4gICAgICAgICAgKGNsaWNrZWQpPVwib25SZXNldCgpXCJcbiAgICAgICAgPjwvZ2VvLWJ1dHRvbj5cbiAgICAgIH1cbiAgICA8L2Rpdj5cblxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwiZ2VvLXRhYmxlLWZpbHRlcl9fYWR2YW5jZWRcIlxuICAgICAgW2NsYXNzLmdlby10YWJsZS1maWx0ZXJfX2FkdmFuY2VkLS12aXNpYmxlXT1cImFkdmFuY2VkRXhwYW5kZWRcIlxuICAgID5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIlthZHZhbmNlZF1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

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

@@ -0,0 +1,118 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { NgZorroAntdModule } from '../../../ng-zorro/ng-zorro-antd.module';
+import { GeoSelectComponent } from '../../geo-select/geo-select.component';
+import { DEFAULT_UI_TABLE_PAGE_SIZE_OPTIONS } from '../geo-table.types';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+export class GeoTablePaginationComponent {
+    pageIndex = 1;
+    pageSize = 10;
+    total = 0;
+    pageSizeOptions = DEFAULT_UI_TABLE_PAGE_SIZE_OPTIONS;
+    showSizeChanger = true;
+    hideOnSinglePage = false;
+    showTotalRange = true;
+    sizeLabel = 'Hiển thị';
+    pageIndexChange = new EventEmitter();
+    pageSizeChange = new EventEmitter();
+    get rangeStart() {
+        if (this.total === 0) {
+            return 0;
+        }
+        return (this.pageIndex - 1) * this.pageSize + 1;
+    }
+    get rangeEnd() {
+        if (this.total === 0) {
+            return 0;
+        }
+        return Math.min(this.pageIndex * this.pageSize, this.total);
+    }
+    get totalPages() {
+        return Math.max(1, Math.ceil(this.total / this.pageSize));
+    }
+    get sizeOptions() {
+        return this.pageSizeOptions.map((size) => ({
+            label: size.toString(),
+            value: size,
+        }));
+    }
+    get visible() {
+        if (this.hideOnSinglePage && this.total <= this.pageSize) {
+            return false;
+        }
+        return this.total > 0;
+    }
+    get pages() {
+        return this.buildPageList(this.pageIndex, this.totalPages);
+    }
+    get isFirstPage() {
+        return this.pageIndex <= 1;
+    }
+    get isLastPage() {
+        return this.pageIndex >= this.totalPages;
+    }
+    onPageSizeChange(value) {
+        if (typeof value === 'number') {
+            this.pageSizeChange.emit(value);
+        }
+    }
+    goToFirst() {
+        this.goToPage(1);
+    }
+    goToPrev() {
+        this.goToPage(this.pageIndex - 1);
+    }
+    goToNext() {
+        this.goToPage(this.pageIndex + 1);
+    }
+    goToLast() {
+        this.goToPage(this.totalPages);
+    }
+    goToPage(page) {
+        const next = Math.min(Math.max(page, 1), this.totalPages);
+        if (next !== this.pageIndex) {
+            this.pageIndexChange.emit(next);
+        }
+    }
+    buildPageList(current, total) {
+        if (total <= 5) {
+            return Array.from({ length: total }, (_, index) => index + 1);
+        }
+        if (current <= 3) {
+            return [1, 2, 3, 'ellipsis', total];
+        }
+        if (current >= total - 2) {
+            return [1, 'ellipsis', total - 2, total - 1, total];
+        }
+        return [1, 'ellipsis', current - 1, current, current + 1, 'ellipsis', total];
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoTablePaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoTablePaginationComponent, isStandalone: true, selector: "geo-table-pagination", inputs: { pageIndex: "pageIndex", pageSize: "pageSize", total: "total", pageSizeOptions: "pageSizeOptions", showSizeChanger: "showSizeChanger", hideOnSinglePage: "hideOnSinglePage", showTotalRange: "showTotalRange", sizeLabel: "sizeLabel" }, outputs: { pageIndexChange: "pageIndexChange", pageSizeChange: "pageSizeChange" }, ngImport: i0, template: "@if (visible) {\n  <div class=\"geo-table-pagination\">\n    <div class=\"geo-table-pagination__left\">\n      @if (showTotalRange) {\n        <p class=\"geo-table-pagination__total\">\n          <strong>{{ rangeStart }}-{{ rangeEnd }}</strong> tr\u00EAn t\u1ED5ng <strong>{{ total }}</strong>\n        </p>\n      }\n\n      @if (showSizeChanger) {\n        <div class=\"geo-table-pagination__size\">\n          <span class=\"geo-table-pagination__size-label\">{{ sizeLabel }}</span>\n          <geo-select\n            class=\"geo-table-pagination__size-select\"\n            size=\"small\"\n            [options]=\"sizeOptions\"\n            [allowClear]=\"false\"\n            [ngModel]=\"pageSize\"\n            (valueChange)=\"onPageSizeChange($event)\"\n          ></geo-select>\n        </div>\n      }\n    </div>\n\n    <div class=\"geo-table-pagination__nav\" role=\"navigation\" aria-label=\"Ph\u00E2n trang\">\n      <button\n        type=\"button\"\n        class=\"geo-table-pagination__btn\"\n        title=\"Trang \u0111\u1EA7u\"\n        [disabled]=\"isFirstPage\"\n        (click)=\"goToFirst()\"\n      >\n        <span aria-hidden=\"true\">&laquo;</span>\n      </button>\n\n      <button\n        type=\"button\"\n        class=\"geo-table-pagination__btn\"\n        title=\"Trang tr\u01B0\u1EDBc\"\n        [disabled]=\"isFirstPage\"\n        (click)=\"goToPrev()\"\n      >\n        <span aria-hidden=\"true\">&lsaquo;</span>\n      </button>\n\n      @for (page of pages; track $index) {\n        @if (page === 'ellipsis') {\n          <span class=\"geo-table-pagination__ellipsis\" aria-hidden=\"true\">...</span>\n        } @else {\n          <button\n            type=\"button\"\n            class=\"geo-table-pagination__btn geo-table-pagination__btn--page\"\n            [class.geo-table-pagination__btn--active]=\"page === pageIndex\"\n            [attr.aria-current]=\"page === pageIndex ? 'page' : null\"\n            [attr.aria-label]=\"'Trang ' + page\"\n            (click)=\"goToPage(page)\"\n          >\n            {{ page }}\n          </button>\n        }\n      }\n\n      <button\n        type=\"button\"\n        class=\"geo-table-pagination__btn\"\n        title=\"Trang k\u1EBF\"\n        [disabled]=\"isLastPage\"\n        (click)=\"goToNext()\"\n      >\n        <span aria-hidden=\"true\">&rsaquo;</span>\n      </button>\n\n      <button\n        type=\"button\"\n        class=\"geo-table-pagination__btn\"\n        title=\"Trang cu\u1ED1i\"\n        [disabled]=\"isLastPage\"\n        (click)=\"goToLast()\"\n      >\n        <span aria-hidden=\"true\">&raquo;</span>\n      </button>\n    </div>\n  </div>\n}\n", styles: [":host{display:block}.geo-table-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;flex-wrap:wrap}.geo-table-pagination__left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.geo-table-pagination__total{margin:0;font-size:14px;line-height:20px;color:var(--geo-color-neutral-700);white-space:nowrap}.geo-table-pagination__total strong{color:var(--geo-color-neutral-900);font-weight:600}.geo-table-pagination__size{display:inline-flex;align-items:center;gap:8px}.geo-table-pagination__size-label{font-size:14px;line-height:20px;color:var(--geo-color-neutral-700);white-space:nowrap}.geo-table-pagination__size-select{width:72px}.geo-table-pagination__nav{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.geo-table-pagination__btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border:1px solid var(--geo-color-primary-border);border-radius:var(--geo-radius);background:var(--geo-color-neutral-white);color:var(--geo-color-neutral-900);font-size:14px;line-height:1;cursor:pointer;transition:border-color .15s ease,color .15s ease}.geo-table-pagination__btn:hover:not(:disabled){border-color:var(--geo-color-primary-default);color:var(--geo-color-primary-default)}.geo-table-pagination__btn:disabled{cursor:not-allowed;color:var(--geo-color-neutral-300);border-color:var(--geo-color-primary-border);background:var(--geo-color-neutral-white)}.geo-table-pagination__btn--page{min-width:32px;padding:0;font-weight:400}.geo-table-pagination__btn--active{border-color:var(--geo-color-primary-default)!important;color:var(--geo-color-primary-default)!important;background:var(--geo-color-neutral-white);font-weight:500}.geo-table-pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;color:var(--geo-color-neutral-900);font-size:14px;letter-spacing:1px;-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NgZorroAntdModule }, { kind: "component", type: GeoSelectComponent, selector: "geo-select", inputs: ["options", "label", "placeholder", "size", "mode", "disabled", "required", "error", "errorMessage", "allowClear", "showSearch", "block", "width"], outputs: ["valueChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoTablePaginationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'geo-table-pagination', standalone: true, imports: [CommonModule, FormsModule, NgZorroAntdModule, GeoSelectComponent], template: "@if (visible) {\n  <div class=\"geo-table-pagination\">\n    <div class=\"geo-table-pagination__left\">\n      @if (showTotalRange) {\n        <p class=\"geo-table-pagination__total\">\n          <strong>{{ rangeStart }}-{{ rangeEnd }}</strong> tr\u00EAn t\u1ED5ng <strong>{{ total }}</strong>\n        </p>\n      }\n\n      @if (showSizeChanger) {\n        <div class=\"geo-table-pagination__size\">\n          <span class=\"geo-table-pagination__size-label\">{{ sizeLabel }}</span>\n          <geo-select\n            class=\"geo-table-pagination__size-select\"\n            size=\"small\"\n            [options]=\"sizeOptions\"\n            [allowClear]=\"false\"\n            [ngModel]=\"pageSize\"\n            (valueChange)=\"onPageSizeChange($event)\"\n          ></geo-select>\n        </div>\n      }\n    </div>\n\n    <div class=\"geo-table-pagination__nav\" role=\"navigation\" aria-label=\"Ph\u00E2n trang\">\n      <button\n        type=\"button\"\n        class=\"geo-table-pagination__btn\"\n        title=\"Trang \u0111\u1EA7u\"\n        [disabled]=\"isFirstPage\"\n        (click)=\"goToFirst()\"\n      >\n        <span aria-hidden=\"true\">&laquo;</span>\n      </button>\n\n      <button\n        type=\"button\"\n        class=\"geo-table-pagination__btn\"\n        title=\"Trang tr\u01B0\u1EDBc\"\n        [disabled]=\"isFirstPage\"\n        (click)=\"goToPrev()\"\n      >\n        <span aria-hidden=\"true\">&lsaquo;</span>\n      </button>\n\n      @for (page of pages; track $index) {\n        @if (page === 'ellipsis') {\n          <span class=\"geo-table-pagination__ellipsis\" aria-hidden=\"true\">...</span>\n        } @else {\n          <button\n            type=\"button\"\n            class=\"geo-table-pagination__btn geo-table-pagination__btn--page\"\n            [class.geo-table-pagination__btn--active]=\"page === pageIndex\"\n            [attr.aria-current]=\"page === pageIndex ? 'page' : null\"\n            [attr.aria-label]=\"'Trang ' + page\"\n            (click)=\"goToPage(page)\"\n          >\n            {{ page }}\n          </button>\n        }\n      }\n\n      <button\n        type=\"button\"\n        class=\"geo-table-pagination__btn\"\n        title=\"Trang k\u1EBF\"\n        [disabled]=\"isLastPage\"\n        (click)=\"goToNext()\"\n      >\n        <span aria-hidden=\"true\">&rsaquo;</span>\n      </button>\n\n      <button\n        type=\"button\"\n        class=\"geo-table-pagination__btn\"\n        title=\"Trang cu\u1ED1i\"\n        [disabled]=\"isLastPage\"\n        (click)=\"goToLast()\"\n      >\n        <span aria-hidden=\"true\">&raquo;</span>\n      </button>\n    </div>\n  </div>\n}\n", styles: [":host{display:block}.geo-table-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;flex-wrap:wrap}.geo-table-pagination__left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.geo-table-pagination__total{margin:0;font-size:14px;line-height:20px;color:var(--geo-color-neutral-700);white-space:nowrap}.geo-table-pagination__total strong{color:var(--geo-color-neutral-900);font-weight:600}.geo-table-pagination__size{display:inline-flex;align-items:center;gap:8px}.geo-table-pagination__size-label{font-size:14px;line-height:20px;color:var(--geo-color-neutral-700);white-space:nowrap}.geo-table-pagination__size-select{width:72px}.geo-table-pagination__nav{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.geo-table-pagination__btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border:1px solid var(--geo-color-primary-border);border-radius:var(--geo-radius);background:var(--geo-color-neutral-white);color:var(--geo-color-neutral-900);font-size:14px;line-height:1;cursor:pointer;transition:border-color .15s ease,color .15s ease}.geo-table-pagination__btn:hover:not(:disabled){border-color:var(--geo-color-primary-default);color:var(--geo-color-primary-default)}.geo-table-pagination__btn:disabled{cursor:not-allowed;color:var(--geo-color-neutral-300);border-color:var(--geo-color-primary-border);background:var(--geo-color-neutral-white)}.geo-table-pagination__btn--page{min-width:32px;padding:0;font-weight:400}.geo-table-pagination__btn--active{border-color:var(--geo-color-primary-default)!important;color:var(--geo-color-primary-default)!important;background:var(--geo-color-neutral-white);font-weight:500}.geo-table-pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;color:var(--geo-color-neutral-900);font-size:14px;letter-spacing:1px;-webkit-user-select:none;user-select:none}\n"] }]
+        }], propDecorators: { pageIndex: [{
+                type: Input
+            }], pageSize: [{
+                type: Input
+            }], total: [{
+                type: Input
+            }], pageSizeOptions: [{
+                type: Input
+            }], showSizeChanger: [{
+                type: Input
+            }], hideOnSinglePage: [{
+                type: Input
+            }], showTotalRange: [{
+                type: Input
+            }], sizeLabel: [{
+                type: Input
+            }], pageIndexChange: [{
+                type: Output
+            }], pageSizeChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2VvLXRhYmxlLXBhZ2luYXRpb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZ2VvLXVpL3NyYy9saWIvZmlnbWEvZ2VvLXRhYmxlL2dlby10YWJsZS1wYWdpbmF0aW9uL2dlby10YWJsZS1wYWdpbmF0aW9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2dlby11aS9zcmMvbGliL2ZpZ21hL2dlby10YWJsZS9nZW8tdGFibGUtcGFnaW5hdGlvbi9nZW8tdGFibGUtcGFnaW5hdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFFM0UsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDM0UsT0FBTyxFQUFFLGtDQUFrQyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7OztBQVd4RSxNQUFNLE9BQU8sMkJBQTJCO0lBQzdCLFNBQVMsR0FBRyxDQUFDLENBQUM7SUFDZCxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ2QsS0FBSyxHQUFHLENBQUMsQ0FBQztJQUNWLGVBQWUsR0FBYSxrQ0FBa0MsQ0FBQztJQUMvRCxlQUFlLEdBQUcsSUFBSSxDQUFDO0lBQ3ZCLGdCQUFnQixHQUFHLEtBQUssQ0FBQztJQUN6QixjQUFjLEdBQUcsSUFBSSxDQUFDO0lBQ3RCLFNBQVMsR0FBRyxVQUFVLENBQUM7SUFFdEIsZUFBZSxHQUFHLElBQUksWUFBWSxFQUFV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QkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBRUksZUFBZTtzQkFBeEIsTUFBTTtnQkFDRyxjQUFjO3NCQUF2QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IE5nWm9ycm9BbnRkTW9kdWxlIH0gZnJvbSAnLi4vLi4vLi4vbmctem9ycm8vbmctem9ycm8tYW50ZC5tb2R1bGUnO1xuaW1wb3J0IHsgR2VvU2VsZWN0T3B0aW9uIH0gZnJvbSAnLi4vLi4vZ2VvLXNlbGVjdC9nZW8tc2VsZWN0LnR5cGVzJztcbmltcG9ydCB7IEdlb1NlbGVjdENvbXBvbmVudCB9IGZyb20gJy4uLy4uL2dlby1zZWxlY3QvZ2VvLXNlbGVjdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgREVGQVVMVF9VSV9UQUJMRV9QQUdFX1NJWkVfT1BUSU9OUyB9IGZyb20gJy4uL2dlby10YWJsZS50eXBlcyc7XG5cbmV4cG9ydCB0eXBlIEdlb1RhYmxlUGFnaW5hdGlvblBhZ2VJdGVtID0gbnVtYmVyIHwgJ2VsbGlwc2lzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZ2VvLXRhYmxlLXBhZ2luYXRpb24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBGb3Jtc01vZHVsZSwgTmdab3Jyb0FudGRNb2R1bGUsIEdlb1NlbGVjdENvbXBvbmVudF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9nZW8tdGFibGUtcGFnaW5hdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi9nZW8tdGFibGUtcGFnaW5hdGlvbi5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIEdlb1RhYmxlUGFnaW5hdGlvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHBhZ2VJbmRleCA9IDE7XG4gIEBJbnB1dCgpIHBhZ2VTaXplID0gMTA7XG4gIEBJbnB1dCgpIHRvdGFsID0gMDtcbiAgQElucHV0KCkgcGFnZVNpemVPcHRpb25zOiBudW1iZXJbXSA9IERFRkFVTFRfVUlfVEFCTEVfUEFHRV9TSVpFX09QVElPTlM7XG4gIEBJbnB1dCgpIHNob3dTaXplQ2hhbmdlciA9IHRydWU7XG4gIEBJbnB1dCgpIGhpZGVPblNpbmdsZVBhZ2UgPSBmYWxzZTtcbiAgQElucHV0KCkgc2hvd1RvdGFsUmFuZ2UgPSB0cnVlO1xuICBASW5wdXQoKSBzaXplTGFiZWwgPSAnSGnhu4NuIHRo4buLJztcblxuICBAT3V0cHV0KCkgcGFnZUluZGV4Q2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG4gIEBPdXRwdXQoKSBwYWdlU2l6ZUNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8bnVtYmVyPigpO1xuXG4gIGdldCByYW5nZVN0YXJ0KCk6IG51bWJlciB7XG4gICAgaWYgKHRoaXMudG90YWwgPT09IDApIHtcbiAgICAgIHJldHVybiAwO1xuICAgIH1cblxuICAgIHJldHVybiAodGhpcy5wYWdlSW5kZXggLSAxKSAqIHRoaXMucGFnZVNpemUgKyAxO1xuICB9XG5cbiAgZ2V0IHJhbmdlRW5kKCk6IG51bWJlciB7XG4gICAgaWYgKHRoaXMudG90YWwgPT09IDApIHtcbiAgICAgIHJldHVybiAwO1xuICAgIH1cblxuICAgIHJldHVybiBNYXRoLm1pbih0aGlzLnBhZ2VJbmRleCAqIHRoaXMucGFnZVNpemUsIHRoaXMudG90YWwpO1xuICB9XG5cbiAgZ2V0IHRvdGFsUGFnZXMoKTogbnVtYmVyIHtcbiAgICByZXR1cm4gTWF0aC5tYXgoMSwgTWF0aC5jZWlsKHRoaXMudG90YWwgLyB0aGlzLnBhZ2VTaXplKSk7XG4gIH1cblxuICBnZXQgc2l6ZU9wdGlvbnMoKTogR2VvU2VsZWN0T3B0aW9uPG51bWJlcj5bXSB7XG4gICAgcmV0dXJuIHRoaXMucGFnZVNpemVPcHRpb25zLm1hcCgoc2l6ZSkgPT4gKHtcbiAgICAgIGxhYmVsOiBzaXplLnRvU3RyaW5nKCksXG4gICAgICB2YWx1ZTogc2l6ZSxcbiAgICB9KSk7XG4gIH1cblxuICBnZXQgdmlzaWJsZSgpOiBib29sZWFuIHtcbiAgICBpZiAodGhpcy5oaWRlT25TaW5nbGVQYWdlICYmIHRoaXMudG90YWwgPD0gdGhpcy5wYWdlU2l6ZSkge1xuICAgICAgcmV0dXJuIGZhbHNlO1xuICAgIH1cblxuICAgIHJldHVybiB0aGlzLnRvdGFsID4gMDtcbiAgfVxuXG4gIGdldCBwYWdlcygpOiBHZW9UYWJsZVBhZ2luYXRpb25QYWdlSXRlbVtdIHtcbiAgICByZXR1cm4gdGhpcy5idWlsZFBhZ2VMaXN0KHRoaXMucGFnZUluZGV4LCB0aGlzLnRvdGFsUGFnZXMpO1xuICB9XG5cbiAgZ2V0IGlzRmlyc3RQYWdlKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLnBhZ2VJbmRleCA8PSAxO1xuICB9XG5cbiAgZ2V0IGlzTGFzdFBhZ2UoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMucGFnZUluZGV4ID49IHRoaXMudG90YWxQYWdlcztcbiAgfVxuXG4gIG9uUGFnZVNpemVDaGFuZ2UodmFsdWU6IHN0cmluZyB8IG51bWJlciB8IEFycmF5PHN0cmluZyB8IG51bWJlcj4gfCBudWxsKTogdm9pZCB7XG4gICAgaWYgKHR5cGVvZiB2YWx1ZSA9PT0gJ251bWJlcicpIHtcbiAgICAgIHRoaXMucGFnZVNpemVDaGFuZ2UuZW1pdCh2YWx1ZSk7XG4gICAgfVxuICB9XG5cbiAgZ29Ub0ZpcnN0KCk6IHZvaWQge1xuICAgIHRoaXMuZ29Ub1BhZ2UoMSk7XG4gIH1cblxuICBnb1RvUHJldigpOiB2b2lkIHtcbiAgICB0aGlzLmdvVG9QYWdlKHRoaXMucGFnZUluZGV4IC0gMSk7XG4gIH1cblxuICBnb1RvTmV4dCgpOiB2b2lkIHtcbiAgICB0aGlzLmdvVG9QYWdlKHRoaXMucGFnZUluZGV4ICsgMSk7XG4gIH1cblxuICBnb1RvTGFzdCgpOiB2b2lkIHtcbiAgICB0aGlzLmdvVG9QYWdlKHRoaXMudG90YWxQYWdlcyk7XG4gIH1cblxuICBnb1RvUGFnZShwYWdlOiBudW1iZXIpOiB2b2lkIHtcbiAgICBjb25zdCBuZXh0ID0gTWF0aC5taW4oTWF0aC5tYXgocGFnZSwgMSksIHRoaXMudG90YWxQYWdlcyk7XG4gICAgaWYgKG5leHQgIT09IHRoaXMucGFnZUluZGV4KSB7XG4gICAgICB0aGlzLnBhZ2VJbmRleENoYW5nZS5lbWl0KG5leHQpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgYnVpbGRQYWdlTGlzdChjdXJyZW50OiBudW1iZXIsIHRvdGFsOiBudW1iZXIpOiBHZW9UYWJsZVBhZ2luYXRpb25QYWdlSXRlbVtdIHtcbiAgICBpZiAodG90YWwgPD0gNSkge1xuICAgICAgcmV0dXJuIEFycmF5LmZyb20oeyBsZW5ndGg6IHRvdGFsIH0sIChfLCBpbmRleCkgPT4gaW5kZXggKyAxKTtcbiAgICB9XG5cbiAgICBpZiAoY3VycmVudCA8PSAzKSB7XG4gICAgICByZXR1cm4gWzEsIDIsIDMsICdlbGxpcHNpcycsIHRvdGFsXTtcbiAgICB9XG5cbiAgICBpZiAoY3VycmVudCA+PSB0b3RhbCAtIDIpIHtcbiAgICAgIHJldHVybiBbMSwgJ2VsbGlwc2lzJywgdG90YWwgLSAyLCB0b3RhbCAtIDEsIHRvdGFsXTtcbiAgICB9XG5cbiAgICByZXR1cm4gWzEsICdlbGxpcHNpcycsIGN1cnJlbnQgLSAxLCBjdXJyZW50LCBjdXJyZW50ICsgMSwgJ2VsbGlwc2lzJywgdG90YWxdO1xuICB9XG59XG4iLCJAaWYgKHZpc2libGUpIHtcbiAgPGRpdiBjbGFzcz1cImdlby10YWJsZS1wYWdpbmF0aW9uXCI+XG4gICAgPGRpdiBjbGFzcz1cImdlby10YWJsZS1wYWdpbmF0aW9uX19sZWZ0XCI+XG4gICAgICBAaWYgKHNob3dUb3RhbFJhbmdlKSB7XG4gICAgICAgIDxwIGNsYXNzPVwiZ2VvLXRhYmxlLXBhZ2luYXRpb25fX3RvdGFsXCI+XG4gICAgICAgICAgPHN0cm9uZz57eyByYW5nZVN0YXJ0IH19LXt7IHJhbmdlRW5kIH19PC9zdHJvbmc+IHRyw6puIHThu5VuZyA8c3Ryb25nPnt7IHRvdGFsIH19PC9zdHJvbmc+XG4gICAgICAgIDwvcD5cbiAgICAgIH1cblxuICAgICAgQGlmIChzaG93U2l6ZUNoYW5nZXIpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cImdlby10YWJsZS1wYWdpbmF0aW9uX19zaXplXCI+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJnZW8tdGFibGUtcGFnaW5hdGlvbl9fc2l6ZS1sYWJlbFwiPnt7IHNpemVMYWJlbCB9fTwvc3Bhbj5cbiAgICAgICAgICA8Z2VvLXNlbGVjdFxuICAgICAgICAgICAgY2xhc3M9XCJnZW8tdGFibGUtcGFnaW5hdGlvbl9fc2l6ZS1zZWxlY3RcIlxuICAgICAgICAgICAgc2l6ZT1cInNtYWxsXCJcbiAgICAgICAgICAgIFtvcHRpb25zXT1cInNpemVPcHRpb25zXCJcbiAgICAgICAgICAgIFthbGxvd0NsZWFyXT1cImZhbHNlXCJcbiAgICAgICAgICAgIFtuZ01vZGVsXT1cInBhZ2VTaXplXCJcbiAgICAgICAgICAgICh2YWx1ZUNoYW5nZSk9XCJvblBhZ2VTaXplQ2hhbmdlKCRldmVudClcIlxuICAgICAgICAgID48L2dlby1zZWxlY3Q+XG4gICAgICAgIDwvZGl2PlxuICAgICAgfVxuICAgIDwvZGl2PlxuXG4gICAgPGRpdiBjbGFzcz1cImdlby10YWJsZS1wYWdpbmF0aW9uX19uYXZcIiByb2xlPVwibmF2aWdhdGlvblwiIGFyaWEtbGFiZWw9XCJQaMOibiB0cmFuZ1wiPlxuICAgICAgPGJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgY2xhc3M9XCJnZW8tdGFibGUtcGFnaW5hdGlvbl9fYnRuXCJcbiAgICAgICAgdGl0bGU9XCJUcmFuZyDEkeG6p3VcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiaXNGaXJzdFBhZ2VcIlxuICAgICAgICAoY2xpY2spPVwiZ29Ub0ZpcnN0KClcIlxuICAgICAgPlxuICAgICAgICA8c3BhbiBhcmlhLWhpZGRlbj1cInRydWVcIj4mbGFxdW87PC9zcGFuPlxuICAgICAgPC9idXR0b24+XG5cbiAgICAgIDxidXR0b25cbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIGNsYXNzPVwiZ2VvLXRhYmxlLXBhZ2luYXRpb25fX2J0blwiXG4gICAgICAgIHRpdGxlPVwiVHJhbmcgdHLGsOG7m2NcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiaXNGaXJzdFBhZ2VcIlxuICAgICAgICAoY2xpY2spPVwiZ29Ub1ByZXYoKVwiXG4gICAgICA+XG4gICAgICAgIDxzcGFuIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPiZsc2FxdW87PC9zcGFuPlxuICAgICAgPC9idXR0b24+XG5cbiAgICAgIEBmb3IgKHBhZ2Ugb2YgcGFnZXM7IHRyYWNrICRpbmRleCkge1xuICAgICAgICBAaWYgKHBhZ2UgPT09ICdlbGxpcHNpcycpIHtcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cImdlby10YWJsZS1wYWdpbmF0aW9uX19lbGxpcHNpc1wiIGFyaWEtaGlkZGVuPVwidHJ1ZVwiPi4uLjwvc3Bhbj5cbiAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgICAgICBjbGFzcz1cImdlby10YWJsZS1wYWdpbmF0aW9uX19idG4gZ2VvLXRhYmxlLXBhZ2luYXRpb25fX2J0bi0tcGFnZVwiXG4gICAgICAgICAgICBbY2xhc3MuZ2VvLXRhYmxlLXBhZ2luYXRpb25fX2J0bi0tYWN0aXZlXT1cInBhZ2UgPT09IHBhZ2VJbmRleFwiXG4gICAgICAgICAgICBbYXR0ci5hcmlhLWN1cnJlbnRdPVwicGFnZSA9PT0gcGFnZUluZGV4ID8gJ3BhZ2UnIDogbnVsbFwiXG4gICAgICAgICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cIidUcmFuZyAnICsgcGFnZVwiXG4gICAgICAgICAgICAoY2xpY2spPVwiZ29Ub1BhZ2UocGFnZSlcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHt7IHBhZ2UgfX1cbiAgICAgICAgICA8L2J1dHRvbj5cbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICA8YnV0dG9uXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICBjbGFzcz1cImdlby10YWJsZS1wYWdpbmF0aW9uX19idG5cIlxuICAgICAgICB0aXRsZT1cIlRyYW5nIGvhur9cIlxuICAgICAgICBbZGlzYWJsZWRdPVwiaXNMYXN0UGFnZVwiXG4gICAgICAgIChjbGljayk9XCJnb1RvTmV4dCgpXCJcbiAgICAgID5cbiAgICAgICAgPHNwYW4gYXJpYS1oaWRkZW49XCJ0cnVlXCI+JnJzYXF1bzs8L3NwYW4+XG4gICAgICA8L2J1dHRvbj5cblxuICAgICAgPGJ1dHRvblxuICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgY2xhc3M9XCJnZW8tdGFibGUtcGFnaW5hdGlvbl9fYnRuXCJcbiAgICAgICAgdGl0bGU9XCJUcmFuZyBjdeG7kWlcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiaXNMYXN0UGFnZVwiXG4gICAgICAgIChjbGljayk9XCJnb1RvTGFzdCgpXCJcbiAgICAgID5cbiAgICAgICAgPHNwYW4gYXJpYS1oaWRkZW49XCJ0cnVlXCI+JnJhcXVvOzwvc3Bhbj5cbiAgICAgIDwvYnV0dG9uPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbn1cbiJdfQ==

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

@@ -0,0 +1,68 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import { CommonModule } from '@angular/common';
+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 = [];
+    /** 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;
+        }
+        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"] }] });
+}
+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==