@geoit/ui 0.0.2

package/fesm2022/geoit-ui.mjs

@@ -0,0 +1,3805 @@
+import * as i0 from '@angular/core';
+import { NgModule, EventEmitter, Component, ViewEncapsulation, Input, Output, inject, ChangeDetectionStrategy, forwardRef, ViewChild, ChangeDetectorRef, Directive, ContentChildren, ElementRef, NgZone, HostBinding, Injectable } from '@angular/core';
+import { NzAffixModule } from 'ng-zorro-antd/affix';
+import { NzAlertModule } from 'ng-zorro-antd/alert';
+import { NzAnchorModule } from 'ng-zorro-antd/anchor';
+import { NzAutocompleteModule } from 'ng-zorro-antd/auto-complete';
+import { NzAvatarModule } from 'ng-zorro-antd/avatar';
+import { NzBackTopModule } from 'ng-zorro-antd/back-top';
+import { NzBadgeModule } from 'ng-zorro-antd/badge';
+import * as i2 from 'ng-zorro-antd/breadcrumb';
+import { NzBreadCrumbModule } from 'ng-zorro-antd/breadcrumb';
+import * as i1$9 from 'ng-zorro-antd/button';
+import { NzButtonModule } from 'ng-zorro-antd/button';
+import { NzCalendarModule } from 'ng-zorro-antd/calendar';
+import { NzCardModule } from 'ng-zorro-antd/card';
+import { NzCarouselModule } from 'ng-zorro-antd/carousel';
+import { NzCascaderModule } from 'ng-zorro-antd/cascader';
+import * as i1$3 from 'ng-zorro-antd/checkbox';
+import { NzCheckboxModule } from 'ng-zorro-antd/checkbox';
+import { NzCollapseModule } from 'ng-zorro-antd/collapse';
+import { NzCommentModule } from 'ng-zorro-antd/comment';
+import { NzNoAnimationModule } from 'ng-zorro-antd/core/no-animation';
+import { NzTransButtonModule } from 'ng-zorro-antd/core/trans-button';
+import * as i3$4 from 'ng-zorro-antd/core/wave';
+import { NzWaveModule } from 'ng-zorro-antd/core/wave';
+import * as i3$2 from 'ng-zorro-antd/date-picker';
+import { NzDatePickerModule } from 'ng-zorro-antd/date-picker';
+import { NzDescriptionsModule } from 'ng-zorro-antd/descriptions';
+import { NzDividerModule } from 'ng-zorro-antd/divider';
+import { NzDrawerModule } from 'ng-zorro-antd/drawer';
+import * as i2$5 from 'ng-zorro-antd/dropdown';
+import { NzDropDownModule } from 'ng-zorro-antd/dropdown';
+import { NzEmptyModule } from 'ng-zorro-antd/empty';
+import { NzFormModule } from 'ng-zorro-antd/form';
+import { NzGridModule } from 'ng-zorro-antd/grid';
+import { NzI18nModule } from 'ng-zorro-antd/i18n';
+import * as i1 from 'ng-zorro-antd/icon';
+import { NzIconModule } from 'ng-zorro-antd/icon';
+import { NzImageModule } from 'ng-zorro-antd/image';
+import { NzInputModule } from 'ng-zorro-antd/input';
+import { NzInputNumberModule } from 'ng-zorro-antd/input-number';
+import { NzLayoutModule } from 'ng-zorro-antd/layout';
+import { NzListModule } from 'ng-zorro-antd/list';
+import { NzMentionModule } from 'ng-zorro-antd/mention';
+import { NzMenuModule } from 'ng-zorro-antd/menu';
+import { NzMessageModule } from 'ng-zorro-antd/message';
+import * as i3$1 from 'ng-zorro-antd/modal';
+import { NzModalModule } from 'ng-zorro-antd/modal';
+import { NzNotificationModule, NzNotificationService } from 'ng-zorro-antd/notification';
+import { NzPageHeaderModule } from 'ng-zorro-antd/page-header';
+import * as i1$6 from 'ng-zorro-antd/pagination';
+import { NzPaginationModule } from 'ng-zorro-antd/pagination';
+import { NzPopconfirmModule } from 'ng-zorro-antd/popconfirm';
+import { NzPopoverModule } from 'ng-zorro-antd/popover';
+import { NzProgressModule } from 'ng-zorro-antd/progress';
+import * as i2$2 from 'ng-zorro-antd/radio';
+import { NzRadioModule } from 'ng-zorro-antd/radio';
+import { NzRateModule } from 'ng-zorro-antd/rate';
+import { NzResultModule } from 'ng-zorro-antd/result';
+import * as i3$3 from 'ng-zorro-antd/select';
+import { NzSelectModule } from 'ng-zorro-antd/select';
+import { NzSkeletonModule } from 'ng-zorro-antd/skeleton';
+import * as i2$3 from 'ng-zorro-antd/slider';
+import { NzSliderModule } from 'ng-zorro-antd/slider';
+import { NzSpinModule } from 'ng-zorro-antd/spin';
+import { NzStatisticModule } from 'ng-zorro-antd/statistic';
+import { NzStepsModule } from 'ng-zorro-antd/steps';
+import { NzSwitchModule } from 'ng-zorro-antd/switch';
+import * as i1$7 from 'ng-zorro-antd/table';
+import { NzTableModule } from 'ng-zorro-antd/table';
+import * as i2$4 from 'ng-zorro-antd/tabs';
+import { NzTabsModule } from 'ng-zorro-antd/tabs';
+import { NzTagModule } from 'ng-zorro-antd/tag';
+import { NzTimePickerModule } from 'ng-zorro-antd/time-picker';
+import { NzTimelineModule } from 'ng-zorro-antd/timeline';
+import * as i3 from 'ng-zorro-antd/tooltip';
+import { NzToolTipModule } from 'ng-zorro-antd/tooltip';
+import { NzTransferModule } from 'ng-zorro-antd/transfer';
+import * as i1$8 from 'ng-zorro-antd/tree';
+import { NzTreeModule } from 'ng-zorro-antd/tree';
+import { NzTreeViewModule } from 'ng-zorro-antd/tree-view';
+import { NzTreeSelectModule } from 'ng-zorro-antd/tree-select';
+import { NzTypographyModule } from 'ng-zorro-antd/typography';
+import * as i2$1 from 'ng-zorro-antd/upload';
+import { NzUploadModule } from 'ng-zorro-antd/upload';
+import { NzResizableModule } from 'ng-zorro-antd/resizable';
+import { NzPipesModule } from 'ng-zorro-antd/pipes';
+import { NzSpaceModule } from 'ng-zorro-antd/space';
+import { NzSegmentedModule } from 'ng-zorro-antd/segmented';
+import * as i1$2 from '@angular/common';
+import { CommonModule, Location } from '@angular/common';
+import * as i1$1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import * as i1$4 from '@angular/forms';
+import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
+import * as i1$5 from 'ng-zorro-antd/core/transition-patch';
+import { Subscription } from 'rxjs';
+import { NzConfigService } from 'ng-zorro-antd/core/config';
+
+/**
+ * GEO UI design tokens (TypeScript).
+ * Mirror of CSS variables in design-tokens.scss — use for JS/theme config only.
+ */
+const geoColorTokens = {
+    primary: {
+        default: '#9A4828',
+        hover: '#7D3A20',
+        light: '#B5643F',
+        dark: '#2C1810',
+        background: '#FAF5ED',
+        backgroundAlt: '#F5F0E8',
+        border: '#E8E0D8',
+        surfaceLight: '#F8E6DE',
+        secondaryHover: '#FAF5ED',
+    },
+    neutral: {
+        900: '#111827',
+        800: '#212121',
+        700: '#374151',
+        500: '#6B7280',
+        400: '#9CA3AF',
+        300: '#D1D5DB',
+        200: '#E5E7EB',
+        100: '#F3F4F6',
+        white: '#FFFFFF',
+        disabledText: '#8F9294',
+    },
+    success: {
+        dark: '#166534',
+        default: '#22C55E',
+        light: '#DCFCE7',
+    },
+    error: {
+        dark: '#991B1B',
+        default: '#DC2626',
+        light: '#FEE2E2',
+    },
+    warning: {
+        dark: '#92400E',
+        default: '#F59E0B',
+        light: '#FEF3C7',
+    },
+    info: {
+        dark: '#1E40AF',
+        default: '#3B82F6',
+        light: '#DBEAFE',
+    },
+    teal: {
+        dark: '#0F766E',
+        default: '#14B8A6',
+        light: '#CCFBF1',
+    },
+};
+/** CSS custom property names for each token path. */
+const geoColorCssVars = {
+    primary: {
+        default: '--geo-color-primary-default',
+        hover: '--geo-color-primary-hover',
+        light: '--geo-color-primary-light',
+        dark: '--geo-color-primary-dark',
+        background: '--geo-color-primary-background',
+        backgroundAlt: '--geo-color-primary-background-alt',
+        border: '--geo-color-primary-border',
+        surfaceLight: '--geo-color-primary-surface-light',
+        secondaryHover: '--geo-color-primary-secondary-hover',
+    },
+    neutral: {
+        900: '--geo-color-neutral-900',
+        800: '--geo-color-neutral-800',
+        700: '--geo-color-neutral-700',
+        500: '--geo-color-neutral-500',
+        400: '--geo-color-neutral-400',
+        300: '--geo-color-neutral-300',
+        200: '--geo-color-neutral-200',
+        100: '--geo-color-neutral-100',
+        white: '--geo-color-neutral-white',
+        disabledText: '--geo-color-neutral-disabled-text',
+    },
+    success: {
+        dark: '--geo-color-success-dark',
+        default: '--geo-color-success-default',
+        light: '--geo-color-success-light',
+    },
+    error: {
+        dark: '--geo-color-error-dark',
+        default: '--geo-color-error-default',
+        light: '--geo-color-error-light',
+    },
+    warning: {
+        dark: '--geo-color-warning-dark',
+        default: '--geo-color-warning-default',
+        light: '--geo-color-warning-light',
+    },
+    info: {
+        dark: '--geo-color-info-dark',
+        default: '--geo-color-info-default',
+        light: '--geo-color-info-light',
+    },
+    teal: {
+        dark: '--geo-color-teal-dark',
+        default: '--geo-color-teal-default',
+        light: '--geo-color-teal-light',
+    },
+};
+function cssVar(name) {
+    return `var(${name})`;
+}
+/** Typography design tokens (Inter + type scale). */
+const geoTypographyTokens = {
+    fontFamily: "'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif",
+    weight: {
+        regular: 400,
+        medium: 500,
+        semibold: 600,
+        bold: 700,
+    },
+    scale: {
+        h1: { size: '28px', weight: 700, lineHeight: '36px' },
+        h2: { size: '24px', weight: 700, lineHeight: '32px' },
+        h3: { size: '20px', weight: 700, lineHeight: '28px' },
+        h4: { size: '16px', weight: 700, lineHeight: '24px' },
+        subtitle: { size: '14px', weight: 600, lineHeight: '20px' },
+        body: { size: '14px', weight: 400, lineHeight: '20px' },
+        bodySmall: { size: '13px', weight: 400, lineHeight: '18px' },
+        caption: { size: '12px', weight: 400, lineHeight: '16px' },
+        overline: { size: '11px', weight: 600, lineHeight: '16px' },
+        tiny: { size: '10px', weight: 400, lineHeight: '14px' },
+    },
+};
+/** Border radius design tokens (default 6px). */
+const geoRadiusTokens = {
+    default: '6px',
+    sm: '6px',
+    md: '6px',
+    lg: '6px',
+};
+const geoRadiusCssVars = {
+    default: '--geo-radius',
+    sm: '--geo-radius-sm',
+    md: '--geo-radius-md',
+    lg: '--geo-radius-lg',
+};
+
+class NgZorroAntdModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NgZorroAntdModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: NgZorroAntdModule, exports: [NzAffixModule,
+            NzAlertModule,
+            NzAnchorModule,
+            NzAutocompleteModule,
+            NzAvatarModule,
+            NzBackTopModule,
+            NzBadgeModule,
+            NzButtonModule,
+            NzBreadCrumbModule,
+            NzCalendarModule,
+            NzCardModule,
+            NzCarouselModule,
+            NzCascaderModule,
+            NzCheckboxModule,
+            NzCollapseModule,
+            NzCommentModule,
+            NzDatePickerModule,
+            NzDescriptionsModule,
+            NzDividerModule,
+            NzDrawerModule,
+            NzDropDownModule,
+            NzEmptyModule,
+            NzFormModule,
+            NzGridModule,
+            NzI18nModule,
+            NzIconModule,
+            NzImageModule,
+            NzInputModule,
+            NzInputNumberModule,
+            NzLayoutModule,
+            NzListModule,
+            NzMentionModule,
+            NzMenuModule,
+            NzMessageModule,
+            NzModalModule,
+            NzNoAnimationModule,
+            NzNotificationModule,
+            NzPageHeaderModule,
+            NzPaginationModule,
+            NzPopconfirmModule,
+            NzPopoverModule,
+            NzProgressModule,
+            NzRadioModule,
+            NzRateModule,
+            NzResultModule,
+            NzSelectModule,
+            NzSkeletonModule,
+            NzSliderModule,
+            NzSpinModule,
+            NzStatisticModule,
+            NzStepsModule,
+            NzSwitchModule,
+            NzTableModule,
+            NzTabsModule,
+            NzTagModule,
+            NzTimePickerModule,
+            NzTimelineModule,
+            NzToolTipModule,
+            NzTransButtonModule,
+            NzTransferModule,
+            NzTreeModule,
+            NzTreeViewModule,
+            NzTreeSelectModule,
+            NzTypographyModule,
+            NzUploadModule,
+            NzWaveModule,
+            NzResizableModule,
+            NzPipesModule,
+            NzSpaceModule,
+            NzSegmentedModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NgZorroAntdModule, imports: [NzAffixModule,
+            NzAlertModule,
+            NzAnchorModule,
+            NzAutocompleteModule,
+            NzAvatarModule,
+            NzBackTopModule,
+            NzBadgeModule,
+            NzButtonModule,
+            NzBreadCrumbModule,
+            NzCalendarModule,
+            NzCardModule,
+            NzCarouselModule,
+            NzCascaderModule,
+            NzCheckboxModule,
+            NzCollapseModule,
+            NzCommentModule,
+            NzDatePickerModule,
+            NzDescriptionsModule,
+            NzDividerModule,
+            NzDrawerModule,
+            NzDropDownModule,
+            NzEmptyModule,
+            NzFormModule,
+            NzGridModule,
+            NzI18nModule,
+            NzIconModule,
+            NzImageModule,
+            NzInputModule,
+            NzInputNumberModule,
+            NzLayoutModule,
+            NzListModule,
+            NzMentionModule,
+            NzMenuModule,
+            NzMessageModule,
+            NzModalModule,
+            NzNoAnimationModule,
+            NzNotificationModule,
+            NzPageHeaderModule,
+            NzPaginationModule,
+            NzPopconfirmModule,
+            NzPopoverModule,
+            NzProgressModule,
+            NzRadioModule,
+            NzRateModule,
+            NzResultModule,
+            NzSelectModule,
+            NzSkeletonModule,
+            NzSliderModule,
+            NzSpinModule,
+            NzStatisticModule,
+            NzStepsModule,
+            NzSwitchModule,
+            NzTableModule,
+            NzTabsModule,
+            NzTagModule,
+            NzTimePickerModule,
+            NzTimelineModule,
+            NzToolTipModule,
+            NzTransButtonModule,
+            NzTransferModule,
+            NzTreeModule,
+            NzTreeViewModule,
+            NzTreeSelectModule,
+            NzTypographyModule,
+            NzUploadModule,
+            NzWaveModule,
+            NzResizableModule,
+            NzPipesModule,
+            NzSpaceModule,
+            NzSegmentedModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NgZorroAntdModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [
+                        NzAffixModule,
+                        NzAlertModule,
+                        NzAnchorModule,
+                        NzAutocompleteModule,
+                        NzAvatarModule,
+                        NzBackTopModule,
+                        NzBadgeModule,
+                        NzButtonModule,
+                        NzBreadCrumbModule,
+                        NzCalendarModule,
+                        NzCardModule,
+                        NzCarouselModule,
+                        NzCascaderModule,
+                        NzCheckboxModule,
+                        NzCollapseModule,
+                        NzCommentModule,
+                        NzDatePickerModule,
+                        NzDescriptionsModule,
+                        NzDividerModule,
+                        NzDrawerModule,
+                        NzDropDownModule,
+                        NzEmptyModule,
+                        NzFormModule,
+                        NzGridModule,
+                        NzI18nModule,
+                        NzIconModule,
+                        NzImageModule,
+                        NzInputModule,
+                        NzInputNumberModule,
+                        NzLayoutModule,
+                        NzListModule,
+                        NzMentionModule,
+                        NzMenuModule,
+                        NzMessageModule,
+                        NzModalModule,
+                        NzNoAnimationModule,
+                        NzNotificationModule,
+                        NzPageHeaderModule,
+                        NzPaginationModule,
+                        NzPopconfirmModule,
+                        NzPopoverModule,
+                        NzProgressModule,
+                        NzRadioModule,
+                        NzRateModule,
+                        NzResultModule,
+                        NzSelectModule,
+                        NzSkeletonModule,
+                        NzSliderModule,
+                        NzSpinModule,
+                        NzStatisticModule,
+                        NzStepsModule,
+                        NzSwitchModule,
+                        NzTableModule,
+                        NzTabsModule,
+                        NzTagModule,
+                        NzTimePickerModule,
+                        NzTimelineModule,
+                        NzToolTipModule,
+                        NzTransButtonModule,
+                        NzTransferModule,
+                        NzTreeModule,
+                        NzTreeViewModule,
+                        NzTreeSelectModule,
+                        NzTypographyModule,
+                        NzUploadModule,
+                        NzWaveModule,
+                        NzResizableModule,
+                        NzPipesModule,
+                        NzSpaceModule,
+                        NzSegmentedModule,
+                    ],
+                }]
+        }] });
+
+const UI_ALERT_DEFAULT_TITLES = {
+    success: 'Thành công!',
+    error: 'Lỗi!',
+    warning: 'Cảnh báo!',
+    info: 'Thông tin!',
+};
+
+class GeoAlertComponent {
+    type = 'info';
+    title = '';
+    message = '';
+    closable = true;
+    visible = true;
+    showIcon = true;
+    closed = new EventEmitter();
+    get displayTitle() {
+        return this.title || UI_ALERT_DEFAULT_TITLES[this.type];
+    }
+    get iconType() {
+        switch (this.type) {
+            case 'success':
+                return 'check-circle';
+            case 'error':
+                return 'close-circle';
+            case 'warning':
+                return 'exclamation-circle';
+            default:
+                return 'info-circle';
+        }
+    }
+    onClose() {
+        this.visible = false;
+        this.closed.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoAlertComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoAlertComponent, isStandalone: true, selector: "geo-alert", inputs: { type: "type", title: "title", message: "message", closable: "closable", visible: "visible", showIcon: "showIcon" }, outputs: { closed: "closed" }, host: { properties: { "class.geo-alert-host--hidden": "!visible" }, classAttribute: "geo-alert-host" }, ngImport: i0, template: "@if (visible) {\n  <div class=\"geo-alert\" [class]=\"'geo-alert--' + type\" role=\"alert\">\n    <div class=\"geo-alert__main\">\n      @if (showIcon) {\n        <span class=\"geo-alert__icon\" nz-icon [nzType]=\"iconType\" nzTheme=\"outline\"></span>\n      }\n\n      <div class=\"geo-alert__content\">\n        <p class=\"geo-alert__title\">{{ displayTitle }}</p>\n        @if (message) {\n          <p class=\"geo-alert__message\">{{ message }}</p>\n        }\n      </div>\n    </div>\n\n    @if (closable) {\n      <button type=\"button\" class=\"geo-alert__close\" aria-label=\"\u0110\u00F3ng th\u00F4ng b\u00E1o\" (click)=\"onClose()\">\n        <span nz-icon nzType=\"close\" nzTheme=\"outline\"></span>\n      </button>\n    }\n  </div>\n}\n", styles: ["@charset \"UTF-8\";geo-alert.geo-alert-host,.geo-alert-host{display:block;width:100%}.geo-alert-host--hidden{display:none}.geo-alert{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;width:100%;padding:16px;border:1px solid transparent;border-radius:var(--geo-radius);box-sizing:border-box}.geo-alert__main{display:flex;align-items:flex-start;gap:8px;min-width:0;flex:1 1 auto}.geo-alert__icon{display:inline-flex;flex-shrink:0;width:24px;height:24px;font-size:24px;line-height:1}.geo-alert__content{display:flex;flex-direction:column;gap:0;min-width:0}.geo-alert__title,.geo-alert__message{margin:0;font-size:var(--geo-font-size-lg);line-height:24px}.geo-alert__title{font-weight:700}.geo-alert__message{font-weight:400}.geo-alert__close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;cursor:pointer;flex-shrink:0}.geo-alert--success{background:var(--geo-color-success-light);border-color:var(--geo-color-success-default)}.geo-alert--success .geo-alert__title,.geo-alert--success .geo-alert__message,.geo-alert--success .geo-alert__icon{color:var(--geo-color-success-dark)}.geo-alert--success .geo-alert__close{color:var(--geo-color-success-default)}.geo-alert--error{background:var(--geo-color-error-light);border-color:var(--geo-color-error-default)}.geo-alert--error .geo-alert__title,.geo-alert--error .geo-alert__message,.geo-alert--error .geo-alert__icon{color:var(--geo-color-error-default)}.geo-alert--error .geo-alert__close{color:var(--geo-color-error-dark)}.geo-alert--warning{background:var(--geo-color-warning-light);border-color:var(--geo-color-warning-default)}.geo-alert--warning .geo-alert__title,.geo-alert--warning .geo-alert__message{color:var(--geo-color-warning-dark)}.geo-alert--warning .geo-alert__icon,.geo-alert--warning .geo-alert__close{color:var(--geo-color-warning-default)}.geo-alert--info{background:var(--geo-color-info-light);border-color:var(--geo-color-info-default)}.geo-alert--info .geo-alert__title,.geo-alert--info .geo-alert__message,.geo-alert--info .geo-alert__icon{color:var(--geo-color-info-dark)}.geo-alert--info .geo-alert__close{color:var(--geo-color-info-default)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoAlertComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'geo-alert', standalone: true, imports: [CommonModule, NzIconModule], encapsulation: ViewEncapsulation.None, host: {
+                        class: 'geo-alert-host',
+                        '[class.geo-alert-host--hidden]': '!visible',
+                    }, template: "@if (visible) {\n  <div class=\"geo-alert\" [class]=\"'geo-alert--' + type\" role=\"alert\">\n    <div class=\"geo-alert__main\">\n      @if (showIcon) {\n        <span class=\"geo-alert__icon\" nz-icon [nzType]=\"iconType\" nzTheme=\"outline\"></span>\n      }\n\n      <div class=\"geo-alert__content\">\n        <p class=\"geo-alert__title\">{{ displayTitle }}</p>\n        @if (message) {\n          <p class=\"geo-alert__message\">{{ message }}</p>\n        }\n      </div>\n    </div>\n\n    @if (closable) {\n      <button type=\"button\" class=\"geo-alert__close\" aria-label=\"\u0110\u00F3ng th\u00F4ng b\u00E1o\" (click)=\"onClose()\">\n        <span nz-icon nzType=\"close\" nzTheme=\"outline\"></span>\n      </button>\n    }\n  </div>\n}\n", styles: ["@charset \"UTF-8\";geo-alert.geo-alert-host,.geo-alert-host{display:block;width:100%}.geo-alert-host--hidden{display:none}.geo-alert{display:flex;align-items:flex-start;justify-content:space-between;gap:9px;width:100%;padding:16px;border:1px solid transparent;border-radius:var(--geo-radius);box-sizing:border-box}.geo-alert__main{display:flex;align-items:flex-start;gap:8px;min-width:0;flex:1 1 auto}.geo-alert__icon{display:inline-flex;flex-shrink:0;width:24px;height:24px;font-size:24px;line-height:1}.geo-alert__content{display:flex;flex-direction:column;gap:0;min-width:0}.geo-alert__title,.geo-alert__message{margin:0;font-size:var(--geo-font-size-lg);line-height:24px}.geo-alert__title{font-weight:700}.geo-alert__message{font-weight:400}.geo-alert__close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;cursor:pointer;flex-shrink:0}.geo-alert--success{background:var(--geo-color-success-light);border-color:var(--geo-color-success-default)}.geo-alert--success .geo-alert__title,.geo-alert--success .geo-alert__message,.geo-alert--success .geo-alert__icon{color:var(--geo-color-success-dark)}.geo-alert--success .geo-alert__close{color:var(--geo-color-success-default)}.geo-alert--error{background:var(--geo-color-error-light);border-color:var(--geo-color-error-default)}.geo-alert--error .geo-alert__title,.geo-alert--error .geo-alert__message,.geo-alert--error .geo-alert__icon{color:var(--geo-color-error-default)}.geo-alert--error .geo-alert__close{color:var(--geo-color-error-dark)}.geo-alert--warning{background:var(--geo-color-warning-light);border-color:var(--geo-color-warning-default)}.geo-alert--warning .geo-alert__title,.geo-alert--warning .geo-alert__message{color:var(--geo-color-warning-dark)}.geo-alert--warning .geo-alert__icon,.geo-alert--warning .geo-alert__close{color:var(--geo-color-warning-default)}.geo-alert--info{background:var(--geo-color-info-light);border-color:var(--geo-color-info-default)}.geo-alert--info .geo-alert__title,.geo-alert--info .geo-alert__message,.geo-alert--info .geo-alert__icon{color:var(--geo-color-info-dark)}.geo-alert--info .geo-alert__close{color:var(--geo-color-info-default)}\n"] }]
+        }], propDecorators: { type: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }], closable: [{
+                type: Input
+            }], visible: [{
+                type: Input
+            }], showIcon: [{
+                type: Input
+            }], closed: [{
+                type: Output
+            }] } });
+
+/**
+ * Nút quay lại dùng chung cho các page form/detail.
+ * Mặc định `history.back()` (−1). Set `[historyBack]="false"` nếu parent tự navigate.
+ */
+class GeoBackButtonComponent {
+    location = inject(Location);
+    ariaLabel = 'Quay lại';
+    title = 'Quay lại';
+    disabled = false;
+    /** `true` (mặc định): `Location.back()` — về trang trước trong history. */
+    historyBack = true;
+    clicked = new EventEmitter();
+    onClick(event) {
+        if (this.disabled) {
+            return;
+        }
+        event.preventDefault();
+        event.stopPropagation();
+        this.clicked.emit(event);
+        if (this.historyBack) {
+            this.location.back();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoBackButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: GeoBackButtonComponent, isStandalone: true, selector: "geo-back-button", inputs: { ariaLabel: "ariaLabel", title: "title", disabled: "disabled", historyBack: "historyBack" }, outputs: { clicked: "clicked" }, host: { classAttribute: "geo-back-button-host" }, ngImport: i0, template: "<button\n  type=\"button\"\n  class=\"geo-back-button\"\n  [attr.aria-label]=\"ariaLabel\"\n  [attr.title]=\"title || ariaLabel\"\n  [disabled]=\"disabled\"\n  (click)=\"onClick($event)\"\n>\n  <span nz-icon nzType=\"arrow-left\" nzTheme=\"outline\" aria-hidden=\"true\"></span>\n</button>\n", styles: [":host,.geo-back-button-host{display:inline-flex;flex-shrink:0;position:relative;z-index:2;pointer-events:auto}.geo-back-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:var(--geo-radius);background:var(--geo-color-primary-surface-light);color:var(--geo-color-primary-default);cursor:pointer;pointer-events:auto;transition:background-color .15s ease}.geo-back-button .anticon{font-size:16px;pointer-events:none}.geo-back-button:hover:not(:disabled){background:var(--geo-color-primary-surface-light)}.geo-back-button:focus-visible{outline:2px solid var(--geo-color-primary-default);outline-offset:2px}.geo-back-button:disabled{opacity:.45;cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoBackButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'geo-back-button', standalone: true, imports: [CommonModule, NzIconModule], changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'geo-back-button-host',
+                    }, template: "<button\n  type=\"button\"\n  class=\"geo-back-button\"\n  [attr.aria-label]=\"ariaLabel\"\n  [attr.title]=\"title || ariaLabel\"\n  [disabled]=\"disabled\"\n  (click)=\"onClick($event)\"\n>\n  <span nz-icon nzType=\"arrow-left\" nzTheme=\"outline\" aria-hidden=\"true\"></span>\n</button>\n", styles: [":host,.geo-back-button-host{display:inline-flex;flex-shrink:0;position:relative;z-index:2;pointer-events:auto}.geo-back-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:var(--geo-radius);background:var(--geo-color-primary-surface-light);color:var(--geo-color-primary-default);cursor:pointer;pointer-events:auto;transition:background-color .15s ease}.geo-back-button .anticon{font-size:16px;pointer-events:none}.geo-back-button:hover:not(:disabled){background:var(--geo-color-primary-surface-light)}.geo-back-button:focus-visible{outline:2px solid var(--geo-color-primary-default);outline-offset:2px}.geo-back-button:disabled{opacity:.45;cursor:not-allowed}\n"] }]
+        }], propDecorators: { ariaLabel: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], historyBack: [{
+                type: Input
+            }], clicked: [{
+                type: Output
+            }] } });
+
+/**
+ * Breadcrumb GEO — dựa trên `nz-breadcrumb`.
+ * Item thường: neutral gray; item active (cuối): primary + semibold.
+ */
+class GeoBreadcrumbComponent {
+    items = [];
+    isActive(item, index) {
+        if (item.active != null) {
+            return item.active;
+        }
+        return index === this.items.length - 1;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoBreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoBreadcrumbComponent, isStandalone: true, selector: "geo-breadcrumb", inputs: { items: "items" }, host: { classAttribute: "geo-breadcrumb-host" }, ngImport: i0, template: "<nav class=\"geo-breadcrumb\" aria-label=\"Breadcrumb\">\n  <nz-breadcrumb class=\"geo-breadcrumb__antd\" [nzSeparator]=\"separatorTpl\">\n    @for (item of items; track $index) {\n      <nz-breadcrumb-item>\n        @if (item.link && !isActive(item, $index)) {\n          <a\n            class=\"geo-breadcrumb__link\"\n            [routerLink]=\"item.link\"\n            [queryParams]=\"item.queryParams || null\"\n          >\n            {{ item.label }}\n          </a>\n        } @else {\n          <span\n            class=\"geo-breadcrumb__text\"\n            [class.geo-breadcrumb__text--active]=\"isActive(item, $index)\"\n            [attr.aria-current]=\"isActive(item, $index) ? 'page' : null\"\n          >\n            {{ item.label }}\n          </span>\n        }\n      </nz-breadcrumb-item>\n    }\n  </nz-breadcrumb>\n</nav>\n\n<ng-template #separatorTpl>\n  <span class=\"geo-breadcrumb__separator\" nz-icon nzType=\"right\" nzTheme=\"outline\"></span>\n</ng-template>\n", styles: ["geo-breadcrumb.geo-breadcrumb-host,.geo-breadcrumb-host{display:block;background:transparent;font-family:var(--geo-font-family)}.geo-breadcrumb__antd.ant-breadcrumb{font-size:var(--geo-font-size-body);line-height:var(--geo-line-height-body);color:var(--geo-color-neutral-500)}.geo-breadcrumb__antd.ant-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:0}.geo-breadcrumb__antd.ant-breadcrumb .ant-breadcrumb-separator{margin:0 8px;color:var(--geo-color-neutral-500)}.geo-breadcrumb__separator{font-size:10px;color:var(--geo-color-neutral-500)}.geo-breadcrumb__link{color:var(--geo-color-neutral-500);font-weight:var(--geo-font-weight-regular);text-decoration:none;transition:color .15s ease}.geo-breadcrumb__link:hover{color:var(--geo-color-primary-default)}.geo-breadcrumb__text{color:var(--geo-color-neutral-500);font-weight:var(--geo-font-weight-regular)}.geo-breadcrumb__text--active{color:var(--geo-color-primary-default);font-weight:var(--geo-font-weight-semibold)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: NzBreadCrumbModule }, { kind: "component", type: i2.NzBreadCrumbComponent, selector: "nz-breadcrumb", inputs: ["nzAutoGenerate", "nzSeparator", "nzRouteLabel", "nzRouteLabelFn", "nzRouteFn"], exportAs: ["nzBreadcrumb"] }, { kind: "component", type: i2.NzBreadCrumbItemComponent, selector: "nz-breadcrumb-item", inputs: ["nzOverlay"], exportAs: ["nzBreadcrumbItem"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoBreadcrumbComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'geo-breadcrumb', standalone: true, imports: [CommonModule, RouterModule, NzBreadCrumbModule, NzIconModule], encapsulation: ViewEncapsulation.None, host: {
+                        class: 'geo-breadcrumb-host',
+                    }, template: "<nav class=\"geo-breadcrumb\" aria-label=\"Breadcrumb\">\n  <nz-breadcrumb class=\"geo-breadcrumb__antd\" [nzSeparator]=\"separatorTpl\">\n    @for (item of items; track $index) {\n      <nz-breadcrumb-item>\n        @if (item.link && !isActive(item, $index)) {\n          <a\n            class=\"geo-breadcrumb__link\"\n            [routerLink]=\"item.link\"\n            [queryParams]=\"item.queryParams || null\"\n          >\n            {{ item.label }}\n          </a>\n        } @else {\n          <span\n            class=\"geo-breadcrumb__text\"\n            [class.geo-breadcrumb__text--active]=\"isActive(item, $index)\"\n            [attr.aria-current]=\"isActive(item, $index) ? 'page' : null\"\n          >\n            {{ item.label }}\n          </span>\n        }\n      </nz-breadcrumb-item>\n    }\n  </nz-breadcrumb>\n</nav>\n\n<ng-template #separatorTpl>\n  <span class=\"geo-breadcrumb__separator\" nz-icon nzType=\"right\" nzTheme=\"outline\"></span>\n</ng-template>\n", styles: ["geo-breadcrumb.geo-breadcrumb-host,.geo-breadcrumb-host{display:block;background:transparent;font-family:var(--geo-font-family)}.geo-breadcrumb__antd.ant-breadcrumb{font-size:var(--geo-font-size-body);line-height:var(--geo-line-height-body);color:var(--geo-color-neutral-500)}.geo-breadcrumb__antd.ant-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:0}.geo-breadcrumb__antd.ant-breadcrumb .ant-breadcrumb-separator{margin:0 8px;color:var(--geo-color-neutral-500)}.geo-breadcrumb__separator{font-size:10px;color:var(--geo-color-neutral-500)}.geo-breadcrumb__link{color:var(--geo-color-neutral-500);font-weight:var(--geo-font-weight-regular);text-decoration:none;transition:color .15s ease}.geo-breadcrumb__link:hover{color:var(--geo-color-primary-default)}.geo-breadcrumb__text{color:var(--geo-color-neutral-500);font-weight:var(--geo-font-weight-regular)}.geo-breadcrumb__text--active{color:var(--geo-color-primary-default);font-weight:var(--geo-font-weight-semibold)}\n"] }]
+        }], propDecorators: { items: [{
+                type: Input
+            }] } });
+
+class GeoButtonComponent {
+    appearance = 'primary';
+    color = 'brand';
+    icon;
+    iconTheme = 'outline';
+    /** Vị trí icon: `start` (trái) hoặc `end` (phải). */
+    iconPlacement = 'start';
+    iconOnly = false;
+    type = 'button';
+    disabled = false;
+    /** Tooltip Ant Design (`nz-tooltip`). Ưu tiên hơn `title` native. */
+    tooltip = '';
+    tooltipPlacement = 'top';
+    /** Trạng thái active (vd. toolbar toggle đang bật). */
+    active = false;
+    /** Native `title` — fallback khi không set `tooltip`. */
+    title = '';
+    clicked = new EventEmitter();
+    get tooltipTitle() {
+        return this.tooltip || this.title || '';
+    }
+    get classNames() {
+        return {
+            [`geo-button--${this.appearance}`]: true,
+            [`geo-button--${this.color}`]: true,
+            'geo-button--icon-only': this.iconOnly,
+            'geo-button--icon-end': !!this.icon && this.iconPlacement === 'end',
+            'geo-button--active': this.active,
+        };
+    }
+    onClick(event) {
+        if (!this.disabled) {
+            this.clicked.emit(event);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoButtonComponent, isStandalone: true, selector: "geo-button", inputs: { appearance: "appearance", color: "color", icon: "icon", iconTheme: "iconTheme", iconPlacement: "iconPlacement", iconOnly: "iconOnly", type: "type", disabled: "disabled", tooltip: "tooltip", tooltipPlacement: "tooltipPlacement", active: "active", title: "title" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\n  [type]=\"type\"\n  [disabled]=\"disabled\"\n  class=\"geo-button\"\n  [ngClass]=\"classNames\"\n  [nz-tooltip]=\"tooltipTitle\"\n  [nzTooltipPlacement]=\"tooltipPlacement\"\n  [nzTooltipTrigger]=\"tooltipTitle ? 'hover' : null\"\n  [attr.aria-label]=\"tooltipTitle || null\"\n  [attr.aria-pressed]=\"active ? true : null\"\n  (click)=\"onClick($event)\"\n>\n  @if (icon && iconPlacement === 'start') {\n    <span class=\"geo-button__icon\">\n      <span nz-icon [nzType]=\"icon\" [nzTheme]=\"iconTheme\"></span>\n    </span>\n  }\n  @if (!iconOnly) {\n    <span class=\"geo-button__label\">\n      <ng-content></ng-content>\n    </span>\n  }\n  @if (icon && iconPlacement === 'end') {\n    <span class=\"geo-button__icon\">\n      <span nz-icon [nzType]=\"icon\" [nzTheme]=\"iconTheme\"></span>\n    </span>\n  }\n</button>\n", styles: [".geo-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--geo-control-height);min-height:var(--geo-control-height);padding:0 16px;border-radius:var(--geo-radius);border:1px solid transparent;font-size:var(--geo-font-size-sm);font-weight:500;line-height:normal;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap;font-family:inherit;background:transparent;box-sizing:border-box}.geo-button.geo-button--brand{--geo-btn-tone: var(--geo-color-primary-default);--geo-btn-tone-dark: var(--geo-color-primary-hover);--geo-btn-tone-surface: var(--geo-color-primary-surface-light);--geo-btn-secondary-hover: var(--geo-color-primary-secondary-hover)}.geo-button.geo-button--danger{--geo-btn-tone: var(--geo-color-error-default);--geo-btn-tone-dark: var(--geo-color-error-dark);--geo-btn-tone-surface: var(--geo-color-error-light);--geo-btn-secondary-hover: var(--geo-color-error-light)}.geo-button.geo-button--warning{--geo-btn-tone: var(--geo-color-warning-default);--geo-btn-tone-dark: var(--geo-color-warning-dark);--geo-btn-tone-surface: var(--geo-color-warning-light);--geo-btn-secondary-hover: var(--geo-color-warning-light)}.geo-button.geo-button--success{--geo-btn-tone: var(--geo-color-success-default);--geo-btn-tone-dark: var(--geo-color-success-dark);--geo-btn-tone-surface: var(--geo-color-success-light);--geo-btn-secondary-hover: var(--geo-color-success-light)}.geo-button:disabled{cursor:not-allowed;pointer-events:none}.geo-button--primary{background:var(--geo-btn-tone);border-color:var(--geo-btn-tone);color:var(--geo-color-neutral-white)}.geo-button--primary:hover:not(:disabled){background:var(--geo-btn-tone-dark);border-color:var(--geo-btn-tone-dark)}.geo-button--primary:disabled{background:var(--geo-color-neutral-300);border-color:var(--geo-color-neutral-300);color:var(--geo-color-neutral-disabled-text)}.geo-button--secondary{background:var(--geo-color-neutral-white);border-color:var(--geo-btn-tone);color:var(--geo-btn-tone)}.geo-button--secondary:hover:not(:disabled){background:var(--geo-btn-secondary-hover)}.geo-button--secondary:disabled{background:var(--geo-color-neutral-white);border-color:var(--geo-color-neutral-300);color:var(--geo-color-neutral-disabled-text)}.geo-button--tertiary{background:transparent;border-color:transparent;color:var(--geo-btn-tone)}.geo-button--tertiary:hover:not(:disabled){background:var(--geo-btn-tone-surface)}.geo-button--tertiary:disabled{background:transparent;border-color:transparent;color:var(--geo-color-neutral-disabled-text)}.geo-button--icon-only{width:var(--geo-control-height);min-width:var(--geo-control-height);padding:0}.geo-button--active:not(:disabled).geo-button--secondary,.geo-button--active:not(:disabled).geo-button--tertiary{background:var(--geo-btn-tone-surface);border-color:var(--geo-btn-tone);color:var(--geo-btn-tone);box-shadow:inset 0 0 0 1px var(--geo-btn-tone)}.geo-button--active:not(:disabled).geo-button--primary{background:var(--geo-btn-tone-dark);border-color:var(--geo-btn-tone-dark);color:var(--geo-color-neutral-white)}.geo-button__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;font-size:16px;line-height:1}.geo-button__icon:empty{display:none}.geo-button__icon :deep(.anticon),.geo-button__icon :deep(em){width:16px;height:16px;font-size:16px}.geo-button__label{display:inline-flex;align-items:center}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzToolTipModule }, { kind: "directive", type: i3.NzTooltipDirective, selector: "[nz-tooltip]", inputs: ["nzTooltipTitle", "nzTooltipTitleContext", "nz-tooltip", "nzTooltipTrigger", "nzTooltipPlacement", "nzTooltipOrigin", "nzTooltipVisible", "nzTooltipMouseEnterDelay", "nzTooltipMouseLeaveDelay", "nzTooltipOverlayClassName", "nzTooltipOverlayStyle", "nzTooltipArrowPointAtCenter", "cdkConnectedOverlayPush", "nzTooltipColor"], outputs: ["nzTooltipVisibleChange"], exportAs: ["nzTooltip"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'geo-button', standalone: true, imports: [CommonModule, NzIconModule, NzToolTipModule], template: "<button\n  [type]=\"type\"\n  [disabled]=\"disabled\"\n  class=\"geo-button\"\n  [ngClass]=\"classNames\"\n  [nz-tooltip]=\"tooltipTitle\"\n  [nzTooltipPlacement]=\"tooltipPlacement\"\n  [nzTooltipTrigger]=\"tooltipTitle ? 'hover' : null\"\n  [attr.aria-label]=\"tooltipTitle || null\"\n  [attr.aria-pressed]=\"active ? true : null\"\n  (click)=\"onClick($event)\"\n>\n  @if (icon && iconPlacement === 'start') {\n    <span class=\"geo-button__icon\">\n      <span nz-icon [nzType]=\"icon\" [nzTheme]=\"iconTheme\"></span>\n    </span>\n  }\n  @if (!iconOnly) {\n    <span class=\"geo-button__label\">\n      <ng-content></ng-content>\n    </span>\n  }\n  @if (icon && iconPlacement === 'end') {\n    <span class=\"geo-button__icon\">\n      <span nz-icon [nzType]=\"icon\" [nzTheme]=\"iconTheme\"></span>\n    </span>\n  }\n</button>\n", styles: [".geo-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--geo-control-height);min-height:var(--geo-control-height);padding:0 16px;border-radius:var(--geo-radius);border:1px solid transparent;font-size:var(--geo-font-size-sm);font-weight:500;line-height:normal;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap;font-family:inherit;background:transparent;box-sizing:border-box}.geo-button.geo-button--brand{--geo-btn-tone: var(--geo-color-primary-default);--geo-btn-tone-dark: var(--geo-color-primary-hover);--geo-btn-tone-surface: var(--geo-color-primary-surface-light);--geo-btn-secondary-hover: var(--geo-color-primary-secondary-hover)}.geo-button.geo-button--danger{--geo-btn-tone: var(--geo-color-error-default);--geo-btn-tone-dark: var(--geo-color-error-dark);--geo-btn-tone-surface: var(--geo-color-error-light);--geo-btn-secondary-hover: var(--geo-color-error-light)}.geo-button.geo-button--warning{--geo-btn-tone: var(--geo-color-warning-default);--geo-btn-tone-dark: var(--geo-color-warning-dark);--geo-btn-tone-surface: var(--geo-color-warning-light);--geo-btn-secondary-hover: var(--geo-color-warning-light)}.geo-button.geo-button--success{--geo-btn-tone: var(--geo-color-success-default);--geo-btn-tone-dark: var(--geo-color-success-dark);--geo-btn-tone-surface: var(--geo-color-success-light);--geo-btn-secondary-hover: var(--geo-color-success-light)}.geo-button:disabled{cursor:not-allowed;pointer-events:none}.geo-button--primary{background:var(--geo-btn-tone);border-color:var(--geo-btn-tone);color:var(--geo-color-neutral-white)}.geo-button--primary:hover:not(:disabled){background:var(--geo-btn-tone-dark);border-color:var(--geo-btn-tone-dark)}.geo-button--primary:disabled{background:var(--geo-color-neutral-300);border-color:var(--geo-color-neutral-300);color:var(--geo-color-neutral-disabled-text)}.geo-button--secondary{background:var(--geo-color-neutral-white);border-color:var(--geo-btn-tone);color:var(--geo-btn-tone)}.geo-button--secondary:hover:not(:disabled){background:var(--geo-btn-secondary-hover)}.geo-button--secondary:disabled{background:var(--geo-color-neutral-white);border-color:var(--geo-color-neutral-300);color:var(--geo-color-neutral-disabled-text)}.geo-button--tertiary{background:transparent;border-color:transparent;color:var(--geo-btn-tone)}.geo-button--tertiary:hover:not(:disabled){background:var(--geo-btn-tone-surface)}.geo-button--tertiary:disabled{background:transparent;border-color:transparent;color:var(--geo-color-neutral-disabled-text)}.geo-button--icon-only{width:var(--geo-control-height);min-width:var(--geo-control-height);padding:0}.geo-button--active:not(:disabled).geo-button--secondary,.geo-button--active:not(:disabled).geo-button--tertiary{background:var(--geo-btn-tone-surface);border-color:var(--geo-btn-tone);color:var(--geo-btn-tone);box-shadow:inset 0 0 0 1px var(--geo-btn-tone)}.geo-button--active:not(:disabled).geo-button--primary{background:var(--geo-btn-tone-dark);border-color:var(--geo-btn-tone-dark);color:var(--geo-color-neutral-white)}.geo-button__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;font-size:16px;line-height:1}.geo-button__icon:empty{display:none}.geo-button__icon :deep(.anticon),.geo-button__icon :deep(em){width:16px;height:16px;font-size:16px}.geo-button__label{display:inline-flex;align-items:center}\n"] }]
+        }], propDecorators: { appearance: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconTheme: [{
+                type: Input
+            }], iconPlacement: [{
+                type: Input
+            }], iconOnly: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }], tooltipPlacement: [{
+                type: Input
+            }], active: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], clicked: [{
+                type: Output
+            }] } });
+
+class GeoCheckboxComponent {
+    label = '';
+    checked = false;
+    disabled = false;
+    indeterminate = false;
+    checkedChange = new EventEmitter();
+    onChange(value) {
+        this.checked = value;
+        this.checkedChange.emit(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoCheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: GeoCheckboxComponent, isStandalone: true, selector: "geo-checkbox", inputs: { label: "label", checked: "checked", disabled: "disabled", indeterminate: "indeterminate" }, outputs: { checkedChange: "checkedChange" }, ngImport: i0, template: "<label\n  nz-checkbox\n  class=\"geo-checkbox\"\n  [nzDisabled]=\"disabled\"\n  [nzIndeterminate]=\"indeterminate\"\n  [(ngModel)]=\"checked\"\n  (ngModelChange)=\"onChange($event)\"\n>{{ label }}</label>\n", styles: ["geo-checkbox{display:inline-block;--ant-primary-color: var(--geo-color-primary-default);--ant-primary-color-hover: var(--geo-color-primary-hover);--ant-primary-color-active: var(--geo-color-primary-hover)}geo-checkbox .geo-checkbox{font-size:14px;color:var(--geo-color-neutral-900)}geo-checkbox .ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner{border-color:var(--geo-color-primary-default)!important}geo-checkbox .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner{background-color:var(--geo-color-primary-default)!important;border-color:var(--geo-color-primary-default)!important}geo-checkbox .ant-checkbox-checked:not(.ant-checkbox-disabled):after{border-color:var(--geo-color-primary-default)!important}geo-checkbox .ant-checkbox-indeterminate:not(.ant-checkbox-disabled) .ant-checkbox-inner{background-color:var(--geo-color-neutral-white)!important;border-color:var(--geo-color-primary-default)!important}geo-checkbox .ant-checkbox-indeterminate:not(.ant-checkbox-disabled) .ant-checkbox-inner:after{background-color:var(--geo-color-primary-default)!important}geo-checkbox .ant-checkbox-input:focus+.ant-checkbox-inner,geo-checkbox .ant-checkbox-input:focus-visible+.ant-checkbox-inner{border-color:var(--geo-color-primary-default)!important}geo-checkbox .ant-checkbox-checked:not(.ant-checkbox-disabled):hover .ant-checkbox-inner{background-color:var(--geo-color-primary-hover)!important;border-color:var(--geo-color-primary-hover)!important}geo-checkbox .ant-checkbox-indeterminate:not(.ant-checkbox-disabled):hover .ant-checkbox-inner{border-color:var(--geo-color-primary-hover)!important}geo-checkbox .ant-checkbox-indeterminate:not(.ant-checkbox-disabled):hover .ant-checkbox-inner:after{background-color:var(--geo-color-primary-hover)!important}geo-checkbox .ant-checkbox-disabled .ant-checkbox-inner{background-color:var(--geo-color-neutral-100)!important;border-color:var(--geo-color-neutral-300)!important}geo-checkbox .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after{border-color:#00000040!important}geo-checkbox .ant-checkbox-disabled.ant-checkbox-indeterminate .ant-checkbox-inner:after{background-color:#00000040!important}\n"], dependencies: [{ kind: "ngmodule", type: NgZorroAntdModule }, { kind: "component", type: i1$3.NzCheckboxComponent, selector: "[nz-checkbox]", inputs: ["nzValue", "nzAutoFocus", "nzDisabled", "nzIndeterminate", "nzChecked", "nzId"], outputs: ["nzCheckedChange"], exportAs: ["nzCheckbox"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoCheckboxComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'geo-checkbox', standalone: true, imports: [NgZorroAntdModule, FormsModule], encapsulation: ViewEncapsulation.None, template: "<label\n  nz-checkbox\n  class=\"geo-checkbox\"\n  [nzDisabled]=\"disabled\"\n  [nzIndeterminate]=\"indeterminate\"\n  [(ngModel)]=\"checked\"\n  (ngModelChange)=\"onChange($event)\"\n>{{ label }}</label>\n", styles: ["geo-checkbox{display:inline-block;--ant-primary-color: var(--geo-color-primary-default);--ant-primary-color-hover: var(--geo-color-primary-hover);--ant-primary-color-active: var(--geo-color-primary-hover)}geo-checkbox .geo-checkbox{font-size:14px;color:var(--geo-color-neutral-900)}geo-checkbox .ant-checkbox:not(.ant-checkbox-disabled):hover .ant-checkbox-inner{border-color:var(--geo-color-primary-default)!important}geo-checkbox .ant-checkbox-checked:not(.ant-checkbox-disabled) .ant-checkbox-inner{background-color:var(--geo-color-primary-default)!important;border-color:var(--geo-color-primary-default)!important}geo-checkbox .ant-checkbox-checked:not(.ant-checkbox-disabled):after{border-color:var(--geo-color-primary-default)!important}geo-checkbox .ant-checkbox-indeterminate:not(.ant-checkbox-disabled) .ant-checkbox-inner{background-color:var(--geo-color-neutral-white)!important;border-color:var(--geo-color-primary-default)!important}geo-checkbox .ant-checkbox-indeterminate:not(.ant-checkbox-disabled) .ant-checkbox-inner:after{background-color:var(--geo-color-primary-default)!important}geo-checkbox .ant-checkbox-input:focus+.ant-checkbox-inner,geo-checkbox .ant-checkbox-input:focus-visible+.ant-checkbox-inner{border-color:var(--geo-color-primary-default)!important}geo-checkbox .ant-checkbox-checked:not(.ant-checkbox-disabled):hover .ant-checkbox-inner{background-color:var(--geo-color-primary-hover)!important;border-color:var(--geo-color-primary-hover)!important}geo-checkbox .ant-checkbox-indeterminate:not(.ant-checkbox-disabled):hover .ant-checkbox-inner{border-color:var(--geo-color-primary-hover)!important}geo-checkbox .ant-checkbox-indeterminate:not(.ant-checkbox-disabled):hover .ant-checkbox-inner:after{background-color:var(--geo-color-primary-hover)!important}geo-checkbox .ant-checkbox-disabled .ant-checkbox-inner{background-color:var(--geo-color-neutral-100)!important;border-color:var(--geo-color-neutral-300)!important}geo-checkbox .ant-checkbox-disabled.ant-checkbox-checked .ant-checkbox-inner:after{border-color:#00000040!important}geo-checkbox .ant-checkbox-disabled.ant-checkbox-indeterminate .ant-checkbox-inner:after{background-color:#00000040!important}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], checked: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], indeterminate: [{
+                type: Input
+            }], checkedChange: [{
+                type: Output
+            }] } });
+
+class GeoConfirmModalComponent {
+    visible = false;
+    title = 'Xác nhận xoá';
+    message = '';
+    highlight = '';
+    description = 'Hành động không thể hoàn tác, bạn chắc chắn muốn thực hiện?';
+    cancelText = 'Hủy';
+    confirmText = 'Xác nhận';
+    confirmLoading = false;
+    width = 445;
+    maskClosable = false;
+    closable = true;
+    visibleChange = new EventEmitter();
+    confirm = new EventEmitter();
+    cancel = new EventEmitter();
+    get hasDefaultBody() {
+        return !!(this.message || this.highlight || this.description);
+    }
+    onVisibleChange(visible) {
+        if (this.visible === visible) {
+            return;
+        }
+        this.visibleChange.emit(visible);
+    }
+    onCancel() {
+        this.visibleChange.emit(false);
+        this.cancel.emit();
+    }
+    onConfirm() {
+        this.confirm.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoConfirmModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoConfirmModalComponent, isStandalone: true, selector: "geo-confirm-modal", inputs: { visible: "visible", title: "title", message: "message", highlight: "highlight", description: "description", cancelText: "cancelText", confirmText: "confirmText", confirmLoading: "confirmLoading", width: "width", maskClosable: "maskClosable", closable: "closable" }, outputs: { visibleChange: "visibleChange", confirm: "confirm", cancel: "cancel" }, ngImport: i0, template: "<nz-modal\n  [nzVisible]=\"visible\"\n  [nzTitle]=\"''\"\n  [nzFooter]=\"null\"\n  [nzClosable]=\"false\"\n  [nzMaskClosable]=\"maskClosable\"\n  [nzWidth]=\"width\"\n  nzWrapClassName=\"geo-confirm-modal-wrap\"\n  nzClassName=\"geo-confirm-modal\"\n  (nzVisibleChange)=\"onVisibleChange($event)\"\n>\n  <ng-container *nzModalContent>\n    <div class=\"geo-confirm-modal__content\">\n      <div class=\"geo-confirm-modal__header\">\n        <h2 class=\"geo-confirm-modal__title\">{{ title }}</h2>\n        @if (closable) {\n          <button\n            type=\"button\"\n            class=\"geo-confirm-modal__close\"\n            aria-label=\"\u0110\u00F3ng\"\n            (click)=\"onCancel()\"\n          >\n            <span nz-icon nzType=\"close\" nzTheme=\"outline\"></span>\n          </button>\n        }\n      </div>\n\n      <div class=\"geo-confirm-modal__body\">\n        @if (hasDefaultBody) {\n          <div class=\"geo-confirm-modal__message\">\n            @if (message || highlight) {\n              <p class=\"geo-confirm-modal__paragraph\">\n                @if (message) {\n                  <span>{{ message }}</span>\n                }\n                @if (highlight) {\n                  <strong class=\"geo-confirm-modal__highlight\">\u201C{{ highlight }}\u201D</strong>\n                }\n              </p>\n            }\n            @if (description) {\n              <p class=\"geo-confirm-modal__paragraph\">{{ description }}</p>\n            }\n          </div>\n        } @else {\n          <div class=\"geo-confirm-modal__message\">\n            <ng-content></ng-content>\n          </div>\n        }\n      </div>\n\n      <div class=\"geo-confirm-modal__footer\">\n        <geo-button appearance=\"secondary\" color=\"brand\" (clicked)=\"onCancel()\">\n          {{ cancelText }}\n        </geo-button>\n        <geo-button\n          appearance=\"primary\"\n          color=\"brand\"\n          [disabled]=\"confirmLoading\"\n          (clicked)=\"onConfirm()\"\n        >\n          {{ confirmText }}\n        </geo-button>\n      </div>\n    </div>\n  </ng-container>\n</nz-modal>\n", styles: [".geo-confirm-modal-wrap .ant-modal-header{display:none}.geo-confirm-modal-wrap .ant-modal-content{border-radius:var(--geo-radius);padding:0;overflow:hidden}.geo-confirm-modal-wrap .ant-modal-body{padding:0}.geo-confirm-modal__content{display:flex;flex-direction:column;gap:17px;padding:24px;background:var(--geo-color-neutral-white)}.geo-confirm-modal__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px}.geo-confirm-modal__title{margin:0;font-size:18px;font-weight:700;line-height:normal;color:var(--geo-color-neutral-500)}.geo-confirm-modal__close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--geo-color-neutral-500);cursor:pointer;flex-shrink:0}.geo-confirm-modal__close:hover{color:var(--geo-color-neutral-900)}.geo-confirm-modal__body{display:flex;flex-direction:column}.geo-confirm-modal__message{display:flex;flex-direction:column;gap:8px;max-width:397px;font-size:14px;line-height:1.4;color:var(--geo-color-neutral-900)}.geo-confirm-modal__paragraph{margin:0}.geo-confirm-modal__highlight{font-weight:600}.geo-confirm-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:12px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: NgZorroAntdModule }, { kind: "directive", type: i1$5.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i1.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i3$1.NzModalComponent, selector: "nz-modal", inputs: ["nzMask", "nzMaskClosable", "nzCloseOnNavigation", "nzVisible", "nzClosable", "nzOkLoading", "nzOkDisabled", "nzCancelDisabled", "nzCancelLoading", "nzKeyboard", "nzNoAnimation", "nzCentered", "nzDraggable", "nzContent", "nzFooter", "nzZIndex", "nzWidth", "nzWrapClassName", "nzClassName", "nzStyle", "nzTitle", "nzCloseIcon", "nzMaskStyle", "nzBodyStyle", "nzOkText", "nzCancelText", "nzOkType", "nzOkDanger", "nzIconType", "nzModalType", "nzAutofocus", "nzOnOk", "nzOnCancel"], outputs: ["nzOnOk", "nzOnCancel", "nzAfterOpen", "nzAfterClose", "nzVisibleChange"], exportAs: ["nzModal"] }, { kind: "directive", type: i3$1.NzModalContentDirective, selector: "[nzModalContent]", exportAs: ["nzModalContent"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "component", type: GeoButtonComponent, selector: "geo-button", inputs: ["appearance", "color", "icon", "iconTheme", "iconPlacement", "iconOnly", "type", "disabled", "tooltip", "tooltipPlacement", "active", "title"], outputs: ["clicked"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoConfirmModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'geo-confirm-modal', standalone: true, imports: [CommonModule, NgZorroAntdModule, NzIconModule, GeoButtonComponent], encapsulation: ViewEncapsulation.None, template: "<nz-modal\n  [nzVisible]=\"visible\"\n  [nzTitle]=\"''\"\n  [nzFooter]=\"null\"\n  [nzClosable]=\"false\"\n  [nzMaskClosable]=\"maskClosable\"\n  [nzWidth]=\"width\"\n  nzWrapClassName=\"geo-confirm-modal-wrap\"\n  nzClassName=\"geo-confirm-modal\"\n  (nzVisibleChange)=\"onVisibleChange($event)\"\n>\n  <ng-container *nzModalContent>\n    <div class=\"geo-confirm-modal__content\">\n      <div class=\"geo-confirm-modal__header\">\n        <h2 class=\"geo-confirm-modal__title\">{{ title }}</h2>\n        @if (closable) {\n          <button\n            type=\"button\"\n            class=\"geo-confirm-modal__close\"\n            aria-label=\"\u0110\u00F3ng\"\n            (click)=\"onCancel()\"\n          >\n            <span nz-icon nzType=\"close\" nzTheme=\"outline\"></span>\n          </button>\n        }\n      </div>\n\n      <div class=\"geo-confirm-modal__body\">\n        @if (hasDefaultBody) {\n          <div class=\"geo-confirm-modal__message\">\n            @if (message || highlight) {\n              <p class=\"geo-confirm-modal__paragraph\">\n                @if (message) {\n                  <span>{{ message }}</span>\n                }\n                @if (highlight) {\n                  <strong class=\"geo-confirm-modal__highlight\">\u201C{{ highlight }}\u201D</strong>\n                }\n              </p>\n            }\n            @if (description) {\n              <p class=\"geo-confirm-modal__paragraph\">{{ description }}</p>\n            }\n          </div>\n        } @else {\n          <div class=\"geo-confirm-modal__message\">\n            <ng-content></ng-content>\n          </div>\n        }\n      </div>\n\n      <div class=\"geo-confirm-modal__footer\">\n        <geo-button appearance=\"secondary\" color=\"brand\" (clicked)=\"onCancel()\">\n          {{ cancelText }}\n        </geo-button>\n        <geo-button\n          appearance=\"primary\"\n          color=\"brand\"\n          [disabled]=\"confirmLoading\"\n          (clicked)=\"onConfirm()\"\n        >\n          {{ confirmText }}\n        </geo-button>\n      </div>\n    </div>\n  </ng-container>\n</nz-modal>\n", styles: [".geo-confirm-modal-wrap .ant-modal-header{display:none}.geo-confirm-modal-wrap .ant-modal-content{border-radius:var(--geo-radius);padding:0;overflow:hidden}.geo-confirm-modal-wrap .ant-modal-body{padding:0}.geo-confirm-modal__content{display:flex;flex-direction:column;gap:17px;padding:24px;background:var(--geo-color-neutral-white)}.geo-confirm-modal__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px}.geo-confirm-modal__title{margin:0;font-size:18px;font-weight:700;line-height:normal;color:var(--geo-color-neutral-500)}.geo-confirm-modal__close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--geo-color-neutral-500);cursor:pointer;flex-shrink:0}.geo-confirm-modal__close:hover{color:var(--geo-color-neutral-900)}.geo-confirm-modal__body{display:flex;flex-direction:column}.geo-confirm-modal__message{display:flex;flex-direction:column;gap:8px;max-width:397px;font-size:14px;line-height:1.4;color:var(--geo-color-neutral-900)}.geo-confirm-modal__paragraph{margin:0}.geo-confirm-modal__highlight{font-weight:600}.geo-confirm-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:12px}\n"] }]
+        }], propDecorators: { visible: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }], highlight: [{
+                type: Input
+            }], description: [{
+                type: Input
+            }], cancelText: [{
+                type: Input
+            }], confirmText: [{
+                type: Input
+            }], confirmLoading: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], maskClosable: [{
+                type: Input
+            }], closable: [{
+                type: Input
+            }], visibleChange: [{
+                type: Output
+            }], confirm: [{
+                type: Output
+            }], cancel: [{
+                type: Output
+            }] } });
+
+let uiDatePickerErrorId = 0;
+class GeoDatePickerComponent {
+    label = '';
+    placeholder = 'Chọn ngày';
+    format = 'dd/MM/yyyy';
+    mode = 'date';
+    size = 'default';
+    disabled = false;
+    required = false;
+    error = false;
+    errorMessage = '';
+    allowClear = true;
+    showToday = true;
+    showTime = false;
+    block = false;
+    width;
+    disabledDate;
+    valueChange = new EventEmitter();
+    errorMessageId = `geo-date-picker-error-${++uiDatePickerErrorId}`;
+    value = null;
+    onChange = () => undefined;
+    onTouched = () => undefined;
+    get hostWidth() {
+        if (this.block || this.width == null) {
+            return null;
+        }
+        return typeof this.width === 'number' ? `${this.width}px` : this.width;
+    }
+    get controlClassNames() {
+        return {
+            'geo-date-picker': true,
+            [`geo-date-picker--${this.size}`]: true,
+        };
+    }
+    onValueChange(value) {
+        this.value = value;
+        this.onChange(value);
+        this.onTouched();
+        this.valueChange.emit(value);
+    }
+    writeValue(value) {
+        this.value = value ?? null;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoDatePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoDatePickerComponent, isStandalone: true, selector: "geo-date-picker", inputs: { label: "label", placeholder: "placeholder", format: "format", mode: "mode", size: "size", disabled: "disabled", required: "required", error: "error", errorMessage: "errorMessage", allowClear: "allowClear", showToday: "showToday", showTime: "showTime", block: "block", width: "width", disabledDate: "disabledDate" }, outputs: { valueChange: "valueChange" }, host: { properties: { "class.geo-date-picker-host--default": "size === \"default\"", "class.geo-date-picker-host--small": "size === \"small\"", "class.geo-date-picker-host--block": "block", "class.geo-date-picker-host--error": "error", "style.width": "hostWidth" }, classAttribute: "geo-date-picker-host" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => GeoDatePickerComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "@if (label) {\n  <div class=\"geo-date-picker__label\">\n    <span>{{ label }}</span>\n    @if (required) {\n      <span class=\"geo-date-picker__required\" aria-hidden=\"true\">*</span>\n    }\n  </div>\n}\n\n<nz-date-picker\n  [ngClass]=\"controlClassNames\"\n  nzDropdownClassName=\"geo-date-picker__dropdown\"\n  [nzPlaceHolder]=\"placeholder\"\n  [nzFormat]=\"format\"\n  [nzMode]=\"mode\"\n  [nzDisabled]=\"disabled\"\n  [nzAllowClear]=\"allowClear\"\n  [nzShowToday]=\"showToday\"\n  [nzShowTime]=\"showTime\"\n  [nzDisabledDate]=\"disabledDate\"\n  [ngModel]=\"value\"\n  [attr.aria-invalid]=\"error ? 'true' : null\"\n  [attr.aria-describedby]=\"error && errorMessage ? errorMessageId : null\"\n  (ngModelChange)=\"onValueChange($event)\"\n></nz-date-picker>\n\n@if (error && errorMessage) {\n  <p class=\"geo-date-picker__error\" [id]=\"errorMessageId\" role=\"alert\">{{ errorMessage }}</p>\n}\n", styles: ["geo-date-picker.geo-date-picker-host,.geo-date-picker-host{display:inline-flex;flex-direction:column;gap:8px;width:413px;max-width:100%;vertical-align:top}.geo-date-picker-host--small{width:200px}geo-date-picker.geo-date-picker-host.geo-date-picker-host--block,.geo-date-picker-host.geo-date-picker-host--block{display:flex;width:100%;max-width:none}.geo-date-picker__label{display:inline-flex;align-items:flex-start;gap:4px;font-size:14px;line-height:normal;color:var(--geo-color-neutral-900)}.geo-date-picker__required{color:var(--geo-color-error-default)}.geo-date-picker__error{margin:0;font-size:14px;line-height:normal;color:var(--geo-color-error-default)}.geo-date-picker{display:inline-flex;align-items:center;width:100%;box-sizing:border-box}.geo-date-picker.ant-picker{border-radius:var(--geo-radius);border-color:var(--geo-color-neutral-300);padding:4px 11px;background:transparent;box-shadow:none;transition:border-color .15s ease,box-shadow .15s ease}.geo-date-picker--default.ant-picker{min-height:40px;height:40px}.geo-date-picker--small.ant-picker{min-height:32px;height:32px;padding:2px 8px}.geo-date-picker .ant-picker-input>input{min-width:0;font-size:14px;line-height:22px;color:var(--geo-color-neutral-900)}.geo-date-picker .ant-picker-input>input::placeholder{color:var(--geo-color-neutral-500)}.geo-date-picker .ant-picker-suffix,.geo-date-picker .ant-picker-clear{display:inline-flex;align-items:center;flex:0 0 auto;color:var(--geo-color-neutral-500)}.geo-date-picker:not(.ant-picker-disabled):hover{border-color:var(--geo-color-primary-default)}.geo-date-picker.ant-picker-focused{border-color:var(--geo-color-primary-default);box-shadow:0 0 0 2px color-mix(in srgb,var(--geo-color-primary-default) 12%,transparent)}.geo-date-picker.ant-picker-disabled{background:var(--geo-color-neutral-100);border-color:var(--geo-color-neutral-300)}.geo-date-picker.ant-picker-disabled .ant-picker-input>input{color:var(--geo-color-neutral-disabled-text)}.geo-date-picker-host--error .geo-date-picker.ant-picker{border-color:var(--geo-color-error-default)!important}.geo-date-picker-host--error .geo-date-picker.ant-picker-focused{box-shadow:0 0 0 2px color-mix(in srgb,var(--geo-color-error-default) 12%,transparent)!important}.geo-date-picker__dropdown.ant-picker-dropdown .ant-picker-panel-container{border-radius:var(--geo-radius);overflow:hidden}.geo-date-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,.geo-date-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,.geo-date-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner{background:var(--geo-color-primary-default)}.geo-date-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before{border-color:var(--geo-color-primary-default)}.geo-date-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-start .ant-picker-cell-inner,.geo-date-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-end .ant-picker-cell-inner,.geo-date-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover .ant-picker-cell-inner{background:var(--color-primary-surface-hover, var(--geo-color-primary-background))}.geo-date-picker__dropdown.ant-picker-dropdown .ant-picker-today-btn,.geo-date-picker__dropdown.ant-picker-dropdown .ant-picker-header-view button:hover,.geo-date-picker__dropdown.ant-picker-dropdown .ant-picker-header button:hover{color:var(--geo-color-primary-default)}.geo-date-picker__dropdown.ant-picker-dropdown .ant-picker-ok .ant-btn-primary{background:var(--geo-color-primary-default);border-color:var(--geo-color-primary-default)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NgZorroAntdModule }, { kind: "component", type: i3$2.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-quarter-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowWeekNumber", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoDatePickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'geo-date-picker', standalone: true, imports: [CommonModule, FormsModule, NgZorroAntdModule], encapsulation: ViewEncapsulation.None, host: {
+                        class: 'geo-date-picker-host',
+                        '[class.geo-date-picker-host--default]': 'size === "default"',
+                        '[class.geo-date-picker-host--small]': 'size === "small"',
+                        '[class.geo-date-picker-host--block]': 'block',
+                        '[class.geo-date-picker-host--error]': 'error',
+                        '[style.width]': 'hostWidth',
+                    }, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => GeoDatePickerComponent),
+                            multi: true,
+                        },
+                    ], template: "@if (label) {\n  <div class=\"geo-date-picker__label\">\n    <span>{{ label }}</span>\n    @if (required) {\n      <span class=\"geo-date-picker__required\" aria-hidden=\"true\">*</span>\n    }\n  </div>\n}\n\n<nz-date-picker\n  [ngClass]=\"controlClassNames\"\n  nzDropdownClassName=\"geo-date-picker__dropdown\"\n  [nzPlaceHolder]=\"placeholder\"\n  [nzFormat]=\"format\"\n  [nzMode]=\"mode\"\n  [nzDisabled]=\"disabled\"\n  [nzAllowClear]=\"allowClear\"\n  [nzShowToday]=\"showToday\"\n  [nzShowTime]=\"showTime\"\n  [nzDisabledDate]=\"disabledDate\"\n  [ngModel]=\"value\"\n  [attr.aria-invalid]=\"error ? 'true' : null\"\n  [attr.aria-describedby]=\"error && errorMessage ? errorMessageId : null\"\n  (ngModelChange)=\"onValueChange($event)\"\n></nz-date-picker>\n\n@if (error && errorMessage) {\n  <p class=\"geo-date-picker__error\" [id]=\"errorMessageId\" role=\"alert\">{{ errorMessage }}</p>\n}\n", styles: ["geo-date-picker.geo-date-picker-host,.geo-date-picker-host{display:inline-flex;flex-direction:column;gap:8px;width:413px;max-width:100%;vertical-align:top}.geo-date-picker-host--small{width:200px}geo-date-picker.geo-date-picker-host.geo-date-picker-host--block,.geo-date-picker-host.geo-date-picker-host--block{display:flex;width:100%;max-width:none}.geo-date-picker__label{display:inline-flex;align-items:flex-start;gap:4px;font-size:14px;line-height:normal;color:var(--geo-color-neutral-900)}.geo-date-picker__required{color:var(--geo-color-error-default)}.geo-date-picker__error{margin:0;font-size:14px;line-height:normal;color:var(--geo-color-error-default)}.geo-date-picker{display:inline-flex;align-items:center;width:100%;box-sizing:border-box}.geo-date-picker.ant-picker{border-radius:var(--geo-radius);border-color:var(--geo-color-neutral-300);padding:4px 11px;background:transparent;box-shadow:none;transition:border-color .15s ease,box-shadow .15s ease}.geo-date-picker--default.ant-picker{min-height:40px;height:40px}.geo-date-picker--small.ant-picker{min-height:32px;height:32px;padding:2px 8px}.geo-date-picker .ant-picker-input>input{min-width:0;font-size:14px;line-height:22px;color:var(--geo-color-neutral-900)}.geo-date-picker .ant-picker-input>input::placeholder{color:var(--geo-color-neutral-500)}.geo-date-picker .ant-picker-suffix,.geo-date-picker .ant-picker-clear{display:inline-flex;align-items:center;flex:0 0 auto;color:var(--geo-color-neutral-500)}.geo-date-picker:not(.ant-picker-disabled):hover{border-color:var(--geo-color-primary-default)}.geo-date-picker.ant-picker-focused{border-color:var(--geo-color-primary-default);box-shadow:0 0 0 2px color-mix(in srgb,var(--geo-color-primary-default) 12%,transparent)}.geo-date-picker.ant-picker-disabled{background:var(--geo-color-neutral-100);border-color:var(--geo-color-neutral-300)}.geo-date-picker.ant-picker-disabled .ant-picker-input>input{color:var(--geo-color-neutral-disabled-text)}.geo-date-picker-host--error .geo-date-picker.ant-picker{border-color:var(--geo-color-error-default)!important}.geo-date-picker-host--error .geo-date-picker.ant-picker-focused{box-shadow:0 0 0 2px color-mix(in srgb,var(--geo-color-error-default) 12%,transparent)!important}.geo-date-picker__dropdown.ant-picker-dropdown .ant-picker-panel-container{border-radius:var(--geo-radius);overflow:hidden}.geo-date-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,.geo-date-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,.geo-date-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner{background:var(--geo-color-primary-default)}.geo-date-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before{border-color:var(--geo-color-primary-default)}.geo-date-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-start .ant-picker-cell-inner,.geo-date-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-end .ant-picker-cell-inner,.geo-date-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover .ant-picker-cell-inner{background:var(--color-primary-surface-hover, var(--geo-color-primary-background))}.geo-date-picker__dropdown.ant-picker-dropdown .ant-picker-today-btn,.geo-date-picker__dropdown.ant-picker-dropdown .ant-picker-header-view button:hover,.geo-date-picker__dropdown.ant-picker-dropdown .ant-picker-header button:hover{color:var(--geo-color-primary-default)}.geo-date-picker__dropdown.ant-picker-dropdown .ant-picker-ok .ant-btn-primary{background:var(--geo-color-primary-default);border-color:var(--geo-color-primary-default)}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], format: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], errorMessage: [{
+                type: Input
+            }], allowClear: [{
+                type: Input
+            }], showToday: [{
+                type: Input
+            }], showTime: [{
+                type: Input
+            }], block: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], disabledDate: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });
+
+let uiDateRangeErrorId = 0;
+class GeoDateRangePickerComponent {
+    label = '';
+    placeholder = ['Từ ngày', 'Đến ngày'];
+    format = 'dd/MM/yyyy';
+    size = 'default';
+    disabled = false;
+    required = false;
+    error = false;
+    errorMessage = '';
+    allowClear = true;
+    showTime = false;
+    block = false;
+    width;
+    disabledDate;
+    separator = '→';
+    valueChange = new EventEmitter();
+    errorMessageId = `geo-date-range-picker-error-${++uiDateRangeErrorId}`;
+    value = null;
+    onChange = () => undefined;
+    onTouched = () => undefined;
+    get hostWidth() {
+        if (this.block || this.width == null) {
+            return null;
+        }
+        return typeof this.width === 'number' ? `${this.width}px` : this.width;
+    }
+    get controlClassNames() {
+        return {
+            'geo-date-range-picker': true,
+            [`geo-date-range-picker--${this.size}`]: true,
+        };
+    }
+    onValueChange(value) {
+        this.value = value;
+        this.onChange(value);
+        this.onTouched();
+        this.valueChange.emit(value);
+    }
+    writeValue(value) {
+        this.value = value ?? null;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoDateRangePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoDateRangePickerComponent, isStandalone: true, selector: "geo-date-range-picker", inputs: { label: "label", placeholder: "placeholder", format: "format", size: "size", disabled: "disabled", required: "required", error: "error", errorMessage: "errorMessage", allowClear: "allowClear", showTime: "showTime", block: "block", width: "width", disabledDate: "disabledDate", separator: "separator" }, outputs: { valueChange: "valueChange" }, host: { properties: { "class.geo-date-range-picker-host--default": "size === \"default\"", "class.geo-date-range-picker-host--small": "size === \"small\"", "class.geo-date-range-picker-host--block": "block", "class.geo-date-range-picker-host--error": "error", "style.width": "hostWidth" }, classAttribute: "geo-date-range-picker-host" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => GeoDateRangePickerComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "@if (label) {\n  <div class=\"geo-date-range-picker__label\">\n    <span>{{ label }}</span>\n    @if (required) {\n      <span class=\"geo-date-range-picker__required\" aria-hidden=\"true\">*</span>\n    }\n  </div>\n}\n\n<nz-range-picker\n  [ngClass]=\"controlClassNames\"\n  nzDropdownClassName=\"geo-date-range-picker__dropdown\"\n  [nzPlaceHolder]=\"placeholder\"\n  [nzFormat]=\"format\"\n  [nzDisabled]=\"disabled\"\n  [nzAllowClear]=\"allowClear\"\n  [nzShowTime]=\"showTime\"\n  [nzDisabledDate]=\"disabledDate\"\n  [nzSeparator]=\"separator\"\n  [ngModel]=\"value\"\n  [attr.aria-invalid]=\"error ? 'true' : null\"\n  [attr.aria-describedby]=\"error && errorMessage ? errorMessageId : null\"\n  (ngModelChange)=\"onValueChange($event)\"\n></nz-range-picker>\n\n@if (error && errorMessage) {\n  <p class=\"geo-date-range-picker__error\" [id]=\"errorMessageId\" role=\"alert\">{{ errorMessage }}</p>\n}\n", styles: ["geo-date-range-picker.geo-date-range-picker-host,.geo-date-range-picker-host{display:inline-flex;flex-direction:column;gap:8px;width:413px;max-width:100%;vertical-align:top}.geo-date-range-picker-host--small{width:280px}geo-date-range-picker.geo-date-range-picker-host.geo-date-range-picker-host--block,.geo-date-range-picker-host.geo-date-range-picker-host--block{display:flex;width:100%;max-width:none}.geo-date-range-picker__label{display:inline-flex;align-items:flex-start;gap:4px;font-size:14px;line-height:normal;color:var(--geo-color-neutral-900)}.geo-date-range-picker__required{color:var(--geo-color-error-default)}.geo-date-range-picker__error{margin:0;font-size:14px;line-height:normal;color:var(--geo-color-error-default)}.geo-date-range-picker{display:inline-flex;align-items:center;flex-wrap:nowrap;width:100%;box-sizing:border-box}.geo-date-range-picker.ant-picker{border-radius:var(--geo-radius);border-color:var(--geo-color-neutral-300);padding:4px 11px;background:transparent;box-shadow:none;transition:border-color .15s ease,box-shadow .15s ease}.geo-date-range-picker--default.ant-picker{min-height:40px;height:40px}.geo-date-range-picker--small.ant-picker{min-height:32px;height:32px;padding:2px 8px}.geo-date-range-picker .ant-picker-input>input{min-width:0;font-size:14px;line-height:22px;color:var(--geo-color-neutral-900)}.geo-date-range-picker .ant-picker-input{display:inline-flex;align-items:center;flex:1 1 0;min-width:0}.geo-date-range-picker .ant-picker-input>input::placeholder{color:var(--geo-color-neutral-500)}.geo-date-range-picker .ant-picker-separator,.geo-date-range-picker .ant-picker-suffix,.geo-date-range-picker .ant-picker-clear{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--geo-color-neutral-500)}.geo-date-range-picker .ant-picker-separator{padding-inline:8px}.geo-date-range-picker:not(.ant-picker-disabled):hover{border-color:var(--geo-color-primary-default)}.geo-date-range-picker.ant-picker-focused{border-color:var(--geo-color-primary-default);box-shadow:0 0 0 2px color-mix(in srgb,var(--geo-color-primary-default) 12%,transparent)}.geo-date-range-picker.ant-picker-disabled{background:var(--geo-color-neutral-100);border-color:var(--geo-color-neutral-300)}.geo-date-range-picker.ant-picker-disabled .ant-picker-input>input{color:var(--geo-color-neutral-disabled-text)}.geo-date-range-picker-host--error .geo-date-range-picker.ant-picker{border-color:var(--geo-color-error-default)!important}.geo-date-range-picker-host--error .geo-date-range-picker.ant-picker-focused{box-shadow:0 0 0 2px color-mix(in srgb,var(--geo-color-error-default) 12%,transparent)!important}.geo-date-range-picker__dropdown.ant-picker-dropdown .ant-picker-panel-container{border-radius:var(--geo-radius);overflow:hidden}.geo-date-range-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,.geo-date-range-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,.geo-date-range-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner{background:var(--geo-color-primary-default)}.geo-date-range-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before{border-color:var(--geo-color-primary-default)}.geo-date-range-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-in-range:before,.geo-date-range-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover:before,.geo-date-range-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:before,.geo-date-range-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:before{background:var(--color-primary-surface, var(--geo-color-primary-surface-light))}.geo-date-range-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-start .ant-picker-cell-inner,.geo-date-range-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-end .ant-picker-cell-inner,.geo-date-range-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover .ant-picker-cell-inner{background:var(--color-primary-surface-hover, var(--geo-color-primary-background))}.geo-date-range-picker__dropdown.ant-picker-dropdown .ant-picker-today-btn,.geo-date-range-picker__dropdown.ant-picker-dropdown .ant-picker-header-view button:hover,.geo-date-range-picker__dropdown.ant-picker-dropdown .ant-picker-header button:hover{color:var(--geo-color-primary-default)}.geo-date-range-picker__dropdown.ant-picker-dropdown .ant-picker-ok .ant-btn-primary{background:var(--geo-color-primary-default);border-color:var(--geo-color-primary-default)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NgZorroAntdModule }, { kind: "component", type: i3$2.NzDatePickerComponent, selector: "nz-date-picker,nz-week-picker,nz-month-picker,nz-quarter-picker,nz-year-picker,nz-range-picker", inputs: ["nzAllowClear", "nzAutoFocus", "nzDisabled", "nzBorderless", "nzInputReadOnly", "nzInline", "nzOpen", "nzDisabledDate", "nzLocale", "nzPlaceHolder", "nzPopupStyle", "nzDropdownClassName", "nzSize", "nzStatus", "nzFormat", "nzDateRender", "nzDisabledTime", "nzRenderExtraFooter", "nzShowToday", "nzMode", "nzShowNow", "nzRanges", "nzDefaultPickerValue", "nzSeparator", "nzSuffixIcon", "nzBackdrop", "nzId", "nzPlacement", "nzShowWeekNumber", "nzShowTime"], outputs: ["nzOnPanelChange", "nzOnCalendarChange", "nzOnOk", "nzOnOpenChange"], exportAs: ["nzDatePicker"] }, { kind: "directive", type: i3$2.NzRangePickerComponent, selector: "nz-range-picker", exportAs: ["nzRangePicker"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoDateRangePickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'geo-date-range-picker', standalone: true, imports: [CommonModule, FormsModule, NgZorroAntdModule], encapsulation: ViewEncapsulation.None, host: {
+                        class: 'geo-date-range-picker-host',
+                        '[class.geo-date-range-picker-host--default]': 'size === "default"',
+                        '[class.geo-date-range-picker-host--small]': 'size === "small"',
+                        '[class.geo-date-range-picker-host--block]': 'block',
+                        '[class.geo-date-range-picker-host--error]': 'error',
+                        '[style.width]': 'hostWidth',
+                    }, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => GeoDateRangePickerComponent),
+                            multi: true,
+                        },
+                    ], template: "@if (label) {\n  <div class=\"geo-date-range-picker__label\">\n    <span>{{ label }}</span>\n    @if (required) {\n      <span class=\"geo-date-range-picker__required\" aria-hidden=\"true\">*</span>\n    }\n  </div>\n}\n\n<nz-range-picker\n  [ngClass]=\"controlClassNames\"\n  nzDropdownClassName=\"geo-date-range-picker__dropdown\"\n  [nzPlaceHolder]=\"placeholder\"\n  [nzFormat]=\"format\"\n  [nzDisabled]=\"disabled\"\n  [nzAllowClear]=\"allowClear\"\n  [nzShowTime]=\"showTime\"\n  [nzDisabledDate]=\"disabledDate\"\n  [nzSeparator]=\"separator\"\n  [ngModel]=\"value\"\n  [attr.aria-invalid]=\"error ? 'true' : null\"\n  [attr.aria-describedby]=\"error && errorMessage ? errorMessageId : null\"\n  (ngModelChange)=\"onValueChange($event)\"\n></nz-range-picker>\n\n@if (error && errorMessage) {\n  <p class=\"geo-date-range-picker__error\" [id]=\"errorMessageId\" role=\"alert\">{{ errorMessage }}</p>\n}\n", styles: ["geo-date-range-picker.geo-date-range-picker-host,.geo-date-range-picker-host{display:inline-flex;flex-direction:column;gap:8px;width:413px;max-width:100%;vertical-align:top}.geo-date-range-picker-host--small{width:280px}geo-date-range-picker.geo-date-range-picker-host.geo-date-range-picker-host--block,.geo-date-range-picker-host.geo-date-range-picker-host--block{display:flex;width:100%;max-width:none}.geo-date-range-picker__label{display:inline-flex;align-items:flex-start;gap:4px;font-size:14px;line-height:normal;color:var(--geo-color-neutral-900)}.geo-date-range-picker__required{color:var(--geo-color-error-default)}.geo-date-range-picker__error{margin:0;font-size:14px;line-height:normal;color:var(--geo-color-error-default)}.geo-date-range-picker{display:inline-flex;align-items:center;flex-wrap:nowrap;width:100%;box-sizing:border-box}.geo-date-range-picker.ant-picker{border-radius:var(--geo-radius);border-color:var(--geo-color-neutral-300);padding:4px 11px;background:transparent;box-shadow:none;transition:border-color .15s ease,box-shadow .15s ease}.geo-date-range-picker--default.ant-picker{min-height:40px;height:40px}.geo-date-range-picker--small.ant-picker{min-height:32px;height:32px;padding:2px 8px}.geo-date-range-picker .ant-picker-input>input{min-width:0;font-size:14px;line-height:22px;color:var(--geo-color-neutral-900)}.geo-date-range-picker .ant-picker-input{display:inline-flex;align-items:center;flex:1 1 0;min-width:0}.geo-date-range-picker .ant-picker-input>input::placeholder{color:var(--geo-color-neutral-500)}.geo-date-range-picker .ant-picker-separator,.geo-date-range-picker .ant-picker-suffix,.geo-date-range-picker .ant-picker-clear{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--geo-color-neutral-500)}.geo-date-range-picker .ant-picker-separator{padding-inline:8px}.geo-date-range-picker:not(.ant-picker-disabled):hover{border-color:var(--geo-color-primary-default)}.geo-date-range-picker.ant-picker-focused{border-color:var(--geo-color-primary-default);box-shadow:0 0 0 2px color-mix(in srgb,var(--geo-color-primary-default) 12%,transparent)}.geo-date-range-picker.ant-picker-disabled{background:var(--geo-color-neutral-100);border-color:var(--geo-color-neutral-300)}.geo-date-range-picker.ant-picker-disabled .ant-picker-input>input{color:var(--geo-color-neutral-disabled-text)}.geo-date-range-picker-host--error .geo-date-range-picker.ant-picker{border-color:var(--geo-color-error-default)!important}.geo-date-range-picker-host--error .geo-date-range-picker.ant-picker-focused{box-shadow:0 0 0 2px color-mix(in srgb,var(--geo-color-error-default) 12%,transparent)!important}.geo-date-range-picker__dropdown.ant-picker-dropdown .ant-picker-panel-container{border-radius:var(--geo-radius);overflow:hidden}.geo-date-range-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner,.geo-date-range-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-start .ant-picker-cell-inner,.geo-date-range-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-end .ant-picker-cell-inner{background:var(--geo-color-primary-default)}.geo-date-range-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner:before{border-color:var(--geo-color-primary-default)}.geo-date-range-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-in-range:before,.geo-date-range-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover:before,.geo-date-range-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-start:before,.geo-date-range-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-end:before{background:var(--color-primary-surface, var(--geo-color-primary-surface-light))}.geo-date-range-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-start .ant-picker-cell-inner,.geo-date-range-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover-end .ant-picker-cell-inner,.geo-date-range-picker__dropdown.ant-picker-dropdown .ant-picker-cell-in-view.ant-picker-cell-range-hover .ant-picker-cell-inner{background:var(--color-primary-surface-hover, var(--geo-color-primary-background))}.geo-date-range-picker__dropdown.ant-picker-dropdown .ant-picker-today-btn,.geo-date-range-picker__dropdown.ant-picker-dropdown .ant-picker-header-view button:hover,.geo-date-range-picker__dropdown.ant-picker-dropdown .ant-picker-header button:hover{color:var(--geo-color-primary-default)}.geo-date-range-picker__dropdown.ant-picker-dropdown .ant-picker-ok .ant-btn-primary{background:var(--geo-color-primary-default);border-color:var(--geo-color-primary-default)}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], format: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], errorMessage: [{
+                type: Input
+            }], allowClear: [{
+                type: Input
+            }], showTime: [{
+                type: Input
+            }], block: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], disabledDate: [{
+                type: Input
+            }], separator: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });
+
+let uiFilePickerErrorId = 0;
+class GeoFilePickerComponent {
+    fileInput;
+    label = 'Tải file';
+    placeholder = 'Chọn giá trị';
+    buttonText = 'Chọn file';
+    required = false;
+    disabled = false;
+    accept = '';
+    multiple = false;
+    error = false;
+    errorMessage = '';
+    block = false;
+    width;
+    /**
+     * Tên file đã upload (server) — hiện khi chưa có File local trong CVA.
+     * Dùng cho flow: chọn file → upload → giữ tên từ API.
+     */
+    selectedName = '';
+    fileChange = new EventEmitter();
+    errorMessageId = `geo-file-picker-error-${++uiFilePickerErrorId}`;
+    value = null;
+    onChange = () => undefined;
+    onTouched = () => undefined;
+    get hostWidth() {
+        if (this.block || this.width == null) {
+            return null;
+        }
+        return typeof this.width === 'number' ? `${this.width}px` : this.width;
+    }
+    get displayValue() {
+        if (Array.isArray(this.value) && this.value.length > 0) {
+            return this.value.map((file) => file.name).join(', ');
+        }
+        if (this.value && !Array.isArray(this.value)) {
+            return this.value.name;
+        }
+        if (this.selectedName) {
+            return this.selectedName;
+        }
+        return this.placeholder;
+    }
+    get hasValue() {
+        if (Array.isArray(this.value)) {
+            return this.value.length > 0;
+        }
+        if (this.value != null) {
+            return true;
+        }
+        return !!this.selectedName;
+    }
+    openFilePicker() {
+        if (this.disabled) {
+            return;
+        }
+        this.fileInput?.nativeElement.click();
+    }
+    onFileSelected(event) {
+        const input = event.target;
+        const files = input.files;
+        if (!files || files.length === 0) {
+            return;
+        }
+        const nextValue = this.multiple ? Array.from(files) : files[0];
+        this.setValue(nextValue);
+        input.value = '';
+    }
+    setValue(value) {
+        this.value = value;
+        this.onChange(value);
+        this.onTouched();
+        this.fileChange.emit(value);
+    }
+    writeValue(value) {
+        this.value = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoFilePickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoFilePickerComponent, isStandalone: true, selector: "geo-file-picker", inputs: { label: "label", placeholder: "placeholder", buttonText: "buttonText", required: "required", disabled: "disabled", accept: "accept", multiple: "multiple", error: "error", errorMessage: "errorMessage", block: "block", width: "width", selectedName: "selectedName" }, outputs: { fileChange: "fileChange" }, host: { properties: { "class.geo-file-picker-host--block": "block", "class.geo-file-picker-host--error": "error", "class.geo-file-picker-host--disabled": "disabled", "style.width": "hostWidth" }, classAttribute: "geo-file-picker-host" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => GeoFilePickerComponent),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true }], ngImport: i0, template: "@if (label) {\n  <div class=\"geo-file-picker__label\">\n    <span>{{ label }}</span>\n    @if (required) {\n      <span class=\"geo-file-picker__required\" aria-hidden=\"true\">*</span>\n    }\n  </div>\n}\n\n<div\n  class=\"geo-file-picker__control\"\n  [attr.aria-invalid]=\"error ? 'true' : null\"\n  [attr.aria-describedby]=\"error && errorMessage ? errorMessageId : null\"\n>\n  <span\n    class=\"geo-file-picker__value\"\n    [class.geo-file-picker__value--placeholder]=\"!hasValue\"\n  >\n    {{ displayValue }}\n  </span>\n\n  <input\n    #fileInput\n    class=\"geo-file-picker__input\"\n    type=\"file\"\n    tabindex=\"-1\"\n    [accept]=\"accept\"\n    [multiple]=\"multiple\"\n    [disabled]=\"disabled\"\n    (change)=\"onFileSelected($event)\"\n  />\n\n  <geo-button\n    class=\"geo-file-picker__button\"\n    appearance=\"primary\"\n    color=\"brand\"\n    icon=\"plus\"\n    [disabled]=\"disabled\"\n    (clicked)=\"openFilePicker()\"\n  >\n    {{ buttonText }}\n  </geo-button>\n</div>\n\n@if (error && errorMessage) {\n  <p class=\"geo-file-picker__error\" [id]=\"errorMessageId\" role=\"alert\">{{ errorMessage }}</p>\n}\n", styles: ["geo-file-picker.geo-file-picker-host,.geo-file-picker-host{display:inline-flex;flex-direction:column;gap:8px;width:413px;max-width:100%;vertical-align:top}geo-file-picker.geo-file-picker-host.geo-file-picker-host--block,.geo-file-picker-host.geo-file-picker-host--block{display:flex;width:100%;max-width:none}.geo-file-picker__label{display:inline-flex;align-items:flex-start;gap:4px;font-size:14px;line-height:normal;color:var(--geo-color-neutral-900)}.geo-file-picker__required{color:var(--geo-color-error-default)}.geo-file-picker__control{display:flex;align-items:center;gap:10px;min-height:40px;height:40px;padding:8px;border:1px solid var(--geo-color-neutral-300);border-radius:var(--geo-radius);background:var(--geo-color-neutral-white);transition:border-color .15s ease,box-shadow .15s ease}.geo-file-picker-host:not(.geo-file-picker-host--disabled) .geo-file-picker__control:hover{border-color:var(--geo-color-primary-default)}.geo-file-picker__value{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:normal;color:var(--geo-color-neutral-900)}.geo-file-picker__value--placeholder{color:var(--geo-color-neutral-500)}.geo-file-picker__input{display:none}.geo-file-picker__button .geo-button{height:32px;min-height:32px;padding:8px;flex-shrink:0}.geo-file-picker-host--disabled .geo-file-picker__control{background:var(--geo-color-neutral-100);border-color:var(--geo-color-neutral-300)}.geo-file-picker-host--disabled .geo-file-picker__value,.geo-file-picker-host--disabled .geo-file-picker__value--placeholder{color:var(--geo-color-neutral-disabled-text)}.geo-file-picker__error{margin:0;font-size:14px;line-height:normal;color:var(--geo-color-error-default)}\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"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoFilePickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'geo-file-picker', standalone: true, imports: [CommonModule, GeoButtonComponent], encapsulation: ViewEncapsulation.None, host: {
+                        class: 'geo-file-picker-host',
+                        '[class.geo-file-picker-host--block]': 'block',
+                        '[class.geo-file-picker-host--error]': 'error',
+                        '[class.geo-file-picker-host--disabled]': 'disabled',
+                        '[style.width]': 'hostWidth',
+                    }, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => GeoFilePickerComponent),
+                            multi: true,
+                        },
+                    ], template: "@if (label) {\n  <div class=\"geo-file-picker__label\">\n    <span>{{ label }}</span>\n    @if (required) {\n      <span class=\"geo-file-picker__required\" aria-hidden=\"true\">*</span>\n    }\n  </div>\n}\n\n<div\n  class=\"geo-file-picker__control\"\n  [attr.aria-invalid]=\"error ? 'true' : null\"\n  [attr.aria-describedby]=\"error && errorMessage ? errorMessageId : null\"\n>\n  <span\n    class=\"geo-file-picker__value\"\n    [class.geo-file-picker__value--placeholder]=\"!hasValue\"\n  >\n    {{ displayValue }}\n  </span>\n\n  <input\n    #fileInput\n    class=\"geo-file-picker__input\"\n    type=\"file\"\n    tabindex=\"-1\"\n    [accept]=\"accept\"\n    [multiple]=\"multiple\"\n    [disabled]=\"disabled\"\n    (change)=\"onFileSelected($event)\"\n  />\n\n  <geo-button\n    class=\"geo-file-picker__button\"\n    appearance=\"primary\"\n    color=\"brand\"\n    icon=\"plus\"\n    [disabled]=\"disabled\"\n    (clicked)=\"openFilePicker()\"\n  >\n    {{ buttonText }}\n  </geo-button>\n</div>\n\n@if (error && errorMessage) {\n  <p class=\"geo-file-picker__error\" [id]=\"errorMessageId\" role=\"alert\">{{ errorMessage }}</p>\n}\n", styles: ["geo-file-picker.geo-file-picker-host,.geo-file-picker-host{display:inline-flex;flex-direction:column;gap:8px;width:413px;max-width:100%;vertical-align:top}geo-file-picker.geo-file-picker-host.geo-file-picker-host--block,.geo-file-picker-host.geo-file-picker-host--block{display:flex;width:100%;max-width:none}.geo-file-picker__label{display:inline-flex;align-items:flex-start;gap:4px;font-size:14px;line-height:normal;color:var(--geo-color-neutral-900)}.geo-file-picker__required{color:var(--geo-color-error-default)}.geo-file-picker__control{display:flex;align-items:center;gap:10px;min-height:40px;height:40px;padding:8px;border:1px solid var(--geo-color-neutral-300);border-radius:var(--geo-radius);background:var(--geo-color-neutral-white);transition:border-color .15s ease,box-shadow .15s ease}.geo-file-picker-host:not(.geo-file-picker-host--disabled) .geo-file-picker__control:hover{border-color:var(--geo-color-primary-default)}.geo-file-picker__value{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:normal;color:var(--geo-color-neutral-900)}.geo-file-picker__value--placeholder{color:var(--geo-color-neutral-500)}.geo-file-picker__input{display:none}.geo-file-picker__button .geo-button{height:32px;min-height:32px;padding:8px;flex-shrink:0}.geo-file-picker-host--disabled .geo-file-picker__control{background:var(--geo-color-neutral-100);border-color:var(--geo-color-neutral-300)}.geo-file-picker-host--disabled .geo-file-picker__value,.geo-file-picker-host--disabled .geo-file-picker__value--placeholder{color:var(--geo-color-neutral-disabled-text)}.geo-file-picker__error{margin:0;font-size:14px;line-height:normal;color:var(--geo-color-error-default)}\n"] }]
+        }], propDecorators: { fileInput: [{
+                type: ViewChild,
+                args: ['fileInput']
+            }], label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], buttonText: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], accept: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], errorMessage: [{
+                type: Input
+            }], block: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], selectedName: [{
+                type: Input
+            }], fileChange: [{
+                type: Output
+            }] } });
+
+function geoFormatBytes(bytes) {
+    if (bytes == null || Number.isNaN(bytes)) {
+        return '0Kb';
+    }
+    const kb = bytes / 1024;
+    if (kb < 1024) {
+        return `${Math.round(kb)}Kb`;
+    }
+    return `${(kb / 1024).toFixed(kb >= 10240 ? 0 : 1)}Mb`;
+}
+function geoFormatSpeed(bytesPerSec) {
+    if (bytesPerSec == null || bytesPerSec <= 0) {
+        return '';
+    }
+    const kb = bytesPerSec / 1024;
+    if (kb < 1024) {
+        return `${Math.round(kb)}kb/sec`;
+    }
+    return `${(kb / 1024).toFixed(1)}Mb/sec`;
+}
+function geoUploadPercent(file) {
+    if (file.percent != null) {
+        return Math.max(0, Math.min(100, Math.round(file.percent)));
+    }
+    if (file.status === 'done' || file.status === 'success') {
+        return 100;
+    }
+    return 0;
+}
+
+/**
+ * Upload kéo-thả theo design GEO (dropzone + danh sách file có progress).
+ * Dựa trên `nz-upload` (Ant Design). Form field gọn dùng `geo-file-picker`.
+ */
+class GeoUploadComponent {
+    cdr = inject(ChangeDetectorRef);
+    /** Upload endpoint — bỏ trống nếu dùng `customRequest` / chỉ chọn file local. */
+    action = '';
+    accept = '.png,.jpg,.jpeg,.svg';
+    /** Max size (bytes). Default 1MB. `0` = không giới hạn. */
+    maxSize = 1024 * 1024;
+    multiple = true;
+    disabled = false;
+    error = false;
+    errorMessage = '';
+    hint = 'Chỉ cho phép file dạng .png, .jpg, .jpeg, .svg và dung lượng không quá 1Mb';
+    titlePrefix = 'Kéo thả ảnh hoặc';
+    selectText = 'Chọn file';
+    titleSuffix = 'để tải lên';
+    listTitle = 'Tập tin đính kèm';
+    showListTitle = true;
+    /** Controlled file list. */
+    fileList = [];
+    headers;
+    data;
+    name = 'file';
+    withCredentials = false;
+    directory = false;
+    /** Custom XHR — mặc định simulate progress khi không có `action`. */
+    customRequest;
+    beforeUpload;
+    fileListChange = new EventEmitter();
+    change = new EventEmitter();
+    remove = new EventEmitter();
+    reject = new EventEmitter();
+    formatBytes = geoFormatBytes;
+    formatSpeed = geoFormatSpeed;
+    percentOf = geoUploadPercent;
+    get resolvedCustomRequest() {
+        if (this.customRequest) {
+            return this.customRequest;
+        }
+        if (!this.action) {
+            return (item) => this.simulateUpload(item);
+        }
+        return undefined;
+    }
+    onFileListChange(list) {
+        this.fileList = list;
+        this.fileListChange.emit(this.fileList);
+    }
+    onChange(event) {
+        this.fileList = event.fileList;
+        this.fileListChange.emit(this.fileList);
+        this.change.emit(event);
+    }
+    handleBeforeUpload = (file, _fileList) => {
+        if (this.beforeUpload) {
+            return this.beforeUpload(file, _fileList);
+        }
+        const raw = file;
+        const name = (file.name || raw.name || '').toLowerCase();
+        if (this.accept) {
+            const tokens = this.accept
+                .split(',')
+                .map((t) => t.trim().toLowerCase())
+                .filter(Boolean);
+            const ok = tokens.some((token) => {
+                if (token.startsWith('.')) {
+                    return name.endsWith(token);
+                }
+                if (token.includes('/*')) {
+                    const prefix = token.replace('/*', '');
+                    return (file.type || raw.type || '').startsWith(prefix);
+                }
+                return (file.type || raw.type || '') === token;
+            });
+            if (!ok) {
+                this.reject.emit({ file: raw, reason: 'type' });
+                return false;
+            }
+        }
+        const size = file.size ?? raw.size ?? 0;
+        if (this.maxSize > 0 && size > this.maxSize) {
+            this.reject.emit({ file: raw, reason: 'size' });
+            return false;
+        }
+        return true;
+    };
+    onRemove = (file) => {
+        this.remove.emit(file);
+        return true;
+    };
+    removeFile(file, event) {
+        event.preventDefault();
+        event.stopPropagation();
+        if (this.disabled) {
+            return;
+        }
+        if (this.onRemove(file) === false) {
+            return;
+        }
+        this.fileList = this.fileList.filter((item) => item.uid !== file.uid);
+        this.fileListChange.emit(this.fileList);
+    }
+    progressLabel(file) {
+        const total = file.size ?? file.originFileObj?.size ?? 0;
+        const percent = this.percentOf(file);
+        const loaded = file.loaded != null
+            ? file.loaded
+            : Math.round((percent / 100) * total);
+        return `${this.formatBytes(loaded)}/ ${this.formatBytes(total)} (${percent}%)`;
+    }
+    speedLabel(file) {
+        return this.formatSpeed(file.speed);
+    }
+    /** Demo / local upload khi không có action. */
+    simulateUpload(item) {
+        const file = item.file;
+        const total = file.size ?? file.originFileObj?.size ?? 0;
+        let loaded = 0;
+        const started = Date.now();
+        file.status = 'uploading';
+        file.percent = 0;
+        file.loaded = 0;
+        file.speed = 0;
+        const timer = window.setInterval(() => {
+            const step = Math.max(total * 0.08, 16 * 1024);
+            loaded = Math.min(total, loaded + step);
+            const elapsedSec = Math.max((Date.now() - started) / 1000, 0.001);
+            const percent = total > 0 ? Math.round((loaded / total) * 100) : 100;
+            file.loaded = loaded;
+            file.percent = percent;
+            file.speed = loaded / elapsedSec;
+            item.onProgress?.({ percent }, file);
+            this.cdr.markForCheck();
+            if (loaded >= total) {
+                window.clearInterval(timer);
+                file.status = 'done';
+                file.percent = 100;
+                file.loaded = total;
+                item.onSuccess?.({}, file, null);
+                this.cdr.markForCheck();
+            }
+        }, 200);
+        return new Subscription(() => window.clearInterval(timer));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoUploadComponent, isStandalone: true, selector: "geo-upload", inputs: { action: "action", accept: "accept", maxSize: "maxSize", multiple: "multiple", disabled: "disabled", error: "error", errorMessage: "errorMessage", hint: "hint", titlePrefix: "titlePrefix", selectText: "selectText", titleSuffix: "titleSuffix", listTitle: "listTitle", showListTitle: "showListTitle", fileList: "fileList", headers: "headers", data: "data", name: "name", withCredentials: "withCredentials", directory: "directory", customRequest: "customRequest", beforeUpload: "beforeUpload" }, outputs: { fileListChange: "fileListChange", change: "change", remove: "remove", reject: "reject" }, host: { properties: { "class.geo-upload-host--disabled": "disabled", "class.geo-upload-host--error": "error" }, classAttribute: "geo-upload-host" }, ngImport: i0, template: "<div class=\"geo-upload\">\n  <nz-upload\n    class=\"geo-upload__dragger\"\n    nzType=\"drag\"\n    [nzAction]=\"action\"\n    [nzAccept]=\"accept\"\n    [nzMultiple]=\"multiple\"\n    [nzDisabled]=\"disabled\"\n    [nzDirectory]=\"directory\"\n    [nzName]=\"name\"\n    [nzHeaders]=\"headers\"\n    [nzData]=\"data\"\n    [nzWithCredentials]=\"withCredentials\"\n    [nzFileList]=\"fileList\"\n    [nzShowUploadList]=\"false\"\n    [nzBeforeUpload]=\"handleBeforeUpload\"\n    [nzCustomRequest]=\"resolvedCustomRequest\"\n    [nzRemove]=\"onRemove\"\n    (nzFileListChange)=\"onFileListChange($event)\"\n    (nzChange)=\"onChange($event)\"\n  >\n    <div class=\"geo-upload__dropzone\">\n      <span class=\"geo-upload__icon-wrap\" aria-hidden=\"true\">\n        <span class=\"geo-upload__icon\" nz-icon nzType=\"cloud-upload\" nzTheme=\"outline\"></span>\n      </span>\n\n      <div class=\"geo-upload__copy\">\n        <p class=\"geo-upload__title\">\n          <span>{{ titlePrefix }} </span>\n          <span class=\"geo-upload__select\">{{ selectText }}</span>\n          <span> {{ titleSuffix }}</span>\n        </p>\n\n        @if (hint) {\n          <p class=\"geo-upload__hint\">{{ hint }}</p>\n        }\n      </div>\n    </div>\n  </nz-upload>\n\n  @if (fileList.length > 0) {\n    <div class=\"geo-upload__list\">\n      @if (showListTitle) {\n        <h4 class=\"geo-upload__list-title\">{{ listTitle }}</h4>\n      }\n\n      <ul class=\"geo-upload__files\">\n        @for (file of fileList; track file.uid) {\n          <li class=\"geo-upload__file\" [class.geo-upload__file--error]=\"file.status === 'error'\">\n            <div class=\"geo-upload__file-icon\" aria-hidden=\"true\">\n              <span nz-icon nzType=\"file\" nzTheme=\"outline\"></span>\n            </div>\n\n            <div class=\"geo-upload__file-main\">\n              <div class=\"geo-upload__file-row\">\n                <span class=\"geo-upload__file-name\" [title]=\"file.name\">{{ file.name }}</span>\n                <button\n                  type=\"button\"\n                  class=\"geo-upload__file-remove\"\n                  aria-label=\"X\u00F3a t\u1EADp tin\"\n                  [disabled]=\"disabled\"\n                  (click)=\"removeFile(file, $event)\"\n                >\n                  <span nz-icon nzType=\"close\" nzTheme=\"outline\"></span>\n                </button>\n              </div>\n\n              <div class=\"geo-upload__progress\" role=\"progressbar\" [attr.aria-valuenow]=\"percentOf(file)\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n                <div class=\"geo-upload__progress-bar\" [style.width.%]=\"percentOf(file)\"></div>\n              </div>\n\n              <div class=\"geo-upload__file-meta\">\n                <span>{{ progressLabel(file) }}</span>\n                <span>{{ speedLabel(file) }}</span>\n              </div>\n            </div>\n          </li>\n        }\n      </ul>\n    </div>\n  }\n\n  @if (error && errorMessage) {\n    <p class=\"geo-upload__error\" role=\"alert\">{{ errorMessage }}</p>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";geo-upload.geo-upload-host,.geo-upload-host{display:block;width:100%;font-family:var(--geo-font-family);color:var(--geo-color-neutral-900)}.geo-upload{display:flex;flex-direction:column;gap:20px}.geo-upload__dragger{display:block;width:100%}.geo-upload__dragger .ant-upload.ant-upload-drag{display:block;width:100%;background:var(--geo-color-neutral-100)!important;border:1.5px dashed var(--geo-color-neutral-300)!important;border-radius:var(--geo-radius);text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.geo-upload__dragger .ant-upload.ant-upload-drag .ant-upload-btn{display:block;padding:0;background:transparent}.geo-upload__dragger .ant-upload.ant-upload-drag .ant-upload-drag-icon,.geo-upload__dragger .ant-upload.ant-upload-drag .ant-upload-text,.geo-upload__dragger .ant-upload.ant-upload-drag .ant-upload-hint{display:none}.geo-upload__dragger .ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover,.geo-upload__dragger .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled){border-color:var(--geo-color-primary-default)!important;background:var(--geo-color-primary-surface-light)!important}.geo-upload__dragger .ant-upload.ant-upload-drag.ant-upload-disabled{cursor:not-allowed;opacity:.65}.geo-upload__dropzone{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;padding:20px 24px;box-sizing:border-box}.geo-upload__icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--geo-color-primary-default);color:var(--geo-color-neutral-white);flex-shrink:0}.geo-upload__icon{font-size:24px;line-height:1;color:var(--geo-color-neutral-white)}.geo-upload__copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;text-align:left}.geo-upload__title{margin:0;font-size:var(--geo-font-size-body);font-weight:var(--geo-font-weight-regular);line-height:var(--geo-line-height-body);color:var(--geo-color-neutral-900)}.geo-upload__select{font-weight:var(--geo-font-weight-semibold);color:var(--geo-color-primary-default)}.geo-upload__hint{margin:0;max-width:420px;font-size:var(--geo-font-size-caption);font-weight:var(--geo-font-weight-regular);line-height:var(--geo-line-height-caption);color:var(--geo-color-neutral-500)}.geo-upload__list{display:flex;flex-direction:column;gap:12px}.geo-upload__list-title{margin:0;font-size:var(--geo-font-size-body);font-weight:var(--geo-font-weight-semibold);line-height:var(--geo-line-height-body);color:var(--geo-color-neutral-900)}.geo-upload__files{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.geo-upload__file{display:flex;align-items:flex-start;gap:12px}.geo-upload__file-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:var(--geo-radius);background:var(--geo-color-neutral-100);color:var(--geo-color-neutral-500);font-size:18px}.geo-upload__file-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px}.geo-upload__file-row{display:flex;align-items:center;gap:8px}.geo-upload__file-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--geo-font-size-body);font-weight:var(--geo-font-weight-semibold);line-height:var(--geo-line-height-body);color:var(--geo-color-neutral-900)}.geo-upload__file-remove{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:transparent;color:var(--geo-color-neutral-500);cursor:pointer;flex-shrink:0;font-size:12px}.geo-upload__file-remove:hover:not(:disabled){color:var(--geo-color-error-default)}.geo-upload__file-remove:disabled{cursor:not-allowed;opacity:.5}.geo-upload__progress{width:100%;height:6px;border-radius:999px;background:var(--geo-color-neutral-200);overflow:hidden}.geo-upload__progress-bar{height:100%;border-radius:inherit;background:var(--geo-color-primary-default);transition:width .2s ease}.geo-upload__file-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:var(--geo-font-size-caption);line-height:var(--geo-line-height-caption);color:var(--geo-color-neutral-500)}.geo-upload__file--error .geo-upload__file-name{color:var(--geo-color-error-default)}.geo-upload__file--error .geo-upload__progress-bar{background:var(--geo-color-error-default)}.geo-upload__error{margin:0;font-size:var(--geo-font-size-body-small);line-height:var(--geo-line-height-body-small);color:var(--geo-color-error-default)}.geo-upload-host--disabled .geo-upload__select{color:var(--geo-color-neutral-disabled-text)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "ngmodule", type: NzUploadModule }, { kind: "component", type: i2$1.NzUploadComponent, selector: "nz-upload", inputs: ["nzType", "nzLimit", "nzSize", "nzFileType", "nzAccept", "nzAction", "nzDirectory", "nzOpenFileDialogOnClick", "nzBeforeUpload", "nzCustomRequest", "nzData", "nzFilter", "nzFileList", "nzDisabled", "nzHeaders", "nzListType", "nzMultiple", "nzName", "nzShowUploadList", "nzShowButton", "nzWithCredentials", "nzRemove", "nzPreview", "nzPreviewFile", "nzPreviewIsImage", "nzTransformFile", "nzDownload", "nzIconRender", "nzFileListRender"], outputs: ["nzChange", "nzFileListChange"], exportAs: ["nzUpload"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoUploadComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'geo-upload', standalone: true, imports: [CommonModule, NzIconModule, NzUploadModule], encapsulation: ViewEncapsulation.None, host: {
+                        class: 'geo-upload-host',
+                        '[class.geo-upload-host--disabled]': 'disabled',
+                        '[class.geo-upload-host--error]': 'error',
+                    }, template: "<div class=\"geo-upload\">\n  <nz-upload\n    class=\"geo-upload__dragger\"\n    nzType=\"drag\"\n    [nzAction]=\"action\"\n    [nzAccept]=\"accept\"\n    [nzMultiple]=\"multiple\"\n    [nzDisabled]=\"disabled\"\n    [nzDirectory]=\"directory\"\n    [nzName]=\"name\"\n    [nzHeaders]=\"headers\"\n    [nzData]=\"data\"\n    [nzWithCredentials]=\"withCredentials\"\n    [nzFileList]=\"fileList\"\n    [nzShowUploadList]=\"false\"\n    [nzBeforeUpload]=\"handleBeforeUpload\"\n    [nzCustomRequest]=\"resolvedCustomRequest\"\n    [nzRemove]=\"onRemove\"\n    (nzFileListChange)=\"onFileListChange($event)\"\n    (nzChange)=\"onChange($event)\"\n  >\n    <div class=\"geo-upload__dropzone\">\n      <span class=\"geo-upload__icon-wrap\" aria-hidden=\"true\">\n        <span class=\"geo-upload__icon\" nz-icon nzType=\"cloud-upload\" nzTheme=\"outline\"></span>\n      </span>\n\n      <div class=\"geo-upload__copy\">\n        <p class=\"geo-upload__title\">\n          <span>{{ titlePrefix }} </span>\n          <span class=\"geo-upload__select\">{{ selectText }}</span>\n          <span> {{ titleSuffix }}</span>\n        </p>\n\n        @if (hint) {\n          <p class=\"geo-upload__hint\">{{ hint }}</p>\n        }\n      </div>\n    </div>\n  </nz-upload>\n\n  @if (fileList.length > 0) {\n    <div class=\"geo-upload__list\">\n      @if (showListTitle) {\n        <h4 class=\"geo-upload__list-title\">{{ listTitle }}</h4>\n      }\n\n      <ul class=\"geo-upload__files\">\n        @for (file of fileList; track file.uid) {\n          <li class=\"geo-upload__file\" [class.geo-upload__file--error]=\"file.status === 'error'\">\n            <div class=\"geo-upload__file-icon\" aria-hidden=\"true\">\n              <span nz-icon nzType=\"file\" nzTheme=\"outline\"></span>\n            </div>\n\n            <div class=\"geo-upload__file-main\">\n              <div class=\"geo-upload__file-row\">\n                <span class=\"geo-upload__file-name\" [title]=\"file.name\">{{ file.name }}</span>\n                <button\n                  type=\"button\"\n                  class=\"geo-upload__file-remove\"\n                  aria-label=\"X\u00F3a t\u1EADp tin\"\n                  [disabled]=\"disabled\"\n                  (click)=\"removeFile(file, $event)\"\n                >\n                  <span nz-icon nzType=\"close\" nzTheme=\"outline\"></span>\n                </button>\n              </div>\n\n              <div class=\"geo-upload__progress\" role=\"progressbar\" [attr.aria-valuenow]=\"percentOf(file)\" aria-valuemin=\"0\" aria-valuemax=\"100\">\n                <div class=\"geo-upload__progress-bar\" [style.width.%]=\"percentOf(file)\"></div>\n              </div>\n\n              <div class=\"geo-upload__file-meta\">\n                <span>{{ progressLabel(file) }}</span>\n                <span>{{ speedLabel(file) }}</span>\n              </div>\n            </div>\n          </li>\n        }\n      </ul>\n    </div>\n  }\n\n  @if (error && errorMessage) {\n    <p class=\"geo-upload__error\" role=\"alert\">{{ errorMessage }}</p>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";geo-upload.geo-upload-host,.geo-upload-host{display:block;width:100%;font-family:var(--geo-font-family);color:var(--geo-color-neutral-900)}.geo-upload{display:flex;flex-direction:column;gap:20px}.geo-upload__dragger{display:block;width:100%}.geo-upload__dragger .ant-upload.ant-upload-drag{display:block;width:100%;background:var(--geo-color-neutral-100)!important;border:1.5px dashed var(--geo-color-neutral-300)!important;border-radius:var(--geo-radius);text-align:left;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.geo-upload__dragger .ant-upload.ant-upload-drag .ant-upload-btn{display:block;padding:0;background:transparent}.geo-upload__dragger .ant-upload.ant-upload-drag .ant-upload-drag-icon,.geo-upload__dragger .ant-upload.ant-upload-drag .ant-upload-text,.geo-upload__dragger .ant-upload.ant-upload-drag .ant-upload-hint{display:none}.geo-upload__dragger .ant-upload.ant-upload-drag:not(.ant-upload-disabled):hover,.geo-upload__dragger .ant-upload.ant-upload-drag.ant-upload-drag-hover:not(.ant-upload-disabled){border-color:var(--geo-color-primary-default)!important;background:var(--geo-color-primary-surface-light)!important}.geo-upload__dragger .ant-upload.ant-upload-drag.ant-upload-disabled{cursor:not-allowed;opacity:.65}.geo-upload__dropzone{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:16px;padding:20px 24px;box-sizing:border-box}.geo-upload__icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--geo-color-primary-default);color:var(--geo-color-neutral-white);flex-shrink:0}.geo-upload__icon{font-size:24px;line-height:1;color:var(--geo-color-neutral-white)}.geo-upload__copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0;text-align:left}.geo-upload__title{margin:0;font-size:var(--geo-font-size-body);font-weight:var(--geo-font-weight-regular);line-height:var(--geo-line-height-body);color:var(--geo-color-neutral-900)}.geo-upload__select{font-weight:var(--geo-font-weight-semibold);color:var(--geo-color-primary-default)}.geo-upload__hint{margin:0;max-width:420px;font-size:var(--geo-font-size-caption);font-weight:var(--geo-font-weight-regular);line-height:var(--geo-line-height-caption);color:var(--geo-color-neutral-500)}.geo-upload__list{display:flex;flex-direction:column;gap:12px}.geo-upload__list-title{margin:0;font-size:var(--geo-font-size-body);font-weight:var(--geo-font-weight-semibold);line-height:var(--geo-line-height-body);color:var(--geo-color-neutral-900)}.geo-upload__files{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}.geo-upload__file{display:flex;align-items:flex-start;gap:12px}.geo-upload__file-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:var(--geo-radius);background:var(--geo-color-neutral-100);color:var(--geo-color-neutral-500);font-size:18px}.geo-upload__file-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px}.geo-upload__file-row{display:flex;align-items:center;gap:8px}.geo-upload__file-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--geo-font-size-body);font-weight:var(--geo-font-weight-semibold);line-height:var(--geo-line-height-body);color:var(--geo-color-neutral-900)}.geo-upload__file-remove{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;background:transparent;color:var(--geo-color-neutral-500);cursor:pointer;flex-shrink:0;font-size:12px}.geo-upload__file-remove:hover:not(:disabled){color:var(--geo-color-error-default)}.geo-upload__file-remove:disabled{cursor:not-allowed;opacity:.5}.geo-upload__progress{width:100%;height:6px;border-radius:999px;background:var(--geo-color-neutral-200);overflow:hidden}.geo-upload__progress-bar{height:100%;border-radius:inherit;background:var(--geo-color-primary-default);transition:width .2s ease}.geo-upload__file-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:var(--geo-font-size-caption);line-height:var(--geo-line-height-caption);color:var(--geo-color-neutral-500)}.geo-upload__file--error .geo-upload__file-name{color:var(--geo-color-error-default)}.geo-upload__file--error .geo-upload__progress-bar{background:var(--geo-color-error-default)}.geo-upload__error{margin:0;font-size:var(--geo-font-size-body-small);line-height:var(--geo-line-height-body-small);color:var(--geo-color-error-default)}.geo-upload-host--disabled .geo-upload__select{color:var(--geo-color-neutral-disabled-text)}\n"] }]
+        }], propDecorators: { action: [{
+                type: Input
+            }], accept: [{
+                type: Input
+            }], maxSize: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], errorMessage: [{
+                type: Input
+            }], hint: [{
+                type: Input
+            }], titlePrefix: [{
+                type: Input
+            }], selectText: [{
+                type: Input
+            }], titleSuffix: [{
+                type: Input
+            }], listTitle: [{
+                type: Input
+            }], showListTitle: [{
+                type: Input
+            }], fileList: [{
+                type: Input
+            }], headers: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], withCredentials: [{
+                type: Input
+            }], directory: [{
+                type: Input
+            }], customRequest: [{
+                type: Input
+            }], beforeUpload: [{
+                type: Input
+            }], fileListChange: [{
+                type: Output
+            }], change: [{
+                type: Output
+            }], remove: [{
+                type: Output
+            }], reject: [{
+                type: Output
+            }] } });
+
+/**
+ * Modal form dùng chung — API bám Ant Design Modal / ng-zorro nz-modal.
+ * Header + footer cố định; body có thể scroll (`bodyScroll`).
+ */
+class GeoFormModalComponent {
+    /** Tương đương `open` (antd) / `nzVisible` (ng-zorro). */
+    open = false;
+    title = '';
+    /** Title chữ in hoa. Default `true` theo design. */
+    titleUppercase = true;
+    okText = 'Lưu';
+    cancelText = 'Hủy';
+    /** Icon nút cancel (vd. `left` cho Quay lại). */
+    cancelIcon;
+    cancelIconPlacement = 'start';
+    /** Icon nút OK (vd. `right` cho Tiếp theo). */
+    okIcon;
+    okIconPlacement = 'end';
+    /** Nút phụ (vd. Lưu và khởi tạo lại). Chỉ hiện khi có text và không readonly. */
+    secondaryOkText = '';
+    /** Loading trên nút OK — giống antd `confirmLoading` / nz `nzOkLoading`. */
+    confirmLoading = false;
+    /** Disable nút OK — giống antd `okButtonProps.disabled` / nz `nzOkDisabled`. */
+    okDisabled = false;
+    /** Ẩn nút OK (xem chi tiết). */
+    readonly = false;
+    width = 720;
+    closable = true;
+    mask = true;
+    maskClosable = false;
+    keyboard = true;
+    centered = true;
+    zIndex = 1000;
+    className = '';
+    wrapClassName = '';
+    /** Body cuộn, header/footer cố định. */
+    bodyScroll = true;
+    /** Max-height của vùng body khi `bodyScroll` (vd `'60vh'`, `400`). */
+    bodyMaxHeight = '60vh';
+    openChange = new EventEmitter();
+    ok = new EventEmitter();
+    secondaryOk = new EventEmitter();
+    cancel = new EventEmitter();
+    afterOpen = new EventEmitter();
+    afterClose = new EventEmitter();
+    get resolvedWrapClassName() {
+        return ['geo-form-modal-wrap', this.wrapClassName].filter(Boolean).join(' ');
+    }
+    get resolvedClassName() {
+        return ['geo-form-modal', this.className].filter(Boolean).join(' ');
+    }
+    get bodyMaxHeightCss() {
+        return typeof this.bodyMaxHeight === 'number'
+            ? `${this.bodyMaxHeight}px`
+            : this.bodyMaxHeight;
+    }
+    onOpenChange(open) {
+        if (this.open === open) {
+            return;
+        }
+        this.openChange.emit(open);
+    }
+    onCancel() {
+        this.openChange.emit(false);
+        this.cancel.emit();
+    }
+    onOk() {
+        if (!this.okDisabled && !this.confirmLoading) {
+            this.ok.emit();
+        }
+    }
+    onSecondaryOk() {
+        if (!this.okDisabled && !this.confirmLoading) {
+            this.secondaryOk.emit();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoFormModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoFormModalComponent, isStandalone: true, selector: "geo-form-modal", inputs: { open: "open", title: "title", titleUppercase: "titleUppercase", okText: "okText", cancelText: "cancelText", cancelIcon: "cancelIcon", cancelIconPlacement: "cancelIconPlacement", okIcon: "okIcon", okIconPlacement: "okIconPlacement", secondaryOkText: "secondaryOkText", confirmLoading: "confirmLoading", okDisabled: "okDisabled", readonly: "readonly", width: "width", closable: "closable", mask: "mask", maskClosable: "maskClosable", keyboard: "keyboard", centered: "centered", zIndex: "zIndex", className: "className", wrapClassName: "wrapClassName", bodyScroll: "bodyScroll", bodyMaxHeight: "bodyMaxHeight" }, outputs: { openChange: "openChange", ok: "ok", secondaryOk: "secondaryOk", cancel: "cancel", afterOpen: "afterOpen", afterClose: "afterClose" }, ngImport: i0, template: "<nz-modal\n  [nzVisible]=\"open\"\n  [nzTitle]=\"''\"\n  [nzFooter]=\"null\"\n  [nzClosable]=\"false\"\n  [nzMask]=\"mask\"\n  [nzMaskClosable]=\"maskClosable\"\n  [nzKeyboard]=\"keyboard\"\n  [nzCentered]=\"centered\"\n  [nzWidth]=\"width\"\n  [nzZIndex]=\"zIndex\"\n  [nzWrapClassName]=\"resolvedWrapClassName\"\n  [nzClassName]=\"resolvedClassName\"\n  (nzVisibleChange)=\"onOpenChange($event)\"\n  (nzAfterOpen)=\"afterOpen.emit()\"\n  (nzAfterClose)=\"afterClose.emit()\"\n>\n  <ng-container *nzModalContent>\n    <div\n      class=\"geo-form-modal__content\"\n      [class.geo-form-modal__content--body-scroll]=\"bodyScroll\"\n    >\n      <div class=\"geo-form-modal__header\">\n        <h2\n          class=\"geo-form-modal__title\"\n          [class.geo-form-modal__title--uppercase]=\"titleUppercase\"\n        >\n          {{ title }}\n        </h2>\n        @if (closable) {\n          <button\n            type=\"button\"\n            class=\"geo-form-modal__close\"\n            aria-label=\"\u0110\u00F3ng\"\n            (click)=\"onCancel()\"\n          >\n            <span nz-icon nzType=\"close\" nzTheme=\"outline\"></span>\n          </button>\n        }\n      </div>\n\n      <div\n        class=\"geo-form-modal__body\"\n        [style.--geo-form-modal-body-max-height]=\"bodyScroll ? bodyMaxHeightCss : null\"\n      >\n        <ng-content></ng-content>\n      </div>\n\n      <div class=\"geo-form-modal__footer\">\n        <ng-content select=\"[footerStart]\"></ng-content>\n\n        <div class=\"geo-form-modal__footer-actions\">\n          <geo-button\n            appearance=\"secondary\"\n            color=\"brand\"\n            [icon]=\"cancelIcon\"\n            [iconPlacement]=\"cancelIconPlacement\"\n            (clicked)=\"onCancel()\"\n          >\n            {{ readonly ? '\u0110\u00F3ng' : cancelText }}\n          </geo-button>\n          @if (!readonly && secondaryOkText) {\n            <geo-button\n              appearance=\"secondary\"\n              color=\"brand\"\n              icon=\"save\"\n              [disabled]=\"okDisabled || confirmLoading\"\n              (clicked)=\"onSecondaryOk()\"\n            >\n              {{ secondaryOkText }}\n            </geo-button>\n          }\n          @if (!readonly) {\n            <geo-button\n              appearance=\"primary\"\n              color=\"brand\"\n              [icon]=\"confirmLoading ? 'loading' : okIcon\"\n              [iconPlacement]=\"okIconPlacement\"\n              [disabled]=\"okDisabled || confirmLoading\"\n              (clicked)=\"onOk()\"\n            >\n              {{ okText }}\n            </geo-button>\n          }\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</nz-modal>\n", styles: [".geo-form-modal-wrap .ant-modal-header{display:none}.geo-form-modal-wrap .ant-modal{max-width:calc(100vw - 32px)}.geo-form-modal-wrap .ant-modal-content{border-radius:var(--geo-radius);padding:0;overflow:hidden;box-shadow:0 8px 24px #1118271f}.geo-form-modal-wrap .ant-modal-body{padding:0}.geo-form-modal__content{display:flex;flex-direction:column;background:var(--geo-color-neutral-white);max-height:inherit}.geo-form-modal__header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;padding:24px 24px 16px;border-bottom:none}.geo-form-modal__header:after{content:\"\";position:absolute;left:24px;right:24px;bottom:0;height:1px;background:var(--geo-color-primary-default);pointer-events:none}.geo-form-modal__title{margin:0;min-width:0;font-family:var(--geo-font-family);font-size:var(--geo-font-size-h4);font-weight:var(--geo-font-weight-bold);line-height:var(--geo-line-height-h4);color:var(--geo-color-neutral-900);letter-spacing:.02em;word-break:break-word}.geo-form-modal__title--uppercase{text-transform:uppercase}.geo-form-modal__close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--geo-radius);background:transparent;color:var(--geo-color-neutral-500);cursor:pointer;flex-shrink:0;transition:color .15s ease,background-color .15s ease}.geo-form-modal__close .anticon{font-size:14px}.geo-form-modal__close:hover{color:var(--geo-color-neutral-900);background:var(--geo-color-neutral-100)}.geo-form-modal__body{display:flex;flex-direction:column;gap:20px;flex:1 1 auto;min-width:0;min-height:0;padding:24px}.geo-form-modal__content--body-scroll .geo-form-modal__body{overflow-x:hidden;overflow-y:auto;max-height:var(--geo-form-modal-body-max-height, 60vh);-webkit-overflow-scrolling:touch}.geo-form-modal__footer{position:relative;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;flex-shrink:0;padding:16px 24px 24px;border-top:none;background:var(--geo-color-neutral-white)}.geo-form-modal__footer:before{content:\"\";position:absolute;left:24px;right:24px;top:0;height:1px;background:var(--geo-color-primary-default);pointer-events:none}.geo-form-modal__footer-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-left:auto}@media (max-width: 767.98px){.geo-form-modal-wrap .ant-modal{top:0;max-width:calc(100vw - 24px)!important;width:calc(100vw - 24px)!important;margin:12px auto!important;padding-bottom:0}.geo-form-modal-wrap .ant-modal-content{max-height:calc(100dvh - 24px);display:flex;flex-direction:column}.geo-form-modal-wrap .ant-modal-body{flex:1 1 auto;min-height:0;overflow:hidden}.geo-form-modal__content{max-height:calc(100dvh - 24px);min-height:0}.geo-form-modal__header{gap:12px;padding:24px 24px 16px}.geo-form-modal__title{font-size:var(--geo-font-size-subtitle)}.geo-form-modal__body{gap:16px;padding:24px}.geo-form-modal__content--body-scroll .geo-form-modal__body{max-height:none;flex:1 1 auto}.geo-form-modal__footer{justify-content:stretch;gap:8px;padding:16px 24px 24px}.geo-form-modal__footer-actions{width:100%;margin-left:0}.geo-form-modal__footer-actions>*{flex:1 1 calc(50% - 4px);min-width:0}.geo-form-modal__footer-actions>*:nth-child(n+3){flex:1 1 100%}.geo-form-modal__footer-actions geo-button{display:block;width:100%}.geo-form-modal__footer-actions .geo-button{width:100%;white-space:normal;height:auto;min-height:40px;padding-block:8px;text-align:center}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: NgZorroAntdModule }, { kind: "directive", type: i1$5.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i1.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "component", type: i3$1.NzModalComponent, selector: "nz-modal", inputs: ["nzMask", "nzMaskClosable", "nzCloseOnNavigation", "nzVisible", "nzClosable", "nzOkLoading", "nzOkDisabled", "nzCancelDisabled", "nzCancelLoading", "nzKeyboard", "nzNoAnimation", "nzCentered", "nzDraggable", "nzContent", "nzFooter", "nzZIndex", "nzWidth", "nzWrapClassName", "nzClassName", "nzStyle", "nzTitle", "nzCloseIcon", "nzMaskStyle", "nzBodyStyle", "nzOkText", "nzCancelText", "nzOkType", "nzOkDanger", "nzIconType", "nzModalType", "nzAutofocus", "nzOnOk", "nzOnCancel"], outputs: ["nzOnOk", "nzOnCancel", "nzAfterOpen", "nzAfterClose", "nzVisibleChange"], exportAs: ["nzModal"] }, { kind: "directive", type: i3$1.NzModalContentDirective, selector: "[nzModalContent]", exportAs: ["nzModalContent"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "component", type: GeoButtonComponent, selector: "geo-button", inputs: ["appearance", "color", "icon", "iconTheme", "iconPlacement", "iconOnly", "type", "disabled", "tooltip", "tooltipPlacement", "active", "title"], outputs: ["clicked"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoFormModalComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'geo-form-modal', standalone: true, imports: [CommonModule, NgZorroAntdModule, NzIconModule, GeoButtonComponent], encapsulation: ViewEncapsulation.None, template: "<nz-modal\n  [nzVisible]=\"open\"\n  [nzTitle]=\"''\"\n  [nzFooter]=\"null\"\n  [nzClosable]=\"false\"\n  [nzMask]=\"mask\"\n  [nzMaskClosable]=\"maskClosable\"\n  [nzKeyboard]=\"keyboard\"\n  [nzCentered]=\"centered\"\n  [nzWidth]=\"width\"\n  [nzZIndex]=\"zIndex\"\n  [nzWrapClassName]=\"resolvedWrapClassName\"\n  [nzClassName]=\"resolvedClassName\"\n  (nzVisibleChange)=\"onOpenChange($event)\"\n  (nzAfterOpen)=\"afterOpen.emit()\"\n  (nzAfterClose)=\"afterClose.emit()\"\n>\n  <ng-container *nzModalContent>\n    <div\n      class=\"geo-form-modal__content\"\n      [class.geo-form-modal__content--body-scroll]=\"bodyScroll\"\n    >\n      <div class=\"geo-form-modal__header\">\n        <h2\n          class=\"geo-form-modal__title\"\n          [class.geo-form-modal__title--uppercase]=\"titleUppercase\"\n        >\n          {{ title }}\n        </h2>\n        @if (closable) {\n          <button\n            type=\"button\"\n            class=\"geo-form-modal__close\"\n            aria-label=\"\u0110\u00F3ng\"\n            (click)=\"onCancel()\"\n          >\n            <span nz-icon nzType=\"close\" nzTheme=\"outline\"></span>\n          </button>\n        }\n      </div>\n\n      <div\n        class=\"geo-form-modal__body\"\n        [style.--geo-form-modal-body-max-height]=\"bodyScroll ? bodyMaxHeightCss : null\"\n      >\n        <ng-content></ng-content>\n      </div>\n\n      <div class=\"geo-form-modal__footer\">\n        <ng-content select=\"[footerStart]\"></ng-content>\n\n        <div class=\"geo-form-modal__footer-actions\">\n          <geo-button\n            appearance=\"secondary\"\n            color=\"brand\"\n            [icon]=\"cancelIcon\"\n            [iconPlacement]=\"cancelIconPlacement\"\n            (clicked)=\"onCancel()\"\n          >\n            {{ readonly ? '\u0110\u00F3ng' : cancelText }}\n          </geo-button>\n          @if (!readonly && secondaryOkText) {\n            <geo-button\n              appearance=\"secondary\"\n              color=\"brand\"\n              icon=\"save\"\n              [disabled]=\"okDisabled || confirmLoading\"\n              (clicked)=\"onSecondaryOk()\"\n            >\n              {{ secondaryOkText }}\n            </geo-button>\n          }\n          @if (!readonly) {\n            <geo-button\n              appearance=\"primary\"\n              color=\"brand\"\n              [icon]=\"confirmLoading ? 'loading' : okIcon\"\n              [iconPlacement]=\"okIconPlacement\"\n              [disabled]=\"okDisabled || confirmLoading\"\n              (clicked)=\"onOk()\"\n            >\n              {{ okText }}\n            </geo-button>\n          }\n        </div>\n      </div>\n    </div>\n  </ng-container>\n</nz-modal>\n", styles: [".geo-form-modal-wrap .ant-modal-header{display:none}.geo-form-modal-wrap .ant-modal{max-width:calc(100vw - 32px)}.geo-form-modal-wrap .ant-modal-content{border-radius:var(--geo-radius);padding:0;overflow:hidden;box-shadow:0 8px 24px #1118271f}.geo-form-modal-wrap .ant-modal-body{padding:0}.geo-form-modal__content{display:flex;flex-direction:column;background:var(--geo-color-neutral-white);max-height:inherit}.geo-form-modal__header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;padding:24px 24px 16px;border-bottom:none}.geo-form-modal__header:after{content:\"\";position:absolute;left:24px;right:24px;bottom:0;height:1px;background:var(--geo-color-primary-default);pointer-events:none}.geo-form-modal__title{margin:0;min-width:0;font-family:var(--geo-font-family);font-size:var(--geo-font-size-h4);font-weight:var(--geo-font-weight-bold);line-height:var(--geo-line-height-h4);color:var(--geo-color-neutral-900);letter-spacing:.02em;word-break:break-word}.geo-form-modal__title--uppercase{text-transform:uppercase}.geo-form-modal__close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--geo-radius);background:transparent;color:var(--geo-color-neutral-500);cursor:pointer;flex-shrink:0;transition:color .15s ease,background-color .15s ease}.geo-form-modal__close .anticon{font-size:14px}.geo-form-modal__close:hover{color:var(--geo-color-neutral-900);background:var(--geo-color-neutral-100)}.geo-form-modal__body{display:flex;flex-direction:column;gap:20px;flex:1 1 auto;min-width:0;min-height:0;padding:24px}.geo-form-modal__content--body-scroll .geo-form-modal__body{overflow-x:hidden;overflow-y:auto;max-height:var(--geo-form-modal-body-max-height, 60vh);-webkit-overflow-scrolling:touch}.geo-form-modal__footer{position:relative;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;flex-shrink:0;padding:16px 24px 24px;border-top:none;background:var(--geo-color-neutral-white)}.geo-form-modal__footer:before{content:\"\";position:absolute;left:24px;right:24px;top:0;height:1px;background:var(--geo-color-primary-default);pointer-events:none}.geo-form-modal__footer-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;margin-left:auto}@media (max-width: 767.98px){.geo-form-modal-wrap .ant-modal{top:0;max-width:calc(100vw - 24px)!important;width:calc(100vw - 24px)!important;margin:12px auto!important;padding-bottom:0}.geo-form-modal-wrap .ant-modal-content{max-height:calc(100dvh - 24px);display:flex;flex-direction:column}.geo-form-modal-wrap .ant-modal-body{flex:1 1 auto;min-height:0;overflow:hidden}.geo-form-modal__content{max-height:calc(100dvh - 24px);min-height:0}.geo-form-modal__header{gap:12px;padding:24px 24px 16px}.geo-form-modal__title{font-size:var(--geo-font-size-subtitle)}.geo-form-modal__body{gap:16px;padding:24px}.geo-form-modal__content--body-scroll .geo-form-modal__body{max-height:none;flex:1 1 auto}.geo-form-modal__footer{justify-content:stretch;gap:8px;padding:16px 24px 24px}.geo-form-modal__footer-actions{width:100%;margin-left:0}.geo-form-modal__footer-actions>*{flex:1 1 calc(50% - 4px);min-width:0}.geo-form-modal__footer-actions>*:nth-child(n+3){flex:1 1 100%}.geo-form-modal__footer-actions geo-button{display:block;width:100%}.geo-form-modal__footer-actions .geo-button{width:100%;white-space:normal;height:auto;min-height:40px;padding-block:8px;text-align:center}}\n"] }]
+        }], propDecorators: { open: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], titleUppercase: [{
+                type: Input
+            }], okText: [{
+                type: Input
+            }], cancelText: [{
+                type: Input
+            }], cancelIcon: [{
+                type: Input
+            }], cancelIconPlacement: [{
+                type: Input
+            }], okIcon: [{
+                type: Input
+            }], okIconPlacement: [{
+                type: Input
+            }], secondaryOkText: [{
+                type: Input
+            }], confirmLoading: [{
+                type: Input
+            }], okDisabled: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], closable: [{
+                type: Input
+            }], mask: [{
+                type: Input
+            }], maskClosable: [{
+                type: Input
+            }], keyboard: [{
+                type: Input
+            }], centered: [{
+                type: Input
+            }], zIndex: [{
+                type: Input
+            }], className: [{
+                type: Input
+            }], wrapClassName: [{
+                type: Input
+            }], bodyScroll: [{
+                type: Input
+            }], bodyMaxHeight: [{
+                type: Input
+            }], openChange: [{
+                type: Output
+            }], ok: [{
+                type: Output
+            }], secondaryOk: [{
+                type: Output
+            }], cancel: [{
+                type: Output
+            }], afterOpen: [{
+                type: Output
+            }], afterClose: [{
+                type: Output
+            }] } });
+
+const GEO_ICON_SIZE_MAP = {
+    xs: '12px',
+    sm: '14px',
+    md: '16px',
+    lg: '20px',
+    xl: '24px',
+};
+
+/**
+ * Icon wrapper — domain dùng `geo-icon`, không dùng `nz-icon` trực tiếp.
+ * Wrap Ant Design icons (đã register qua `NZ_ICONS` ở app/Storybook).
+ */
+class GeoIconComponent {
+    /** Tên icon Ant Design (vd. `close`, `search`, `appstore`). */
+    type;
+    theme = 'outline';
+    spin = false;
+    /** xs | sm | md | lg | xl | number(px) | CSS size string */
+    size = 'md';
+    /** CSS color — ưu tiên design token, vd. `var(--geo-color-primary-default)` */
+    color;
+    get resolvedSize() {
+        if (typeof this.size === 'number') {
+            return `${this.size}px`;
+        }
+        if (this.size in GEO_ICON_SIZE_MAP) {
+            return GEO_ICON_SIZE_MAP[this.size];
+        }
+        return String(this.size);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: GeoIconComponent, isStandalone: true, selector: "geo-icon", inputs: { type: "type", theme: "theme", spin: "spin", size: "size", color: "color" }, host: { properties: { "style.--geo-icon-size": "resolvedSize", "style.color": "color || null", "class.geo-icon-host--spin": "spin" }, classAttribute: "geo-icon-host" }, ngImport: i0, template: "<span\n  class=\"geo-icon\"\n  nz-icon\n  [nzType]=\"type\"\n  [nzTheme]=\"theme\"\n  [nzSpin]=\"spin\"\n></span>\n", styles: [".geo-icon-host{display:inline-flex;align-items:center;justify-content:center;line-height:1;color:inherit;vertical-align:middle}.geo-icon-host--spin{color:var(--geo-color-primary-default)}.geo-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:var(--geo-icon-size, 16px)}.geo-icon .anticon{font-size:inherit}\n"], dependencies: [{ kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'geo-icon', standalone: true, imports: [NzIconModule], encapsulation: ViewEncapsulation.None, host: {
+                        class: 'geo-icon-host',
+                        '[style.--geo-icon-size]': 'resolvedSize',
+                        '[style.color]': 'color || null',
+                        '[class.geo-icon-host--spin]': 'spin',
+                    }, template: "<span\n  class=\"geo-icon\"\n  nz-icon\n  [nzType]=\"type\"\n  [nzTheme]=\"theme\"\n  [nzSpin]=\"spin\"\n></span>\n", styles: [".geo-icon-host{display:inline-flex;align-items:center;justify-content:center;line-height:1;color:inherit;vertical-align:middle}.geo-icon-host--spin{color:var(--geo-color-primary-default)}.geo-icon{display:inline-flex;align-items:center;justify-content:center;line-height:1;font-size:var(--geo-icon-size, 16px)}.geo-icon .anticon{font-size:inherit}\n"] }]
+        }], propDecorators: { type: [{
+                type: Input,
+                args: [{ required: true }]
+            }], theme: [{
+                type: Input
+            }], spin: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }] } });
+
+let uiInputErrorId = 0;
+class GeoInputComponent {
+    label = '';
+    placeholder = '';
+    type = 'text';
+    disabled = false;
+    readonly = false;
+    required = false;
+    error = false;
+    errorMessage = '';
+    maxlength;
+    prefixIcon;
+    suffixIcon;
+    allowClear = false;
+    block = false;
+    width;
+    valueChange = new EventEmitter();
+    enterPressed = new EventEmitter();
+    errorMessageId = `geo-input-error-${++uiInputErrorId}`;
+    value = '';
+    onChange = () => undefined;
+    onTouched = () => undefined;
+    get hostWidth() {
+        if (this.block || this.width == null) {
+            return null;
+        }
+        return typeof this.width === 'number' ? `${this.width}px` : this.width;
+    }
+    get showClear() {
+        return this.allowClear && !this.disabled && !this.readonly && !!this.value;
+    }
+    onInput(value) {
+        this.value = value;
+        this.onChange(value);
+        this.valueChange.emit(value);
+    }
+    onBlur() {
+        this.onTouched();
+    }
+    onClear() {
+        this.onInput('');
+    }
+    writeValue(value) {
+        this.value = value == null ? '' : String(value);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoInputComponent, isStandalone: true, selector: "geo-input", inputs: { label: "label", placeholder: "placeholder", type: "type", disabled: "disabled", readonly: "readonly", required: "required", error: "error", errorMessage: "errorMessage", maxlength: "maxlength", prefixIcon: "prefixIcon", suffixIcon: "suffixIcon", allowClear: "allowClear", block: "block", width: "width" }, outputs: { valueChange: "valueChange", enterPressed: "enterPressed" }, host: { properties: { "class.geo-input-host--block": "block", "class.geo-input-host--error": "error", "style.width": "hostWidth" }, classAttribute: "geo-input-host" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => GeoInputComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "@if (label) {\n  <div class=\"geo-input__label\">\n    <span>{{ label }}</span>\n    @if (required) {\n      <span class=\"geo-input__required\" aria-hidden=\"true\">*</span>\n    }\n  </div>\n}\n\n<div\n  class=\"geo-input__control\"\n  [class.geo-input__control--disabled]=\"disabled\"\n  [class.geo-input__control--error]=\"error\"\n>\n  @if (prefixIcon) {\n    <span class=\"geo-input__icon\" nz-icon [nzType]=\"prefixIcon\" nzTheme=\"outline\"></span>\n  }\n\n  <input\n    class=\"geo-input__field\"\n    [type]=\"type\"\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [attr.maxlength]=\"maxlength ?? null\"\n    [attr.aria-invalid]=\"error ? 'true' : null\"\n    [attr.aria-describedby]=\"error && errorMessage ? errorMessageId : null\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"onInput($event)\"\n    (blur)=\"onBlur()\"\n    (keyup.enter)=\"enterPressed.emit()\"\n  />\n\n  @if (showClear) {\n    <button type=\"button\" class=\"geo-input__clear\" aria-label=\"X\u00F3a n\u1ED9i dung\" (click)=\"onClear()\">\n      <span nz-icon nzType=\"close-circle\" nzTheme=\"fill\"></span>\n    </button>\n  }\n\n  @if (suffixIcon) {\n    <span class=\"geo-input__icon\" nz-icon [nzType]=\"suffixIcon\" nzTheme=\"outline\"></span>\n  }\n</div>\n\n@if (error && errorMessage) {\n  <p class=\"geo-input__error\" [id]=\"errorMessageId\" role=\"alert\">{{ errorMessage }}</p>\n}\n", styles: [".geo-input-host{display:inline-flex;flex-direction:column;gap:8px;width:413px;max-width:100%;vertical-align:top}geo-input.geo-input-host.geo-input-host--block,.geo-input-host.geo-input-host--block{display:flex;width:100%;max-width:none}.geo-input__label{display:inline-flex;align-items:flex-start;gap:4px;font-size:14px;line-height:normal;color:var(--geo-color-neutral-900)}.geo-input__required{color:var(--geo-color-error-default)}.geo-input__control{display:flex;align-items:center;gap:10px;min-height:40px;height:40px;padding:8px;border:1px solid var(--geo-color-neutral-300);border-radius:var(--geo-radius);background:transparent;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.geo-input__control:hover:not(.geo-input__control--disabled){border-color:var(--geo-color-primary-default)}.geo-input__control:focus-within:not(.geo-input__control--disabled){border-color:var(--geo-color-primary-default);box-shadow:0 0 0 2px color-mix(in srgb,var(--geo-color-primary-default) 12%,transparent)}.geo-input__control--error{border-color:var(--geo-color-error-default)!important}.geo-input__control--error:focus-within{box-shadow:0 0 0 2px color-mix(in srgb,var(--geo-color-error-default) 12%,transparent)!important}.geo-input__control--disabled{background:var(--geo-color-neutral-100);border-color:var(--geo-color-neutral-300)}.geo-input__field{flex:1 1 auto;min-width:0;height:24px;border:none;outline:none;background:transparent;font-size:14px;line-height:24px;color:var(--geo-color-neutral-900);font-family:inherit}.geo-input__field::placeholder{color:var(--geo-color-neutral-500)}.geo-input__field:disabled{color:var(--geo-color-neutral-disabled-text);cursor:not-allowed}.geo-input__icon{display:inline-flex;flex-shrink:0;font-size:16px;color:var(--geo-color-neutral-500)}.geo-input__clear{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;border:none;background:transparent;color:var(--geo-color-neutral-400);font-size:14px;cursor:pointer}.geo-input__clear:hover{color:var(--geo-color-neutral-500)}.geo-input__error{margin:0;font-size:14px;line-height:normal;color:var(--geo-color-error-default)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'geo-input', standalone: true, imports: [CommonModule, FormsModule, NzIconModule], encapsulation: ViewEncapsulation.None, host: {
+                        class: 'geo-input-host',
+                        '[class.geo-input-host--block]': 'block',
+                        '[class.geo-input-host--error]': 'error',
+                        '[style.width]': 'hostWidth',
+                    }, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => GeoInputComponent),
+                            multi: true,
+                        },
+                    ], template: "@if (label) {\n  <div class=\"geo-input__label\">\n    <span>{{ label }}</span>\n    @if (required) {\n      <span class=\"geo-input__required\" aria-hidden=\"true\">*</span>\n    }\n  </div>\n}\n\n<div\n  class=\"geo-input__control\"\n  [class.geo-input__control--disabled]=\"disabled\"\n  [class.geo-input__control--error]=\"error\"\n>\n  @if (prefixIcon) {\n    <span class=\"geo-input__icon\" nz-icon [nzType]=\"prefixIcon\" nzTheme=\"outline\"></span>\n  }\n\n  <input\n    class=\"geo-input__field\"\n    [type]=\"type\"\n    [placeholder]=\"placeholder\"\n    [disabled]=\"disabled\"\n    [readonly]=\"readonly\"\n    [attr.maxlength]=\"maxlength ?? null\"\n    [attr.aria-invalid]=\"error ? 'true' : null\"\n    [attr.aria-describedby]=\"error && errorMessage ? errorMessageId : null\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"onInput($event)\"\n    (blur)=\"onBlur()\"\n    (keyup.enter)=\"enterPressed.emit()\"\n  />\n\n  @if (showClear) {\n    <button type=\"button\" class=\"geo-input__clear\" aria-label=\"X\u00F3a n\u1ED9i dung\" (click)=\"onClear()\">\n      <span nz-icon nzType=\"close-circle\" nzTheme=\"fill\"></span>\n    </button>\n  }\n\n  @if (suffixIcon) {\n    <span class=\"geo-input__icon\" nz-icon [nzType]=\"suffixIcon\" nzTheme=\"outline\"></span>\n  }\n</div>\n\n@if (error && errorMessage) {\n  <p class=\"geo-input__error\" [id]=\"errorMessageId\" role=\"alert\">{{ errorMessage }}</p>\n}\n", styles: [".geo-input-host{display:inline-flex;flex-direction:column;gap:8px;width:413px;max-width:100%;vertical-align:top}geo-input.geo-input-host.geo-input-host--block,.geo-input-host.geo-input-host--block{display:flex;width:100%;max-width:none}.geo-input__label{display:inline-flex;align-items:flex-start;gap:4px;font-size:14px;line-height:normal;color:var(--geo-color-neutral-900)}.geo-input__required{color:var(--geo-color-error-default)}.geo-input__control{display:flex;align-items:center;gap:10px;min-height:40px;height:40px;padding:8px;border:1px solid var(--geo-color-neutral-300);border-radius:var(--geo-radius);background:transparent;box-sizing:border-box;transition:border-color .15s ease,box-shadow .15s ease}.geo-input__control:hover:not(.geo-input__control--disabled){border-color:var(--geo-color-primary-default)}.geo-input__control:focus-within:not(.geo-input__control--disabled){border-color:var(--geo-color-primary-default);box-shadow:0 0 0 2px color-mix(in srgb,var(--geo-color-primary-default) 12%,transparent)}.geo-input__control--error{border-color:var(--geo-color-error-default)!important}.geo-input__control--error:focus-within{box-shadow:0 0 0 2px color-mix(in srgb,var(--geo-color-error-default) 12%,transparent)!important}.geo-input__control--disabled{background:var(--geo-color-neutral-100);border-color:var(--geo-color-neutral-300)}.geo-input__field{flex:1 1 auto;min-width:0;height:24px;border:none;outline:none;background:transparent;font-size:14px;line-height:24px;color:var(--geo-color-neutral-900);font-family:inherit}.geo-input__field::placeholder{color:var(--geo-color-neutral-500)}.geo-input__field:disabled{color:var(--geo-color-neutral-disabled-text);cursor:not-allowed}.geo-input__icon{display:inline-flex;flex-shrink:0;font-size:16px;color:var(--geo-color-neutral-500)}.geo-input__clear{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;border:none;background:transparent;color:var(--geo-color-neutral-400);font-size:14px;cursor:pointer}.geo-input__clear:hover{color:var(--geo-color-neutral-500)}.geo-input__error{margin:0;font-size:14px;line-height:normal;color:var(--geo-color-error-default)}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], errorMessage: [{
+                type: Input
+            }], maxlength: [{
+                type: Input
+            }], prefixIcon: [{
+                type: Input
+            }], suffixIcon: [{
+                type: Input
+            }], allowClear: [{
+                type: Input
+            }], block: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], enterPressed: [{
+                type: Output
+            }] } });
+
+/**
+ * Pagination gọn — wrap `nz-pagination`. Dùng cho panel/map (không kèm size changer như `geo-table-pagination`).
+ */
+class GeoPaginationComponent {
+    pageIndex = 1;
+    pageSize = 10;
+    total = 0;
+    size = 'default';
+    simple = false;
+    hideOnSinglePage = false;
+    showSizeChanger = false;
+    pageSizeOptions = [5, 10, 20, 50];
+    pageIndexChange = new EventEmitter();
+    pageSizeChange = new EventEmitter();
+    onPageIndexChange(page) {
+        this.pageIndex = page;
+        this.pageIndexChange.emit(page);
+    }
+    onPageSizeChange(size) {
+        this.pageSize = size;
+        this.pageSizeChange.emit(size);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoPaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: GeoPaginationComponent, isStandalone: true, selector: "geo-pagination", inputs: { pageIndex: "pageIndex", pageSize: "pageSize", total: "total", size: "size", simple: "simple", hideOnSinglePage: "hideOnSinglePage", showSizeChanger: "showSizeChanger", pageSizeOptions: "pageSizeOptions" }, outputs: { pageIndexChange: "pageIndexChange", pageSizeChange: "pageSizeChange" }, host: { classAttribute: "geo-pagination-host" }, ngImport: i0, template: "<div class=\"geo-pagination\">\n  <nz-pagination\n    [nzSize]=\"size\"\n    [nzSimple]=\"simple\"\n    [nzPageIndex]=\"pageIndex\"\n    [nzPageSize]=\"pageSize\"\n    [nzTotal]=\"total\"\n    [nzHideOnSinglePage]=\"hideOnSinglePage\"\n    [nzShowSizeChanger]=\"showSizeChanger\"\n    [nzPageSizeOptions]=\"pageSizeOptions\"\n    (nzPageIndexChange)=\"onPageIndexChange($event)\"\n    (nzPageSizeChange)=\"onPageSizeChange($event)\"\n  ></nz-pagination>\n</div>\n", styles: [".geo-pagination-host{display:inline-flex;align-items:center}.geo-pagination{display:inline-flex}\n"], dependencies: [{ kind: "ngmodule", type: NzPaginationModule }, { kind: "component", type: i1$6.NzPaginationComponent, selector: "nz-pagination", inputs: ["nzShowTotal", "nzItemRender", "nzSize", "nzPageSizeOptions", "nzShowSizeChanger", "nzShowQuickJumper", "nzSimple", "nzDisabled", "nzResponsive", "nzHideOnSinglePage", "nzTotal", "nzPageIndex", "nzPageSize"], outputs: ["nzPageSizeChange", "nzPageIndexChange"], exportAs: ["nzPagination"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoPaginationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'geo-pagination', standalone: true, imports: [NzPaginationModule], encapsulation: ViewEncapsulation.None, host: { class: 'geo-pagination-host' }, template: "<div class=\"geo-pagination\">\n  <nz-pagination\n    [nzSize]=\"size\"\n    [nzSimple]=\"simple\"\n    [nzPageIndex]=\"pageIndex\"\n    [nzPageSize]=\"pageSize\"\n    [nzTotal]=\"total\"\n    [nzHideOnSinglePage]=\"hideOnSinglePage\"\n    [nzShowSizeChanger]=\"showSizeChanger\"\n    [nzPageSizeOptions]=\"pageSizeOptions\"\n    (nzPageIndexChange)=\"onPageIndexChange($event)\"\n    (nzPageSizeChange)=\"onPageSizeChange($event)\"\n  ></nz-pagination>\n</div>\n", styles: [".geo-pagination-host{display:inline-flex;align-items:center}.geo-pagination{display:inline-flex}\n"] }]
+        }], propDecorators: { pageIndex: [{
+                type: Input
+            }], pageSize: [{
+                type: Input
+            }], total: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], simple: [{
+                type: Input
+            }], hideOnSinglePage: [{
+                type: Input
+            }], showSizeChanger: [{
+                type: Input
+            }], pageSizeOptions: [{
+                type: Input
+            }], pageIndexChange: [{
+                type: Output
+            }], pageSizeChange: [{
+                type: Output
+            }] } });
+
+/** Semantic HTML element rendered for each variant. */
+const GEO_TYPOGRAPHY_TAG = {
+    h1: 'h1',
+    h2: 'h2',
+    h3: 'h3',
+    h4: 'h4',
+    subtitle: 'p',
+    body: 'p',
+    'body-small': 'p',
+    caption: 'span',
+    overline: 'span',
+    tiny: 'span',
+};
+const GEO_TYPOGRAPHY_VARIANTS = [
+    {
+        variant: 'h1',
+        label: 'Heading 1',
+        size: '28px',
+        weight: 'Bold (700)',
+        lineHeight: '36px',
+        usage: 'Tiêu đề trang chính',
+    },
+    {
+        variant: 'h2',
+        label: 'Heading 2',
+        size: '24px',
+        weight: 'Bold (700)',
+        lineHeight: '32px',
+        usage: 'Tiêu đề section',
+    },
+    {
+        variant: 'h3',
+        label: 'Heading 3',
+        size: '20px',
+        weight: 'Bold (700)',
+        lineHeight: '28px',
+        usage: 'Tiêu đề component, section header',
+    },
+    {
+        variant: 'h4',
+        label: 'Heading 4',
+        size: '16px',
+        weight: 'Bold (700)',
+        lineHeight: '24px',
+        usage: 'Tiêu đề card, form section',
+    },
+    {
+        variant: 'subtitle',
+        label: 'Subtitle',
+        size: '14px',
+        weight: 'Semi Bold (600)',
+        lineHeight: '20px',
+        usage: 'Label, form label, table header',
+    },
+    {
+        variant: 'body',
+        label: 'Body',
+        size: '14px',
+        weight: 'Regular (400)',
+        lineHeight: '20px',
+        usage: 'Nội dung chính, input text',
+    },
+    {
+        variant: 'body-small',
+        label: 'Body Small',
+        size: '13px',
+        weight: 'Regular (400)',
+        lineHeight: '18px',
+        usage: 'Mô tả phụ, toast message',
+    },
+    {
+        variant: 'caption',
+        label: 'Caption',
+        size: '12px',
+        weight: 'Regular (400)',
+        lineHeight: '16px',
+        usage: 'Helper text, timestamp',
+    },
+    {
+        variant: 'overline',
+        label: 'Overline',
+        size: '11px',
+        weight: 'Semi Bold (600)',
+        lineHeight: '16px',
+        usage: 'Badge text, status label',
+    },
+    {
+        variant: 'tiny',
+        label: 'Tiny',
+        size: '10px',
+        weight: 'Regular (400)',
+        lineHeight: '14px',
+        usage: 'Hex code, footnote',
+    },
+];
+
+/**
+ * Typography based on Ant Design Typography, styled with GEO type scale (Inter).
+ *
+ * @example
+ * ```html
+ * <geo-typography variant="h1">Page title</geo-typography>
+ * <geo-typography variant="body" color="secondary">Helper</geo-typography>
+ * ```
+ */
+class GeoTypographyComponent {
+    /** Type scale variant from the design system. */
+    variant = 'body';
+    /** Semantic text color. */
+    color = 'default';
+    /** Force bold weight (overrides variant weight when true). */
+    strong = false;
+    /** Underline text decoration. */
+    underline = false;
+    /** Strikethrough text decoration. */
+    delete = false;
+    /** Mark / highlight background. */
+    mark = false;
+    /** Monospace code appearance. */
+    code = false;
+    /** Disabled appearance */
+    disabled = false;
+    get hostClassList() {
+        const classes = [
+            'geo-typography',
+            'ant-typography',
+            `geo-typography--${this.variant}`,
+            `geo-typography--color-${this.color}`,
+        ];
+        if (this.strong)
+            classes.push('geo-typography--strong');
+        if (this.underline)
+            classes.push('geo-typography--underline');
+        if (this.delete)
+            classes.push('geo-typography--delete');
+        if (this.mark)
+            classes.push('geo-typography--mark');
+        if (this.code)
+            classes.push('geo-typography--code');
+        if (this.disabled)
+            classes.push('geo-typography--disabled', 'ant-typography-disabled');
+        if (this.nzType)
+            classes.push(`ant-typography-${this.nzType}`);
+        return classes.join(' ');
+    }
+    get headingRole() {
+        const tag = GEO_TYPOGRAPHY_TAG[this.variant];
+        return tag.startsWith('h') ? 'heading' : null;
+    }
+    get headingLevel() {
+        switch (this.variant) {
+            case 'h1':
+                return 1;
+            case 'h2':
+                return 2;
+            case 'h3':
+                return 3;
+            case 'h4':
+                return 4;
+            default:
+                return null;
+        }
+    }
+    get nzType() {
+        switch (this.color) {
+            case 'secondary':
+                return 'secondary';
+            case 'success':
+                return 'success';
+            case 'warning':
+                return 'warning';
+            case 'danger':
+                return 'danger';
+            default:
+                return undefined;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoTypographyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: GeoTypographyComponent, isStandalone: true, selector: "geo-typography", inputs: { variant: "variant", color: "color", strong: "strong", underline: "underline", delete: "delete", mark: "mark", code: "code", disabled: "disabled" }, host: { properties: { "class": "hostClassList", "attr.role": "headingRole", "attr.aria-level": "headingLevel" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true, styles: ["@charset \"UTF-8\";.geo-typography.ant-typography,.geo-typography{margin:0;padding:0;font-family:var(--geo-font-family);color:var(--geo-color-neutral-900);box-sizing:border-box}.geo-typography.ant-typography.ant-typography,.geo-typography.ant-typography{margin-bottom:0}.geo-typography.ant-typography--h1,.geo-typography.ant-typography--h2,.geo-typography.ant-typography--h3,.geo-typography.ant-typography--h4,.geo-typography.ant-typography--subtitle,.geo-typography.ant-typography--body,.geo-typography.ant-typography--body-small,.geo-typography--h1,.geo-typography--h2,.geo-typography--h3,.geo-typography--h4,.geo-typography--subtitle,.geo-typography--body,.geo-typography--body-small{display:block}.geo-typography.ant-typography--caption,.geo-typography.ant-typography--overline,.geo-typography.ant-typography--tiny,.geo-typography--caption,.geo-typography--overline,.geo-typography--tiny{display:inline}.geo-typography.ant-typography--h1,.geo-typography--h1{font-size:var(--geo-font-size-h1);font-weight:var(--geo-font-weight-bold);line-height:var(--geo-line-height-h1)}.geo-typography.ant-typography--h2,.geo-typography--h2{font-size:var(--geo-font-size-h2);font-weight:var(--geo-font-weight-bold);line-height:var(--geo-line-height-h2)}.geo-typography.ant-typography--h3,.geo-typography--h3{font-size:var(--geo-font-size-h3);font-weight:var(--geo-font-weight-bold);line-height:var(--geo-line-height-h3)}.geo-typography.ant-typography--h4,.geo-typography--h4{font-size:var(--geo-font-size-h4);font-weight:var(--geo-font-weight-bold);line-height:var(--geo-line-height-h4)}.geo-typography.ant-typography--subtitle,.geo-typography--subtitle{font-size:var(--geo-font-size-subtitle);font-weight:var(--geo-font-weight-semibold);line-height:var(--geo-line-height-subtitle)}.geo-typography.ant-typography--body,.geo-typography--body{font-size:var(--geo-font-size-body);font-weight:var(--geo-font-weight-regular);line-height:var(--geo-line-height-body)}.geo-typography.ant-typography--body-small,.geo-typography--body-small{font-size:var(--geo-font-size-body-small);font-weight:var(--geo-font-weight-regular);line-height:var(--geo-line-height-body-small)}.geo-typography.ant-typography--caption,.geo-typography--caption{font-size:var(--geo-font-size-caption);font-weight:var(--geo-font-weight-regular);line-height:var(--geo-line-height-caption)}.geo-typography.ant-typography--overline,.geo-typography--overline{font-size:var(--geo-font-size-overline);font-weight:var(--geo-font-weight-semibold);line-height:var(--geo-line-height-overline);text-transform:uppercase;letter-spacing:.04em}.geo-typography.ant-typography--tiny,.geo-typography--tiny{font-size:var(--geo-font-size-tiny);font-weight:var(--geo-font-weight-regular);line-height:var(--geo-line-height-tiny)}.geo-typography.ant-typography--color-default,.geo-typography--color-default{color:var(--geo-color-neutral-900)}.geo-typography.ant-typography--color-secondary,.geo-typography.ant-typography.ant-typography-secondary,.geo-typography--color-secondary,.geo-typography.ant-typography-secondary{color:var(--geo-color-neutral-500)}.geo-typography.ant-typography--color-primary,.geo-typography--color-primary{color:var(--geo-color-primary-default)}.geo-typography.ant-typography--color-success,.geo-typography.ant-typography.ant-typography-success,.geo-typography--color-success,.geo-typography.ant-typography-success{color:var(--geo-color-success-dark)}.geo-typography.ant-typography--color-warning,.geo-typography.ant-typography.ant-typography-warning,.geo-typography--color-warning,.geo-typography.ant-typography-warning{color:var(--geo-color-warning-dark)}.geo-typography.ant-typography--color-danger,.geo-typography.ant-typography.ant-typography-danger,.geo-typography--color-danger,.geo-typography.ant-typography-danger{color:var(--geo-color-error-default)}.geo-typography.ant-typography--color-disabled,.geo-typography.ant-typography--disabled,.geo-typography.ant-typography.ant-typography-disabled,.geo-typography--color-disabled,.geo-typography--disabled,.geo-typography.ant-typography-disabled{color:var(--geo-color-neutral-disabled-text)!important;cursor:not-allowed}.geo-typography.ant-typography--strong,.geo-typography--strong{font-weight:var(--geo-font-weight-bold)}.geo-typography.ant-typography--underline,.geo-typography--underline{text-decoration:underline}.geo-typography.ant-typography--delete,.geo-typography--delete{text-decoration:line-through}.geo-typography.ant-typography--mark,.geo-typography--mark{background:var(--geo-color-warning-light);padding:0 .25em;border-radius:2px}.geo-typography.ant-typography--code,.geo-typography--code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:var(--geo-color-neutral-100);border:1px solid var(--geo-color-neutral-200);border-radius:var(--geo-radius);padding:.1em .35em}\n"], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoTypographyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'geo-typography', standalone: true, template: `<ng-content></ng-content>`, encapsulation: ViewEncapsulation.None, host: {
+                        '[class]': 'hostClassList',
+                        '[attr.role]': 'headingRole',
+                        '[attr.aria-level]': 'headingLevel',
+                    }, styles: ["@charset \"UTF-8\";.geo-typography.ant-typography,.geo-typography{margin:0;padding:0;font-family:var(--geo-font-family);color:var(--geo-color-neutral-900);box-sizing:border-box}.geo-typography.ant-typography.ant-typography,.geo-typography.ant-typography{margin-bottom:0}.geo-typography.ant-typography--h1,.geo-typography.ant-typography--h2,.geo-typography.ant-typography--h3,.geo-typography.ant-typography--h4,.geo-typography.ant-typography--subtitle,.geo-typography.ant-typography--body,.geo-typography.ant-typography--body-small,.geo-typography--h1,.geo-typography--h2,.geo-typography--h3,.geo-typography--h4,.geo-typography--subtitle,.geo-typography--body,.geo-typography--body-small{display:block}.geo-typography.ant-typography--caption,.geo-typography.ant-typography--overline,.geo-typography.ant-typography--tiny,.geo-typography--caption,.geo-typography--overline,.geo-typography--tiny{display:inline}.geo-typography.ant-typography--h1,.geo-typography--h1{font-size:var(--geo-font-size-h1);font-weight:var(--geo-font-weight-bold);line-height:var(--geo-line-height-h1)}.geo-typography.ant-typography--h2,.geo-typography--h2{font-size:var(--geo-font-size-h2);font-weight:var(--geo-font-weight-bold);line-height:var(--geo-line-height-h2)}.geo-typography.ant-typography--h3,.geo-typography--h3{font-size:var(--geo-font-size-h3);font-weight:var(--geo-font-weight-bold);line-height:var(--geo-line-height-h3)}.geo-typography.ant-typography--h4,.geo-typography--h4{font-size:var(--geo-font-size-h4);font-weight:var(--geo-font-weight-bold);line-height:var(--geo-line-height-h4)}.geo-typography.ant-typography--subtitle,.geo-typography--subtitle{font-size:var(--geo-font-size-subtitle);font-weight:var(--geo-font-weight-semibold);line-height:var(--geo-line-height-subtitle)}.geo-typography.ant-typography--body,.geo-typography--body{font-size:var(--geo-font-size-body);font-weight:var(--geo-font-weight-regular);line-height:var(--geo-line-height-body)}.geo-typography.ant-typography--body-small,.geo-typography--body-small{font-size:var(--geo-font-size-body-small);font-weight:var(--geo-font-weight-regular);line-height:var(--geo-line-height-body-small)}.geo-typography.ant-typography--caption,.geo-typography--caption{font-size:var(--geo-font-size-caption);font-weight:var(--geo-font-weight-regular);line-height:var(--geo-line-height-caption)}.geo-typography.ant-typography--overline,.geo-typography--overline{font-size:var(--geo-font-size-overline);font-weight:var(--geo-font-weight-semibold);line-height:var(--geo-line-height-overline);text-transform:uppercase;letter-spacing:.04em}.geo-typography.ant-typography--tiny,.geo-typography--tiny{font-size:var(--geo-font-size-tiny);font-weight:var(--geo-font-weight-regular);line-height:var(--geo-line-height-tiny)}.geo-typography.ant-typography--color-default,.geo-typography--color-default{color:var(--geo-color-neutral-900)}.geo-typography.ant-typography--color-secondary,.geo-typography.ant-typography.ant-typography-secondary,.geo-typography--color-secondary,.geo-typography.ant-typography-secondary{color:var(--geo-color-neutral-500)}.geo-typography.ant-typography--color-primary,.geo-typography--color-primary{color:var(--geo-color-primary-default)}.geo-typography.ant-typography--color-success,.geo-typography.ant-typography.ant-typography-success,.geo-typography--color-success,.geo-typography.ant-typography-success{color:var(--geo-color-success-dark)}.geo-typography.ant-typography--color-warning,.geo-typography.ant-typography.ant-typography-warning,.geo-typography--color-warning,.geo-typography.ant-typography-warning{color:var(--geo-color-warning-dark)}.geo-typography.ant-typography--color-danger,.geo-typography.ant-typography.ant-typography-danger,.geo-typography--color-danger,.geo-typography.ant-typography-danger{color:var(--geo-color-error-default)}.geo-typography.ant-typography--color-disabled,.geo-typography.ant-typography--disabled,.geo-typography.ant-typography.ant-typography-disabled,.geo-typography--color-disabled,.geo-typography--disabled,.geo-typography.ant-typography-disabled{color:var(--geo-color-neutral-disabled-text)!important;cursor:not-allowed}.geo-typography.ant-typography--strong,.geo-typography--strong{font-weight:var(--geo-font-weight-bold)}.geo-typography.ant-typography--underline,.geo-typography--underline{text-decoration:underline}.geo-typography.ant-typography--delete,.geo-typography--delete{text-decoration:line-through}.geo-typography.ant-typography--mark,.geo-typography--mark{background:var(--geo-color-warning-light);padding:0 .25em;border-radius:2px}.geo-typography.ant-typography--code,.geo-typography--code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:var(--geo-color-neutral-100);border:1px solid var(--geo-color-neutral-200);border-radius:var(--geo-radius);padding:.1em .35em}\n"] }]
+        }], propDecorators: { variant: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], strong: [{
+                type: Input
+            }], underline: [{
+                type: Input
+            }], delete: [{
+                type: Input
+            }], mark: [{
+                type: Input
+            }], code: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }] } });
+
+/**
+ * Page title GEO — chữ in hoa đậm + gạch chân ngắn màu primary (theo design).
+ */
+class GeoPageTitleComponent {
+    /** Nội dung tiêu đề. */
+    title = '';
+    /** Tự chuyển uppercase. Default `true`. */
+    uppercase = true;
+    /** Chiều rộng gạch chân (px hoặc CSS size). Default `56px`. */
+    accentWidth = 56;
+    /** Độ dày gạch chân. Default `4px`. */
+    accentHeight = 4;
+    /** Heading level → geo-typography variant. */
+    level = 3;
+    get typographyVariant() {
+        return `h${this.level}`;
+    }
+    get accentWidthCss() {
+        return typeof this.accentWidth === 'number'
+            ? `${this.accentWidth}px`
+            : this.accentWidth;
+    }
+    get accentHeightCss() {
+        return typeof this.accentHeight === 'number'
+            ? `${this.accentHeight}px`
+            : this.accentHeight;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoPageTitleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoPageTitleComponent, isStandalone: true, selector: "geo-page-title", inputs: { title: "title", uppercase: "uppercase", accentWidth: "accentWidth", accentHeight: "accentHeight", level: "level" }, host: { classAttribute: "geo-page-title-host" }, ngImport: i0, template: "<div\n  class=\"geo-page-title\"\n  [class.geo-page-title--uppercase]=\"uppercase\"\n>\n  <geo-typography [variant]=\"typographyVariant\">\n    @if (title) {\n      {{ title }}\n    } @else {\n      <ng-content></ng-content>\n    }\n  </geo-typography>\n  <span\n    class=\"geo-page-title__accent\"\n    aria-hidden=\"true\"\n    [style.width]=\"accentWidthCss\"\n    [style.height]=\"accentHeightCss\"\n  ></span>\n</div>\n", styles: ["geo-page-title.geo-page-title-host,.geo-page-title-host{display:block;background:transparent;font-family:var(--geo-font-family)}.geo-page-title{display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:transparent}.geo-page-title--uppercase{text-transform:uppercase;letter-spacing:.02em}.geo-page-title__accent{display:block;flex-shrink:0;width:56px;height:4px;border-radius:2px;background:var(--geo-color-primary-default)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: GeoTypographyComponent, selector: "geo-typography", inputs: ["variant", "color", "strong", "underline", "delete", "mark", "code", "disabled"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoPageTitleComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'geo-page-title', standalone: true, imports: [CommonModule, GeoTypographyComponent], encapsulation: ViewEncapsulation.None, host: {
+                        class: 'geo-page-title-host',
+                    }, template: "<div\n  class=\"geo-page-title\"\n  [class.geo-page-title--uppercase]=\"uppercase\"\n>\n  <geo-typography [variant]=\"typographyVariant\">\n    @if (title) {\n      {{ title }}\n    } @else {\n      <ng-content></ng-content>\n    }\n  </geo-typography>\n  <span\n    class=\"geo-page-title__accent\"\n    aria-hidden=\"true\"\n    [style.width]=\"accentWidthCss\"\n    [style.height]=\"accentHeightCss\"\n  ></span>\n</div>\n", styles: ["geo-page-title.geo-page-title-host,.geo-page-title-host{display:block;background:transparent;font-family:var(--geo-font-family)}.geo-page-title{display:flex;flex-direction:column;align-items:flex-start;gap:8px;background:transparent}.geo-page-title--uppercase{text-transform:uppercase;letter-spacing:.02em}.geo-page-title__accent{display:block;flex-shrink:0;width:56px;height:4px;border-radius:2px;background:var(--geo-color-primary-default)}\n"] }]
+        }], propDecorators: { title: [{
+                type: Input
+            }], uppercase: [{
+                type: Input
+            }], accentWidth: [{
+                type: Input
+            }], accentHeight: [{
+                type: Input
+            }], level: [{
+                type: Input
+            }] } });
+
+let uiRadioErrorId = 0;
+class GeoRadioComponent {
+    options = [];
+    label = '';
+    size = 'default';
+    layout = 'horizontal';
+    /** `true` → dùng `nz-radio-button` thay vì `nz-radio` */
+    buttonStyle = false;
+    /** Chỉ áp dụng khi `buttonStyle: true` */
+    buttonAppearance = 'outline';
+    disabled = false;
+    required = false;
+    error = false;
+    errorMessage = '';
+    block = false;
+    valueChange = new EventEmitter();
+    errorMessageId = `geo-radio-error-${++uiRadioErrorId}`;
+    value = null;
+    onChange = () => undefined;
+    onTouched = () => undefined;
+    onValueChange(value) {
+        this.value = value;
+        this.onChange(value);
+        this.onTouched();
+        this.valueChange.emit(value);
+    }
+    writeValue(value) {
+        this.value = value ?? null;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoRadioComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoRadioComponent, isStandalone: true, selector: "geo-radio", inputs: { options: "options", label: "label", size: "size", layout: "layout", buttonStyle: "buttonStyle", buttonAppearance: "buttonAppearance", disabled: "disabled", required: "required", error: "error", errorMessage: "errorMessage", block: "block" }, outputs: { valueChange: "valueChange" }, host: { properties: { "class.geo-radio-host--block": "block", "class.geo-radio-host--error": "error", "class.geo-radio-host--vertical": "layout === \"vertical\"", "class.geo-radio-host--button": "buttonStyle" }, classAttribute: "geo-radio-host" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => GeoRadioComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "@if (label) {\n  <div class=\"geo-radio__label\">\n    <span>{{ label }}</span>\n    @if (required) {\n      <span class=\"geo-radio__required\" aria-hidden=\"true\">*</span>\n    }\n  </div>\n}\n\n<nz-radio-group\n  class=\"geo-radio\"\n  [class.geo-radio--vertical]=\"layout === 'vertical'\"\n  [nzSize]=\"size\"\n  [nzDisabled]=\"disabled\"\n  [nzButtonStyle]=\"buttonAppearance\"\n  [ngModel]=\"value\"\n  [attr.aria-invalid]=\"error ? 'true' : null\"\n  [attr.aria-describedby]=\"error && errorMessage ? errorMessageId : null\"\n  (ngModelChange)=\"onValueChange($event)\"\n>\n  @for (option of options; track option.value) {\n    @if (buttonStyle) {\n      <label\n        nz-radio-button\n        class=\"geo-radio__item\"\n        [nzValue]=\"option.value\"\n        [nzDisabled]=\"option.disabled ?? false\"\n      >\n        {{ option.label }}\n      </label>\n    } @else {\n      <label\n        nz-radio\n        class=\"geo-radio__item\"\n        [nzValue]=\"option.value\"\n        [nzDisabled]=\"option.disabled ?? false\"\n      >\n        {{ option.label }}\n      </label>\n    }\n  }\n</nz-radio-group>\n\n@if (error && errorMessage) {\n  <p class=\"geo-radio__error\" [id]=\"errorMessageId\" role=\"alert\">{{ errorMessage }}</p>\n}\n", styles: ["geo-radio.geo-radio-host,.geo-radio-host{display:inline-flex;flex-direction:column;gap:8px;max-width:100%;vertical-align:top}geo-radio.geo-radio-host.geo-radio-host--block,.geo-radio-host.geo-radio-host--block{display:flex;width:100%}.geo-radio__label{display:inline-flex;align-items:flex-start;gap:4px;font-size:14px;line-height:normal;color:var(--geo-color-neutral-900)}.geo-radio__required{color:var(--geo-color-error-default)}.geo-radio__error{margin:0;font-size:14px;line-height:normal;color:var(--geo-color-error-default)}.geo-radio.ant-radio-group{display:inline-flex;flex-wrap:wrap;gap:16px 24px}.geo-radio--vertical.ant-radio-group{flex-direction:column;align-items:flex-start;gap:12px}.geo-radio__item{margin:0!important;font-size:14px;line-height:22px;color:var(--geo-color-neutral-900)}.geo-radio .ant-radio-wrapper{margin-inline-end:0;font-size:14px;line-height:22px;color:var(--geo-color-neutral-900)}.geo-radio .ant-radio:not(.ant-radio-disabled):hover .ant-radio-inner{border-color:var(--geo-color-primary-default)}.geo-radio .ant-radio-checked:not(.ant-radio-disabled) .ant-radio-inner{border-color:var(--geo-color-primary-default);background-color:var(--geo-color-neutral-white)}.geo-radio .ant-radio-checked:not(.ant-radio-disabled) .ant-radio-inner:after{background-color:var(--geo-color-primary-default)}.geo-radio .ant-radio-input:focus+.ant-radio-inner,.geo-radio .ant-radio-input:focus-visible+.ant-radio-inner{border-color:var(--geo-color-primary-default);box-shadow:0 0 0 2px color-mix(in srgb,var(--geo-color-primary-default) 12%,transparent)}.geo-radio .ant-radio-checked:not(.ant-radio-disabled):hover .ant-radio-inner{border-color:var(--geo-color-primary-hover)}.geo-radio .ant-radio-checked:not(.ant-radio-disabled):hover .ant-radio-inner:after{background-color:var(--geo-color-primary-hover)}.geo-radio .ant-radio-disabled .ant-radio-inner{background-color:var(--geo-color-neutral-100);border-color:var(--geo-color-neutral-300)!important}.geo-radio .ant-radio-disabled+span{color:var(--geo-color-neutral-disabled-text)}.geo-radio-host--button .geo-radio.ant-radio-group{gap:0}.geo-radio .ant-radio-button-wrapper{height:40px;line-height:38px;padding:0 16px;border-color:var(--geo-color-neutral-300);color:var(--geo-color-neutral-900);font-size:14px;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.geo-radio .ant-radio-button-wrapper:first-child{border-radius:var(--geo-radius) 0 0 var(--geo-radius)}.geo-radio .ant-radio-button-wrapper:last-child{border-radius:0 var(--geo-radius) var(--geo-radius) 0}.geo-radio .ant-radio-button-wrapper:not(:first-child):before{background-color:var(--geo-color-neutral-300)}.geo-radio .ant-radio-button-wrapper:hover{color:var(--geo-color-primary-default)}.geo-radio .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){color:var(--geo-color-primary-default);border-color:var(--geo-color-primary-default)!important;background:var(--color-primary-surface, var(--geo-color-primary-surface-light))}.geo-radio .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):before{background-color:var(--geo-color-primary-default)}.geo-radio .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover{color:var(--geo-color-primary-hover);border-color:var(--geo-color-primary-hover)!important;background:var(--color-primary-surface-hover, var(--geo-color-primary-background))}.geo-radio .ant-radio-button-wrapper-disabled{color:var(--geo-color-neutral-disabled-text);background:var(--geo-color-neutral-100)}.geo-radio.ant-radio-group-small .ant-radio-button-wrapper{height:32px;line-height:30px;padding:0 12px;font-size:13px}.geo-radio.ant-radio-group-large .ant-radio-button-wrapper{height:48px;line-height:46px;padding:0 20px;font-size:16px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NgZorroAntdModule }, { kind: "component", type: i2$2.NzRadioComponent, selector: "[nz-radio],[nz-radio-button]", inputs: ["nzValue", "nzDisabled", "nzAutoFocus", "nz-radio-button"], exportAs: ["nzRadio"] }, { kind: "component", type: i2$2.NzRadioGroupComponent, selector: "nz-radio-group", inputs: ["nzDisabled", "nzButtonStyle", "nzSize", "nzName"], exportAs: ["nzRadioGroup"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoRadioComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'geo-radio', standalone: true, imports: [CommonModule, FormsModule, NgZorroAntdModule], encapsulation: ViewEncapsulation.None, host: {
+                        class: 'geo-radio-host',
+                        '[class.geo-radio-host--block]': 'block',
+                        '[class.geo-radio-host--error]': 'error',
+                        '[class.geo-radio-host--vertical]': 'layout === "vertical"',
+                        '[class.geo-radio-host--button]': 'buttonStyle',
+                    }, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => GeoRadioComponent),
+                            multi: true,
+                        },
+                    ], template: "@if (label) {\n  <div class=\"geo-radio__label\">\n    <span>{{ label }}</span>\n    @if (required) {\n      <span class=\"geo-radio__required\" aria-hidden=\"true\">*</span>\n    }\n  </div>\n}\n\n<nz-radio-group\n  class=\"geo-radio\"\n  [class.geo-radio--vertical]=\"layout === 'vertical'\"\n  [nzSize]=\"size\"\n  [nzDisabled]=\"disabled\"\n  [nzButtonStyle]=\"buttonAppearance\"\n  [ngModel]=\"value\"\n  [attr.aria-invalid]=\"error ? 'true' : null\"\n  [attr.aria-describedby]=\"error && errorMessage ? errorMessageId : null\"\n  (ngModelChange)=\"onValueChange($event)\"\n>\n  @for (option of options; track option.value) {\n    @if (buttonStyle) {\n      <label\n        nz-radio-button\n        class=\"geo-radio__item\"\n        [nzValue]=\"option.value\"\n        [nzDisabled]=\"option.disabled ?? false\"\n      >\n        {{ option.label }}\n      </label>\n    } @else {\n      <label\n        nz-radio\n        class=\"geo-radio__item\"\n        [nzValue]=\"option.value\"\n        [nzDisabled]=\"option.disabled ?? false\"\n      >\n        {{ option.label }}\n      </label>\n    }\n  }\n</nz-radio-group>\n\n@if (error && errorMessage) {\n  <p class=\"geo-radio__error\" [id]=\"errorMessageId\" role=\"alert\">{{ errorMessage }}</p>\n}\n", styles: ["geo-radio.geo-radio-host,.geo-radio-host{display:inline-flex;flex-direction:column;gap:8px;max-width:100%;vertical-align:top}geo-radio.geo-radio-host.geo-radio-host--block,.geo-radio-host.geo-radio-host--block{display:flex;width:100%}.geo-radio__label{display:inline-flex;align-items:flex-start;gap:4px;font-size:14px;line-height:normal;color:var(--geo-color-neutral-900)}.geo-radio__required{color:var(--geo-color-error-default)}.geo-radio__error{margin:0;font-size:14px;line-height:normal;color:var(--geo-color-error-default)}.geo-radio.ant-radio-group{display:inline-flex;flex-wrap:wrap;gap:16px 24px}.geo-radio--vertical.ant-radio-group{flex-direction:column;align-items:flex-start;gap:12px}.geo-radio__item{margin:0!important;font-size:14px;line-height:22px;color:var(--geo-color-neutral-900)}.geo-radio .ant-radio-wrapper{margin-inline-end:0;font-size:14px;line-height:22px;color:var(--geo-color-neutral-900)}.geo-radio .ant-radio:not(.ant-radio-disabled):hover .ant-radio-inner{border-color:var(--geo-color-primary-default)}.geo-radio .ant-radio-checked:not(.ant-radio-disabled) .ant-radio-inner{border-color:var(--geo-color-primary-default);background-color:var(--geo-color-neutral-white)}.geo-radio .ant-radio-checked:not(.ant-radio-disabled) .ant-radio-inner:after{background-color:var(--geo-color-primary-default)}.geo-radio .ant-radio-input:focus+.ant-radio-inner,.geo-radio .ant-radio-input:focus-visible+.ant-radio-inner{border-color:var(--geo-color-primary-default);box-shadow:0 0 0 2px color-mix(in srgb,var(--geo-color-primary-default) 12%,transparent)}.geo-radio .ant-radio-checked:not(.ant-radio-disabled):hover .ant-radio-inner{border-color:var(--geo-color-primary-hover)}.geo-radio .ant-radio-checked:not(.ant-radio-disabled):hover .ant-radio-inner:after{background-color:var(--geo-color-primary-hover)}.geo-radio .ant-radio-disabled .ant-radio-inner{background-color:var(--geo-color-neutral-100);border-color:var(--geo-color-neutral-300)!important}.geo-radio .ant-radio-disabled+span{color:var(--geo-color-neutral-disabled-text)}.geo-radio-host--button .geo-radio.ant-radio-group{gap:0}.geo-radio .ant-radio-button-wrapper{height:40px;line-height:38px;padding:0 16px;border-color:var(--geo-color-neutral-300);color:var(--geo-color-neutral-900);font-size:14px;transition:color .15s ease,border-color .15s ease,background-color .15s ease}.geo-radio .ant-radio-button-wrapper:first-child{border-radius:var(--geo-radius) 0 0 var(--geo-radius)}.geo-radio .ant-radio-button-wrapper:last-child{border-radius:0 var(--geo-radius) var(--geo-radius) 0}.geo-radio .ant-radio-button-wrapper:not(:first-child):before{background-color:var(--geo-color-neutral-300)}.geo-radio .ant-radio-button-wrapper:hover{color:var(--geo-color-primary-default)}.geo-radio .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){color:var(--geo-color-primary-default);border-color:var(--geo-color-primary-default)!important;background:var(--color-primary-surface, var(--geo-color-primary-surface-light))}.geo-radio .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):before{background-color:var(--geo-color-primary-default)}.geo-radio .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover{color:var(--geo-color-primary-hover);border-color:var(--geo-color-primary-hover)!important;background:var(--color-primary-surface-hover, var(--geo-color-primary-background))}.geo-radio .ant-radio-button-wrapper-disabled{color:var(--geo-color-neutral-disabled-text);background:var(--geo-color-neutral-100)}.geo-radio.ant-radio-group-small .ant-radio-button-wrapper{height:32px;line-height:30px;padding:0 12px;font-size:13px}.geo-radio.ant-radio-group-large .ant-radio-button-wrapper{height:48px;line-height:46px;padding:0 20px;font-size:16px}\n"] }]
+        }], propDecorators: { options: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], layout: [{
+                type: Input
+            }], buttonStyle: [{
+                type: Input
+            }], buttonAppearance: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], errorMessage: [{
+                type: Input
+            }], block: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });
+
+let uiSelectErrorId = 0;
+class GeoSelectComponent {
+    options = [];
+    label = '';
+    placeholder = 'Chọn giá trị';
+    size = 'default';
+    mode = 'default';
+    disabled = false;
+    required = false;
+    error = false;
+    errorMessage = '';
+    allowClear = true;
+    showSearch = false;
+    block = false;
+    width;
+    valueChange = new EventEmitter();
+    errorMessageId = `geo-select-error-${++uiSelectErrorId}`;
+    value = null;
+    onChange = () => undefined;
+    onTouched = () => undefined;
+    get hostWidth() {
+        if (this.block || this.width == null) {
+            return null;
+        }
+        return typeof this.width === 'number' ? `${this.width}px` : this.width;
+    }
+    get controlClassNames() {
+        return {
+            'geo-select': true,
+            [`geo-select--${this.size}`]: true,
+        };
+    }
+    onValueChange(value) {
+        this.value = value;
+        this.onChange(value);
+        this.onTouched();
+        this.valueChange.emit(value);
+    }
+    writeValue(value) {
+        this.value = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoSelectComponent, isStandalone: true, selector: "geo-select", inputs: { options: "options", label: "label", placeholder: "placeholder", size: "size", mode: "mode", disabled: "disabled", required: "required", error: "error", errorMessage: "errorMessage", allowClear: "allowClear", showSearch: "showSearch", block: "block", width: "width" }, outputs: { valueChange: "valueChange" }, host: { properties: { "class.geo-select-host--default": "size === \"default\"", "class.geo-select-host--small": "size === \"small\"", "class.geo-select-host--block": "block", "class.geo-select-host--error": "error", "style.width": "hostWidth" }, classAttribute: "geo-select-host" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => GeoSelectComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "@if (label) {\n  <div class=\"geo-select__label\">\n    <span>{{ label }}</span>\n    @if (required) {\n      <span class=\"geo-select__required\" aria-hidden=\"true\">*</span>\n    }\n  </div>\n}\n\n<nz-select\n  [ngClass]=\"controlClassNames\"\n  nzDropdownClassName=\"geo-select__dropdown\"\n  [nzPlaceHolder]=\"placeholder\"\n  [nzDisabled]=\"disabled\"\n  [nzAllowClear]=\"allowClear\"\n  [nzShowSearch]=\"showSearch\"\n  [nzMode]=\"mode\"\n  [nzOptionHeightPx]=\"36\"\n  [nzOptionOverflowSize]=\"10\"\n  [ngModel]=\"value\"\n  [attr.aria-invalid]=\"error ? 'true' : null\"\n  [attr.aria-describedby]=\"error && errorMessage ? errorMessageId : null\"\n  (ngModelChange)=\"onValueChange($event)\"\n>\n  @for (option of options; track option.value) {\n    <nz-option\n      [nzLabel]=\"option.label\"\n      [nzValue]=\"option.value\"\n      [nzDisabled]=\"option.disabled ?? false\"\n    ></nz-option>\n  }\n</nz-select>\n\n@if (error && errorMessage) {\n  <p class=\"geo-select__error\" [id]=\"errorMessageId\" role=\"alert\">{{ errorMessage }}</p>\n}\n", styles: [".geo-select-host{display:inline-flex;flex-direction:column;gap:8px;width:413px;max-width:100%;vertical-align:top}.geo-select-host--small{width:72px}geo-select.geo-select-host.geo-select-host--block,.geo-select-host.geo-select-host--block{display:flex;width:100%;max-width:none}.geo-select__label{display:inline-flex;align-items:flex-start;gap:4px;font-size:14px;line-height:normal;color:var(--geo-color-neutral-900)}.geo-select__required{color:var(--geo-color-error-default)}.geo-select__error{margin:0;font-size:14px;line-height:normal;color:var(--geo-color-error-default)}.geo-select{display:block;width:100%}.geo-select .ant-select-selector{border-radius:var(--geo-radius)!important;border-color:var(--geo-color-neutral-300)!important;box-shadow:none!important;padding-inline:8px!important;transition:border-color .15s ease,box-shadow .15s ease}.ant-select:not(.ant-select-customize-input) .ant-select-selector{background:transparent}.geo-select .ant-select-selection-item,.geo-select .ant-select-selection-placeholder{font-size:14px;line-height:1.4}.geo-select .ant-select-selection-placeholder{color:var(--geo-color-neutral-500)}.geo-select .ant-select-selection-item{color:var(--geo-color-neutral-900)}.geo-select .ant-select-arrow{color:var(--geo-color-neutral-500);font-size:12px}.geo-select--default .ant-select-selector{min-height:40px!important;height:40px!important}.geo-select--default .ant-select-selection-search-input{height:38px!important}.geo-select--default .ant-select-selection-item,.geo-select--default .ant-select-selection-placeholder,.geo-select--default.ant-select-multiple .ant-select-selection-item{line-height:38px!important}.geo-select--small .ant-select-selector{min-height:32px!important;height:32px!important;padding-inline:8px!important}.geo-select--small .ant-select-selection-search-input{height:30px!important}.geo-select--small .ant-select-selection-item,.geo-select--small .ant-select-selection-placeholder{line-height:30px!important}.geo-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:var(--geo-color-primary-default)!important}.geo-select.ant-select-focused .ant-select-selector,.geo-select.ant-select-open .ant-select-selector{border-color:var(--geo-color-primary-default)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--geo-color-primary-default) 12%,transparent)!important}.geo-select.ant-select-disabled .ant-select-selector{background:var(--geo-color-neutral-100)!important;border-color:var(--geo-color-neutral-300)!important;color:var(--geo-color-neutral-disabled-text)!important}.geo-select.ant-select-disabled .ant-select-selection-item,.geo-select.ant-select-disabled .ant-select-selection-placeholder{color:var(--geo-color-neutral-disabled-text)!important}.geo-select.ant-select-multiple .ant-select-selector{min-height:40px!important;height:auto!important;padding-block:6px!important;padding-inline:6px 8px!important}.geo-select.ant-select-multiple .ant-select-selection-item{height:28px;margin-top:0;margin-bottom:0;padding:2px 4px 2px 8px;border-radius:var(--geo-radius);border:none;background:var(--geo-color-primary-border);font-size:13px;line-height:24px!important;color:var(--geo-color-neutral-900)}.geo-select.ant-select-multiple.ant-select-disabled .ant-select-selection-item{background:var(--geo-color-neutral-100);color:var(--geo-color-neutral-disabled-text)}.geo-select.ant-select-multiple .ant-select-selection-item-remove{color:var(--geo-color-neutral-500)}.geo-select__dropdown.ant-select-dropdown{border-radius:var(--geo-radius);padding:4px;box-shadow:0 6px 16px #00000014}.geo-select__dropdown .ant-select-item{min-height:36px;padding:8px 12px;border-radius:var(--geo-radius);font-size:14px;line-height:20px;color:var(--geo-color-neutral-900)}.geo-select__dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled){background:var(--color-primary-surface-hover, var(--geo-color-primary-background))}.geo-select__dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:var(--color-primary-surface, var(--geo-color-primary-surface-light));color:var(--geo-color-primary-default);font-weight:500}.geo-select__dropdown .ant-select-item-option-selected .ant-select-item-option-state{color:var(--geo-color-primary-default)}.geo-select__dropdown .ant-select-item-empty{padding:8px 12px;color:var(--color-ink-muted, var(--geo-color-neutral-500));font-size:14px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NgZorroAntdModule }, { kind: "component", type: i3$3.NzOptionComponent, selector: "nz-option", inputs: ["nzTitle", "nzLabel", "nzValue", "nzKey", "nzDisabled", "nzHide", "nzCustomContent"], exportAs: ["nzOption"] }, { kind: "component", type: i3$3.NzSelectComponent, selector: "nz-select", inputs: ["nzId", "nzSize", "nzStatus", "nzOptionHeightPx", "nzOptionOverflowSize", "nzDropdownClassName", "nzDropdownMatchSelectWidth", "nzDropdownStyle", "nzNotFoundContent", "nzPlaceHolder", "nzPlacement", "nzMaxTagCount", "nzDropdownRender", "nzCustomTemplate", "nzSuffixIcon", "nzClearIcon", "nzRemoveIcon", "nzMenuItemSelectedIcon", "nzTokenSeparators", "nzMaxTagPlaceholder", "nzMaxMultipleCount", "nzMode", "nzFilterOption", "compareWith", "nzAllowClear", "nzBorderless", "nzShowSearch", "nzLoading", "nzAutoFocus", "nzAutoClearSearchValue", "nzServerSearch", "nzDisabled", "nzOpen", "nzSelectOnTab", "nzBackdrop", "nzOptions", "nzShowArrow"], outputs: ["nzOnSearch", "nzScrollToBottom", "nzOpenChange", "nzBlur", "nzFocus"], exportAs: ["nzSelect"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoSelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'geo-select', standalone: true, imports: [CommonModule, FormsModule, NgZorroAntdModule], encapsulation: ViewEncapsulation.None, host: {
+                        class: 'geo-select-host',
+                        '[class.geo-select-host--default]': 'size === "default"',
+                        '[class.geo-select-host--small]': 'size === "small"',
+                        '[class.geo-select-host--block]': 'block',
+                        '[class.geo-select-host--error]': 'error',
+                        '[style.width]': 'hostWidth',
+                    }, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => GeoSelectComponent),
+                            multi: true,
+                        },
+                    ], template: "@if (label) {\n  <div class=\"geo-select__label\">\n    <span>{{ label }}</span>\n    @if (required) {\n      <span class=\"geo-select__required\" aria-hidden=\"true\">*</span>\n    }\n  </div>\n}\n\n<nz-select\n  [ngClass]=\"controlClassNames\"\n  nzDropdownClassName=\"geo-select__dropdown\"\n  [nzPlaceHolder]=\"placeholder\"\n  [nzDisabled]=\"disabled\"\n  [nzAllowClear]=\"allowClear\"\n  [nzShowSearch]=\"showSearch\"\n  [nzMode]=\"mode\"\n  [nzOptionHeightPx]=\"36\"\n  [nzOptionOverflowSize]=\"10\"\n  [ngModel]=\"value\"\n  [attr.aria-invalid]=\"error ? 'true' : null\"\n  [attr.aria-describedby]=\"error && errorMessage ? errorMessageId : null\"\n  (ngModelChange)=\"onValueChange($event)\"\n>\n  @for (option of options; track option.value) {\n    <nz-option\n      [nzLabel]=\"option.label\"\n      [nzValue]=\"option.value\"\n      [nzDisabled]=\"option.disabled ?? false\"\n    ></nz-option>\n  }\n</nz-select>\n\n@if (error && errorMessage) {\n  <p class=\"geo-select__error\" [id]=\"errorMessageId\" role=\"alert\">{{ errorMessage }}</p>\n}\n", styles: [".geo-select-host{display:inline-flex;flex-direction:column;gap:8px;width:413px;max-width:100%;vertical-align:top}.geo-select-host--small{width:72px}geo-select.geo-select-host.geo-select-host--block,.geo-select-host.geo-select-host--block{display:flex;width:100%;max-width:none}.geo-select__label{display:inline-flex;align-items:flex-start;gap:4px;font-size:14px;line-height:normal;color:var(--geo-color-neutral-900)}.geo-select__required{color:var(--geo-color-error-default)}.geo-select__error{margin:0;font-size:14px;line-height:normal;color:var(--geo-color-error-default)}.geo-select{display:block;width:100%}.geo-select .ant-select-selector{border-radius:var(--geo-radius)!important;border-color:var(--geo-color-neutral-300)!important;box-shadow:none!important;padding-inline:8px!important;transition:border-color .15s ease,box-shadow .15s ease}.ant-select:not(.ant-select-customize-input) .ant-select-selector{background:transparent}.geo-select .ant-select-selection-item,.geo-select .ant-select-selection-placeholder{font-size:14px;line-height:1.4}.geo-select .ant-select-selection-placeholder{color:var(--geo-color-neutral-500)}.geo-select .ant-select-selection-item{color:var(--geo-color-neutral-900)}.geo-select .ant-select-arrow{color:var(--geo-color-neutral-500);font-size:12px}.geo-select--default .ant-select-selector{min-height:40px!important;height:40px!important}.geo-select--default .ant-select-selection-search-input{height:38px!important}.geo-select--default .ant-select-selection-item,.geo-select--default .ant-select-selection-placeholder,.geo-select--default.ant-select-multiple .ant-select-selection-item{line-height:38px!important}.geo-select--small .ant-select-selector{min-height:32px!important;height:32px!important;padding-inline:8px!important}.geo-select--small .ant-select-selection-search-input{height:30px!important}.geo-select--small .ant-select-selection-item,.geo-select--small .ant-select-selection-placeholder{line-height:30px!important}.geo-select:not(.ant-select-disabled):hover .ant-select-selector{border-color:var(--geo-color-primary-default)!important}.geo-select.ant-select-focused .ant-select-selector,.geo-select.ant-select-open .ant-select-selector{border-color:var(--geo-color-primary-default)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--geo-color-primary-default) 12%,transparent)!important}.geo-select.ant-select-disabled .ant-select-selector{background:var(--geo-color-neutral-100)!important;border-color:var(--geo-color-neutral-300)!important;color:var(--geo-color-neutral-disabled-text)!important}.geo-select.ant-select-disabled .ant-select-selection-item,.geo-select.ant-select-disabled .ant-select-selection-placeholder{color:var(--geo-color-neutral-disabled-text)!important}.geo-select.ant-select-multiple .ant-select-selector{min-height:40px!important;height:auto!important;padding-block:6px!important;padding-inline:6px 8px!important}.geo-select.ant-select-multiple .ant-select-selection-item{height:28px;margin-top:0;margin-bottom:0;padding:2px 4px 2px 8px;border-radius:var(--geo-radius);border:none;background:var(--geo-color-primary-border);font-size:13px;line-height:24px!important;color:var(--geo-color-neutral-900)}.geo-select.ant-select-multiple.ant-select-disabled .ant-select-selection-item{background:var(--geo-color-neutral-100);color:var(--geo-color-neutral-disabled-text)}.geo-select.ant-select-multiple .ant-select-selection-item-remove{color:var(--geo-color-neutral-500)}.geo-select__dropdown.ant-select-dropdown{border-radius:var(--geo-radius);padding:4px;box-shadow:0 6px 16px #00000014}.geo-select__dropdown .ant-select-item{min-height:36px;padding:8px 12px;border-radius:var(--geo-radius);font-size:14px;line-height:20px;color:var(--geo-color-neutral-900)}.geo-select__dropdown .ant-select-item-option-active:not(.ant-select-item-option-disabled){background:var(--color-primary-surface-hover, var(--geo-color-primary-background))}.geo-select__dropdown .ant-select-item-option-selected:not(.ant-select-item-option-disabled){background:var(--color-primary-surface, var(--geo-color-primary-surface-light));color:var(--geo-color-primary-default);font-weight:500}.geo-select__dropdown .ant-select-item-option-selected .ant-select-item-option-state{color:var(--geo-color-primary-default)}.geo-select__dropdown .ant-select-item-empty{padding:8px 12px;color:var(--color-ink-muted, var(--geo-color-neutral-500));font-size:14px}\n"] }]
+        }], propDecorators: { options: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], errorMessage: [{
+                type: Input
+            }], allowClear: [{
+                type: Input
+            }], showSearch: [{
+                type: Input
+            }], block: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });
+
+/**
+ * Slider (opacity / range) — wrap `nz-slider`. Domain dùng `geo-slider`, không import NzSliderModule.
+ */
+class GeoSliderComponent {
+    value = 0;
+    min = 0;
+    max = 100;
+    step = 1;
+    disabled = false;
+    tipFormatter;
+    valueChange = new EventEmitter();
+    onChange(next) {
+        this.value = next;
+        this.valueChange.emit(next);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoSliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: GeoSliderComponent, isStandalone: true, selector: "geo-slider", inputs: { value: "value", min: "min", max: "max", step: "step", disabled: "disabled", tipFormatter: "tipFormatter" }, outputs: { valueChange: "valueChange" }, host: { classAttribute: "geo-slider-host" }, ngImport: i0, template: "<div class=\"geo-slider\">\n  <nz-slider\n    [ngModel]=\"value\"\n    (ngModelChange)=\"onChange($event)\"\n    [nzMin]=\"min\"\n    [nzMax]=\"max\"\n    [nzStep]=\"step\"\n    [nzDisabled]=\"disabled\"\n    [nzTipFormatter]=\"tipFormatter\"\n  ></nz-slider>\n</div>\n", styles: [".geo-slider-host{display:block;width:100%}.geo-slider{width:100%;padding:0 4px}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: NzSliderModule }, { kind: "component", type: i2$3.NzSliderComponent, selector: "nz-slider", inputs: ["nzDisabled", "nzDots", "nzIncluded", "nzRange", "nzVertical", "nzReverse", "nzDefaultValue", "nzMarks", "nzMax", "nzMin", "nzStep", "nzTooltipVisible", "nzTooltipPlacement", "nzTipFormatter"], outputs: ["nzOnAfterChange"], exportAs: ["nzSlider"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoSliderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'geo-slider', standalone: true, imports: [FormsModule, NzSliderModule], encapsulation: ViewEncapsulation.None, host: { class: 'geo-slider-host' }, template: "<div class=\"geo-slider\">\n  <nz-slider\n    [ngModel]=\"value\"\n    (ngModelChange)=\"onChange($event)\"\n    [nzMin]=\"min\"\n    [nzMax]=\"max\"\n    [nzStep]=\"step\"\n    [nzDisabled]=\"disabled\"\n    [nzTipFormatter]=\"tipFormatter\"\n  ></nz-slider>\n</div>\n", styles: [".geo-slider-host{display:block;width:100%}.geo-slider{width:100%;padding:0 4px}\n"] }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], step: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], tipFormatter: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });
+
+/** Map legacy / alias presets → semantic color. */
+const GEO_STATUS_COLOR_MAP = {
+    success: 'success',
+    primary: 'primary',
+    error: 'error',
+    warning: 'warning',
+    info: 'info',
+    teal: 'teal',
+    neutral: 'neutral',
+    completed: 'success',
+    cancelled: 'error',
+    in_progress: 'primary',
+    adjusting: 'warning',
+};
+const GEO_STATUS_LABELS = {
+    success: 'Sẵn sàng',
+    primary: 'Đang mượn',
+    error: 'Từ chối',
+    warning: 'Bản nháp',
+    info: 'Đã nộp',
+    teal: 'Trả kết quả',
+    neutral: 'Chưa xử lý',
+    completed: 'Hoàn thành',
+    cancelled: 'Hủy bỏ',
+    in_progress: 'Đang thực hiện',
+    adjusting: 'Đang điều chỉnh',
+};
+/** @deprecated Use GEO_STATUS_LABELS */
+const UI_STATUS_LABELS = GEO_STATUS_LABELS;
+
+class GeoStatusTagComponent {
+    /**
+     * Status preset or free-form string.
+     * Semantic: success | primary | error | warning | info | teal | neutral
+     * Legacy: completed | cancelled | in_progress | adjusting
+     */
+    status = 'success';
+    /** Override label text. */
+    label;
+    /** Show leading status dot (design default). */
+    showDot = true;
+    get resolvedColor() {
+        if (this.status in GEO_STATUS_COLOR_MAP) {
+            return GEO_STATUS_COLOR_MAP[this.status];
+        }
+        const normalized = this.status
+            .toLowerCase()
+            .replace(/\s+/g, '_')
+            .normalize('NFD')
+            .replace(/[\u0300-\u036f]/g, '');
+        if (normalized.includes('san_sang') || normalized.includes('hoan'))
+            return 'success';
+        if (normalized.includes('tu_choi') || normalized.includes('huy'))
+            return 'error';
+        if (normalized.includes('ban_thao') || normalized.includes('dieu_chinh'))
+            return 'warning';
+        if (normalized.includes('da_nop') || normalized.includes('nop'))
+            return 'info';
+        if (normalized.includes('tra_ket_qua') || normalized.includes('ket_qua'))
+            return 'teal';
+        if (normalized.includes('chua_xu_ly') || normalized.includes('cho'))
+            return 'neutral';
+        if (normalized.includes('muon') || normalized.includes('thuc_hien'))
+            return 'primary';
+        return 'primary';
+    }
+    get displayLabel() {
+        if (this.label)
+            return this.label;
+        if (this.status in GEO_STATUS_LABELS) {
+            return GEO_STATUS_LABELS[this.status];
+        }
+        return this.status;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoStatusTagComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoStatusTagComponent, isStandalone: true, selector: "geo-status-tag", inputs: { status: "status", label: "label", showDot: "showDot" }, ngImport: i0, template: "<span\n  class=\"geo-status-tag\"\n  [class]=\"'geo-status-tag geo-status-tag--' + resolvedColor\"\n>\n  @if (showDot) {\n    <span class=\"geo-status-tag__dot\" aria-hidden=\"true\"></span>\n  }\n  <span class=\"geo-status-tag__label\">{{ displayLabel }}</span>\n</span>\n", styles: ["@charset \"UTF-8\";.geo-status-tag{display:inline-flex;align-items:center;gap:6px;box-sizing:border-box;min-height:24px;padding:4px 12px;border:1px solid transparent;border-radius:999px;font-family:var(--geo-font-family);font-size:var(--geo-font-size-caption);font-weight:var(--geo-font-weight-medium);line-height:var(--geo-line-height-caption);white-space:nowrap;vertical-align:middle}.geo-status-tag__dot{flex-shrink:0;width:6px;height:6px;border-radius:50%}.geo-status-tag__label{display:inline-flex;align-items:center}.geo-status-tag--success{background:var(--geo-color-success-light);border-color:color-mix(in srgb,var(--geo-color-success-default) 45%,var(--geo-color-success-light));color:var(--geo-color-success-dark)}.geo-status-tag--success .geo-status-tag__dot{background:var(--geo-color-success-dark)}.geo-status-tag--primary{background:var(--geo-color-primary-surface-light);border-color:var(--geo-color-primary-border);color:var(--geo-color-primary-default)}.geo-status-tag--primary .geo-status-tag__dot{background:var(--geo-color-primary-default)}.geo-status-tag--error{background:var(--geo-color-error-light);border-color:color-mix(in srgb,var(--geo-color-error-default) 40%,var(--geo-color-error-light));color:var(--geo-color-error-dark)}.geo-status-tag--error .geo-status-tag__dot{background:var(--geo-color-error-dark)}.geo-status-tag--warning{background:var(--geo-color-warning-light);border-color:color-mix(in srgb,var(--geo-color-warning-default) 45%,var(--geo-color-warning-light));color:var(--geo-color-warning-dark)}.geo-status-tag--warning .geo-status-tag__dot{background:var(--geo-color-warning-dark)}.geo-status-tag--info{background:var(--geo-color-info-light);border-color:color-mix(in srgb,var(--geo-color-info-default) 40%,var(--geo-color-info-light));color:var(--geo-color-info-dark)}.geo-status-tag--info .geo-status-tag__dot{background:var(--geo-color-info-dark)}.geo-status-tag--teal{background:var(--geo-color-teal-light);border-color:color-mix(in srgb,var(--geo-color-teal-default) 40%,var(--geo-color-teal-light));color:var(--geo-color-teal-dark)}.geo-status-tag--teal .geo-status-tag__dot{background:var(--geo-color-teal-dark)}.geo-status-tag--neutral{background:var(--geo-color-neutral-100);border-color:var(--geo-color-neutral-300);color:var(--geo-color-neutral-800)}.geo-status-tag--neutral .geo-status-tag__dot{background:var(--geo-color-neutral-800)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoStatusTagComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'geo-status-tag', standalone: true, imports: [CommonModule], template: "<span\n  class=\"geo-status-tag\"\n  [class]=\"'geo-status-tag geo-status-tag--' + resolvedColor\"\n>\n  @if (showDot) {\n    <span class=\"geo-status-tag__dot\" aria-hidden=\"true\"></span>\n  }\n  <span class=\"geo-status-tag__label\">{{ displayLabel }}</span>\n</span>\n", styles: ["@charset \"UTF-8\";.geo-status-tag{display:inline-flex;align-items:center;gap:6px;box-sizing:border-box;min-height:24px;padding:4px 12px;border:1px solid transparent;border-radius:999px;font-family:var(--geo-font-family);font-size:var(--geo-font-size-caption);font-weight:var(--geo-font-weight-medium);line-height:var(--geo-line-height-caption);white-space:nowrap;vertical-align:middle}.geo-status-tag__dot{flex-shrink:0;width:6px;height:6px;border-radius:50%}.geo-status-tag__label{display:inline-flex;align-items:center}.geo-status-tag--success{background:var(--geo-color-success-light);border-color:color-mix(in srgb,var(--geo-color-success-default) 45%,var(--geo-color-success-light));color:var(--geo-color-success-dark)}.geo-status-tag--success .geo-status-tag__dot{background:var(--geo-color-success-dark)}.geo-status-tag--primary{background:var(--geo-color-primary-surface-light);border-color:var(--geo-color-primary-border);color:var(--geo-color-primary-default)}.geo-status-tag--primary .geo-status-tag__dot{background:var(--geo-color-primary-default)}.geo-status-tag--error{background:var(--geo-color-error-light);border-color:color-mix(in srgb,var(--geo-color-error-default) 40%,var(--geo-color-error-light));color:var(--geo-color-error-dark)}.geo-status-tag--error .geo-status-tag__dot{background:var(--geo-color-error-dark)}.geo-status-tag--warning{background:var(--geo-color-warning-light);border-color:color-mix(in srgb,var(--geo-color-warning-default) 45%,var(--geo-color-warning-light));color:var(--geo-color-warning-dark)}.geo-status-tag--warning .geo-status-tag__dot{background:var(--geo-color-warning-dark)}.geo-status-tag--info{background:var(--geo-color-info-light);border-color:color-mix(in srgb,var(--geo-color-info-default) 40%,var(--geo-color-info-light));color:var(--geo-color-info-dark)}.geo-status-tag--info .geo-status-tag__dot{background:var(--geo-color-info-dark)}.geo-status-tag--teal{background:var(--geo-color-teal-light);border-color:color-mix(in srgb,var(--geo-color-teal-default) 40%,var(--geo-color-teal-light));color:var(--geo-color-teal-dark)}.geo-status-tag--teal .geo-status-tag__dot{background:var(--geo-color-teal-dark)}.geo-status-tag--neutral{background:var(--geo-color-neutral-100);border-color:var(--geo-color-neutral-300);color:var(--geo-color-neutral-800)}.geo-status-tag--neutral .geo-status-tag__dot{background:var(--geo-color-neutral-800)}\n"] }]
+        }], propDecorators: { status: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], showDot: [{
+                type: Input
+            }] } });
+
+/**
+ * Steps / Stepper GEO — horizontal (mặc định) hoặc vertical.
+ *
+ * Custom qua `steps`, `activeIndex`, `orientation`, `clickable`.
+ * Trong form modal: đặt `<geo-stepper>` vào body (content projection).
+ *
+ * @example
+ * ```html
+ * <geo-stepper
+ *   [steps]="[
+ *     { key: 'a', label: 'Bước 1' },
+ *     { key: 'b', label: 'Bước 2' }
+ *   ]"
+ *   [activeIndex]="0"
+ *   orientation="horizontal"
+ *   (activeIndexChange)="onStep($event)"
+ * ></geo-stepper>
+ * ```
+ */
+class GeoStepperComponent {
+    steps = [];
+    activeIndex = 0;
+    /** Mặc định horizontal theo design form modal. */
+    orientation = 'horizontal';
+    /** Cho phép click để đổi bước. */
+    clickable = true;
+    activeIndexChange = new EventEmitter();
+    stepSelect = new EventEmitter();
+    trackByIndex(index) {
+        return index;
+    }
+    isActive(index) {
+        return index === this.activeIndex;
+    }
+    isCompleted(index) {
+        return index < this.activeIndex;
+    }
+    isPending(index) {
+        return index > this.activeIndex;
+    }
+    onSelect(index, step) {
+        if (!this.clickable || step.disabled || index === this.activeIndex) {
+            return;
+        }
+        this.activeIndex = index;
+        this.activeIndexChange.emit(index);
+        this.stepSelect.emit({ index, step });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoStepperComponent, isStandalone: true, selector: "geo-stepper", inputs: { steps: "steps", activeIndex: "activeIndex", orientation: "orientation", clickable: "clickable" }, outputs: { activeIndexChange: "activeIndexChange", stepSelect: "stepSelect" }, host: { properties: { "class.geo-stepper-host--vertical": "orientation === \"vertical\"", "class.geo-stepper-host--horizontal": "orientation === \"horizontal\"" }, classAttribute: "geo-stepper-host" }, ngImport: i0, template: "<nav class=\"geo-stepper\" [attr.aria-label]=\"'C\u00E1c b\u01B0\u1EDBc'\">\n  <ol class=\"geo-stepper__list\">\n    @for (step of steps; track trackByIndex($index); let i = $index; let last = $last) {\n      <li\n        class=\"geo-stepper__item\"\n        [class.geo-stepper__item--active]=\"isActive(i)\"\n        [class.geo-stepper__item--completed]=\"isCompleted(i)\"\n        [class.geo-stepper__item--pending]=\"isPending(i)\"\n        [class.geo-stepper__item--disabled]=\"step.disabled\"\n        [class.geo-stepper__item--last]=\"last\"\n      >\n        <button\n          type=\"button\"\n          class=\"geo-stepper__button\"\n          [disabled]=\"!clickable || step.disabled\"\n          [attr.aria-current]=\"isActive(i) ? 'step' : null\"\n          (click)=\"onSelect(i, step)\"\n        >\n          <span class=\"geo-stepper__index\" aria-hidden=\"true\">\n            @if (isCompleted(i)) {\n              <span nz-icon nzType=\"check\" nzTheme=\"outline\"></span>\n            } @else {\n              {{ i + 1 }}\n            }\n          </span>\n          <span class=\"geo-stepper__label\">{{ step.label }}</span>\n        </button>\n\n        @if (!last) {\n          <span\n            class=\"geo-stepper__connector\"\n            [class.geo-stepper__connector--done]=\"isCompleted(i)\"\n            aria-hidden=\"true\"\n          ></span>\n        }\n      </li>\n    }\n  </ol>\n</nav>\n", styles: ["@charset \"UTF-8\";.geo-stepper-host{display:block;width:100%;font-family:var(--geo-font-family)}.geo-stepper__list{list-style:none;margin:0;padding:0;display:flex;align-items:center}.geo-stepper-host--horizontal{display:flex;justify-content:center;width:100%}.geo-stepper-host--horizontal .geo-stepper__list{flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:0;width:auto;max-width:100%}.geo-stepper-host--horizontal .geo-stepper__item{display:flex;align-items:center;flex:0 0 auto;min-width:0}.geo-stepper-host--horizontal .geo-stepper__connector{flex:0 0 auto;width:48px;height:1px;margin:0 16px;background:var(--geo-color-neutral-300)}.geo-stepper-host--horizontal .geo-stepper__connector--done{background:var(--geo-color-success-default)}.geo-stepper-host--vertical .geo-stepper__list{flex-direction:column;align-items:stretch;gap:0;width:100%}.geo-stepper-host--vertical .geo-stepper__item{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.geo-stepper-host--vertical .geo-stepper__connector{display:block;width:1px;height:20px;margin:6px 0 6px 15px;background:var(--geo-color-neutral-300)}.geo-stepper-host--vertical .geo-stepper__connector--done{background:var(--geo-color-success-default)}.geo-stepper__button{display:inline-flex;align-items:center;gap:10px;padding:0;border:none;background:transparent;cursor:pointer;font-family:inherit;text-align:left;color:var(--geo-color-neutral-500);flex-shrink:0;max-width:100%}.geo-stepper__button:disabled{cursor:default}.geo-stepper__item--disabled .geo-stepper__button{opacity:.5;cursor:not-allowed}.geo-stepper__index{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:1.5px solid var(--geo-color-neutral-300);border-radius:50%;font-size:var(--geo-font-size-body);font-weight:var(--geo-font-weight-semibold);line-height:1;color:var(--geo-color-neutral-500);background:var(--geo-color-neutral-white);box-sizing:border-box}.geo-stepper__index .anticon{font-size:14px}.geo-stepper__label{font-size:var(--geo-font-size-body);font-weight:var(--geo-font-weight-regular);line-height:var(--geo-line-height-body);color:var(--geo-color-neutral-500);white-space:nowrap}.geo-stepper__item--active .geo-stepper__index{border-color:var(--geo-color-primary-default);background:var(--geo-color-primary-default);color:var(--geo-color-neutral-white)}.geo-stepper__item--active .geo-stepper__label{color:var(--geo-color-primary-default);font-weight:var(--geo-font-weight-semibold)}.geo-stepper__item--completed .geo-stepper__index{border-color:var(--geo-color-success-default);background:var(--geo-color-success-default);color:var(--geo-color-neutral-white)}.geo-stepper__item--completed .geo-stepper__label{color:var(--geo-color-success-default);font-weight:var(--geo-font-weight-medium)}.geo-stepper__button:not(:disabled):hover .geo-stepper__label{color:var(--geo-color-primary-default)}.geo-stepper__item--completed .geo-stepper__button:not(:disabled):hover .geo-stepper__label{color:var(--geo-color-success-dark)}@media (max-width: 767.98px){.geo-stepper-host--horizontal .geo-stepper__list{flex-wrap:wrap;row-gap:12px;justify-content:center}.geo-stepper-host--horizontal .geo-stepper__label{white-space:normal;max-width:140px}.geo-stepper-host--horizontal .geo-stepper__connector{width:24px;margin:0 10px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoStepperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'geo-stepper', standalone: true, imports: [CommonModule, NzIconModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: 'geo-stepper-host',
+                        '[class.geo-stepper-host--vertical]': 'orientation === "vertical"',
+                        '[class.geo-stepper-host--horizontal]': 'orientation === "horizontal"',
+                    }, template: "<nav class=\"geo-stepper\" [attr.aria-label]=\"'C\u00E1c b\u01B0\u1EDBc'\">\n  <ol class=\"geo-stepper__list\">\n    @for (step of steps; track trackByIndex($index); let i = $index; let last = $last) {\n      <li\n        class=\"geo-stepper__item\"\n        [class.geo-stepper__item--active]=\"isActive(i)\"\n        [class.geo-stepper__item--completed]=\"isCompleted(i)\"\n        [class.geo-stepper__item--pending]=\"isPending(i)\"\n        [class.geo-stepper__item--disabled]=\"step.disabled\"\n        [class.geo-stepper__item--last]=\"last\"\n      >\n        <button\n          type=\"button\"\n          class=\"geo-stepper__button\"\n          [disabled]=\"!clickable || step.disabled\"\n          [attr.aria-current]=\"isActive(i) ? 'step' : null\"\n          (click)=\"onSelect(i, step)\"\n        >\n          <span class=\"geo-stepper__index\" aria-hidden=\"true\">\n            @if (isCompleted(i)) {\n              <span nz-icon nzType=\"check\" nzTheme=\"outline\"></span>\n            } @else {\n              {{ i + 1 }}\n            }\n          </span>\n          <span class=\"geo-stepper__label\">{{ step.label }}</span>\n        </button>\n\n        @if (!last) {\n          <span\n            class=\"geo-stepper__connector\"\n            [class.geo-stepper__connector--done]=\"isCompleted(i)\"\n            aria-hidden=\"true\"\n          ></span>\n        }\n      </li>\n    }\n  </ol>\n</nav>\n", styles: ["@charset \"UTF-8\";.geo-stepper-host{display:block;width:100%;font-family:var(--geo-font-family)}.geo-stepper__list{list-style:none;margin:0;padding:0;display:flex;align-items:center}.geo-stepper-host--horizontal{display:flex;justify-content:center;width:100%}.geo-stepper-host--horizontal .geo-stepper__list{flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;gap:0;width:auto;max-width:100%}.geo-stepper-host--horizontal .geo-stepper__item{display:flex;align-items:center;flex:0 0 auto;min-width:0}.geo-stepper-host--horizontal .geo-stepper__connector{flex:0 0 auto;width:48px;height:1px;margin:0 16px;background:var(--geo-color-neutral-300)}.geo-stepper-host--horizontal .geo-stepper__connector--done{background:var(--geo-color-success-default)}.geo-stepper-host--vertical .geo-stepper__list{flex-direction:column;align-items:stretch;gap:0;width:100%}.geo-stepper-host--vertical .geo-stepper__item{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.geo-stepper-host--vertical .geo-stepper__connector{display:block;width:1px;height:20px;margin:6px 0 6px 15px;background:var(--geo-color-neutral-300)}.geo-stepper-host--vertical .geo-stepper__connector--done{background:var(--geo-color-success-default)}.geo-stepper__button{display:inline-flex;align-items:center;gap:10px;padding:0;border:none;background:transparent;cursor:pointer;font-family:inherit;text-align:left;color:var(--geo-color-neutral-500);flex-shrink:0;max-width:100%}.geo-stepper__button:disabled{cursor:default}.geo-stepper__item--disabled .geo-stepper__button{opacity:.5;cursor:not-allowed}.geo-stepper__index{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border:1.5px solid var(--geo-color-neutral-300);border-radius:50%;font-size:var(--geo-font-size-body);font-weight:var(--geo-font-weight-semibold);line-height:1;color:var(--geo-color-neutral-500);background:var(--geo-color-neutral-white);box-sizing:border-box}.geo-stepper__index .anticon{font-size:14px}.geo-stepper__label{font-size:var(--geo-font-size-body);font-weight:var(--geo-font-weight-regular);line-height:var(--geo-line-height-body);color:var(--geo-color-neutral-500);white-space:nowrap}.geo-stepper__item--active .geo-stepper__index{border-color:var(--geo-color-primary-default);background:var(--geo-color-primary-default);color:var(--geo-color-neutral-white)}.geo-stepper__item--active .geo-stepper__label{color:var(--geo-color-primary-default);font-weight:var(--geo-font-weight-semibold)}.geo-stepper__item--completed .geo-stepper__index{border-color:var(--geo-color-success-default);background:var(--geo-color-success-default);color:var(--geo-color-neutral-white)}.geo-stepper__item--completed .geo-stepper__label{color:var(--geo-color-success-default);font-weight:var(--geo-font-weight-medium)}.geo-stepper__button:not(:disabled):hover .geo-stepper__label{color:var(--geo-color-primary-default)}.geo-stepper__item--completed .geo-stepper__button:not(:disabled):hover .geo-stepper__label{color:var(--geo-color-success-dark)}@media (max-width: 767.98px){.geo-stepper-host--horizontal .geo-stepper__list{flex-wrap:wrap;row-gap:12px;justify-content:center}.geo-stepper-host--horizontal .geo-stepper__label{white-space:normal;max-width:140px}.geo-stepper-host--horizontal .geo-stepper__connector{width:24px;margin:0 10px}}\n"] }]
+        }], propDecorators: { steps: [{
+                type: Input
+            }], activeIndex: [{
+                type: Input
+            }], orientation: [{
+                type: Input
+            }], clickable: [{
+                type: Input
+            }], activeIndexChange: [{
+                type: Output
+            }], stepSelect: [{
+                type: Output
+            }] } });
+
+/**
+ * Layout form page multi-step: cột trái stepper + cột phải form card.
+ *
+ * ```html
+ * <geo-step-form-layout
+ *   title="Thêm mới ..."
+ *   [steps]="steps"
+ *   [activeIndex]="activeIndex"
+ *   [showScrollButtons]="true"
+ *   (cancel)="onCancel()"
+ *   (save)="onSave()"
+ *   (next)="onNext()"
+ * >
+ *   <form>...</form>
+ * </geo-step-form-layout>
+ * ```
+ */
+class GeoStepFormLayoutComponent {
+    steps = [];
+    activeIndex = 0;
+    title = '';
+    clickableSteps = true;
+    /** Hiện nút ↑/↓ góc phải card (chuyển bước). Mặc định `true`. */
+    showScrollButtons = true;
+    showCancel = true;
+    showPrevious = true;
+    showSave = true;
+    showNext = true;
+    cancelLabel = 'Hủy';
+    previousLabel = 'Trở lại';
+    saveLabel = 'Lưu';
+    nextLabel = 'Tiếp theo';
+    finishLabel = 'Hoàn thành';
+    saveLoading = false;
+    nextLoading = false;
+    /** Ẩn footer actions (dùng slot `[footer]` hoặc không cần nút). */
+    hideDefaultFooter = false;
+    activeIndexChange = new EventEmitter();
+    stepSelect = new EventEmitter();
+    cancel = new EventEmitter();
+    previous = new EventEmitter();
+    save = new EventEmitter();
+    next = new EventEmitter();
+    get isLastStep() {
+        return this.steps.length > 0 && this.activeIndex >= this.steps.length - 1;
+    }
+    get canGoPreviousStep() {
+        return this.findAdjacentStepIndex(-1) != null;
+    }
+    get canGoNextStep() {
+        return this.findAdjacentStepIndex(1) != null;
+    }
+    get resolvedNextLabel() {
+        return this.isLastStep ? this.finishLabel : this.nextLabel;
+    }
+    onActiveIndexChange(index) {
+        this.activeIndex = index;
+        this.activeIndexChange.emit(index);
+    }
+    onStepSelect(event) {
+        this.stepSelect.emit(event);
+    }
+    onCancel() {
+        this.cancel.emit();
+    }
+    onPrevious() {
+        this.previous.emit();
+    }
+    onSave() {
+        this.save.emit();
+    }
+    onNext() {
+        this.next.emit();
+    }
+    goAdjacentStep(direction) {
+        const delta = direction === 'up' ? -1 : 1;
+        const nextIndex = this.findAdjacentStepIndex(delta);
+        if (nextIndex == null)
+            return;
+        const step = this.steps[nextIndex];
+        this.activeIndex = nextIndex;
+        this.activeIndexChange.emit(nextIndex);
+        this.stepSelect.emit({ index: nextIndex, step });
+    }
+    findAdjacentStepIndex(delta) {
+        let index = this.activeIndex + delta;
+        while (index >= 0 && index < this.steps.length) {
+            if (!this.steps[index]?.disabled) {
+                return index;
+            }
+            index += delta;
+        }
+        return null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoStepFormLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoStepFormLayoutComponent, isStandalone: true, selector: "geo-step-form-layout", inputs: { steps: "steps", activeIndex: "activeIndex", title: "title", clickableSteps: "clickableSteps", showScrollButtons: "showScrollButtons", showCancel: "showCancel", showPrevious: "showPrevious", showSave: "showSave", showNext: "showNext", cancelLabel: "cancelLabel", previousLabel: "previousLabel", saveLabel: "saveLabel", nextLabel: "nextLabel", finishLabel: "finishLabel", saveLoading: "saveLoading", nextLoading: "nextLoading", hideDefaultFooter: "hideDefaultFooter" }, outputs: { activeIndexChange: "activeIndexChange", stepSelect: "stepSelect", cancel: "cancel", previous: "previous", save: "save", next: "next" }, host: { classAttribute: "geo-step-form-layout-host" }, ngImport: i0, template: "<div class=\"geo-step-form-layout\">\n  <aside class=\"geo-step-form-layout__aside\">\n    <div class=\"geo-step-form-layout__step-card\">\n      <geo-stepper\n        [steps]=\"steps\"\n        [activeIndex]=\"activeIndex\"\n        [clickable]=\"clickableSteps\"\n        orientation=\"vertical\"\n        (activeIndexChange)=\"onActiveIndexChange($event)\"\n        (stepSelect)=\"onStepSelect($event)\"\n      ></geo-stepper>\n\n      <ng-content select=\"[sidebarExtra]\"></ng-content>\n    </div>\n  </aside>\n\n  <div\n    class=\"geo-step-form-layout__main-wrap\"\n    [class.geo-step-form-layout__main-wrap--with-fab]=\"showScrollButtons\"\n  >\n    @if (showScrollButtons) {\n      <div class=\"geo-step-form-layout__scroll-fab\">\n        <button\n          type=\"button\"\n          class=\"geo-step-form-layout__fab\"\n          aria-label=\"B\u01B0\u1EDBc tr\u01B0\u1EDBc\"\n          [disabled]=\"!canGoPreviousStep\"\n          (click)=\"goAdjacentStep('up')\"\n        >\n          <span nz-icon nzType=\"arrow-up\" nzTheme=\"outline\"></span>\n        </button>\n        <button\n          type=\"button\"\n          class=\"geo-step-form-layout__fab\"\n          aria-label=\"B\u01B0\u1EDBc sau\"\n          [disabled]=\"!canGoNextStep\"\n          (click)=\"goAdjacentStep('down')\"\n        >\n          <span nz-icon nzType=\"arrow-down\" nzTheme=\"outline\"></span>\n        </button>\n      </div>\n    }\n\n    <section class=\"geo-step-form-layout__card\">\n      @if (title) {\n        <h1 class=\"geo-step-form-layout__title\">{{ title }}</h1>\n      }\n\n      <div class=\"geo-step-form-layout__body\">\n        <ng-content></ng-content>\n      </div>\n\n      @if (!hideDefaultFooter) {\n        <footer class=\"geo-step-form-layout__footer\">\n          <ng-content select=\"[footer]\"></ng-content>\n\n          <div class=\"geo-step-form-layout__footer-default\">\n            <div class=\"geo-step-form-layout__footer-start\">\n              @if (showCancel) {\n                <geo-button appearance=\"secondary\" color=\"brand\" (clicked)=\"onCancel()\">\n                  {{ cancelLabel }}\n                </geo-button>\n              }\n            </div>\n\n            <div class=\"geo-step-form-layout__footer-end\">\n              @if (showPrevious && activeIndex > 0) {\n                <geo-button\n                  appearance=\"secondary\"\n                  color=\"brand\"\n                  icon=\"left\"\n                  (clicked)=\"onPrevious()\"\n                >\n                  {{ previousLabel }}\n                </geo-button>\n              }\n              @if (showSave) {\n                <geo-button\n                  appearance=\"secondary\"\n                  color=\"brand\"\n                  icon=\"save\"\n                  [disabled]=\"saveLoading\"\n                  (clicked)=\"onSave()\"\n                >\n                  {{ saveLabel }}\n                </geo-button>\n              }\n              @if (showNext) {\n                <geo-button\n                  appearance=\"primary\"\n                  color=\"brand\"\n                  [icon]=\"isLastStep ? 'check' : 'right'\"\n                  [disabled]=\"nextLoading\"\n                  (clicked)=\"onNext()\"\n                >\n                  {{ resolvedNextLabel }}\n                </geo-button>\n              }\n            </div>\n          </div>\n        </footer>\n      } @else {\n        <ng-content select=\"[footer]\"></ng-content>\n      }\n    </section>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";:host,.geo-step-form-layout-host{display:block;width:100%;min-height:100%;box-sizing:border-box}.geo-step-form-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start;width:100%;min-height:100%;height:100%;padding:16px 24px;box-sizing:border-box;overflow:visible}.geo-step-form-layout__aside{display:flex;flex-direction:column;min-width:0;align-self:start}.geo-step-form-layout__step-card{display:flex;flex-direction:column;gap:16px;width:100%;padding:20px 16px;background:var(--geo-color-neutral-white);border:1px solid var(--geo-color-primary-border);border-radius:var(--geo-radius);box-shadow:0 1px 2px #0000000a;box-sizing:border-box}.geo-step-form-layout__main-wrap{position:relative;width:100%;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;align-self:stretch;overflow:visible;box-sizing:border-box}.geo-step-form-layout__main-wrap--with-fab{padding-right:48px}.geo-step-form-layout__scroll-fab{position:absolute;top:0;right:0;z-index:2;display:flex;flex-direction:column;gap:10px}.geo-step-form-layout__fab{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--geo-color-primary-default);border-radius:50%;background:var(--geo-color-neutral-white);color:var(--geo-color-primary-default);cursor:pointer;box-shadow:none;transition:background-color .15s ease,opacity .15s ease}.geo-step-form-layout__fab .anticon{font-size:14px}.geo-step-form-layout__fab:hover:not(:disabled){background:var(--geo-color-primary-surface-light)}.geo-step-form-layout__fab:focus-visible{outline:2px solid var(--geo-color-primary-default);outline-offset:2px}.geo-step-form-layout__fab:disabled{opacity:.35;cursor:not-allowed}.geo-step-form-layout__card{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0;flex:1 1 auto;height:calc(100vh - 48px);max-height:calc(100vh - 48px);background:var(--geo-color-neutral-white);border:1px solid var(--geo-color-primary-border);border-radius:var(--geo-radius);overflow:hidden;box-shadow:0 1px 2px #0000000a;box-sizing:border-box}.geo-step-form-layout__title{flex-shrink:0;margin:0;padding:24px 24px 8px;font-size:20px;font-weight:700;line-height:1.3;color:var(--geo-color-neutral-900)}.geo-step-form-layout__body{flex:1 1 auto;min-height:0;overflow:auto;padding:16px 24px 8px;overscroll-behavior:contain}.geo-step-form-layout__footer{flex-shrink:0;border-top:1px solid var(--geo-color-neutral-100);padding:16px 24px 20px;background:var(--geo-color-neutral-white)}.geo-step-form-layout__footer-default{display:flex;align-items:center;justify-content:space-between;gap:12px}.geo-step-form-layout__footer-start,.geo-step-form-layout__footer-end{display:flex;align-items:center;gap:12px}.geo-step-form-section{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.geo-step-form-section:last-child{margin-bottom:8px}.geo-step-form-section__title{margin:0;font-size:16px;font-weight:700;line-height:1.3;color:var(--geo-color-neutral-900)}.geo-step-form-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.geo-step-form-grid--cols-1{grid-template-columns:minmax(0,1fr)}.geo-step-form-grid--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.geo-step-form-grid--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.geo-step-form-grid__full{grid-column:1/-1}@media (max-width: 1100px){.geo-step-form-layout{grid-template-columns:220px minmax(0,1fr)}.geo-step-form-grid--cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.geo-step-form-layout{grid-template-columns:1fr;padding:12px 16px 20px}.geo-step-form-layout__main-wrap{margin-right:0;padding-right:0}.geo-step-form-layout__scroll-fab{display:none}.geo-step-form-layout__card{height:auto;max-height:none}.geo-step-form-grid,.geo-step-form-grid--cols-3,.geo-step-form-grid--cols-4{grid-template-columns:minmax(0,1fr)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { 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: GeoStepperComponent, selector: "geo-stepper", inputs: ["steps", "activeIndex", "orientation", "clickable"], outputs: ["activeIndexChange", "stepSelect"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoStepFormLayoutComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'geo-step-form-layout', standalone: true, imports: [CommonModule, NzIconModule, GeoButtonComponent, GeoStepperComponent], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        class: 'geo-step-form-layout-host',
+                    }, template: "<div class=\"geo-step-form-layout\">\n  <aside class=\"geo-step-form-layout__aside\">\n    <div class=\"geo-step-form-layout__step-card\">\n      <geo-stepper\n        [steps]=\"steps\"\n        [activeIndex]=\"activeIndex\"\n        [clickable]=\"clickableSteps\"\n        orientation=\"vertical\"\n        (activeIndexChange)=\"onActiveIndexChange($event)\"\n        (stepSelect)=\"onStepSelect($event)\"\n      ></geo-stepper>\n\n      <ng-content select=\"[sidebarExtra]\"></ng-content>\n    </div>\n  </aside>\n\n  <div\n    class=\"geo-step-form-layout__main-wrap\"\n    [class.geo-step-form-layout__main-wrap--with-fab]=\"showScrollButtons\"\n  >\n    @if (showScrollButtons) {\n      <div class=\"geo-step-form-layout__scroll-fab\">\n        <button\n          type=\"button\"\n          class=\"geo-step-form-layout__fab\"\n          aria-label=\"B\u01B0\u1EDBc tr\u01B0\u1EDBc\"\n          [disabled]=\"!canGoPreviousStep\"\n          (click)=\"goAdjacentStep('up')\"\n        >\n          <span nz-icon nzType=\"arrow-up\" nzTheme=\"outline\"></span>\n        </button>\n        <button\n          type=\"button\"\n          class=\"geo-step-form-layout__fab\"\n          aria-label=\"B\u01B0\u1EDBc sau\"\n          [disabled]=\"!canGoNextStep\"\n          (click)=\"goAdjacentStep('down')\"\n        >\n          <span nz-icon nzType=\"arrow-down\" nzTheme=\"outline\"></span>\n        </button>\n      </div>\n    }\n\n    <section class=\"geo-step-form-layout__card\">\n      @if (title) {\n        <h1 class=\"geo-step-form-layout__title\">{{ title }}</h1>\n      }\n\n      <div class=\"geo-step-form-layout__body\">\n        <ng-content></ng-content>\n      </div>\n\n      @if (!hideDefaultFooter) {\n        <footer class=\"geo-step-form-layout__footer\">\n          <ng-content select=\"[footer]\"></ng-content>\n\n          <div class=\"geo-step-form-layout__footer-default\">\n            <div class=\"geo-step-form-layout__footer-start\">\n              @if (showCancel) {\n                <geo-button appearance=\"secondary\" color=\"brand\" (clicked)=\"onCancel()\">\n                  {{ cancelLabel }}\n                </geo-button>\n              }\n            </div>\n\n            <div class=\"geo-step-form-layout__footer-end\">\n              @if (showPrevious && activeIndex > 0) {\n                <geo-button\n                  appearance=\"secondary\"\n                  color=\"brand\"\n                  icon=\"left\"\n                  (clicked)=\"onPrevious()\"\n                >\n                  {{ previousLabel }}\n                </geo-button>\n              }\n              @if (showSave) {\n                <geo-button\n                  appearance=\"secondary\"\n                  color=\"brand\"\n                  icon=\"save\"\n                  [disabled]=\"saveLoading\"\n                  (clicked)=\"onSave()\"\n                >\n                  {{ saveLabel }}\n                </geo-button>\n              }\n              @if (showNext) {\n                <geo-button\n                  appearance=\"primary\"\n                  color=\"brand\"\n                  [icon]=\"isLastStep ? 'check' : 'right'\"\n                  [disabled]=\"nextLoading\"\n                  (clicked)=\"onNext()\"\n                >\n                  {{ resolvedNextLabel }}\n                </geo-button>\n              }\n            </div>\n          </div>\n        </footer>\n      } @else {\n        <ng-content select=\"[footer]\"></ng-content>\n      }\n    </section>\n  </div>\n</div>\n", styles: ["@charset \"UTF-8\";:host,.geo-step-form-layout-host{display:block;width:100%;min-height:100%;box-sizing:border-box}.geo-step-form-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:20px;align-items:start;width:100%;min-height:100%;height:100%;padding:16px 24px;box-sizing:border-box;overflow:visible}.geo-step-form-layout__aside{display:flex;flex-direction:column;min-width:0;align-self:start}.geo-step-form-layout__step-card{display:flex;flex-direction:column;gap:16px;width:100%;padding:20px 16px;background:var(--geo-color-neutral-white);border:1px solid var(--geo-color-primary-border);border-radius:var(--geo-radius);box-shadow:0 1px 2px #0000000a;box-sizing:border-box}.geo-step-form-layout__main-wrap{position:relative;width:100%;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;align-self:stretch;overflow:visible;box-sizing:border-box}.geo-step-form-layout__main-wrap--with-fab{padding-right:48px}.geo-step-form-layout__scroll-fab{position:absolute;top:0;right:0;z-index:2;display:flex;flex-direction:column;gap:10px}.geo-step-form-layout__fab{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--geo-color-primary-default);border-radius:50%;background:var(--geo-color-neutral-white);color:var(--geo-color-primary-default);cursor:pointer;box-shadow:none;transition:background-color .15s ease,opacity .15s ease}.geo-step-form-layout__fab .anticon{font-size:14px}.geo-step-form-layout__fab:hover:not(:disabled){background:var(--geo-color-primary-surface-light)}.geo-step-form-layout__fab:focus-visible{outline:2px solid var(--geo-color-primary-default);outline-offset:2px}.geo-step-form-layout__fab:disabled{opacity:.35;cursor:not-allowed}.geo-step-form-layout__card{display:flex;flex-direction:column;width:100%;min-width:0;min-height:0;flex:1 1 auto;height:calc(100vh - 48px);max-height:calc(100vh - 48px);background:var(--geo-color-neutral-white);border:1px solid var(--geo-color-primary-border);border-radius:var(--geo-radius);overflow:hidden;box-shadow:0 1px 2px #0000000a;box-sizing:border-box}.geo-step-form-layout__title{flex-shrink:0;margin:0;padding:24px 24px 8px;font-size:20px;font-weight:700;line-height:1.3;color:var(--geo-color-neutral-900)}.geo-step-form-layout__body{flex:1 1 auto;min-height:0;overflow:auto;padding:16px 24px 8px;overscroll-behavior:contain}.geo-step-form-layout__footer{flex-shrink:0;border-top:1px solid var(--geo-color-neutral-100);padding:16px 24px 20px;background:var(--geo-color-neutral-white)}.geo-step-form-layout__footer-default{display:flex;align-items:center;justify-content:space-between;gap:12px}.geo-step-form-layout__footer-start,.geo-step-form-layout__footer-end{display:flex;align-items:center;gap:12px}.geo-step-form-section{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.geo-step-form-section:last-child{margin-bottom:8px}.geo-step-form-section__title{margin:0;font-size:16px;font-weight:700;line-height:1.3;color:var(--geo-color-neutral-900)}.geo-step-form-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.geo-step-form-grid--cols-1{grid-template-columns:minmax(0,1fr)}.geo-step-form-grid--cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.geo-step-form-grid--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.geo-step-form-grid__full{grid-column:1/-1}@media (max-width: 1100px){.geo-step-form-layout{grid-template-columns:220px minmax(0,1fr)}.geo-step-form-grid--cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.geo-step-form-layout{grid-template-columns:1fr;padding:12px 16px 20px}.geo-step-form-layout__main-wrap{margin-right:0;padding-right:0}.geo-step-form-layout__scroll-fab{display:none}.geo-step-form-layout__card{height:auto;max-height:none}.geo-step-form-grid,.geo-step-form-grid--cols-3,.geo-step-form-grid--cols-4{grid-template-columns:minmax(0,1fr)}}\n"] }]
+        }], propDecorators: { steps: [{
+                type: Input
+            }], activeIndex: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], clickableSteps: [{
+                type: Input
+            }], showScrollButtons: [{
+                type: Input
+            }], showCancel: [{
+                type: Input
+            }], showPrevious: [{
+                type: Input
+            }], showSave: [{
+                type: Input
+            }], showNext: [{
+                type: Input
+            }], cancelLabel: [{
+                type: Input
+            }], previousLabel: [{
+                type: Input
+            }], saveLabel: [{
+                type: Input
+            }], nextLabel: [{
+                type: Input
+            }], finishLabel: [{
+                type: Input
+            }], saveLoading: [{
+                type: Input
+            }], nextLoading: [{
+                type: Input
+            }], hideDefaultFooter: [{
+                type: Input
+            }], activeIndexChange: [{
+                type: Output
+            }], stepSelect: [{
+                type: Output
+            }], cancel: [{
+                type: Output
+            }], previous: [{
+                type: Output
+            }], save: [{
+                type: Output
+            }], next: [{
+                type: Output
+            }] } });
+
+class GeoTabDirective {
+    template;
+    key;
+    constructor(template) {
+        this.template = template;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoTabDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: GeoTabDirective, isStandalone: true, selector: "[uiTab]", inputs: { key: ["uiTab", "key"] }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoTabDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[uiTab]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }], propDecorators: { key: [{
+                type: Input,
+                args: ['uiTab']
+            }] } });
+class GeoTabsComponent {
+    items = [];
+    type = 'line';
+    size = 'default';
+    selectedIndex = 0;
+    selectedKey;
+    centered = false;
+    animated = true;
+    selectedIndexChange = new EventEmitter();
+    selectedKeyChange = new EventEmitter();
+    tabChange = new EventEmitter();
+    tabTemplates;
+    get resolvedSelectedIndex() {
+        if (this.selectedKey) {
+            const index = this.items.findIndex((item) => item.key === this.selectedKey);
+            if (index >= 0) {
+                return index;
+            }
+        }
+        return this.selectedIndex;
+    }
+    getTemplate(key) {
+        return this.tabTemplates?.find((tab) => tab.key === key)?.template ?? null;
+    }
+    onSelectedIndexChange(index) {
+        this.selectedIndex = index;
+        const key = this.items[index]?.key ?? '';
+        this.selectedKey = key || undefined;
+        this.selectedIndexChange.emit(index);
+        if (key) {
+            this.selectedKeyChange.emit(key);
+            this.tabChange.emit({ index, key });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoTabsComponent, isStandalone: true, selector: "geo-tabs", inputs: { items: "items", type: "type", size: "size", selectedIndex: "selectedIndex", selectedKey: "selectedKey", centered: "centered", animated: "animated" }, outputs: { selectedIndexChange: "selectedIndexChange", selectedKeyChange: "selectedKeyChange", tabChange: "tabChange" }, host: { properties: { "class.geo-tabs-host--card": "type === \"card\"", "class.geo-tabs-host--line": "type === \"line\"" }, classAttribute: "geo-tabs-host" }, queries: [{ propertyName: "tabTemplates", predicate: GeoTabDirective }], ngImport: i0, template: "<nz-tabset\n  class=\"geo-tabs\"\n  [class.geo-tabs--card]=\"type === 'card'\"\n  [class.geo-tabs--line]=\"type === 'line'\"\n  [nzType]=\"type\"\n  [nzSize]=\"size\"\n  [nzSelectedIndex]=\"resolvedSelectedIndex\"\n  [nzCentered]=\"centered\"\n  [nzAnimated]=\"animated\"\n  (nzSelectedIndexChange)=\"onSelectedIndexChange($event)\"\n>\n  @for (item of items; track item.key) {\n    <nz-tab [nzTitle]=\"item.title\" [nzDisabled]=\"item.disabled ?? false\">\n      @if (getTemplate(item.key); as tpl) {\n        <ng-container [ngTemplateOutlet]=\"tpl\"></ng-container>\n      }\n    </nz-tab>\n  }\n</nz-tabset>\n", styles: ["@charset \"UTF-8\";.geo-tabs-host{display:block;width:100%;min-width:0;max-width:100%}.geo-tabs.ant-tabs{color:var(--geo-color-neutral-900);min-width:0;width:100%}.geo-tabs .ant-tabs-nav{margin-bottom:16px}.geo-tabs .ant-tabs-nav-wrap{min-width:0;flex:1 1 auto}.geo-tabs .ant-tabs-nav-list{flex-wrap:nowrap}.geo-tabs .ant-tabs-tab{padding:10px 16px;font-size:14px;line-height:20px;color:var(--geo-color-neutral-500);transition:color .15s ease}.geo-tabs .ant-tabs-tab:hover{color:var(--geo-color-primary-default)}.geo-tabs .ant-tabs-tab-btn{font-weight:500}.geo-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--geo-color-primary-default)!important;font-weight:600}.geo-tabs .ant-tabs-tab-disabled{color:var(--geo-color-neutral-400)!important;cursor:not-allowed}.geo-tabs .ant-tabs-ink-bar{background:var(--geo-color-primary-default);height:2px}.geo-tabs.ant-tabs-top>.ant-tabs-nav:before,.geo-tabs.ant-tabs-bottom>.ant-tabs-nav:before,.geo-tabs.ant-tabs-top>div>.ant-tabs-nav:before,.geo-tabs.ant-tabs-bottom>div>.ant-tabs-nav:before{border-bottom-color:var(--geo-color-primary-border)}.geo-tabs--card.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab,.geo-tabs--card.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab{margin:0 4px 0 0;padding:8px 16px;background:var(--geo-color-neutral-100);border:1px solid var(--geo-color-primary-border);border-radius:var(--geo-radius) var(--geo-radius) 0 0;color:var(--geo-color-neutral-500)}.geo-tabs--card.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab-active,.geo-tabs--card.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab-active{background:var(--geo-color-neutral-white);border-color:var(--geo-color-primary-border);border-bottom-color:var(--geo-color-neutral-white);color:var(--geo-color-primary-default)}.geo-tabs--card .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--geo-color-primary-default)!important}.geo-tabs .ant-tabs-content-holder{color:var(--geo-color-neutral-900);font-size:14px;line-height:22px;min-width:0}.geo-tabs.ant-tabs-small .ant-tabs-tab{padding:6px 12px;font-size:13px}.geo-tabs.ant-tabs-large .ant-tabs-tab{padding:12px 20px;font-size:16px}@media (max-width: 1024px){.geo-tabs .ant-tabs-tab{padding:8px 12px;font-size:13px;line-height:18px}.geo-tabs.ant-tabs-large .ant-tabs-tab{padding:10px 14px;font-size:15px}.geo-tabs--card.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab,.geo-tabs--card.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab{padding:6px 12px}}@media (max-width: 767.98px){.geo-tabs .ant-tabs-nav{margin-bottom:12px}.geo-tabs .ant-tabs-nav-wrap{overflow:visible}.geo-tabs .ant-tabs-nav-list{flex-wrap:wrap;row-gap:0;width:100%;transform:none!important}.geo-tabs .ant-tabs-nav-operations,.geo-tabs .ant-tabs-ink-bar{display:none!important}.geo-tabs .ant-tabs-tab{height:auto;min-width:0;max-width:100%;flex:1 1 auto;margin:0;padding:8px 10px;font-size:12px;line-height:1.35;white-space:normal;text-align:center;border-bottom:2px solid transparent}.geo-tabs .ant-tabs-tab-btn{display:inline-block;max-width:100%;white-space:normal;word-break:break-word;line-height:1.35}.geo-tabs .ant-tabs-tab-active{border-bottom-color:var(--geo-color-primary-default)}.geo-tabs.ant-tabs-small .ant-tabs-tab{padding:6px 8px;font-size:12px}.geo-tabs.ant-tabs-large .ant-tabs-tab{padding:8px 12px;font-size:14px}.geo-tabs.ant-tabs-top>.ant-tabs-nav:before,.geo-tabs.ant-tabs-top>div>.ant-tabs-nav:before{left:0;right:0;border-bottom:1px solid var(--geo-color-primary-border)}.geo-tabs--card.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab,.geo-tabs--card.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab{margin:0 0 4px;flex:1 1 calc(50% - 4px);padding:8px 10px;border-radius:var(--geo-radius);border-bottom-color:var(--geo-color-primary-border)}.geo-tabs--card.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab-active,.geo-tabs--card.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab-active{border-color:var(--geo-color-primary-default);border-bottom-color:var(--geo-color-primary-default);background:var(--geo-color-neutral-white)}.geo-tabs.ant-tabs-centered>.ant-tabs-nav .ant-tabs-nav-wrap:before,.geo-tabs.ant-tabs-centered>.ant-tabs-nav .ant-tabs-nav-wrap:after,.geo-tabs.ant-tabs-centered>div>.ant-tabs-nav .ant-tabs-nav-wrap:before,.geo-tabs.ant-tabs-centered>div>.ant-tabs-nav .ant-tabs-nav-wrap:after{flex:0 0 0;content:none}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: NgZorroAntdModule }, { kind: "component", type: i2$4.NzTabSetComponent, selector: "nz-tabset", inputs: ["nzSelectedIndex", "nzTabPosition", "nzTabBarExtraContent", "nzCanDeactivate", "nzAddIcon", "nzTabBarStyle", "nzType", "nzSize", "nzAnimated", "nzTabBarGutter", "nzHideAdd", "nzCentered", "nzHideAll", "nzLinkRouter", "nzLinkExact", "nzDestroyInactiveTabPane"], outputs: ["nzSelectChange", "nzSelectedIndexChange", "nzTabListScroll", "nzClose", "nzAdd"], exportAs: ["nzTabset"] }, { kind: "component", type: i2$4.NzTabComponent, selector: "nz-tab", inputs: ["nzTitle", "nzClosable", "nzCloseIcon", "nzDisabled", "nzForceRender"], outputs: ["nzSelect", "nzDeselect", "nzClick", "nzContextmenu"], exportAs: ["nzTab"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoTabsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'geo-tabs', standalone: true, imports: [CommonModule, NgZorroAntdModule], encapsulation: ViewEncapsulation.None, host: {
+                        class: 'geo-tabs-host',
+                        '[class.geo-tabs-host--card]': 'type === "card"',
+                        '[class.geo-tabs-host--line]': 'type === "line"',
+                    }, template: "<nz-tabset\n  class=\"geo-tabs\"\n  [class.geo-tabs--card]=\"type === 'card'\"\n  [class.geo-tabs--line]=\"type === 'line'\"\n  [nzType]=\"type\"\n  [nzSize]=\"size\"\n  [nzSelectedIndex]=\"resolvedSelectedIndex\"\n  [nzCentered]=\"centered\"\n  [nzAnimated]=\"animated\"\n  (nzSelectedIndexChange)=\"onSelectedIndexChange($event)\"\n>\n  @for (item of items; track item.key) {\n    <nz-tab [nzTitle]=\"item.title\" [nzDisabled]=\"item.disabled ?? false\">\n      @if (getTemplate(item.key); as tpl) {\n        <ng-container [ngTemplateOutlet]=\"tpl\"></ng-container>\n      }\n    </nz-tab>\n  }\n</nz-tabset>\n", styles: ["@charset \"UTF-8\";.geo-tabs-host{display:block;width:100%;min-width:0;max-width:100%}.geo-tabs.ant-tabs{color:var(--geo-color-neutral-900);min-width:0;width:100%}.geo-tabs .ant-tabs-nav{margin-bottom:16px}.geo-tabs .ant-tabs-nav-wrap{min-width:0;flex:1 1 auto}.geo-tabs .ant-tabs-nav-list{flex-wrap:nowrap}.geo-tabs .ant-tabs-tab{padding:10px 16px;font-size:14px;line-height:20px;color:var(--geo-color-neutral-500);transition:color .15s ease}.geo-tabs .ant-tabs-tab:hover{color:var(--geo-color-primary-default)}.geo-tabs .ant-tabs-tab-btn{font-weight:500}.geo-tabs .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--geo-color-primary-default)!important;font-weight:600}.geo-tabs .ant-tabs-tab-disabled{color:var(--geo-color-neutral-400)!important;cursor:not-allowed}.geo-tabs .ant-tabs-ink-bar{background:var(--geo-color-primary-default);height:2px}.geo-tabs.ant-tabs-top>.ant-tabs-nav:before,.geo-tabs.ant-tabs-bottom>.ant-tabs-nav:before,.geo-tabs.ant-tabs-top>div>.ant-tabs-nav:before,.geo-tabs.ant-tabs-bottom>div>.ant-tabs-nav:before{border-bottom-color:var(--geo-color-primary-border)}.geo-tabs--card.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab,.geo-tabs--card.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab{margin:0 4px 0 0;padding:8px 16px;background:var(--geo-color-neutral-100);border:1px solid var(--geo-color-primary-border);border-radius:var(--geo-radius) var(--geo-radius) 0 0;color:var(--geo-color-neutral-500)}.geo-tabs--card.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab-active,.geo-tabs--card.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab-active{background:var(--geo-color-neutral-white);border-color:var(--geo-color-primary-border);border-bottom-color:var(--geo-color-neutral-white);color:var(--geo-color-primary-default)}.geo-tabs--card .ant-tabs-tab-active .ant-tabs-tab-btn{color:var(--geo-color-primary-default)!important}.geo-tabs .ant-tabs-content-holder{color:var(--geo-color-neutral-900);font-size:14px;line-height:22px;min-width:0}.geo-tabs.ant-tabs-small .ant-tabs-tab{padding:6px 12px;font-size:13px}.geo-tabs.ant-tabs-large .ant-tabs-tab{padding:12px 20px;font-size:16px}@media (max-width: 1024px){.geo-tabs .ant-tabs-tab{padding:8px 12px;font-size:13px;line-height:18px}.geo-tabs.ant-tabs-large .ant-tabs-tab{padding:10px 14px;font-size:15px}.geo-tabs--card.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab,.geo-tabs--card.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab{padding:6px 12px}}@media (max-width: 767.98px){.geo-tabs .ant-tabs-nav{margin-bottom:12px}.geo-tabs .ant-tabs-nav-wrap{overflow:visible}.geo-tabs .ant-tabs-nav-list{flex-wrap:wrap;row-gap:0;width:100%;transform:none!important}.geo-tabs .ant-tabs-nav-operations,.geo-tabs .ant-tabs-ink-bar{display:none!important}.geo-tabs .ant-tabs-tab{height:auto;min-width:0;max-width:100%;flex:1 1 auto;margin:0;padding:8px 10px;font-size:12px;line-height:1.35;white-space:normal;text-align:center;border-bottom:2px solid transparent}.geo-tabs .ant-tabs-tab-btn{display:inline-block;max-width:100%;white-space:normal;word-break:break-word;line-height:1.35}.geo-tabs .ant-tabs-tab-active{border-bottom-color:var(--geo-color-primary-default)}.geo-tabs.ant-tabs-small .ant-tabs-tab{padding:6px 8px;font-size:12px}.geo-tabs.ant-tabs-large .ant-tabs-tab{padding:8px 12px;font-size:14px}.geo-tabs.ant-tabs-top>.ant-tabs-nav:before,.geo-tabs.ant-tabs-top>div>.ant-tabs-nav:before{left:0;right:0;border-bottom:1px solid var(--geo-color-primary-border)}.geo-tabs--card.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab,.geo-tabs--card.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab{margin:0 0 4px;flex:1 1 calc(50% - 4px);padding:8px 10px;border-radius:var(--geo-radius);border-bottom-color:var(--geo-color-primary-border)}.geo-tabs--card.ant-tabs-card>.ant-tabs-nav .ant-tabs-tab-active,.geo-tabs--card.ant-tabs-card>div>.ant-tabs-nav .ant-tabs-tab-active{border-color:var(--geo-color-primary-default);border-bottom-color:var(--geo-color-primary-default);background:var(--geo-color-neutral-white)}.geo-tabs.ant-tabs-centered>.ant-tabs-nav .ant-tabs-nav-wrap:before,.geo-tabs.ant-tabs-centered>.ant-tabs-nav .ant-tabs-nav-wrap:after,.geo-tabs.ant-tabs-centered>div>.ant-tabs-nav .ant-tabs-nav-wrap:before,.geo-tabs.ant-tabs-centered>div>.ant-tabs-nav .ant-tabs-nav-wrap:after{flex:0 0 0;content:none}}\n"] }]
+        }], propDecorators: { items: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], selectedIndex: [{
+                type: Input
+            }], selectedKey: [{
+                type: Input
+            }], centered: [{
+                type: Input
+            }], animated: [{
+                type: Input
+            }], selectedIndexChange: [{
+                type: Output
+            }], selectedKeyChange: [{
+                type: Output
+            }], tabChange: [{
+                type: Output
+            }], tabTemplates: [{
+                type: ContentChildren,
+                args: [GeoTabDirective]
+            }] } });
+
+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. */
+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];
+}
+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));
+}
+
+class GeoRowActionsComponent {
+    actions = null;
+    /** Action ưu tiên hiển thị khi có > 2 thao tác (mặc định: edit) */
+    primaryActionKey = 'edit';
+    actionClick = new EventEmitter();
+    /** @deprecated Dùng `actionClick` với key `edit` */
+    edit = new EventEmitter();
+    /** @deprecated Dùng `actionClick` với key `more` */
+    more = new EventEmitter();
+    get resolvedActions() {
+        return this.actions?.length ? this.actions : DEFAULT_UI_ROW_ACTIONS;
+    }
+    get enabledActions() {
+        return this.resolvedActions.filter((action) => !action.disabled);
+    }
+    get inlineActions() {
+        return pickInlineRowActions(this.enabledActions, this.primaryActionKey);
+    }
+    get overflowActions() {
+        return pickOverflowRowActions(this.enabledActions, this.primaryActionKey);
+    }
+    get hasOverflow() {
+        return this.overflowActions.length > 0;
+    }
+    onActionClick(event, action) {
+        if (action.disabled) {
+            return;
+        }
+        event.stopPropagation();
+        this.actionClick.emit(action.key);
+        if (action.key === 'edit') {
+            this.edit.emit();
+        }
+        if (action.key === 'more') {
+            this.more.emit();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoRowActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoRowActionsComponent, isStandalone: true, selector: "geo-row-actions", inputs: { actions: "actions", primaryActionKey: "primaryActionKey" }, outputs: { actionClick: "actionClick", edit: "edit", more: "more" }, ngImport: i0, template: "<div class=\"geo-row-actions\">\n  @for (action of inlineActions; track action.key) {\n    <button\n      type=\"button\"\n      class=\"geo-row-actions__btn\"\n      [class.geo-row-actions__btn--danger]=\"action.danger\"\n      [nz-tooltip]=\"action.title ?? action.label ?? ''\"\n      [disabled]=\"action.disabled\"\n      [attr.aria-label]=\"action.label ?? action.title ?? action.key\"\n      (click)=\"onActionClick($event, action)\"\n    >\n      <span nz-icon [nzType]=\"action.icon\" [nzTheme]=\"action.iconTheme ?? 'outline'\"></span>\n    </button>\n  }\n\n  @if (hasOverflow) {\n    <button\n      type=\"button\"\n      class=\"geo-row-actions__btn\"\n      nz-dropdown\n      [nzDropdownMenu]=\"overflowMenu\"\n      nzTrigger=\"click\"\n      nzPlacement=\"bottomRight\"\n      nz-tooltip=\"Th\u00EAm thao t\u00E1c\"\n      aria-label=\"Th\u00EAm thao t\u00E1c\"\n      (click)=\"$event.stopPropagation()\"\n    >\n      <span nz-icon nzType=\"more\" nzTheme=\"outline\"></span>\n    </button>\n\n    <nz-dropdown-menu #overflowMenu=\"nzDropdownMenu\">\n      <div class=\"geo-row-actions__panel\" (click)=\"$event.stopPropagation()\">\n        @for (action of overflowActions; track action.key) {\n          <button\n            type=\"button\"\n            class=\"geo-row-actions__panel-item\"\n            [class.geo-row-actions__panel-item--danger]=\"action.danger\"\n            [attr.aria-label]=\"action.label ?? action.title ?? action.key\"\n            (click)=\"onActionClick($event, action)\"\n          >\n            <span\n              class=\"geo-row-actions__panel-icon\"\n              nz-icon\n              [nzType]=\"action.icon\"\n              [nzTheme]=\"action.iconTheme ?? 'outline'\"\n            ></span>\n            <span class=\"geo-row-actions__panel-label\">\n              {{ action.label ?? action.title ?? action.key }}\n            </span>\n          </button>\n        }\n      </div>\n    </nz-dropdown-menu>\n  }\n</div>\n", styles: [":host{display:inline-block}.geo-row-actions{display:inline-flex;align-items:center;justify-content:center;gap:10px}.geo-row-actions__btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--geo-radius);background:transparent;color:var(--geo-color-neutral-500);cursor:pointer;transition:color .15s ease,background-color .15s ease}.geo-row-actions__btn:hover:not(:disabled){color:var(--geo-color-primary-default);background:color-mix(in srgb,var(--geo-color-primary-default) 10%,transparent)}.geo-row-actions__btn:disabled{cursor:not-allowed;opacity:.45}.geo-row-actions__btn--danger:hover:not(:disabled){color:var(--geo-color-error-default);background:#ee003314}.geo-row-actions__btn :deep(.anticon){font-size:16px}.geo-row-actions__panel{min-width:168px;padding:8px;background:var(--geo-color-neutral-white);border-radius:var(--geo-radius);box-shadow:0 6px 16px #00000014;display:flex;flex-direction:column;gap:4px}.geo-row-actions__panel-item{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:8px 12px;border:none;border-radius:var(--geo-radius);background:transparent;color:var(--geo-color-neutral-900);font-size:14px;line-height:20px;cursor:pointer;text-align:left;transition:color .15s ease,background-color .15s ease}.geo-row-actions__panel-item:hover{color:var(--geo-color-primary-default);background:color-mix(in srgb,var(--geo-color-primary-default) 10%,transparent)}.geo-row-actions__panel-item--danger:hover{color:var(--geo-color-error-default);background:#ee003314}.geo-row-actions__panel-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;color:inherit}.geo-row-actions__panel-icon :deep(.anticon){font-size:16px;line-height:1}.geo-row-actions__panel-label{flex:1;line-height:20px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: NgZorroAntdModule }, { kind: "directive", type: i1$5.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i2$5.NzDropDownDirective, selector: "[nz-dropdown]", inputs: ["nzDropdownMenu", "nzTrigger", "nzMatchWidthElement", "nzBackdrop", "nzClickHide", "nzDisabled", "nzVisible", "nzOverlayClassName", "nzOverlayStyle", "nzPlacement"], outputs: ["nzVisibleChange"], exportAs: ["nzDropdown"] }, { kind: "component", type: i2$5.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { kind: "directive", type: i1.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }, { kind: "directive", type: i3.NzTooltipDirective, selector: "[nz-tooltip]", inputs: ["nzTooltipTitle", "nzTooltipTitleContext", "nz-tooltip", "nzTooltipTrigger", "nzTooltipPlacement", "nzTooltipOrigin", "nzTooltipVisible", "nzTooltipMouseEnterDelay", "nzTooltipMouseLeaveDelay", "nzTooltipOverlayClassName", "nzTooltipOverlayStyle", "nzTooltipArrowPointAtCenter", "cdkConnectedOverlayPush", "nzTooltipColor"], outputs: ["nzTooltipVisibleChange"], exportAs: ["nzTooltip"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoRowActionsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'geo-row-actions', standalone: true, imports: [CommonModule, NgZorroAntdModule], template: "<div class=\"geo-row-actions\">\n  @for (action of inlineActions; track action.key) {\n    <button\n      type=\"button\"\n      class=\"geo-row-actions__btn\"\n      [class.geo-row-actions__btn--danger]=\"action.danger\"\n      [nz-tooltip]=\"action.title ?? action.label ?? ''\"\n      [disabled]=\"action.disabled\"\n      [attr.aria-label]=\"action.label ?? action.title ?? action.key\"\n      (click)=\"onActionClick($event, action)\"\n    >\n      <span nz-icon [nzType]=\"action.icon\" [nzTheme]=\"action.iconTheme ?? 'outline'\"></span>\n    </button>\n  }\n\n  @if (hasOverflow) {\n    <button\n      type=\"button\"\n      class=\"geo-row-actions__btn\"\n      nz-dropdown\n      [nzDropdownMenu]=\"overflowMenu\"\n      nzTrigger=\"click\"\n      nzPlacement=\"bottomRight\"\n      nz-tooltip=\"Th\u00EAm thao t\u00E1c\"\n      aria-label=\"Th\u00EAm thao t\u00E1c\"\n      (click)=\"$event.stopPropagation()\"\n    >\n      <span nz-icon nzType=\"more\" nzTheme=\"outline\"></span>\n    </button>\n\n    <nz-dropdown-menu #overflowMenu=\"nzDropdownMenu\">\n      <div class=\"geo-row-actions__panel\" (click)=\"$event.stopPropagation()\">\n        @for (action of overflowActions; track action.key) {\n          <button\n            type=\"button\"\n            class=\"geo-row-actions__panel-item\"\n            [class.geo-row-actions__panel-item--danger]=\"action.danger\"\n            [attr.aria-label]=\"action.label ?? action.title ?? action.key\"\n            (click)=\"onActionClick($event, action)\"\n          >\n            <span\n              class=\"geo-row-actions__panel-icon\"\n              nz-icon\n              [nzType]=\"action.icon\"\n              [nzTheme]=\"action.iconTheme ?? 'outline'\"\n            ></span>\n            <span class=\"geo-row-actions__panel-label\">\n              {{ action.label ?? action.title ?? action.key }}\n            </span>\n          </button>\n        }\n      </div>\n    </nz-dropdown-menu>\n  }\n</div>\n", styles: [":host{display:inline-block}.geo-row-actions{display:inline-flex;align-items:center;justify-content:center;gap:10px}.geo-row-actions__btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--geo-radius);background:transparent;color:var(--geo-color-neutral-500);cursor:pointer;transition:color .15s ease,background-color .15s ease}.geo-row-actions__btn:hover:not(:disabled){color:var(--geo-color-primary-default);background:color-mix(in srgb,var(--geo-color-primary-default) 10%,transparent)}.geo-row-actions__btn:disabled{cursor:not-allowed;opacity:.45}.geo-row-actions__btn--danger:hover:not(:disabled){color:var(--geo-color-error-default);background:#ee003314}.geo-row-actions__btn :deep(.anticon){font-size:16px}.geo-row-actions__panel{min-width:168px;padding:8px;background:var(--geo-color-neutral-white);border-radius:var(--geo-radius);box-shadow:0 6px 16px #00000014;display:flex;flex-direction:column;gap:4px}.geo-row-actions__panel-item{display:flex;align-items:center;gap:10px;width:100%;min-height:36px;padding:8px 12px;border:none;border-radius:var(--geo-radius);background:transparent;color:var(--geo-color-neutral-900);font-size:14px;line-height:20px;cursor:pointer;text-align:left;transition:color .15s ease,background-color .15s ease}.geo-row-actions__panel-item:hover{color:var(--geo-color-primary-default);background:color-mix(in srgb,var(--geo-color-primary-default) 10%,transparent)}.geo-row-actions__panel-item--danger:hover{color:var(--geo-color-error-default);background:#ee003314}.geo-row-actions__panel-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;color:inherit}.geo-row-actions__panel-icon :deep(.anticon){font-size:16px;line-height:1}.geo-row-actions__panel-label{flex:1;line-height:20px}\n"] }]
+        }], propDecorators: { actions: [{
+                type: Input
+            }], primaryActionKey: [{
+                type: Input
+            }], actionClick: [{
+                type: Output
+            }], edit: [{
+                type: Output
+            }], more: [{
+                type: Output
+            }] } });
+
+/** Breakpoint chuyển bảng → danh sách card (khớp layout mobile). */
+const UI_TABLE_MOBILE_BREAKPOINT = 767.98;
+const DEFAULT_UI_TABLE_PAGE_SIZE_OPTIONS = [10, 20, 50, 100];
+
+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$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.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
+            }] } });
+
+class GeoTableComponent {
+    columns = [];
+    data = [];
+    loading = false;
+    bordered = true;
+    outerBordered = false;
+    size = 'middle';
+    striped = true;
+    clickable = true;
+    tableLayout = 'auto';
+    showPagination = true;
+    frontPagination = true;
+    pageIndex = 1;
+    pageSize = 10;
+    total;
+    pageSizeOptions = DEFAULT_UI_TABLE_PAGE_SIZE_OPTIONS;
+    showSizeChanger = false;
+    showQuickJumper = false;
+    hideOnSinglePage = false;
+    simplePagination = false;
+    paginationPosition = 'bottom';
+    scroll = {};
+    scrollY;
+    /**
+     * Tự bật scroll ngang theo tổng width cột.
+     * Khi có cột `fixed`, scroll.x luôn được tính (bắt buộc với nz-table fixed).
+     */
+    autoScroll = false;
+    tableTitle;
+    footer;
+    emptyText = 'Không có dữ liệu';
+    showTotalRange = false;
+    selectable = false;
+    rowKey = 'id';
+    selectedKeys = [];
+    /**
+     * Mobile card: key cột làm tiêu đề.
+     * Ưu tiên hơn `column.mobileTitle`; nếu không set thì lấy cột dữ liệu đầu tiên.
+     */
+    mobileTitleKey;
+    /** Bật/tắt chuyển card trên mobile (mặc định bật). */
+    mobileCardView = true;
+    rowClick = new EventEmitter();
+    rowEdit = new EventEmitter();
+    rowMore = new EventEmitter();
+    rowAction = new EventEmitter();
+    pageIndexChange = new EventEmitter();
+    pageSizeChange = new EventEmitter();
+    queryParams = new EventEmitter();
+    currentPageDataChange = new EventEmitter();
+    selectedKeysChange = new EventEmitter();
+    selectionChange = new EventEmitter();
+    allChecked = false;
+    indeterminate = false;
+    sortFnCache = new Map();
+    ngOnChanges(changes) {
+        if (changes['columns']) {
+            this.sortFnCache.clear();
+        }
+    }
+    get visibleColumns() {
+        return this.columns.filter((col) => col.visible !== false);
+    }
+    get computedTotal() {
+        return this.total ?? this.data.length;
+    }
+    get paginatedData() {
+        if (!this.showPagination || !this.frontPagination) {
+            return this.data;
+        }
+        const start = (this.pageIndex - 1) * this.pageSize;
+        return this.data.slice(start, start + this.pageSize);
+    }
+    get shouldShowPagination() {
+        return this.showPagination;
+    }
+    get hasFixedColumns() {
+        return this.visibleColumns.some((col) => col.fixed === 'left' || col.fixed === 'right');
+    }
+    /** Có cột fixed → table-layout fixed để header/body cùng width cột. */
+    get computedTableLayout() {
+        return this.hasFixedColumns ? 'fixed' : this.tableLayout;
+    }
+    /** Đồng bộ width cột khi scrollY tách header/body thành 2 bảng. */
+    get widthConfig() {
+        const widths = this.visibleColumns.map((col) => col.width ?? null);
+        return this.selectable ? ['48px', ...widths] : widths;
+    }
+    get computedScroll() {
+        const scroll = { ...this.scroll };
+        if (this.scrollY) {
+            scroll.y = this.scrollY;
+        }
+        // nz-table cần scroll.x để fixed left/right hoạt động.
+        if (!scroll.x && (this.autoScroll || this.hasFixedColumns)) {
+            const minWidth = this.computeMinTableWidth();
+            if (minWidth > 0) {
+                scroll.x = `${minWidth}px`;
+            }
+        }
+        return scroll;
+    }
+    get mobileTitleColumn() {
+        if (this.mobileTitleKey) {
+            return this.visibleColumns.find((col) => col.key === this.mobileTitleKey) ?? null;
+        }
+        const marked = this.visibleColumns.find((col) => col.mobileTitle);
+        if (marked)
+            return marked;
+        return (this.visibleColumns.find((col) => col.renderAs !== 'index' &&
+            col.renderAs !== 'actions' &&
+            !col.mobileHidden) ?? null);
+    }
+    get mobileBodyColumns() {
+        const titleKey = this.mobileTitleColumn?.key;
+        return this.visibleColumns.filter((col) => col.renderAs !== 'actions' &&
+            col.renderAs !== 'index' &&
+            !col.mobileHidden &&
+            col.key !== titleKey);
+    }
+    get mobileActionsColumn() {
+        return this.visibleColumns.find((col) => col.renderAs === 'actions') ?? null;
+    }
+    getRowActions(col, row) {
+        if (col.resolveActions) {
+            return col.resolveActions(row) ?? [];
+        }
+        return col.actions ?? [];
+    }
+    getMobileHeaderActions(col, row) {
+        return pickInlineRowActions(this.getRowActions(col, row), col.primaryActionKey ?? 'edit');
+    }
+    getMobileFooterActions(col, row) {
+        return pickOverflowRowActions(this.getRowActions(col, row), col.primaryActionKey ?? 'edit');
+    }
+    hasFilters(col) {
+        return (col.filters?.length ?? 0) > 0;
+    }
+    getSortFn(col) {
+        if (col.sortFn) {
+            return col.sortFn;
+        }
+        const cached = this.sortFnCache.get(col.key);
+        if (cached) {
+            return cached;
+        }
+        const fn = (a, b) => {
+            const av = a[col.key];
+            const bv = b[col.key];
+            if (av == null || bv == null)
+                return 0;
+            return String(av).localeCompare(String(bv), 'vi');
+        };
+        this.sortFnCache.set(col.key, fn);
+        return fn;
+    }
+    getCellValue(row, key) {
+        const value = row[key];
+        return value == null ? '' : String(value);
+    }
+    /** Tiêu đề cột luôn căn giữa theo quy tắc accessibility */
+    getHeaderAlign(_col) {
+        return 'center';
+    }
+    /**
+     * Căn lề ô dữ liệu:
+     * - text → trái, number → phải, date → giữa
+     * - index / status / actions → giữa
+     */
+    getCellAlign(col) {
+        if (col.align) {
+            return col.align;
+        }
+        if (col.renderAs === 'index' || col.renderAs === 'status' || col.renderAs === 'actions') {
+            return 'center';
+        }
+        if (col.dataType === 'number') {
+            return 'right';
+        }
+        if (col.dataType === 'date') {
+            return 'center';
+        }
+        return 'left';
+    }
+    getRowIndex(rowIndex) {
+        return (this.pageIndex - 1) * this.pageSize + rowIndex + 1;
+    }
+    trackRow(index, row) {
+        const key = row[this.rowKey];
+        return key != null ? String(key) : String(index);
+    }
+    isRowSelected(row) {
+        const key = String(row[this.rowKey] ?? '');
+        return this.selectedKeys.includes(key);
+    }
+    onAllChecked(checked) {
+        const rows = this.selectionRows;
+        const keys = rows.map((row) => String(row[this.rowKey] ?? ''));
+        if (checked) {
+            this.selectedKeys = [...new Set([...this.selectedKeys, ...keys])];
+        }
+        else {
+            this.selectedKeys = this.selectedKeys.filter((key) => !keys.includes(key));
+        }
+        this.refreshSelectionState();
+        this.emitSelection();
+    }
+    onItemChecked(row, checked) {
+        const key = String(row[this.rowKey] ?? '');
+        this.selectedKeys = checked
+            ? [...this.selectedKeys, key]
+            : this.selectedKeys.filter((k) => k !== key);
+        this.refreshSelectionState();
+        this.emitSelection();
+    }
+    onPageIndexChange(index) {
+        this.pageIndex = index;
+        this.refreshSelectionState();
+        this.pageIndexChange.emit(index);
+    }
+    onPageSizeChange(size) {
+        this.pageSize = size;
+        this.pageIndex = 1;
+        this.refreshSelectionState();
+        this.pageSizeChange.emit(size);
+    }
+    onRowActionClick(row, actionKey) {
+        this.rowAction.emit({ row, action: actionKey });
+        if (actionKey === 'edit') {
+            this.rowEdit.emit(row);
+        }
+        if (actionKey === 'more') {
+            this.rowMore.emit(row);
+        }
+    }
+    onMobileCardClick(row, event) {
+        if (!this.clickable)
+            return;
+        const target = event.target;
+        if (target?.closest('button, a, .geo-row-actions, .geo-checkbox, .geo-table-card__footer')) {
+            return;
+        }
+        this.rowClick.emit(row);
+    }
+    computeMinTableWidth() {
+        let total = this.selectable ? 48 : 0;
+        for (const col of this.visibleColumns) {
+            const width = col.width;
+            if (width?.endsWith('px')) {
+                total += Number.parseInt(width, 10);
+            }
+            else {
+                total += 160;
+            }
+        }
+        return total;
+    }
+    refreshSelectionState() {
+        const rows = this.selectionRows;
+        const selectedOnPage = rows.filter((row) => this.selectedKeys.includes(String(row[this.rowKey] ?? ''))).length;
+        this.allChecked = selectedOnPage > 0 && selectedOnPage === rows.length;
+        this.indeterminate = selectedOnPage > 0 && selectedOnPage < rows.length;
+        this.selectedKeysChange.emit([...this.selectedKeys]);
+    }
+    get selectionRows() {
+        return this.showPagination && this.frontPagination ? this.paginatedData : this.data;
+    }
+    emitSelection() {
+        const selected = this.data.filter((row) => this.selectedKeys.includes(String(row[this.rowKey] ?? '')));
+        this.selectionChange.emit(selected);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoTableComponent, isStandalone: true, selector: "geo-table", inputs: { columns: "columns", data: "data", loading: "loading", bordered: "bordered", outerBordered: "outerBordered", size: "size", striped: "striped", clickable: "clickable", tableLayout: "tableLayout", showPagination: "showPagination", frontPagination: "frontPagination", pageIndex: "pageIndex", pageSize: "pageSize", total: "total", pageSizeOptions: "pageSizeOptions", showSizeChanger: "showSizeChanger", showQuickJumper: "showQuickJumper", hideOnSinglePage: "hideOnSinglePage", simplePagination: "simplePagination", paginationPosition: "paginationPosition", scroll: "scroll", scrollY: "scrollY", autoScroll: "autoScroll", tableTitle: "tableTitle", footer: "footer", emptyText: "emptyText", showTotalRange: "showTotalRange", selectable: "selectable", rowKey: "rowKey", selectedKeys: "selectedKeys", mobileTitleKey: "mobileTitleKey", mobileCardView: "mobileCardView" }, outputs: { rowClick: "rowClick", rowEdit: "rowEdit", rowMore: "rowMore", rowAction: "rowAction", pageIndexChange: "pageIndexChange", pageSizeChange: "pageSizeChange", queryParams: "queryParams", currentPageDataChange: "currentPageDataChange", selectedKeysChange: "selectedKeysChange", selectionChange: "selectionChange" }, usesOnChanges: true, ngImport: i0, template: "<div\n  class=\"geo-table\"\n  [class.geo-table--striped]=\"striped\"\n  [class.geo-table--mobile-cards]=\"mobileCardView\"\n>\n  @if (shouldShowPagination && (paginationPosition === 'top' || paginationPosition === 'both')) {\n    <geo-table-pagination\n      [pageIndex]=\"pageIndex\"\n      [pageSize]=\"pageSize\"\n      [total]=\"computedTotal\"\n      [pageSizeOptions]=\"pageSizeOptions\"\n      [showSizeChanger]=\"showSizeChanger\"\n      [hideOnSinglePage]=\"hideOnSinglePage\"\n      [showTotalRange]=\"showTotalRange\"\n      (pageIndexChange)=\"onPageIndexChange($event)\"\n      (pageSizeChange)=\"onPageSizeChange($event)\"\n    ></geo-table-pagination>\n  }\n\n  <div class=\"geo-table__desktop\">\n    <nz-table\n      #uiTable\n      [nzData]=\"paginatedData\"\n      [nzLoading]=\"loading\"\n      [nzBordered]=\"bordered\"\n      [nzOuterBordered]=\"outerBordered\"\n      [nzSize]=\"size\"\n      [nzTitle]=\"tableTitle ?? null\"\n      [nzFooter]=\"footer ?? null\"\n      [nzShowPagination]=\"false\"\n      [nzFrontPagination]=\"false\"\n      [nzScroll]=\"computedScroll\"\n      [nzNoResult]=\"emptyText\"\n      [nzTableLayout]=\"computedTableLayout\"\n      [nzWidthConfig]=\"widthConfig\"\n      (nzQueryParams)=\"queryParams.emit($event)\"\n      (nzCurrentPageDataChange)=\"currentPageDataChange.emit($event)\"\n    >\n      <thead>\n        <tr>\n          @if (selectable) {\n            <th\n              class=\"geo-table__checkbox-cell\"\n              nzWidth=\"48px\"\n              [nzLeft]=\"hasFixedColumns\"\n            >\n              <geo-checkbox\n                [checked]=\"allChecked\"\n                [indeterminate]=\"indeterminate\"\n                (checkedChange)=\"onAllChecked($event)\"\n              ></geo-checkbox>\n            </th>\n          }\n          @for (col of visibleColumns; track col.key) {\n            <th\n              [nzWidth]=\"col.width ?? null\"\n              [nzAlign]=\"getHeaderAlign(col)\"\n              [nzColumnKey]=\"col.key\"\n              [nzShowSort]=\"col.sortable ?? false\"\n              [nzSortOrder]=\"col.sortOrder ?? null\"\n              [nzSortFn]=\"col.sortable ? getSortFn(col) : null\"\n              [nzShowFilter]=\"hasFilters(col)\"\n              [nzFilters]=\"col.filters ?? []\"\n              [nzFilterMultiple]=\"col.filterMultiple ?? true\"\n              [nzLeft]=\"col.fixed === 'left'\"\n              [nzRight]=\"col.fixed === 'right'\"\n            >{{ col.title }}</th>\n          }\n        </tr>\n      </thead>\n      <tbody>\n        @for (row of uiTable.data; track trackRow($index, row); let rowIndex = $index) {\n          <tr\n            class=\"geo-table__row\"\n            [class.geo-table__row--selected]=\"isRowSelected(row)\"\n            [class.geo-table__row--clickable]=\"clickable\"\n            (click)=\"clickable && rowClick.emit(row)\"\n          >\n            @if (selectable) {\n              <td\n                class=\"geo-table__checkbox-cell\"\n                [nzLeft]=\"hasFixedColumns\"\n                (click)=\"$event.stopPropagation()\"\n              >\n                <geo-checkbox\n                  [checked]=\"isRowSelected(row)\"\n                  (checkedChange)=\"onItemChecked(row, $event)\"\n                ></geo-checkbox>\n              </td>\n            }\n            @for (col of visibleColumns; track col.key) {\n              <td\n                [nzAlign]=\"getCellAlign(col)\"\n                [nzEllipsis]=\"col.wrap ? false : (col.ellipsis ?? false)\"\n                [class.geo-table__cell--wrap]=\"col.wrap\"\n                [nzLeft]=\"col.fixed === 'left'\"\n                [nzRight]=\"col.fixed === 'right'\"\n                [style.width]=\"col.width || null\"\n                [style.minWidth]=\"col.width || null\"\n                [style.maxWidth]=\"col.fixed ? (col.width || null) : null\"\n              >\n                @if (col.renderAs === 'index') {\n                  {{ getRowIndex(rowIndex) }}\n                } @else if (col.renderAs === 'status') {\n                  <geo-status-tag\n                    [status]=\"getCellValue(row, col.key)\"\n                    [label]=\"col.statusLabelKey ? getCellValue(row, col.statusLabelKey) || undefined : undefined\"\n                  ></geo-status-tag>\n                } @else if (col.renderAs === 'actions') {\n                  <geo-row-actions\n                    [actions]=\"getRowActions(col, row)\"\n                    [primaryActionKey]=\"col.primaryActionKey ?? 'edit'\"\n                    (actionClick)=\"onRowActionClick(row, $event)\"\n                  ></geo-row-actions>\n                } @else {\n                  {{ getCellValue(row, col.key) }}\n                }\n              </td>\n            }\n          </tr>\n        }\n      </tbody>\n    </nz-table>\n  </div>\n\n  @if (mobileCardView) {\n    <div\n      class=\"geo-table__mobile\"\n      [class.geo-table__mobile--loading]=\"loading\"\n      [attr.aria-busy]=\"loading ? 'true' : null\"\n    >\n      @if (selectable && paginatedData.length) {\n        <div class=\"geo-table-card__select-all\">\n          <geo-checkbox\n            [checked]=\"allChecked\"\n            [indeterminate]=\"indeterminate\"\n            (checkedChange)=\"onAllChecked($event)\"\n          ></geo-checkbox>\n          <span>Ch\u1ECDn t\u1EA5t c\u1EA3 tr\u00EAn trang</span>\n        </div>\n      }\n\n      @if (!paginatedData.length && !loading) {\n        <div class=\"geo-table__mobile-empty\">{{ emptyText }}</div>\n      }\n\n      @for (row of paginatedData; track trackRow($index, row); let rowIndex = $index) {\n        <article\n          class=\"geo-table-card\"\n          [class.geo-table-card--selected]=\"isRowSelected(row)\"\n          [class.geo-table-card--clickable]=\"clickable\"\n          (click)=\"onMobileCardClick(row, $event)\"\n        >\n          <header class=\"geo-table-card__header\">\n            <div class=\"geo-table-card__title-wrap\">\n              @if (selectable) {\n                <geo-checkbox\n                  class=\"geo-table-card__checkbox\"\n                  [checked]=\"isRowSelected(row)\"\n                  (checkedChange)=\"onItemChecked(row, $event)\"\n                  (click)=\"$event.stopPropagation()\"\n                ></geo-checkbox>\n              }\n              @if (mobileTitleColumn; as titleCol) {\n                <h3 class=\"geo-table-card__title\">\n                  <span class=\"geo-table-card__title-label\">{{ titleCol.title }}</span>\n                  <span class=\"geo-table-card__title-sep\">:</span>\n                  <span class=\"geo-table-card__title-value\">\n                    @if (titleCol.renderAs === 'index') {\n                      {{ getRowIndex(rowIndex) }}\n                    } @else {\n                      {{ getCellValue(row, titleCol.key) }}\n                    }\n                  </span>\n                </h3>\n              }\n            </div>\n\n            @if (mobileActionsColumn; as actionsCol) {\n              <div class=\"geo-table-card__actions\" (click)=\"$event.stopPropagation()\">\n                <geo-row-actions\n                  [actions]=\"getMobileHeaderActions(actionsCol, row)\"\n                  [primaryActionKey]=\"actionsCol.primaryActionKey ?? 'edit'\"\n                  (actionClick)=\"onRowActionClick(row, $event)\"\n                ></geo-row-actions>\n              </div>\n            }\n          </header>\n\n          @if (mobileBodyColumns.length) {\n            <div class=\"geo-table-card__body\">\n              @for (col of mobileBodyColumns; track col.key) {\n                <div class=\"geo-table-card__row\">\n                  <span class=\"geo-table-card__label\">{{ col.title }}</span>\n                  <span class=\"geo-table-card__sep\">:</span>\n                  <span class=\"geo-table-card__value\">\n                    @if (col.renderAs === 'index') {\n                      {{ getRowIndex(rowIndex) }}\n                    } @else if (col.renderAs === 'status') {\n                      <geo-status-tag\n                        [status]=\"getCellValue(row, col.key)\"\n                        [label]=\"col.statusLabelKey ? getCellValue(row, col.statusLabelKey) || undefined : undefined\"\n                      ></geo-status-tag>\n                    } @else {\n                      {{ getCellValue(row, col.key) }}\n                    }\n                  </span>\n                </div>\n              }\n            </div>\n          }\n\n          @if (mobileActionsColumn; as actionsCol) {\n            @if (getMobileFooterActions(actionsCol, row); as footerActions) {\n              @if (footerActions.length) {\n                <footer class=\"geo-table-card__footer\" (click)=\"$event.stopPropagation()\">\n                  @for (action of footerActions; track action.key) {\n                    <button\n                      type=\"button\"\n                      class=\"geo-table-card__footer-btn\"\n                      [class.geo-table-card__footer-btn--danger]=\"action.danger\"\n                      [disabled]=\"action.disabled\"\n                      (click)=\"onRowActionClick(row, action.key)\"\n                    >\n                      {{ action.label ?? action.title ?? action.key }}\n                    </button>\n                  }\n                </footer>\n              }\n            }\n          }\n        </article>\n      }\n    </div>\n  }\n\n  @if (shouldShowPagination && (paginationPosition === 'bottom' || paginationPosition === 'both')) {\n    <geo-table-pagination\n      [pageIndex]=\"pageIndex\"\n      [pageSize]=\"pageSize\"\n      [total]=\"computedTotal\"\n      [pageSizeOptions]=\"pageSizeOptions\"\n      [showSizeChanger]=\"showSizeChanger\"\n      [hideOnSinglePage]=\"hideOnSinglePage\"\n      [showTotalRange]=\"showTotalRange\"\n      (pageIndexChange)=\"onPageIndexChange($event)\"\n      (pageSizeChange)=\"onPageSizeChange($event)\"\n    ></geo-table-pagination>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block;max-width:100%;min-width:0}.geo-table{width:100%;max-width:100%;min-width:0;border-radius:var(--geo-radius);overflow:clip}.geo-table__row--clickable{cursor:pointer}.geo-table__row--selected>td{background:var(--geo-color-primary-background)}:host ::ng-deep .geo-table--striped .ant-table-tbody>tr.geo-table__row:nth-child(2n of.geo-table__row)>td{background:var(--geo-color-neutral-100)}:host ::ng-deep .geo-table--striped .ant-table-tbody>tr.geo-table__row:nth-child(2n of.geo-table__row)>td.ant-table-cell-fix-left,:host ::ng-deep .geo-table--striped .ant-table-tbody>tr.geo-table__row:nth-child(2n of.geo-table__row)>td.ant-table-cell-fix-right{background:var(--geo-color-neutral-100)}:host ::ng-deep .geo-table--striped .ant-table-tbody>tr.geo-table__row:nth-child(2n of.geo-table__row):hover>td,:host ::ng-deep .geo-table--striped .ant-table-tbody>tr.geo-table__row:nth-child(2n of.geo-table__row):hover>td.ant-table-cell-fix-left,:host ::ng-deep .geo-table--striped .ant-table-tbody>tr.geo-table__row:nth-child(2n of.geo-table__row):hover>td.ant-table-cell-fix-right{background:var(--geo-color-primary-background)}:host ::ng-deep .geo-table--striped .ant-table-tbody>tr.geo-table__row--selected>td,:host ::ng-deep .geo-table--striped .ant-table-tbody>tr.geo-table__row--selected>td.ant-table-cell-fix-left,:host ::ng-deep .geo-table--striped .ant-table-tbody>tr.geo-table__row--selected>td.ant-table-cell-fix-right{background:var(--geo-color-primary-background)}.geo-table__checkbox-cell{text-align:center;vertical-align:middle;padding-left:12px!important;padding-right:12px!important}.geo-table__cell--wrap{white-space:normal;word-break:break-word;overflow-wrap:anywhere}:host ::ng-deep .geo-table .ant-table{background:var(--geo-color-neutral-white);border-radius:var(--geo-radius)}:host ::ng-deep .geo-table .ant-table-container{border-radius:var(--geo-radius)}:host ::ng-deep .geo-table .ant-table-thead>tr>th{background:var(--geo-color-neutral-100)!important;color:var(--geo-color-neutral-900)!important;font-weight:600;font-size:14px;line-height:20px;height:44px;padding:12px 10px!important;white-space:nowrap;text-align:center;border-bottom:1px solid var(--geo-color-primary-border)!important;box-sizing:border-box}:host ::ng-deep .geo-table .ant-table-body>table>thead{display:none!important}:host ::ng-deep .geo-table .ant-table-tbody>tr.ant-table-measure-now,:host ::ng-deep .geo-table .ant-table-tbody>tr[nz-table-measure-row]{height:0!important;font-size:0!important;line-height:0!important}:host ::ng-deep .geo-table .ant-table-tbody>tr.ant-table-measure-now>td,:host ::ng-deep .geo-table .ant-table-tbody>tr[nz-table-measure-row]>td{padding:0!important;border:0!important;height:0!important;min-height:0!important;line-height:0!important;font-size:0!important}:host ::ng-deep .geo-table .ant-table-tbody>tr>td{color:var(--geo-color-neutral-900);font-size:14px;line-height:normal;min-height:48px;padding:12px 10px!important;vertical-align:middle;border-bottom:1px solid var(--geo-color-primary-border)!important;box-sizing:border-box}:host ::ng-deep .geo-table .ant-table-tbody>tr:hover>td{background:var(--geo-color-primary-background)}:host ::ng-deep .geo-table .ant-table-bordered .ant-table-container{border-color:var(--geo-color-primary-border)}:host ::ng-deep .geo-table .geo-table__row-actions{display:inline-flex;align-items:center;justify-content:center;gap:10px}:host ::ng-deep .geo-table .geo-table__action-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--geo-radius);background:transparent;color:var(--geo-color-neutral-500);cursor:pointer;transition:color .15s ease,background-color .15s ease}:host ::ng-deep .geo-table .geo-table__action-icon:hover{color:var(--geo-color-primary-default);background:color-mix(in srgb,var(--geo-color-primary-default) 10%,transparent)}:host ::ng-deep .geo-table .ant-table-wrapper,:host ::ng-deep .geo-table .ant-spin-nested-loading,:host ::ng-deep .geo-table .ant-spin-container{width:100%;max-width:100%}:host ::ng-deep .geo-table .ant-table{width:100%}:host ::ng-deep .geo-table .ant-table-container{border-radius:var(--geo-radius);overflow:clip}:host ::ng-deep .geo-table .ant-table-body{overflow-x:auto!important;-webkit-overflow-scrolling:touch}:host ::ng-deep .geo-table .ant-table-content{overflow-x:auto;-webkit-overflow-scrolling:touch}:host ::ng-deep .geo-table .ant-table-header.nz-table-hide-scrollbar{overflow-x:hidden!important;overflow-y:scroll!important;scrollbar-gutter:stable}:host ::ng-deep .geo-table .ant-table-body{scrollbar-gutter:stable}:host ::ng-deep .geo-table .ant-table-cell-fix-left,:host ::ng-deep .geo-table .ant-table-cell-fix-right{background:var(--geo-color-neutral-white)}:host ::ng-deep .geo-table .ant-table-thead>tr>th.ant-table-cell-fix-left,:host ::ng-deep .geo-table .ant-table-thead>tr>th.ant-table-cell-fix-right{background:var(--geo-color-neutral-100)!important}:host ::ng-deep .geo-table .ant-table-tbody>tr:hover>td.ant-table-cell-fix-left,:host ::ng-deep .geo-table .ant-table-tbody>tr:hover>td.ant-table-cell-fix-right{background:var(--geo-color-primary-background)}:host ::ng-deep .geo-table .ant-table-thead>tr>th.ant-table-cell-fix-left,:host ::ng-deep .geo-table .ant-table-thead>tr>th.ant-table-cell-fix-right,:host ::ng-deep .geo-table .ant-table-tbody>tr>td.ant-table-cell-fix-left,:host ::ng-deep .geo-table .ant-table-tbody>tr>td.ant-table-cell-fix-right{box-sizing:border-box}:host ::ng-deep .geo-table .ant-table-ping-left:not(.ant-table-ping-right) .ant-table-cell-fix-left-last:after{box-shadow:inset 10px 0 8px -8px #0000001f}:host ::ng-deep .geo-table .ant-table-ping-right:not(.ant-table-ping-left) .ant-table-cell-fix-right-first:after{box-shadow:inset -10px 0 8px -8px #0000001f}.geo-table__mobile{display:none}@media (max-width: 767.98px){.geo-table--mobile-cards{overflow:visible}.geo-table--mobile-cards .geo-table__desktop{display:none}.geo-table--mobile-cards .geo-table__mobile{display:flex;flex-direction:column;gap:12px;padding:0}}.geo-table__mobile--loading{opacity:.55;pointer-events:none}.geo-table__mobile-empty{padding:32px 16px;text-align:center;color:var(--geo-color-neutral-500);font-size:14px;background:var(--geo-color-neutral-white);border:1px solid var(--geo-color-primary-border);border-radius:var(--geo-radius)}.geo-table-card__select-all{display:flex;align-items:center;gap:8px;padding:8px 4px;font-size:14px;color:var(--geo-color-neutral-700)}.geo-table-card{background:var(--geo-color-neutral-white);border:1px solid var(--geo-color-primary-border);border-radius:var(--geo-radius);box-shadow:0 1px 2px #0000000a;overflow:hidden}.geo-table-card--clickable{cursor:pointer}.geo-table-card--selected{border-color:var(--geo-color-primary-light);box-shadow:0 0 0 1px color-mix(in srgb,var(--geo-color-primary-default) 25%,transparent)}.geo-table-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 14px 10px}.geo-table-card__title-wrap{display:flex;align-items:flex-start;gap:8px;min-width:0;flex:1}.geo-table-card__checkbox{flex-shrink:0;margin-top:2px}.geo-table-card__title{margin:0;min-width:0;font-size:15px;font-weight:700;line-height:1.4;color:var(--geo-color-neutral-900);word-break:break-word}.geo-table-card__title-label,.geo-table-card__title-sep,.geo-table-card__title-value{font-weight:700;color:var(--geo-color-neutral-900)}.geo-table-card__title-sep{margin-inline:4px}.geo-table-card__actions{flex-shrink:0}:host ::ng-deep .geo-table-card__actions .geo-row-actions{gap:8px}:host ::ng-deep .geo-table-card__actions .geo-row-actions__btn{width:32px;height:32px;border-radius:var(--geo-radius);background:#1890ff1a;color:var(--geo-color-info-default)}:host ::ng-deep .geo-table-card__actions .geo-row-actions__btn:hover:not(:disabled){background:#1890ff2e;color:var(--geo-color-info-dark)}:host ::ng-deep .geo-table-card__actions .geo-row-actions__btn--danger{background:#ee003314;color:var(--geo-color-error-default)}:host ::ng-deep .geo-table-card__actions .geo-row-actions__btn--danger:hover:not(:disabled){background:#ee003324;color:var(--geo-color-error-dark)}:host ::ng-deep .geo-table-card__actions .geo-row-actions__btn :deep(.anticon),:host ::ng-deep .geo-table-card__actions .geo-row-actions__btn .anticon{font-size:16px}.geo-table-card__body{display:flex;flex-direction:column;gap:10px;padding:4px 14px 14px}.geo-table-card__row{display:flex;align-items:flex-start;flex-wrap:wrap;column-gap:4px;row-gap:2px;font-size:14px;line-height:1.45}.geo-table-card__label,.geo-table-card__sep{color:var(--geo-color-neutral-700);font-weight:400;flex-shrink:0}.geo-table-card__value{color:var(--geo-color-neutral-900);font-weight:700;min-width:0;word-break:break-word}.geo-table-card__footer{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 14px;background:var(--geo-color-info-light);border-top:1px solid var(--geo-color-info-light)}.geo-table-card__footer-btn{appearance:none;border:0;background:transparent;padding:0 8px;min-height:24px;font-size:14px;font-weight:600;line-height:1.4;color:var(--geo-color-info-default);cursor:pointer}.geo-table-card__footer-btn:hover:not(:disabled){color:var(--geo-color-info-dark);text-decoration:underline}.geo-table-card__footer-btn:disabled{opacity:.45;cursor:not-allowed}.geo-table-card__footer-btn--danger{color:var(--geo-color-error-default)}.geo-table-card__footer-btn--danger:hover:not(:disabled){color:var(--geo-color-error-dark)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: NgZorroAntdModule }, { kind: "component", type: i1$7.NzTableComponent, selector: "nz-table", inputs: ["nzTableLayout", "nzShowTotal", "nzItemRender", "nzTitle", "nzFooter", "nzNoResult", "nzPageSizeOptions", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualForTrackBy", "nzLoadingDelay", "nzPageIndex", "nzPageSize", "nzTotal", "nzWidthConfig", "nzData", "nzCustomColumn", "nzPaginationPosition", "nzScroll", "noDataVirtualHeight", "nzPaginationType", "nzFrontPagination", "nzTemplateMode", "nzShowPagination", "nzLoading", "nzOuterBordered", "nzLoadingIndicator", "nzBordered", "nzSize", "nzShowSizeChanger", "nzHideOnSinglePage", "nzShowQuickJumper", "nzSimple"], outputs: ["nzPageSizeChange", "nzPageIndexChange", "nzQueryParams", "nzCurrentPageDataChange", "nzCustomColumnChange"], exportAs: ["nzTable"] }, { kind: "component", type: i1$7.NzThAddOnComponent, selector: "th[nzColumnKey], th[nzSortFn], th[nzSortOrder], th[nzFilters], th[nzShowSort], th[nzShowFilter], th[nzCustomFilter]", inputs: ["nzColumnKey", "nzFilterMultiple", "nzSortOrder", "nzSortPriority", "nzSortDirections", "nzFilters", "nzSortFn", "nzFilterFn", "nzShowSort", "nzShowFilter", "nzCustomFilter"], outputs: ["nzCheckedChange", "nzSortOrderChange", "nzFilterChange"] }, { kind: "directive", type: i1$7.NzTableCellDirective, selector: "th:not(.nz-disable-th):not([mat-cell]), td:not(.nz-disable-td):not([mat-cell])" }, { kind: "directive", type: i1$7.NzThMeasureDirective, selector: "th", inputs: ["nzWidth", "colspan", "colSpan", "rowspan", "rowSpan"] }, { kind: "component", type: i1$7.NzTheadComponent, selector: "thead:not(.ant-table-thead)", outputs: ["nzSortOrderChange"] }, { kind: "component", type: i1$7.NzTbodyComponent, selector: "tbody" }, { kind: "directive", type: i1$7.NzTrDirective, selector: "tr:not([mat-row]):not([mat-header-row]):not([nz-table-measure-row]):not([nzExpand]):not([nz-table-fixed-row])" }, { kind: "directive", type: i1$7.NzCellFixedDirective, selector: "td[nzRight],th[nzRight],td[nzLeft],th[nzLeft]", inputs: ["nzRight", "nzLeft", "colspan", "colSpan"] }, { kind: "directive", type: i1$7.NzCellAlignDirective, selector: "th[nzAlign],td[nzAlign]", inputs: ["nzAlign"] }, { kind: "directive", type: i1$7.NzCellEllipsisDirective, selector: "th[nzEllipsis],td[nzEllipsis]", inputs: ["nzEllipsis"] }, { kind: "component", type: GeoStatusTagComponent, selector: "geo-status-tag", inputs: ["status", "label", "showDot"] }, { kind: "component", type: GeoRowActionsComponent, selector: "geo-row-actions", inputs: ["actions", "primaryActionKey"], outputs: ["actionClick", "edit", "more"] }, { kind: "component", type: GeoCheckboxComponent, selector: "geo-checkbox", inputs: ["label", "checked", "disabled", "indeterminate"], outputs: ["checkedChange"] }, { kind: "component", type: GeoTablePaginationComponent, selector: "geo-table-pagination", inputs: ["pageIndex", "pageSize", "total", "pageSizeOptions", "showSizeChanger", "hideOnSinglePage", "showTotalRange", "sizeLabel"], outputs: ["pageIndexChange", "pageSizeChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'geo-table', standalone: true, imports: [
+                        CommonModule,
+                        NgZorroAntdModule,
+                        GeoStatusTagComponent,
+                        GeoRowActionsComponent,
+                        GeoCheckboxComponent,
+                        GeoTablePaginationComponent,
+                    ], template: "<div\n  class=\"geo-table\"\n  [class.geo-table--striped]=\"striped\"\n  [class.geo-table--mobile-cards]=\"mobileCardView\"\n>\n  @if (shouldShowPagination && (paginationPosition === 'top' || paginationPosition === 'both')) {\n    <geo-table-pagination\n      [pageIndex]=\"pageIndex\"\n      [pageSize]=\"pageSize\"\n      [total]=\"computedTotal\"\n      [pageSizeOptions]=\"pageSizeOptions\"\n      [showSizeChanger]=\"showSizeChanger\"\n      [hideOnSinglePage]=\"hideOnSinglePage\"\n      [showTotalRange]=\"showTotalRange\"\n      (pageIndexChange)=\"onPageIndexChange($event)\"\n      (pageSizeChange)=\"onPageSizeChange($event)\"\n    ></geo-table-pagination>\n  }\n\n  <div class=\"geo-table__desktop\">\n    <nz-table\n      #uiTable\n      [nzData]=\"paginatedData\"\n      [nzLoading]=\"loading\"\n      [nzBordered]=\"bordered\"\n      [nzOuterBordered]=\"outerBordered\"\n      [nzSize]=\"size\"\n      [nzTitle]=\"tableTitle ?? null\"\n      [nzFooter]=\"footer ?? null\"\n      [nzShowPagination]=\"false\"\n      [nzFrontPagination]=\"false\"\n      [nzScroll]=\"computedScroll\"\n      [nzNoResult]=\"emptyText\"\n      [nzTableLayout]=\"computedTableLayout\"\n      [nzWidthConfig]=\"widthConfig\"\n      (nzQueryParams)=\"queryParams.emit($event)\"\n      (nzCurrentPageDataChange)=\"currentPageDataChange.emit($event)\"\n    >\n      <thead>\n        <tr>\n          @if (selectable) {\n            <th\n              class=\"geo-table__checkbox-cell\"\n              nzWidth=\"48px\"\n              [nzLeft]=\"hasFixedColumns\"\n            >\n              <geo-checkbox\n                [checked]=\"allChecked\"\n                [indeterminate]=\"indeterminate\"\n                (checkedChange)=\"onAllChecked($event)\"\n              ></geo-checkbox>\n            </th>\n          }\n          @for (col of visibleColumns; track col.key) {\n            <th\n              [nzWidth]=\"col.width ?? null\"\n              [nzAlign]=\"getHeaderAlign(col)\"\n              [nzColumnKey]=\"col.key\"\n              [nzShowSort]=\"col.sortable ?? false\"\n              [nzSortOrder]=\"col.sortOrder ?? null\"\n              [nzSortFn]=\"col.sortable ? getSortFn(col) : null\"\n              [nzShowFilter]=\"hasFilters(col)\"\n              [nzFilters]=\"col.filters ?? []\"\n              [nzFilterMultiple]=\"col.filterMultiple ?? true\"\n              [nzLeft]=\"col.fixed === 'left'\"\n              [nzRight]=\"col.fixed === 'right'\"\n            >{{ col.title }}</th>\n          }\n        </tr>\n      </thead>\n      <tbody>\n        @for (row of uiTable.data; track trackRow($index, row); let rowIndex = $index) {\n          <tr\n            class=\"geo-table__row\"\n            [class.geo-table__row--selected]=\"isRowSelected(row)\"\n            [class.geo-table__row--clickable]=\"clickable\"\n            (click)=\"clickable && rowClick.emit(row)\"\n          >\n            @if (selectable) {\n              <td\n                class=\"geo-table__checkbox-cell\"\n                [nzLeft]=\"hasFixedColumns\"\n                (click)=\"$event.stopPropagation()\"\n              >\n                <geo-checkbox\n                  [checked]=\"isRowSelected(row)\"\n                  (checkedChange)=\"onItemChecked(row, $event)\"\n                ></geo-checkbox>\n              </td>\n            }\n            @for (col of visibleColumns; track col.key) {\n              <td\n                [nzAlign]=\"getCellAlign(col)\"\n                [nzEllipsis]=\"col.wrap ? false : (col.ellipsis ?? false)\"\n                [class.geo-table__cell--wrap]=\"col.wrap\"\n                [nzLeft]=\"col.fixed === 'left'\"\n                [nzRight]=\"col.fixed === 'right'\"\n                [style.width]=\"col.width || null\"\n                [style.minWidth]=\"col.width || null\"\n                [style.maxWidth]=\"col.fixed ? (col.width || null) : null\"\n              >\n                @if (col.renderAs === 'index') {\n                  {{ getRowIndex(rowIndex) }}\n                } @else if (col.renderAs === 'status') {\n                  <geo-status-tag\n                    [status]=\"getCellValue(row, col.key)\"\n                    [label]=\"col.statusLabelKey ? getCellValue(row, col.statusLabelKey) || undefined : undefined\"\n                  ></geo-status-tag>\n                } @else if (col.renderAs === 'actions') {\n                  <geo-row-actions\n                    [actions]=\"getRowActions(col, row)\"\n                    [primaryActionKey]=\"col.primaryActionKey ?? 'edit'\"\n                    (actionClick)=\"onRowActionClick(row, $event)\"\n                  ></geo-row-actions>\n                } @else {\n                  {{ getCellValue(row, col.key) }}\n                }\n              </td>\n            }\n          </tr>\n        }\n      </tbody>\n    </nz-table>\n  </div>\n\n  @if (mobileCardView) {\n    <div\n      class=\"geo-table__mobile\"\n      [class.geo-table__mobile--loading]=\"loading\"\n      [attr.aria-busy]=\"loading ? 'true' : null\"\n    >\n      @if (selectable && paginatedData.length) {\n        <div class=\"geo-table-card__select-all\">\n          <geo-checkbox\n            [checked]=\"allChecked\"\n            [indeterminate]=\"indeterminate\"\n            (checkedChange)=\"onAllChecked($event)\"\n          ></geo-checkbox>\n          <span>Ch\u1ECDn t\u1EA5t c\u1EA3 tr\u00EAn trang</span>\n        </div>\n      }\n\n      @if (!paginatedData.length && !loading) {\n        <div class=\"geo-table__mobile-empty\">{{ emptyText }}</div>\n      }\n\n      @for (row of paginatedData; track trackRow($index, row); let rowIndex = $index) {\n        <article\n          class=\"geo-table-card\"\n          [class.geo-table-card--selected]=\"isRowSelected(row)\"\n          [class.geo-table-card--clickable]=\"clickable\"\n          (click)=\"onMobileCardClick(row, $event)\"\n        >\n          <header class=\"geo-table-card__header\">\n            <div class=\"geo-table-card__title-wrap\">\n              @if (selectable) {\n                <geo-checkbox\n                  class=\"geo-table-card__checkbox\"\n                  [checked]=\"isRowSelected(row)\"\n                  (checkedChange)=\"onItemChecked(row, $event)\"\n                  (click)=\"$event.stopPropagation()\"\n                ></geo-checkbox>\n              }\n              @if (mobileTitleColumn; as titleCol) {\n                <h3 class=\"geo-table-card__title\">\n                  <span class=\"geo-table-card__title-label\">{{ titleCol.title }}</span>\n                  <span class=\"geo-table-card__title-sep\">:</span>\n                  <span class=\"geo-table-card__title-value\">\n                    @if (titleCol.renderAs === 'index') {\n                      {{ getRowIndex(rowIndex) }}\n                    } @else {\n                      {{ getCellValue(row, titleCol.key) }}\n                    }\n                  </span>\n                </h3>\n              }\n            </div>\n\n            @if (mobileActionsColumn; as actionsCol) {\n              <div class=\"geo-table-card__actions\" (click)=\"$event.stopPropagation()\">\n                <geo-row-actions\n                  [actions]=\"getMobileHeaderActions(actionsCol, row)\"\n                  [primaryActionKey]=\"actionsCol.primaryActionKey ?? 'edit'\"\n                  (actionClick)=\"onRowActionClick(row, $event)\"\n                ></geo-row-actions>\n              </div>\n            }\n          </header>\n\n          @if (mobileBodyColumns.length) {\n            <div class=\"geo-table-card__body\">\n              @for (col of mobileBodyColumns; track col.key) {\n                <div class=\"geo-table-card__row\">\n                  <span class=\"geo-table-card__label\">{{ col.title }}</span>\n                  <span class=\"geo-table-card__sep\">:</span>\n                  <span class=\"geo-table-card__value\">\n                    @if (col.renderAs === 'index') {\n                      {{ getRowIndex(rowIndex) }}\n                    } @else if (col.renderAs === 'status') {\n                      <geo-status-tag\n                        [status]=\"getCellValue(row, col.key)\"\n                        [label]=\"col.statusLabelKey ? getCellValue(row, col.statusLabelKey) || undefined : undefined\"\n                      ></geo-status-tag>\n                    } @else {\n                      {{ getCellValue(row, col.key) }}\n                    }\n                  </span>\n                </div>\n              }\n            </div>\n          }\n\n          @if (mobileActionsColumn; as actionsCol) {\n            @if (getMobileFooterActions(actionsCol, row); as footerActions) {\n              @if (footerActions.length) {\n                <footer class=\"geo-table-card__footer\" (click)=\"$event.stopPropagation()\">\n                  @for (action of footerActions; track action.key) {\n                    <button\n                      type=\"button\"\n                      class=\"geo-table-card__footer-btn\"\n                      [class.geo-table-card__footer-btn--danger]=\"action.danger\"\n                      [disabled]=\"action.disabled\"\n                      (click)=\"onRowActionClick(row, action.key)\"\n                    >\n                      {{ action.label ?? action.title ?? action.key }}\n                    </button>\n                  }\n                </footer>\n              }\n            }\n          }\n        </article>\n      }\n    </div>\n  }\n\n  @if (shouldShowPagination && (paginationPosition === 'bottom' || paginationPosition === 'both')) {\n    <geo-table-pagination\n      [pageIndex]=\"pageIndex\"\n      [pageSize]=\"pageSize\"\n      [total]=\"computedTotal\"\n      [pageSizeOptions]=\"pageSizeOptions\"\n      [showSizeChanger]=\"showSizeChanger\"\n      [hideOnSinglePage]=\"hideOnSinglePage\"\n      [showTotalRange]=\"showTotalRange\"\n      (pageIndexChange)=\"onPageIndexChange($event)\"\n      (pageSizeChange)=\"onPageSizeChange($event)\"\n    ></geo-table-pagination>\n  }\n</div>\n", styles: ["@charset \"UTF-8\";:host{display:block;max-width:100%;min-width:0}.geo-table{width:100%;max-width:100%;min-width:0;border-radius:var(--geo-radius);overflow:clip}.geo-table__row--clickable{cursor:pointer}.geo-table__row--selected>td{background:var(--geo-color-primary-background)}:host ::ng-deep .geo-table--striped .ant-table-tbody>tr.geo-table__row:nth-child(2n of.geo-table__row)>td{background:var(--geo-color-neutral-100)}:host ::ng-deep .geo-table--striped .ant-table-tbody>tr.geo-table__row:nth-child(2n of.geo-table__row)>td.ant-table-cell-fix-left,:host ::ng-deep .geo-table--striped .ant-table-tbody>tr.geo-table__row:nth-child(2n of.geo-table__row)>td.ant-table-cell-fix-right{background:var(--geo-color-neutral-100)}:host ::ng-deep .geo-table--striped .ant-table-tbody>tr.geo-table__row:nth-child(2n of.geo-table__row):hover>td,:host ::ng-deep .geo-table--striped .ant-table-tbody>tr.geo-table__row:nth-child(2n of.geo-table__row):hover>td.ant-table-cell-fix-left,:host ::ng-deep .geo-table--striped .ant-table-tbody>tr.geo-table__row:nth-child(2n of.geo-table__row):hover>td.ant-table-cell-fix-right{background:var(--geo-color-primary-background)}:host ::ng-deep .geo-table--striped .ant-table-tbody>tr.geo-table__row--selected>td,:host ::ng-deep .geo-table--striped .ant-table-tbody>tr.geo-table__row--selected>td.ant-table-cell-fix-left,:host ::ng-deep .geo-table--striped .ant-table-tbody>tr.geo-table__row--selected>td.ant-table-cell-fix-right{background:var(--geo-color-primary-background)}.geo-table__checkbox-cell{text-align:center;vertical-align:middle;padding-left:12px!important;padding-right:12px!important}.geo-table__cell--wrap{white-space:normal;word-break:break-word;overflow-wrap:anywhere}:host ::ng-deep .geo-table .ant-table{background:var(--geo-color-neutral-white);border-radius:var(--geo-radius)}:host ::ng-deep .geo-table .ant-table-container{border-radius:var(--geo-radius)}:host ::ng-deep .geo-table .ant-table-thead>tr>th{background:var(--geo-color-neutral-100)!important;color:var(--geo-color-neutral-900)!important;font-weight:600;font-size:14px;line-height:20px;height:44px;padding:12px 10px!important;white-space:nowrap;text-align:center;border-bottom:1px solid var(--geo-color-primary-border)!important;box-sizing:border-box}:host ::ng-deep .geo-table .ant-table-body>table>thead{display:none!important}:host ::ng-deep .geo-table .ant-table-tbody>tr.ant-table-measure-now,:host ::ng-deep .geo-table .ant-table-tbody>tr[nz-table-measure-row]{height:0!important;font-size:0!important;line-height:0!important}:host ::ng-deep .geo-table .ant-table-tbody>tr.ant-table-measure-now>td,:host ::ng-deep .geo-table .ant-table-tbody>tr[nz-table-measure-row]>td{padding:0!important;border:0!important;height:0!important;min-height:0!important;line-height:0!important;font-size:0!important}:host ::ng-deep .geo-table .ant-table-tbody>tr>td{color:var(--geo-color-neutral-900);font-size:14px;line-height:normal;min-height:48px;padding:12px 10px!important;vertical-align:middle;border-bottom:1px solid var(--geo-color-primary-border)!important;box-sizing:border-box}:host ::ng-deep .geo-table .ant-table-tbody>tr:hover>td{background:var(--geo-color-primary-background)}:host ::ng-deep .geo-table .ant-table-bordered .ant-table-container{border-color:var(--geo-color-primary-border)}:host ::ng-deep .geo-table .geo-table__row-actions{display:inline-flex;align-items:center;justify-content:center;gap:10px}:host ::ng-deep .geo-table .geo-table__action-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--geo-radius);background:transparent;color:var(--geo-color-neutral-500);cursor:pointer;transition:color .15s ease,background-color .15s ease}:host ::ng-deep .geo-table .geo-table__action-icon:hover{color:var(--geo-color-primary-default);background:color-mix(in srgb,var(--geo-color-primary-default) 10%,transparent)}:host ::ng-deep .geo-table .ant-table-wrapper,:host ::ng-deep .geo-table .ant-spin-nested-loading,:host ::ng-deep .geo-table .ant-spin-container{width:100%;max-width:100%}:host ::ng-deep .geo-table .ant-table{width:100%}:host ::ng-deep .geo-table .ant-table-container{border-radius:var(--geo-radius);overflow:clip}:host ::ng-deep .geo-table .ant-table-body{overflow-x:auto!important;-webkit-overflow-scrolling:touch}:host ::ng-deep .geo-table .ant-table-content{overflow-x:auto;-webkit-overflow-scrolling:touch}:host ::ng-deep .geo-table .ant-table-header.nz-table-hide-scrollbar{overflow-x:hidden!important;overflow-y:scroll!important;scrollbar-gutter:stable}:host ::ng-deep .geo-table .ant-table-body{scrollbar-gutter:stable}:host ::ng-deep .geo-table .ant-table-cell-fix-left,:host ::ng-deep .geo-table .ant-table-cell-fix-right{background:var(--geo-color-neutral-white)}:host ::ng-deep .geo-table .ant-table-thead>tr>th.ant-table-cell-fix-left,:host ::ng-deep .geo-table .ant-table-thead>tr>th.ant-table-cell-fix-right{background:var(--geo-color-neutral-100)!important}:host ::ng-deep .geo-table .ant-table-tbody>tr:hover>td.ant-table-cell-fix-left,:host ::ng-deep .geo-table .ant-table-tbody>tr:hover>td.ant-table-cell-fix-right{background:var(--geo-color-primary-background)}:host ::ng-deep .geo-table .ant-table-thead>tr>th.ant-table-cell-fix-left,:host ::ng-deep .geo-table .ant-table-thead>tr>th.ant-table-cell-fix-right,:host ::ng-deep .geo-table .ant-table-tbody>tr>td.ant-table-cell-fix-left,:host ::ng-deep .geo-table .ant-table-tbody>tr>td.ant-table-cell-fix-right{box-sizing:border-box}:host ::ng-deep .geo-table .ant-table-ping-left:not(.ant-table-ping-right) .ant-table-cell-fix-left-last:after{box-shadow:inset 10px 0 8px -8px #0000001f}:host ::ng-deep .geo-table .ant-table-ping-right:not(.ant-table-ping-left) .ant-table-cell-fix-right-first:after{box-shadow:inset -10px 0 8px -8px #0000001f}.geo-table__mobile{display:none}@media (max-width: 767.98px){.geo-table--mobile-cards{overflow:visible}.geo-table--mobile-cards .geo-table__desktop{display:none}.geo-table--mobile-cards .geo-table__mobile{display:flex;flex-direction:column;gap:12px;padding:0}}.geo-table__mobile--loading{opacity:.55;pointer-events:none}.geo-table__mobile-empty{padding:32px 16px;text-align:center;color:var(--geo-color-neutral-500);font-size:14px;background:var(--geo-color-neutral-white);border:1px solid var(--geo-color-primary-border);border-radius:var(--geo-radius)}.geo-table-card__select-all{display:flex;align-items:center;gap:8px;padding:8px 4px;font-size:14px;color:var(--geo-color-neutral-700)}.geo-table-card{background:var(--geo-color-neutral-white);border:1px solid var(--geo-color-primary-border);border-radius:var(--geo-radius);box-shadow:0 1px 2px #0000000a;overflow:hidden}.geo-table-card--clickable{cursor:pointer}.geo-table-card--selected{border-color:var(--geo-color-primary-light);box-shadow:0 0 0 1px color-mix(in srgb,var(--geo-color-primary-default) 25%,transparent)}.geo-table-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 14px 10px}.geo-table-card__title-wrap{display:flex;align-items:flex-start;gap:8px;min-width:0;flex:1}.geo-table-card__checkbox{flex-shrink:0;margin-top:2px}.geo-table-card__title{margin:0;min-width:0;font-size:15px;font-weight:700;line-height:1.4;color:var(--geo-color-neutral-900);word-break:break-word}.geo-table-card__title-label,.geo-table-card__title-sep,.geo-table-card__title-value{font-weight:700;color:var(--geo-color-neutral-900)}.geo-table-card__title-sep{margin-inline:4px}.geo-table-card__actions{flex-shrink:0}:host ::ng-deep .geo-table-card__actions .geo-row-actions{gap:8px}:host ::ng-deep .geo-table-card__actions .geo-row-actions__btn{width:32px;height:32px;border-radius:var(--geo-radius);background:#1890ff1a;color:var(--geo-color-info-default)}:host ::ng-deep .geo-table-card__actions .geo-row-actions__btn:hover:not(:disabled){background:#1890ff2e;color:var(--geo-color-info-dark)}:host ::ng-deep .geo-table-card__actions .geo-row-actions__btn--danger{background:#ee003314;color:var(--geo-color-error-default)}:host ::ng-deep .geo-table-card__actions .geo-row-actions__btn--danger:hover:not(:disabled){background:#ee003324;color:var(--geo-color-error-dark)}:host ::ng-deep .geo-table-card__actions .geo-row-actions__btn :deep(.anticon),:host ::ng-deep .geo-table-card__actions .geo-row-actions__btn .anticon{font-size:16px}.geo-table-card__body{display:flex;flex-direction:column;gap:10px;padding:4px 14px 14px}.geo-table-card__row{display:flex;align-items:flex-start;flex-wrap:wrap;column-gap:4px;row-gap:2px;font-size:14px;line-height:1.45}.geo-table-card__label,.geo-table-card__sep{color:var(--geo-color-neutral-700);font-weight:400;flex-shrink:0}.geo-table-card__value{color:var(--geo-color-neutral-900);font-weight:700;min-width:0;word-break:break-word}.geo-table-card__footer{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 14px;background:var(--geo-color-info-light);border-top:1px solid var(--geo-color-info-light)}.geo-table-card__footer-btn{appearance:none;border:0;background:transparent;padding:0 8px;min-height:24px;font-size:14px;font-weight:600;line-height:1.4;color:var(--geo-color-info-default);cursor:pointer}.geo-table-card__footer-btn:hover:not(:disabled){color:var(--geo-color-info-dark);text-decoration:underline}.geo-table-card__footer-btn:disabled{opacity:.45;cursor:not-allowed}.geo-table-card__footer-btn--danger{color:var(--geo-color-error-default)}.geo-table-card__footer-btn--danger:hover:not(:disabled){color:var(--geo-color-error-dark)}\n"] }]
+        }], propDecorators: { columns: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], bordered: [{
+                type: Input
+            }], outerBordered: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], striped: [{
+                type: Input
+            }], clickable: [{
+                type: Input
+            }], tableLayout: [{
+                type: Input
+            }], showPagination: [{
+                type: Input
+            }], frontPagination: [{
+                type: Input
+            }], pageIndex: [{
+                type: Input
+            }], pageSize: [{
+                type: Input
+            }], total: [{
+                type: Input
+            }], pageSizeOptions: [{
+                type: Input
+            }], showSizeChanger: [{
+                type: Input
+            }], showQuickJumper: [{
+                type: Input
+            }], hideOnSinglePage: [{
+                type: Input
+            }], simplePagination: [{
+                type: Input
+            }], paginationPosition: [{
+                type: Input
+            }], scroll: [{
+                type: Input
+            }], scrollY: [{
+                type: Input
+            }], autoScroll: [{
+                type: Input
+            }], tableTitle: [{
+                type: Input
+            }], footer: [{
+                type: Input
+            }], emptyText: [{
+                type: Input
+            }], showTotalRange: [{
+                type: Input
+            }], selectable: [{
+                type: Input
+            }], rowKey: [{
+                type: Input
+            }], selectedKeys: [{
+                type: Input
+            }], mobileTitleKey: [{
+                type: Input
+            }], mobileCardView: [{
+                type: Input
+            }], rowClick: [{
+                type: Output
+            }], rowEdit: [{
+                type: Output
+            }], rowMore: [{
+                type: Output
+            }], rowAction: [{
+                type: Output
+            }], pageIndexChange: [{
+                type: Output
+            }], pageSizeChange: [{
+                type: Output
+            }], queryParams: [{
+                type: Output
+            }], currentPageDataChange: [{
+                type: Output
+            }], selectedKeysChange: [{
+                type: Output
+            }], selectionChange: [{
+                type: Output
+            }] } });
+
+/** 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`.
+ */
+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']
+            }] } });
+
+let uiTextareaErrorId = 0;
+class GeoTextareaComponent {
+    label = '';
+    placeholder = '';
+    rows = 3;
+    disabled = false;
+    required = false;
+    error = false;
+    errorMessage = '';
+    maxlength;
+    block = true;
+    valueChange = new EventEmitter();
+    errorMessageId = `geo-textarea-error-${++uiTextareaErrorId}`;
+    value = '';
+    onChange = () => undefined;
+    onTouched = () => undefined;
+    onInput(value) {
+        this.value = value;
+        this.onChange(value);
+        this.valueChange.emit(value);
+    }
+    onBlur() {
+        this.onTouched();
+    }
+    writeValue(value) {
+        this.value = value ?? '';
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoTextareaComponent, isStandalone: true, selector: "geo-textarea", inputs: { label: "label", placeholder: "placeholder", rows: "rows", disabled: "disabled", required: "required", error: "error", errorMessage: "errorMessage", maxlength: "maxlength", block: "block" }, outputs: { valueChange: "valueChange" }, host: { properties: { "class.geo-textarea-host--block": "block", "class.geo-textarea-host--error": "error" }, classAttribute: "geo-textarea-host" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => GeoTextareaComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "@if (label) {\n  <div class=\"geo-textarea__label\">\n    <span>{{ label }}</span>\n    @if (required) {\n      <span class=\"geo-textarea__required\" aria-hidden=\"true\">*</span>\n    }\n  </div>\n}\n\n<textarea\n  class=\"geo-textarea__field\"\n  [class.geo-textarea__field--error]=\"error\"\n  [rows]=\"rows\"\n  [placeholder]=\"placeholder\"\n  [disabled]=\"disabled\"\n  [attr.maxlength]=\"maxlength ?? null\"\n  [attr.aria-invalid]=\"error ? 'true' : null\"\n  [attr.aria-describedby]=\"error && errorMessage ? errorMessageId : null\"\n  [ngModel]=\"value\"\n  (ngModelChange)=\"onInput($event)\"\n  (blur)=\"onBlur()\"\n></textarea>\n\n@if (error && errorMessage) {\n  <p class=\"geo-textarea__error\" [id]=\"errorMessageId\" role=\"alert\">{{ errorMessage }}</p>\n}\n", styles: ["@charset \"UTF-8\";.geo-scrollbar{scrollbar-width:thin;scrollbar-color:var(--geo-color-neutral-400) transparent}.geo-scrollbar::-webkit-scrollbar{width:var(--scrollbar-size, 8px);height:var(--scrollbar-size, 8px);background:transparent}.geo-scrollbar::-webkit-scrollbar-track{background:transparent;border-radius:999px}.geo-scrollbar::-webkit-scrollbar-thumb{background-color:var(--geo-color-neutral-400);border-radius:999px;border:2px solid transparent;background-clip:padding-box;min-height:40px}.geo-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--geo-color-neutral-500)}.geo-scrollbar::-webkit-scrollbar-corner{background:transparent}geo-textarea.geo-textarea-host,.geo-textarea-host{display:flex;flex-direction:column;gap:8px;width:100%}.geo-textarea__label{display:inline-flex;align-items:flex-start;gap:4px;font-size:14px;line-height:normal;color:var(--geo-color-neutral-900)}.geo-textarea__required{color:var(--geo-color-error-default)}.geo-textarea__field{width:100%;padding:8px;border:1px solid var(--geo-color-neutral-300);border-radius:var(--geo-radius);background:var(--geo-color-neutral-white);font-size:14px;line-height:1.4;color:var(--geo-color-neutral-900);font-family:inherit;box-sizing:border-box;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease;scrollbar-width:thin;scrollbar-color:var(--geo-color-neutral-400) transparent}.geo-textarea__field::-webkit-scrollbar{width:var(--scrollbar-size, 8px);height:var(--scrollbar-size, 8px);background:transparent}.geo-textarea__field::-webkit-scrollbar-track{background:transparent;border-radius:999px}.geo-textarea__field::-webkit-scrollbar-thumb{background-color:var(--geo-color-neutral-400);border-radius:999px;border:2px solid transparent;background-clip:padding-box;min-height:40px}.geo-textarea__field::-webkit-scrollbar-thumb:hover{background-color:var(--geo-color-neutral-500)}.geo-textarea__field::-webkit-scrollbar-corner{background:transparent}.geo-textarea__field::placeholder{color:var(--geo-color-neutral-500)}.geo-textarea__field:hover:not(:disabled){border-color:var(--geo-color-primary-default)}.geo-textarea__field:focus{outline:none;border-color:var(--geo-color-primary-default);box-shadow:0 0 0 2px color-mix(in srgb,var(--geo-color-primary-default) 12%,transparent)}.geo-textarea__field:disabled{background:var(--geo-color-neutral-100);color:var(--geo-color-neutral-disabled-text);cursor:not-allowed}.geo-textarea__field--error{border-color:var(--geo-color-error-default)!important}.geo-textarea__field--error:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--geo-color-error-default) 12%,transparent)!important}.geo-textarea__error{margin:0;font-size:14px;line-height:normal;color:var(--geo-color-error-default)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoTextareaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'geo-textarea', standalone: true, imports: [CommonModule, FormsModule], encapsulation: ViewEncapsulation.None, host: {
+                        class: 'geo-textarea-host',
+                        '[class.geo-textarea-host--block]': 'block',
+                        '[class.geo-textarea-host--error]': 'error',
+                    }, providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => GeoTextareaComponent),
+                            multi: true,
+                        },
+                    ], template: "@if (label) {\n  <div class=\"geo-textarea__label\">\n    <span>{{ label }}</span>\n    @if (required) {\n      <span class=\"geo-textarea__required\" aria-hidden=\"true\">*</span>\n    }\n  </div>\n}\n\n<textarea\n  class=\"geo-textarea__field\"\n  [class.geo-textarea__field--error]=\"error\"\n  [rows]=\"rows\"\n  [placeholder]=\"placeholder\"\n  [disabled]=\"disabled\"\n  [attr.maxlength]=\"maxlength ?? null\"\n  [attr.aria-invalid]=\"error ? 'true' : null\"\n  [attr.aria-describedby]=\"error && errorMessage ? errorMessageId : null\"\n  [ngModel]=\"value\"\n  (ngModelChange)=\"onInput($event)\"\n  (blur)=\"onBlur()\"\n></textarea>\n\n@if (error && errorMessage) {\n  <p class=\"geo-textarea__error\" [id]=\"errorMessageId\" role=\"alert\">{{ errorMessage }}</p>\n}\n", styles: ["@charset \"UTF-8\";.geo-scrollbar{scrollbar-width:thin;scrollbar-color:var(--geo-color-neutral-400) transparent}.geo-scrollbar::-webkit-scrollbar{width:var(--scrollbar-size, 8px);height:var(--scrollbar-size, 8px);background:transparent}.geo-scrollbar::-webkit-scrollbar-track{background:transparent;border-radius:999px}.geo-scrollbar::-webkit-scrollbar-thumb{background-color:var(--geo-color-neutral-400);border-radius:999px;border:2px solid transparent;background-clip:padding-box;min-height:40px}.geo-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--geo-color-neutral-500)}.geo-scrollbar::-webkit-scrollbar-corner{background:transparent}geo-textarea.geo-textarea-host,.geo-textarea-host{display:flex;flex-direction:column;gap:8px;width:100%}.geo-textarea__label{display:inline-flex;align-items:flex-start;gap:4px;font-size:14px;line-height:normal;color:var(--geo-color-neutral-900)}.geo-textarea__required{color:var(--geo-color-error-default)}.geo-textarea__field{width:100%;padding:8px;border:1px solid var(--geo-color-neutral-300);border-radius:var(--geo-radius);background:var(--geo-color-neutral-white);font-size:14px;line-height:1.4;color:var(--geo-color-neutral-900);font-family:inherit;box-sizing:border-box;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease;scrollbar-width:thin;scrollbar-color:var(--geo-color-neutral-400) transparent}.geo-textarea__field::-webkit-scrollbar{width:var(--scrollbar-size, 8px);height:var(--scrollbar-size, 8px);background:transparent}.geo-textarea__field::-webkit-scrollbar-track{background:transparent;border-radius:999px}.geo-textarea__field::-webkit-scrollbar-thumb{background-color:var(--geo-color-neutral-400);border-radius:999px;border:2px solid transparent;background-clip:padding-box;min-height:40px}.geo-textarea__field::-webkit-scrollbar-thumb:hover{background-color:var(--geo-color-neutral-500)}.geo-textarea__field::-webkit-scrollbar-corner{background:transparent}.geo-textarea__field::placeholder{color:var(--geo-color-neutral-500)}.geo-textarea__field:hover:not(:disabled){border-color:var(--geo-color-primary-default)}.geo-textarea__field:focus{outline:none;border-color:var(--geo-color-primary-default);box-shadow:0 0 0 2px color-mix(in srgb,var(--geo-color-primary-default) 12%,transparent)}.geo-textarea__field:disabled{background:var(--geo-color-neutral-100);color:var(--geo-color-neutral-disabled-text);cursor:not-allowed}.geo-textarea__field--error{border-color:var(--geo-color-error-default)!important}.geo-textarea__field--error:focus{box-shadow:0 0 0 2px color-mix(in srgb,var(--geo-color-error-default) 12%,transparent)!important}.geo-textarea__error{margin:0;font-size:14px;line-height:normal;color:var(--geo-color-error-default)}\n"] }]
+        }], propDecorators: { label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], rows: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], errorMessage: [{
+                type: Input
+            }], maxlength: [{
+                type: Input
+            }], block: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }] } });
+
+const GEO_TOAST_DEFAULT_TITLES = {
+    success: 'Thành công!',
+    error: 'Thất bại!',
+    warning: 'Cảnh báo!',
+    info: 'Thông tin!',
+};
+const GEO_TOAST_ICONS = {
+    success: 'check-circle',
+    error: 'close-circle',
+    warning: 'warning',
+    info: 'info-circle',
+};
+
+/**
+ * Toast / notification UI theo design GEO (left accent bar + icon + title + message).
+ * Dùng trực tiếp trong template, hoặc qua `GeoToastService` (Ant Design notification).
+ */
+class GeoToastComponent {
+    type = 'info';
+    title = '';
+    message = '';
+    closable = true;
+    showIcon = true;
+    visible = true;
+    /** Override Ant Design icon type. */
+    icon;
+    closed = new EventEmitter();
+    get displayTitle() {
+        return this.title || GEO_TOAST_DEFAULT_TITLES[this.type];
+    }
+    get iconType() {
+        return this.icon || GEO_TOAST_ICONS[this.type];
+    }
+    onClose() {
+        this.visible = false;
+        this.closed.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoToastComponent, isStandalone: true, selector: "geo-toast", inputs: { type: "type", title: "title", message: "message", closable: "closable", showIcon: "showIcon", visible: "visible", icon: "icon" }, outputs: { closed: "closed" }, host: { properties: { "class.geo-toast-host--hidden": "!visible" }, classAttribute: "geo-toast-host" }, ngImport: i0, template: "@if (visible) {\n  <div\n    class=\"geo-toast\"\n    [class]=\"'geo-toast geo-toast--' + type\"\n    role=\"status\"\n    [attr.aria-live]=\"type === 'error' ? 'assertive' : 'polite'\"\n  >\n    <span class=\"geo-toast__accent\" aria-hidden=\"true\"></span>\n\n    <div class=\"geo-toast__body\">\n      @if (showIcon) {\n        <span class=\"geo-toast__icon\" nz-icon [nzType]=\"iconType\" nzTheme=\"fill\"></span>\n      }\n\n      <div class=\"geo-toast__content\">\n        <p class=\"geo-toast__title\">{{ displayTitle }}</p>\n        @if (message) {\n          <p class=\"geo-toast__message\">{{ message }}</p>\n        }\n      </div>\n\n      @if (closable) {\n        <button\n          type=\"button\"\n          class=\"geo-toast__close\"\n          aria-label=\"\u0110\u00F3ng th\u00F4ng b\u00E1o\"\n          (click)=\"onClose()\"\n        >\n          <span nz-icon nzType=\"close\" nzTheme=\"outline\"></span>\n        </button>\n      }\n    </div>\n  </div>\n}\n", styles: ["@charset \"UTF-8\";geo-toast.geo-toast-host,.geo-toast-host{display:block;width:100%;max-width:480px}.geo-toast-host--hidden{display:none}.geo-toast{position:relative;display:block;width:100%;box-sizing:border-box;overflow:hidden;border:1px solid transparent;border-radius:var(--geo-radius);font-family:var(--geo-font-family)}.geo-toast__accent{position:absolute;top:0;left:0;bottom:0;width:5px}.geo-toast__body{display:flex;align-items:flex-start;gap:10px;padding:12px 12px 12px 16px;box-sizing:border-box}.geo-toast__icon{display:inline-flex;flex-shrink:0;margin-top:1px;font-size:20px;line-height:1}.geo-toast__content{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;padding-right:4px}.geo-toast__title{margin:0;font-size:var(--geo-font-size-body);font-weight:var(--geo-font-weight-bold);line-height:var(--geo-line-height-body)}.geo-toast__message{margin:0;font-size:var(--geo-font-size-body-small);font-weight:var(--geo-font-weight-regular);line-height:var(--geo-line-height-body-small);color:var(--geo-color-neutral-800)}.geo-toast__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;margin-top:1px;padding:0;border:none;background:transparent;cursor:pointer;font-size:12px;line-height:1;opacity:.85}.geo-toast__close:hover{opacity:1}.geo-toast--success{background:var(--geo-color-success-light);border-color:color-mix(in srgb,var(--geo-color-success-default) 45%,var(--geo-color-success-light))}.geo-toast--success .geo-toast__accent{background:var(--geo-color-success-default)}.geo-toast--success .geo-toast__icon,.geo-toast--success .geo-toast__title,.geo-toast--success .geo-toast__close{color:var(--geo-color-success-default)}.geo-toast--error{background:var(--geo-color-error-light);border-color:color-mix(in srgb,var(--geo-color-error-default) 40%,var(--geo-color-error-light))}.geo-toast--error .geo-toast__accent{background:var(--geo-color-error-default)}.geo-toast--error .geo-toast__icon,.geo-toast--error .geo-toast__title,.geo-toast--error .geo-toast__close{color:var(--geo-color-error-default)}.geo-toast--warning{background:var(--geo-color-warning-light);border-color:color-mix(in srgb,var(--geo-color-warning-default) 45%,var(--geo-color-warning-light))}.geo-toast--warning .geo-toast__accent{background:var(--geo-color-warning-default)}.geo-toast--warning .geo-toast__icon,.geo-toast--warning .geo-toast__title,.geo-toast--warning .geo-toast__close{color:var(--geo-color-warning-default)}.geo-toast--info{background:var(--geo-color-info-light);border-color:color-mix(in srgb,var(--geo-color-info-default) 40%,var(--geo-color-info-light))}.geo-toast--info .geo-toast__accent{background:var(--geo-color-info-default)}.geo-toast--info .geo-toast__icon,.geo-toast--info .geo-toast__title,.geo-toast--info .geo-toast__close{color:var(--geo-color-info-default)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: NzIconModule }, { kind: "directive", type: i1.NzIconDirective, selector: "[nz-icon]", inputs: ["nzSpin", "nzRotate", "nzType", "nzTheme", "nzTwotoneColor", "nzIconfont"], exportAs: ["nzIcon"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoToastComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'geo-toast', standalone: true, imports: [CommonModule, NzIconModule], encapsulation: ViewEncapsulation.None, host: {
+                        class: 'geo-toast-host',
+                        '[class.geo-toast-host--hidden]': '!visible',
+                    }, template: "@if (visible) {\n  <div\n    class=\"geo-toast\"\n    [class]=\"'geo-toast geo-toast--' + type\"\n    role=\"status\"\n    [attr.aria-live]=\"type === 'error' ? 'assertive' : 'polite'\"\n  >\n    <span class=\"geo-toast__accent\" aria-hidden=\"true\"></span>\n\n    <div class=\"geo-toast__body\">\n      @if (showIcon) {\n        <span class=\"geo-toast__icon\" nz-icon [nzType]=\"iconType\" nzTheme=\"fill\"></span>\n      }\n\n      <div class=\"geo-toast__content\">\n        <p class=\"geo-toast__title\">{{ displayTitle }}</p>\n        @if (message) {\n          <p class=\"geo-toast__message\">{{ message }}</p>\n        }\n      </div>\n\n      @if (closable) {\n        <button\n          type=\"button\"\n          class=\"geo-toast__close\"\n          aria-label=\"\u0110\u00F3ng th\u00F4ng b\u00E1o\"\n          (click)=\"onClose()\"\n        >\n          <span nz-icon nzType=\"close\" nzTheme=\"outline\"></span>\n        </button>\n      }\n    </div>\n  </div>\n}\n", styles: ["@charset \"UTF-8\";geo-toast.geo-toast-host,.geo-toast-host{display:block;width:100%;max-width:480px}.geo-toast-host--hidden{display:none}.geo-toast{position:relative;display:block;width:100%;box-sizing:border-box;overflow:hidden;border:1px solid transparent;border-radius:var(--geo-radius);font-family:var(--geo-font-family)}.geo-toast__accent{position:absolute;top:0;left:0;bottom:0;width:5px}.geo-toast__body{display:flex;align-items:flex-start;gap:10px;padding:12px 12px 12px 16px;box-sizing:border-box}.geo-toast__icon{display:inline-flex;flex-shrink:0;margin-top:1px;font-size:20px;line-height:1}.geo-toast__content{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px;padding-right:4px}.geo-toast__title{margin:0;font-size:var(--geo-font-size-body);font-weight:var(--geo-font-weight-bold);line-height:var(--geo-line-height-body)}.geo-toast__message{margin:0;font-size:var(--geo-font-size-body-small);font-weight:var(--geo-font-weight-regular);line-height:var(--geo-line-height-body-small);color:var(--geo-color-neutral-800)}.geo-toast__close{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;margin-top:1px;padding:0;border:none;background:transparent;cursor:pointer;font-size:12px;line-height:1;opacity:.85}.geo-toast__close:hover{opacity:1}.geo-toast--success{background:var(--geo-color-success-light);border-color:color-mix(in srgb,var(--geo-color-success-default) 45%,var(--geo-color-success-light))}.geo-toast--success .geo-toast__accent{background:var(--geo-color-success-default)}.geo-toast--success .geo-toast__icon,.geo-toast--success .geo-toast__title,.geo-toast--success .geo-toast__close{color:var(--geo-color-success-default)}.geo-toast--error{background:var(--geo-color-error-light);border-color:color-mix(in srgb,var(--geo-color-error-default) 40%,var(--geo-color-error-light))}.geo-toast--error .geo-toast__accent{background:var(--geo-color-error-default)}.geo-toast--error .geo-toast__icon,.geo-toast--error .geo-toast__title,.geo-toast--error .geo-toast__close{color:var(--geo-color-error-default)}.geo-toast--warning{background:var(--geo-color-warning-light);border-color:color-mix(in srgb,var(--geo-color-warning-default) 45%,var(--geo-color-warning-light))}.geo-toast--warning .geo-toast__accent{background:var(--geo-color-warning-default)}.geo-toast--warning .geo-toast__icon,.geo-toast--warning .geo-toast__title,.geo-toast--warning .geo-toast__close{color:var(--geo-color-warning-default)}.geo-toast--info{background:var(--geo-color-info-light);border-color:color-mix(in srgb,var(--geo-color-info-default) 40%,var(--geo-color-info-light))}.geo-toast--info .geo-toast__accent{background:var(--geo-color-info-default)}.geo-toast--info .geo-toast__icon,.geo-toast--info .geo-toast__title,.geo-toast--info .geo-toast__close{color:var(--geo-color-info-default)}\n"] }]
+        }], propDecorators: { type: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }], closable: [{
+                type: Input
+            }], showIcon: [{
+                type: Input
+            }], visible: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], closed: [{
+                type: Output
+            }] } });
+
+/**
+ * Toast service dựa trên `NzNotificationService` (Ant Design).
+ *
+ * @example
+ * ```ts
+ * this.toast.success('Thành công!', 'Lưu hồ sơ thành công');
+ * this.toast.error('Thất bại!', 'Vui lòng kiểm tra lại', { duration: 0 });
+ * ```
+ */
+class GeoToastService {
+    notification = inject(NzNotificationService);
+    nzConfig = inject(NzConfigService, { optional: true });
+    defaults = {
+        duration: 4500,
+        placement: 'topRight',
+        pauseOnHover: true,
+        animate: true,
+        showIcon: true,
+        closable: true,
+    };
+    /** Cấu hình mặc định toàn cục (duration, placement, …). */
+    config(options) {
+        if (options.duration != null)
+            this.defaults.duration = options.duration;
+        if (options.placement != null)
+            this.defaults.placement = options.placement;
+        if (options.pauseOnHover != null)
+            this.defaults.pauseOnHover = options.pauseOnHover;
+        if (options.animate != null)
+            this.defaults.animate = options.animate;
+        this.nzConfig?.set('notification', {
+            nzDuration: this.defaults.duration,
+            nzPlacement: this.defaults.placement,
+            nzMaxStack: options.maxStack,
+            nzTop: options.top,
+            nzBottom: options.bottom,
+            nzPauseOnHover: this.defaults.pauseOnHover,
+            nzAnimate: this.defaults.animate,
+        });
+    }
+    success(title, message, options) {
+        return this.create('success', title, message, options);
+    }
+    error(title, message, options) {
+        return this.create('error', title, message, options);
+    }
+    warning(title, message, options) {
+        return this.create('warning', title, message, options);
+    }
+    info(title, message, options) {
+        return this.create('info', title, message, options);
+    }
+    /** API tổng quát — đầy đủ type + options. */
+    create(type, title, message, options) {
+        return this.open({
+            type,
+            title: title ?? GEO_TOAST_DEFAULT_TITLES[type],
+            message: message ?? '',
+            ...options,
+        });
+    }
+    /** Mở toast từ config object. */
+    open(config) {
+        const type = config.type;
+        const title = config.title ?? GEO_TOAST_DEFAULT_TITLES[type];
+        const message = config.message ?? '';
+        const duration = config.duration ?? this.defaults.duration;
+        const placement = config.placement ?? this.defaults.placement;
+        const pauseOnHover = config.pauseOnHover ?? this.defaults.pauseOnHover;
+        const animate = config.animate ?? this.defaults.animate;
+        const showIcon = config.showIcon ?? this.defaults.showIcon;
+        const closable = config.closable ?? this.defaults.closable;
+        const classList = [
+            'geo-toast-notice',
+            `geo-toast-notice--${type}`,
+            showIcon ? '' : 'geo-toast-notice--no-icon',
+            closable ? '' : 'geo-toast-notice--no-close',
+            typeof config.className === 'string' ? config.className : '',
+        ]
+            .filter(Boolean)
+            .join(' ');
+        // blank + custom class khi không show icon (ẩn icon mặc định của antd)
+        const nzType = showIcon ? type : 'blank';
+        return this.notification.create(nzType, title, message, {
+            nzDuration: duration,
+            nzPlacement: placement,
+            nzPauseOnHover: pauseOnHover,
+            nzAnimate: animate,
+            nzKey: config.key,
+            nzStyle: config.style,
+            nzClass: classList,
+            nzData: config.data,
+            nzCloseIcon: closable ? undefined : ' ',
+        });
+    }
+    /** Đóng 1 toast theo messageId (từ NzNotificationRef). */
+    remove(id) {
+        this.notification.remove(id);
+    }
+    /** Đóng tất cả toast đang mở. */
+    removeAll() {
+        this.notification.remove();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoToastService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoToastService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoToastService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Tree checkable — wrap `nz-tree`. Domain dùng `geo-tree`, không import NzTreeModule.
+ * API chính: `nodes` + `checkedKeys` / `checkedKeysChange` (giống pattern ILIS → nz-tree).
+ */
+class GeoTreeComponent {
+    nodes = [];
+    checkable = false;
+    checkedKeys = [];
+    expandedKeys = [];
+    showLine = false;
+    blockNode = false;
+    checkedKeysChange = new EventEmitter();
+    expandedKeysChange = new EventEmitter();
+    nodeClick = new EventEmitter();
+    onCheckedKeysChange(keys) {
+        this.checkedKeys = keys;
+        this.checkedKeysChange.emit(keys);
+    }
+    onExpandedKeysChange(keys) {
+        this.expandedKeys = keys;
+        this.expandedKeysChange.emit(keys);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: GeoTreeComponent, isStandalone: true, selector: "geo-tree", inputs: { nodes: "nodes", checkable: "checkable", checkedKeys: "checkedKeys", expandedKeys: "expandedKeys", showLine: "showLine", blockNode: "blockNode" }, outputs: { checkedKeysChange: "checkedKeysChange", expandedKeysChange: "expandedKeysChange", nodeClick: "nodeClick" }, host: { classAttribute: "geo-tree-host" }, ngImport: i0, template: "<div class=\"geo-tree\">\n  <nz-tree\n    [nzData]=\"nodes\"\n    [nzCheckable]=\"checkable\"\n    [nzCheckedKeys]=\"checkedKeys\"\n    [nzExpandedKeys]=\"expandedKeys\"\n    [nzShowLine]=\"showLine\"\n    [nzBlockNode]=\"blockNode\"\n    (nzCheckedKeysChange)=\"onCheckedKeysChange($event)\"\n    (nzExpandedKeysChange)=\"onExpandedKeysChange($event)\"\n    (nzClick)=\"nodeClick.emit($event)\"\n  ></nz-tree>\n</div>\n", styles: [".geo-tree-host{display:block;width:100%}.geo-tree{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: NzTreeModule }, { kind: "component", type: i1$8.NzTreeComponent, selector: "nz-tree", inputs: ["nzShowIcon", "nzHideUnMatched", "nzBlockNode", "nzExpandAll", "nzSelectMode", "nzCheckStrictly", "nzShowExpand", "nzShowLine", "nzCheckable", "nzAsyncData", "nzDraggable", "nzMultiple", "nzExpandedIcon", "nzVirtualItemSize", "nzVirtualMaxBufferPx", "nzVirtualMinBufferPx", "nzVirtualHeight", "nzTreeTemplate", "nzBeforeDrop", "nzData", "nzExpandedKeys", "nzSelectedKeys", "nzCheckedKeys", "nzSearchValue", "nzSearchFunc"], outputs: ["nzExpandedKeysChange", "nzSelectedKeysChange", "nzCheckedKeysChange", "nzSearchValueChange", "nzClick", "nzDblClick", "nzContextMenu", "nzCheckBoxChange", "nzExpandChange", "nzOnDragStart", "nzOnDragEnter", "nzOnDragOver", "nzOnDragLeave", "nzOnDrop", "nzOnDragEnd"], exportAs: ["nzTree"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoTreeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'geo-tree', standalone: true, imports: [NzTreeModule], encapsulation: ViewEncapsulation.None, host: { class: 'geo-tree-host' }, template: "<div class=\"geo-tree\">\n  <nz-tree\n    [nzData]=\"nodes\"\n    [nzCheckable]=\"checkable\"\n    [nzCheckedKeys]=\"checkedKeys\"\n    [nzExpandedKeys]=\"expandedKeys\"\n    [nzShowLine]=\"showLine\"\n    [nzBlockNode]=\"blockNode\"\n    (nzCheckedKeysChange)=\"onCheckedKeysChange($event)\"\n    (nzExpandedKeysChange)=\"onExpandedKeysChange($event)\"\n    (nzClick)=\"nodeClick.emit($event)\"\n  ></nz-tree>\n</div>\n", styles: [".geo-tree-host{display:block;width:100%}.geo-tree{width:100%}\n"] }]
+        }], propDecorators: { nodes: [{
+                type: Input
+            }], checkable: [{
+                type: Input
+            }], checkedKeys: [{
+                type: Input
+            }], expandedKeys: [{
+                type: Input
+            }], showLine: [{
+                type: Input
+            }], blockNode: [{
+                type: Input
+            }], checkedKeysChange: [{
+                type: Output
+            }], expandedKeysChange: [{
+                type: Output
+            }], nodeClick: [{
+                type: Output
+            }] } });
+
+const STORAGE_PREFIX = 'geo-column-picker:';
+function loadColumnPickerState(key) {
+    try {
+        const raw = sessionStorage.getItem(`${STORAGE_PREFIX}${key}`);
+        if (!raw) {
+            return null;
+        }
+        return JSON.parse(raw);
+    }
+    catch {
+        return null;
+    }
+}
+function saveColumnPickerState(key, payload) {
+    sessionStorage.setItem(`${STORAGE_PREFIX}${key}`, JSON.stringify(payload));
+}
+function applyColumnPickerState(items, state) {
+    return items.map((item) => ({
+        ...item,
+        visible: state.visibility[item.key] ?? item.visible,
+        pinned: state.pinned[item.key] ?? item.pinned ?? null,
+    }));
+}
+function mergeColumnPickerItems(items, key) {
+    if (!key) {
+        return items;
+    }
+    const saved = loadColumnPickerState(key);
+    return saved ? applyColumnPickerState(items, saved) : items;
+}
+
+class GeoColumnPickerComponent {
+    triggerLabel = 'Ẩn hiện cột';
+    hint = 'Chọn cột hiển thị trên bảng.';
+    items = [];
+    /** Lưu trạng thái ẩn/hiện cột theo session khi người dùng áp dụng */
+    storageKey;
+    apply = new EventEmitter();
+    dropdownVisible = false;
+    draftItems = [];
+    onDropdownVisibleChange(visible) {
+        if (visible) {
+            this.syncDraft();
+        }
+    }
+    onItemChange(key, visible) {
+        this.draftItems = this.draftItems.map((item) => item.key === key ? { ...item, visible } : item);
+    }
+    onApply() {
+        const visibility = {};
+        for (const item of this.draftItems) {
+            visibility[item.key] = item.visible;
+        }
+        /** `pinned` giữ empty để tương thích payload/storage cũ — không còn UI ghim/di chuyển cột. */
+        const payload = { visibility, pinned: {} };
+        this.apply.emit(payload);
+        if (this.storageKey) {
+            saveColumnPickerState(this.storageKey, payload);
+        }
+        this.dropdownVisible = false;
+    }
+    onReset() {
+        this.syncDraft();
+    }
+    syncDraft() {
+        this.draftItems = this.items.map((item) => ({ ...item }));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoColumnPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GeoColumnPickerComponent, isStandalone: true, selector: "geo-column-picker", inputs: { triggerLabel: "triggerLabel", hint: "hint", items: "items", storageKey: "storageKey" }, outputs: { apply: "apply" }, ngImport: i0, template: "<div\n  class=\"geo-column-picker__trigger\"\n  nz-dropdown\n  [nzDropdownMenu]=\"menu\"\n  nzTrigger=\"click\"\n  nzPlacement=\"bottomRight\"\n  [(nzVisible)]=\"dropdownVisible\"\n  (nzVisibleChange)=\"onDropdownVisibleChange($event)\"\n>\n  <geo-button\n    appearance=\"secondary\"\n    color=\"brand\"\n    icon=\"eye-invisible\"\n    [title]=\"triggerLabel\"\n  >\n    {{ triggerLabel }}\n  </geo-button>\n</div>\n\n<nz-dropdown-menu #menu=\"nzDropdownMenu\">\n  <div class=\"geo-column-picker__panel\" (click)=\"$event.stopPropagation()\">\n    <p class=\"geo-column-picker__hint\">{{ hint }}</p>\n\n    <div class=\"geo-column-picker__list\">\n      @for (item of draftItems; track item.key) {\n        <div class=\"geo-column-picker__row\">\n          <geo-checkbox\n            class=\"geo-column-picker__item\"\n            [label]=\"item.title\"\n            [checked]=\"item.visible\"\n            [disabled]=\"item.locked ?? false\"\n            (checkedChange)=\"onItemChange(item.key, $event)\"\n          ></geo-checkbox>\n        </div>\n      }\n    </div>\n\n    <div class=\"geo-column-picker__actions\">\n      <button nz-button nzType=\"default\" nzSize=\"small\" (click)=\"onReset()\">\u0110\u1EB7t l\u1EA1i</button>\n      <button nz-button nzType=\"primary\" nzSize=\"small\" (click)=\"onApply()\">\u00C1p d\u1EE5ng</button>\n    </div>\n  </div>\n</nz-dropdown-menu>\n", styles: [":host{display:inline-block}.geo-column-picker__trigger{display:inline-flex}.geo-column-picker__panel{width:320px;padding:12px 16px 16px;background:var(--geo-color-neutral-white);border-radius:var(--geo-radius);box-shadow:0 6px 16px #00000014}.geo-column-picker__hint{margin:0 0 12px;color:var(--geo-color-neutral-500);font-size:13px;line-height:20px}.geo-column-picker__list{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto}.geo-column-picker__row{display:flex;align-items:center;gap:8px}.geo-column-picker__item{display:flex;align-items:center;flex:1;min-width:0}.geo-column-picker__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid var(--geo-color-neutral-100)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: NgZorroAntdModule }, { kind: "component", type: i1$9.NzButtonComponent, selector: "button[nz-button], a[nz-button]", inputs: ["nzBlock", "nzGhost", "nzSearch", "nzLoading", "nzDanger", "disabled", "tabIndex", "nzType", "nzShape", "nzSize"], exportAs: ["nzButton"] }, { kind: "directive", type: i1$5.ɵNzTransitionPatchDirective, selector: "[nz-button], nz-button-group, [nz-icon], [nz-menu-item], [nz-submenu], nz-select-top-control, nz-select-placeholder, nz-input-group", inputs: ["hidden"] }, { kind: "directive", type: i3$4.NzWaveDirective, selector: "[nz-wave],button[nz-button]:not([nzType=\"link\"]):not([nzType=\"text\"])", inputs: ["nzWaveExtraNode"], exportAs: ["nzWave"] }, { kind: "directive", type: i2$5.NzDropDownDirective, selector: "[nz-dropdown]", inputs: ["nzDropdownMenu", "nzTrigger", "nzMatchWidthElement", "nzBackdrop", "nzClickHide", "nzDisabled", "nzVisible", "nzOverlayClassName", "nzOverlayStyle", "nzPlacement"], outputs: ["nzVisibleChange"], exportAs: ["nzDropdown"] }, { kind: "component", type: i2$5.NzDropdownMenuComponent, selector: "nz-dropdown-menu", exportAs: ["nzDropdownMenu"] }, { 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: GeoCheckboxComponent, selector: "geo-checkbox", inputs: ["label", "checked", "disabled", "indeterminate"], outputs: ["checkedChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GeoColumnPickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'geo-column-picker', standalone: true, imports: [CommonModule, NgZorroAntdModule, GeoButtonComponent, GeoCheckboxComponent], template: "<div\n  class=\"geo-column-picker__trigger\"\n  nz-dropdown\n  [nzDropdownMenu]=\"menu\"\n  nzTrigger=\"click\"\n  nzPlacement=\"bottomRight\"\n  [(nzVisible)]=\"dropdownVisible\"\n  (nzVisibleChange)=\"onDropdownVisibleChange($event)\"\n>\n  <geo-button\n    appearance=\"secondary\"\n    color=\"brand\"\n    icon=\"eye-invisible\"\n    [title]=\"triggerLabel\"\n  >\n    {{ triggerLabel }}\n  </geo-button>\n</div>\n\n<nz-dropdown-menu #menu=\"nzDropdownMenu\">\n  <div class=\"geo-column-picker__panel\" (click)=\"$event.stopPropagation()\">\n    <p class=\"geo-column-picker__hint\">{{ hint }}</p>\n\n    <div class=\"geo-column-picker__list\">\n      @for (item of draftItems; track item.key) {\n        <div class=\"geo-column-picker__row\">\n          <geo-checkbox\n            class=\"geo-column-picker__item\"\n            [label]=\"item.title\"\n            [checked]=\"item.visible\"\n            [disabled]=\"item.locked ?? false\"\n            (checkedChange)=\"onItemChange(item.key, $event)\"\n          ></geo-checkbox>\n        </div>\n      }\n    </div>\n\n    <div class=\"geo-column-picker__actions\">\n      <button nz-button nzType=\"default\" nzSize=\"small\" (click)=\"onReset()\">\u0110\u1EB7t l\u1EA1i</button>\n      <button nz-button nzType=\"primary\" nzSize=\"small\" (click)=\"onApply()\">\u00C1p d\u1EE5ng</button>\n    </div>\n  </div>\n</nz-dropdown-menu>\n", styles: [":host{display:inline-block}.geo-column-picker__trigger{display:inline-flex}.geo-column-picker__panel{width:320px;padding:12px 16px 16px;background:var(--geo-color-neutral-white);border-radius:var(--geo-radius);box-shadow:0 6px 16px #00000014}.geo-column-picker__hint{margin:0 0 12px;color:var(--geo-color-neutral-500);font-size:13px;line-height:20px}.geo-column-picker__list{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto}.geo-column-picker__row{display:flex;align-items:center;gap:8px}.geo-column-picker__item{display:flex;align-items:center;flex:1;min-width:0}.geo-column-picker__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid var(--geo-color-neutral-100)}\n"] }]
+        }], propDecorators: { triggerLabel: [{
+                type: Input
+            }], hint: [{
+                type: Input
+            }], items: [{
+                type: Input
+            }], storageKey: [{
+                type: Input
+            }], apply: [{
+                type: Output
+            }] } });
+
+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
+            }] } });
+
+/*
+ * Public API Surface of geo-ui
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DEFAULT_UI_ROW_ACTIONS, DEFAULT_UI_TABLE_PAGE_SIZE_OPTIONS, GEO_ICON_SIZE_MAP, GEO_STATUS_COLOR_MAP, GEO_STATUS_LABELS, GEO_TOAST_DEFAULT_TITLES, GEO_TOAST_ICONS, GEO_TYPOGRAPHY_TAG, GEO_TYPOGRAPHY_VARIANTS, GeoAlertComponent, GeoBackButtonComponent, GeoBreadcrumbComponent, GeoButtonComponent, GeoCheckboxComponent, GeoColumnPickerComponent, GeoConfirmModalComponent, GeoDatePickerComponent, GeoDateRangePickerComponent, GeoFilePickerComponent, GeoFormModalComponent, GeoIconComponent, GeoInputComponent, GeoPageTitleComponent, GeoPaginationComponent, GeoRadioComponent, GeoRowActionsComponent, GeoSelectComponent, GeoSliderComponent, GeoStatusTagComponent, GeoStepFormLayoutComponent, GeoStepperComponent, GeoTabDirective, GeoTableComponent, GeoTableFilterComponent, GeoTablePaginationComponent, GeoTableToolbarComponent, GeoTabsComponent, GeoTextareaComponent, GeoToastComponent, GeoToastService, GeoTreeComponent, GeoTypographyComponent, GeoUploadComponent, NgZorroAntdModule, UI_ALERT_DEFAULT_TITLES, UI_STATUS_LABELS, UI_TABLE_MOBILE_BREAKPOINT, applyColumnPickerState, cssVar, geoColorCssVars, geoColorTokens, geoFormatBytes, geoFormatSpeed, geoRadiusCssVars, geoRadiusTokens, geoTypographyTokens, geoUploadPercent, loadColumnPickerState, mergeColumnPickerItems, pickInlineRowActions, pickOverflowRowActions, saveColumnPickerState };
+//# sourceMappingURL=geoit-ui.mjs.map