@edmicro/olkit 1.1.8 → 1.2.0

package/types/edmicro-olkit.d.ts

@@ -1984,7 +1984,9 @@ declare class OlDrawerFooter {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlDrawerFooter, "ol-drawer-footer", never, { "layout": { "alias": "layout"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
-type DropdownPlacement = 'bottom' | 'top' | 'left' | 'right' | 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end';
+type DropdownPlacement = 'bottom' | 'top' | 'left' | 'right' | 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end'
+/** Mở sang bên, căn mép trên / dưới theo nút — vd. menu tài khoản ở đáy sidebar (`right-end`). */
+ | 'right-start' | 'right-end' | 'left-start' | 'left-end';
 /**
  * `context` là menu chuột phải. Nó KHÔNG neo vào nút trigger như hai kiểu kia
  * mà neo vào chỗ con trỏ — nên có thêm một mốc ẩn 0×0 di chuyển theo chuột.
@@ -2030,6 +2032,12 @@ declare class OlDropdown {
      */
     readonly appendTo: _angular_core.InputSignal<"body" | null>;
     readonly placement: _angular_core.InputSignal<DropdownPlacement>;
+    /**
+     * Khoảng cách (px) từ nút tới panel. Mặc định 8. Tăng khi nút nằm thụt
+     * trong một khung mà panel phải mọc RA NGOÀI khung — vd. thẻ tài khoản trong
+     * `ol-app-nav` (đệm 20px) mở sang phải phải vượt qua mép sidebar.
+     */
+    readonly offset: _angular_core.InputSignal<number>;
     readonly trigger: _angular_core.InputSignal<DropdownTrigger>;
     readonly autoClose: _angular_core.InputSignal<DropdownAutoClose>;
     readonly disabled: _angular_core.InputSignal<boolean>;
@@ -2134,7 +2142,7 @@ declare class OlDropdown {
     toggle(): void;
     private clearHideTimeout;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlDropdown, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlDropdown, "ol-dropdown", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "autoClose": { "alias": "autoClose"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "triggerClass": { "alias": "triggerClass"; "required": false; "isSignal": true; }; "menuClass": { "alias": "menuClass"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "opened": "opened"; "closed": "closed"; }, never, ["[slot=trigger], [trigger]", "[triggerIcon]", "[triggerIcon]", "*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlDropdown, "ol-dropdown", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "autoClose": { "alias": "autoClose"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "triggerClass": { "alias": "triggerClass"; "required": false; "isSignal": true; }; "menuClass": { "alias": "menuClass"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "opened": "opened"; "closed": "closed"; }, never, ["[slot=trigger], [trigger]", "[triggerIcon]", "[triggerIcon]", "*"], true, never>;
 }
 
 declare class OlDropdownItem {
@@ -3603,6 +3611,16 @@ interface SegmentedOption<T = string | number> {
 }
 type SegmentedColor = 'neutral' | 'brand' | 'success' | 'warning' | 'danger';
 type SegmentedSize = 'sm' | 'base';
+/**
+ * Tông của khung theo NỀN đặt nó lên.
+ *
+ *   `default`  rãnh xám `bg-neutral-tertiary`, mục chọn nổi nền trắng — nền sáng
+ *   `inverse`  cho nền TỐI / màu (thanh menu navy): rãnh trắng 15% để LỘ màu nền
+ *              bên dưới, chữ mục chưa chọn trắng; mục chọn vẫn nền trắng, chữ
+ *              brand-900 GHIM (không đổi theo `.dark`: nền trắng ở cả hai chế
+ *              độ — `--text-fg-brand-strong` lật sang brand-300 sẽ chìm)
+ */
+type SegmentedVariant = 'default' | 'inverse';
 /**
  * Chọn MỘT trong vài chế độ loại trừ nhau, đặt cạnh nhau trên một rãnh xám;
  * mục đang chọn nổi lên nền trắng (segmented control).
@@ -3627,6 +3645,13 @@ declare class OlSegmented implements ControlValueAccessor {
     readonly disabled: _angular_core.ModelSignal<boolean>;
     /** Tên nhóm cho bộ đọc màn hình — nên đặt, vì nhóm không có nhãn nhìn thấy. */
     readonly ariaLabel: _angular_core.InputSignal<string>;
+    /** Tông khung theo nền — xem `SegmentedVariant`. */
+    readonly variant: _angular_core.InputSignal<SegmentedVariant>;
+    /**
+     * Class màu nền tuỳ ý cho khung (rãnh), thay nền của `variant` — ví dụ
+     * `bg-brand` hay `bg-[var(--bg-app-nav-hover)]`. Mục đang chọn giữ nguyên.
+     */
+    readonly trackClass: _angular_core.InputSignal<string>;
     private readonly host;
     private onChange;
     private onTouched;
@@ -3644,7 +3669,7 @@ declare class OlSegmented implements ControlValueAccessor {
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlSegmented, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlSegmented, "ol-segmented", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlSegmented, "ol-segmented", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "trackClass": { "alias": "trackClass"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; }, never, never, true, never>;
 }
 
 /**
@@ -4941,6 +4966,73 @@ declare class OlListGroupItem {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlListGroupItem, "ol-list-group-item", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; }, { "itemClick": "itemClick"; }, never, ["*"], true, never>;
 }
 
+/** `full`: cú mèo + chữ "nluyện.vn" (tỉ lệ ~5:1). `mark`: chỉ cú mèo, vuông. */
+type LogoVariant = 'full' | 'mark';
+/**
+ * Bản màu nào. Chọn theo **màu NỀN** đặt logo, không theo chế độ sáng/tối:
+ *
+ * - `color` — nền sáng (trắng, xám nhạt).
+ * - `white` — nền tối/brand (menu navy của `ol-app-nav`, banner brand). Menu
+ *   navy ở CẢ hai chế độ nên luôn dùng bản trắng.
+ * - `auto` — nền đổi theo chế độ (`bg-neutral-primary`…): sáng → màu,
+ *   `.dark` → trắng. Vẽ cả hai bản, CSS ẩn một — không cần JS theo dõi chế độ.
+ */
+type LogoTone = 'auto' | 'color' | 'white';
+/**
+ * Logo Ôn Luyện — Figma `Logo ol` (#6603:1269), 4 bản: dài/vuông × màu/trắng.
+ *
+ * SVG nhúng sẵn trong gói: nơi dùng không phải chép file ảnh vào `assets/`.
+ * Cao theo `height` (px), rộng tự theo tỉ lệ.
+ *
+ * ```html
+ * <ol-logo />                                   <!-- dài, tự đổi theo chế độ, cao 32px -->
+ * <ol-logo variant="mark" tone="white" [height]="40" />
+ * ```
+ */
+declare class OlLogo {
+    private readonly sanitizer;
+    private readonly uid;
+    readonly variant: _angular_core.InputSignal<LogoVariant>;
+    readonly tone: _angular_core.InputSignal<LogoTone>;
+    /** Chiều cao (px). Bản dài 32px rộng ~164px; bản vuông bằng cạnh. */
+    readonly height: _angular_core.InputSignal<number>;
+    /** Tên đọc cho trình đọc màn hình. */
+    readonly alt: _angular_core.InputSignal<string>;
+    /** Bản màu — `null` khi `tone="white"`. */
+    readonly colorSvg: _angular_core.Signal<SafeHtml | null>;
+    /** Bản trắng — `null` khi `tone="color"`. */
+    readonly whiteSvg: _angular_core.Signal<SafeHtml | null>;
+    readonly colorClass: _angular_core.Signal<"h-full dark:hidden" | "h-full">;
+    readonly whiteClass: _angular_core.Signal<"h-full" | "hidden h-full dark:block">;
+    /**
+     * SVG tĩnh từ `logo.art.ts` (chỉ `<path>`/`<linearGradient>`, không lấy từ
+     * người dùng) nên đánh dấu tin cậy được — cùng cách `OlIconService` làm.
+     */
+    private render;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlLogo, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlLogo, "ol-logo", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Logo Ôn Luyện — 4 bản từ Figma `Logo ol` (#6603:1269), xuất SVG 2026-10-06.
+ *
+ * Đã lọc: nền xám `#F0F0F0` và khung nét đứt của frame Figma, mọi `id` lớp.
+ * `__ID__` là chỗ `OlLogo` thay bằng id riêng từng lần vẽ — hai bản màu dùng
+ * gradient, id trùng nhau thì bản đang `display:none` giữ `<defs>` làm bản
+ * đang hiện mất màu (Chrome không vẽ paint server nằm trong cây bị ẩn).
+ *
+ * Chỉ chứa hình vẽ (`<path>`, `<linearGradient>`), không có script hay
+ * `<foreignObject>` — `OlLogo` đánh dấu tin cậy được.
+ */
+interface OlLogoArt {
+    viewBox: string;
+    body: string;
+}
+declare const OL_LOGO_FULL_COLOR: OlLogoArt;
+declare const OL_LOGO_FULL_WHITE: OlLogoArt;
+declare const OL_LOGO_MARK_COLOR: OlLogoArt;
+declare const OL_LOGO_MARK_WHITE: OlLogoArt;
+
 type ModalSize = 'sm' | 'base' | 'lg' | 'xl' | '2xl';
 type ModalPlacement = 'center' | 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
 type OlModalBackdrop = 'static' | 'dynamic';
@@ -6064,6 +6156,23 @@ interface AppNavItem {
     badge?: string | number;
     /** Mờ 40% và không bấm được — theo Figma State=Disabled. */
     disabled?: boolean;
+    /**
+     * Nhãn phụ nhỏ cạnh tên, viền trắng — ví dụ `beta`. Khác `badge` (đếm số,
+     * nền đỏ): đây là chú thích tính chất của mục.
+     */
+    extraText?: string;
+    /**
+     * Menu con — tối đa 3 cấp (mục → con → cháu). Mục có con là NÚT mở/đóng,
+     * không điều hướng; `route` của nó (nếu có) chỉ dùng để nhận diện nhánh.
+     * Nhánh chứa trang đang mở tự mở ra khi vào trang.
+     */
+    children?: AppNavItem[];
+    /**
+     * Đường dẫn khác cũng tính là "đang ở mục này" — ví dụ trang chi tiết
+     * `/manage-exam/detail` thuộc mục "Quản lý kỳ thi" (`/manage-exam/list-exam`).
+     * So khớp đúng hoặc theo tiền tố `<route>/`.
+     */
+    activeRoutes?: string[];
 }
 /**
  * Một nhóm mục. Figma chia menu làm hai phần, ngăn bằng một đường kẻ:
@@ -6076,8 +6185,33 @@ interface AppNavItem {
  */
 interface AppNavGroup {
     section: 'main' | 'footer';
+    /**
+     * Tiêu đề nhóm, in hoa nhỏ phía trên các mục — ví dụ "QUẢN LÝ TRƯỜNG HỌC".
+     * Ẩn khi menu thu gọn. Bỏ trống thì nhóm không có tiêu đề (như bản cũ).
+     */
+    label?: string;
     items: AppNavItem[];
 }
+/**
+ * Một mục trong menu tài khoản — mở ra khi bấm thẻ tài khoản (popup trên
+ * desktop, khay menu trên mobile).
+ *
+ * Component chỉ PHÁT `userAction` kèm mục được bấm; đăng xuất thật, mở hộp
+ * đổi mật khẩu… là việc của nơi dùng. Có `route` thì router điều hướng luôn.
+ */
+interface AppNavUserAction {
+    /** Khoá để nơi dùng phân nhánh: `profile`, `change-password`, `logout`… */
+    id: string;
+    label: string;
+    /** Tên icon theo `OlIconService`. */
+    icon: string;
+    /** Đường dẫn router. Bỏ trống thì chỉ phát `userAction`. */
+    route?: string;
+    /** Tô đỏ — dùng cho hành động phá vỡ phiên như Đăng xuất. */
+    danger?: boolean;
+    /** Kẻ một đường ngăn phía trên mục này. */
+    dividerBefore?: boolean;
+}
 /** Thẻ tài khoản dưới cùng. */
 interface AppNavUser {
     name: string;
@@ -6085,7 +6219,37 @@ interface AppNavUser {
     subtitle?: string;
     /** Ảnh đại diện. Bỏ trống thì `ol-avatar` tự dựng chữ cái đầu từ `name`. */
     avatarSrc?: string;
+    /**
+     * Menu tài khoản. Bỏ trống thì dùng `APP_NAV_DEFAULT_USER_ACTIONS`
+     * (Trang cá nhân · Đổi mật khẩu · Đăng xuất). Truyền `[]` để tắt menu —
+     * bấm thẻ khi đó chỉ phát `userClick` như bản cũ.
+     */
+    actions?: AppNavUserAction[];
 }
+/**
+ * Menu tài khoản mặc định — ba việc mọi tài khoản đều cần.
+ *
+ * Không có `route`: đường dẫn trang cá nhân, cách đổi mật khẩu (trang riêng
+ * hay hộp thoại) khác nhau giữa các sản phẩm. Nơi dùng bắt `userAction` theo
+ * `id`, hoặc tự khai `user.actions` có `route`.
+ */
+declare const APP_NAV_DEFAULT_USER_ACTIONS: readonly AppNavUserAction[];
+/**
+ * Bố cục theo bề ngang màn hình.
+ *
+ *   `desktop` menu dọc, mọi bề ngang (mặc định — giữ hành vi các bản trước)
+ *   `auto`    từ `md` (768px) là menu dọc; dưới `md` là thanh đáy + khay menu
+ *   `mobile`  luôn thanh đáy + khay menu (xem trước trên trang docs)
+ */
+type AppNavLayout = 'desktop' | 'auto' | 'mobile';
+/**
+ * Chỗ một mục được vẽ — template tuỳ biến đọc để vẽ khác nhau:
+ *
+ *   `rail`  menu dọc nền navy (chữ trắng)
+ *   `sheet` một dòng trong khay menu mobile (nền sáng)
+ *   `bar`   một ô trên thanh đáy mobile (icon + nhãn ngắn)
+ */
+type AppNavItemVariant = 'rail' | 'sheet' | 'bar';
 /**
  * Trọn bộ dữ liệu một menu — đúng thứ nơi dùng nạp từ JSON.
  *
@@ -6104,6 +6268,125 @@ interface AppNavConfig {
     user?: AppNavUser;
 }
 
+/**
+ * Các khe template của `ol-app-nav`.
+ *
+ * Nơi dùng truyền `<ng-template olAppNavXxx let-...>` vào trong
+ * `<ol-app-nav>`; vùng nào không truyền thì component vẽ giao diện mặc định.
+ *
+ * Template chỉ thay PHẦN RUỘT. Phần vỏ vẫn do component giữ để mọi nơi dùng
+ * có cùng hành vi mà không phải chép lại:
+ *
+ *   mục    `<a routerLink>` / `<button>`, mục đang chọn, tooltip khi thu gọn,
+ *          mục bị khoá, đóng khay mobile khi bấm
+ *   tài khoản  nút mở popup, `aria-expanded`, đóng popup khi chọn
+ *
+ * `ngTemplateContextGuard` cho trình biên dịch biết kiểu của `let-...` —
+ * thiếu nó thì mọi biến trong template là `any`.
+ */
+/** Ngữ cảnh template một mục. */
+interface AppNavItemContext {
+    $implicit: AppNavItem;
+    /** Menu dọc đang thu gọn (luôn `false` ở `sheet`/`bar`). */
+    collapsed: boolean;
+    /** Mục đang chọn — theo `activeId` hoặc router. */
+    active: boolean;
+    /** Cấp trong cây: 1 = mục gốc, 2 = con, 3 = cháu. */
+    level: number;
+    /** Mục có con và đang mở. */
+    expanded: boolean;
+    variant: AppNavItemVariant;
+}
+/** Ngữ cảnh khe đầu / chân menu (`olAppNavHeader` · `olAppNavFooter`). */
+interface AppNavSlotContext {
+    /** Menu dọc đang thu gọn (luôn `false` trong khay mobile). */
+    $implicit: boolean;
+    collapsed: boolean;
+    /** `rail`: trong menu dọc. `sheet`: trong khay mobile. */
+    variant: 'rail' | 'sheet';
+}
+/** Ngữ cảnh template logo. */
+interface AppNavLogoContext {
+    /** Menu đang thu gọn. */
+    $implicit: boolean;
+    collapsed: boolean;
+}
+/** Ngữ cảnh template thẻ tài khoản. */
+interface AppNavUserContext {
+    $implicit: AppNavUser;
+    collapsed: boolean;
+    /** Chữ cái đầu dựng sẵn ("Nguyễn Nhật Linh" → "NL"). */
+    initials: string;
+    /** `rail`: nút ở đáy menu dọc. `sheet`: khối đầu khay mobile. */
+    variant: 'rail' | 'sheet';
+}
+/** Ngữ cảnh template menu tài khoản (ruột popup). */
+interface AppNavUserMenuContext {
+    $implicit: AppNavUser;
+    /** Danh sách mục đã chốt (`user.actions` hoặc mặc định). */
+    actions: readonly AppNavUserAction[];
+    initials: string;
+    /** Phát `userAction` + đóng popup — gọi khi người dùng chọn một mục. */
+    select: (action: AppNavUserAction) => void;
+    /** Chỉ đóng popup (trong khay mobile: đóng khay). */
+    close: () => void;
+    /**
+     * Nơi vẽ: `popup` (nổi cạnh sidebar, mở được menu con SANG NGANG) hoặc
+     * `sheet` (khay mobile — không có chỗ ngang, nên xổ xuống tại chỗ).
+     */
+    variant: 'popup' | 'sheet';
+}
+/** `<ng-template olAppNavItem let-item let-active="active" let-variant="variant">` */
+declare class OlAppNavItemDef {
+    readonly template: TemplateRef<AppNavItemContext>;
+    static ngTemplateContextGuard(_dir: OlAppNavItemDef, ctx: unknown): ctx is AppNavItemContext;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlAppNavItemDef, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OlAppNavItemDef, "ng-template[olAppNavItem]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * `<ng-template olAppNavHeader let-collapsed>` — vùng ngay dưới logo, trên
+ * các mục (ví dụ bộ chọn vai Quản trị / Giảng dạy). Cũng hiện ở đầu khay mobile.
+ */
+declare class OlAppNavHeaderDef {
+    readonly template: TemplateRef<AppNavSlotContext>;
+    static ngTemplateContextGuard(_dir: OlAppNavHeaderDef, ctx: unknown): ctx is AppNavSlotContext;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlAppNavHeaderDef, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OlAppNavHeaderDef, "ng-template[olAppNavHeader]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * `<ng-template olAppNavFooter let-collapsed>` — vùng cuối danh sách mục chính,
+ * trên đường kẻ (ví dụ ô "Niên khoá 2026 - 2027"). Cũng hiện cuối khay mobile.
+ */
+declare class OlAppNavFooterDef {
+    readonly template: TemplateRef<AppNavSlotContext>;
+    static ngTemplateContextGuard(_dir: OlAppNavFooterDef, ctx: unknown): ctx is AppNavSlotContext;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlAppNavFooterDef, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OlAppNavFooterDef, "ng-template[olAppNavFooter]", never, {}, {}, never, never, true, never>;
+}
+/** `<ng-template olAppNavLogo let-collapsed>` */
+declare class OlAppNavLogoDef {
+    readonly template: TemplateRef<AppNavLogoContext>;
+    static ngTemplateContextGuard(_dir: OlAppNavLogoDef, ctx: unknown): ctx is AppNavLogoContext;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlAppNavLogoDef, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OlAppNavLogoDef, "ng-template[olAppNavLogo]", never, {}, {}, never, never, true, never>;
+}
+/** `<ng-template olAppNavUser let-user let-collapsed="collapsed">` */
+declare class OlAppNavUserDef {
+    readonly template: TemplateRef<AppNavUserContext>;
+    static ngTemplateContextGuard(_dir: OlAppNavUserDef, ctx: unknown): ctx is AppNavUserContext;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlAppNavUserDef, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OlAppNavUserDef, "ng-template[olAppNavUser]", never, {}, {}, never, never, true, never>;
+}
+/** `<ng-template olAppNavUserMenu let-user let-actions="actions" let-select="select">` */
+declare class OlAppNavUserMenuDef {
+    readonly template: TemplateRef<AppNavUserMenuContext>;
+    static ngTemplateContextGuard(_dir: OlAppNavUserMenuDef, ctx: unknown): ctx is AppNavUserMenuContext;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlAppNavUserMenuDef, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OlAppNavUserMenuDef, "ng-template[olAppNavUserMenu]", never, {}, {}, never, never, true, never>;
+}
+/** Gom sáu directive để nơi dùng nhập một lần: `imports: [OlAppNav, OL_APP_NAV_TEMPLATES]`. */
+declare const OL_APP_NAV_TEMPLATES: readonly [typeof OlAppNavItemDef, typeof OlAppNavHeaderDef, typeof OlAppNavFooterDef, typeof OlAppNavLogoDef, typeof OlAppNavUserDef, typeof OlAppNavUserMenuDef];
+
 /**
  * `ol-app-nav` — menu điều hướng dọc của Ôn Luyện.
  *
@@ -6120,6 +6403,21 @@ interface AppNavConfig {
  * Không gộp hai cái làm một: gộp thì `ol-sidebar` phải mang theo nền gradient
  * và bố cục ba vùng mà 90% nơi dùng không cần.
  *
+ * ## Dữ liệu + template từng vùng
+ *
+ * Danh sách mục vẫn đi qua `config` (nạp từ JSON/API theo vai). Phần RUỘT của
+ * bốn vùng thay được bằng `<ng-template>` truyền vào — xem `app-nav-templates.ts`:
+ * `olAppNavItem` · `olAppNavLogo` · `olAppNavUser` · `olAppNavUserMenu`. Vỏ
+ * (liên kết, mục đang chọn, tooltip, mở/đóng popup) vẫn do component giữ.
+ *
+ * ## Mobile
+ *
+ * `layout="auto"`: dưới `md` menu dọc ẩn, thay bằng thanh đáy (`mobilePrimaryCount`
+ * mục đầu nhóm chính + nút Menu) và khay menu trượt lên chứa phần còn lại, thẻ
+ * tài khoản và menu tài khoản. Hai phần này `position: fixed` theo màn hình;
+ * muốn xem trước trong khung (trang docs) thì bọc khung bằng `transform` —
+ * phần tử `fixed` khi đó neo theo khung thay vì màn hình.
+ *
  * ## Dữ liệu từ ngoài, không nhúng cứng
  *
  * Ba quyền trong Figma là NỘI DUNG mẫu. Component nhận `config` — nơi dùng nạp
@@ -6136,6 +6434,21 @@ interface AppNavConfig {
  * như Figma mô tả ("dùng trên nền tối, chữ và biểu tượng đều `text-white`").
  */
 declare class OlAppNav {
+    private readonly overlayContainer;
+    private readonly router;
+    /**
+     * URL hiện tại (bỏ query/hash) — nguồn của mục đang chọn và nhánh tự mở.
+     *
+     * Không dùng `routerLinkActive` nữa: nó không biết `activeRoutes`, không cho
+     * biết mục CHA có con đang mở, và không chạy với mục cha (là nút, không có
+     * `routerLink`). Tự so URL thì một luật áp cho cả cây.
+     */
+    private readonly currentUrl;
+    /** Id các mục cha đang mở. */
+    private readonly expandedIds;
+    /** Hàm gỡ khay mobile khỏi ngăn xếp Escape. `null` khi khay đóng. */
+    private releaseEscape;
+    constructor();
     /** Danh sách menu và thẻ tài khoản. Xem `AppNavConfig`. */
     readonly config: _angular_core.InputSignal<AppNavConfig>;
     /**
@@ -6152,16 +6465,64 @@ declare class OlAppNav {
      * signal. Có `route` thì `routerLinkActive` tự lo, không cần đặt cái này.
      */
     readonly activeId: _angular_core.InputSignal<string | null>;
-    /** Ảnh logo. Bỏ trống thì dựng chữ "Ôn luyện" bằng text. */
+    /**
+     * Logo — ba cách, theo thứ tự ưu tiên:
+     *
+     * 1. `<ng-template olAppNavLogo let-collapsed>` — tự vẽ hoàn toàn.
+     * 2. `logoSrc` (+ `logoMarkSrc` khi thu gọn) — ảnh của nơi dùng.
+     * 3. Mặc định: `ol-logo` của kit — mở thì bản DÀI, thu gọn thì bản VUÔNG.
+     */
     readonly logoSrc: _angular_core.InputSignal<string>;
+    /**
+     * Ảnh logo vuông khi thu gọn (khung 70px không đủ chỗ logo dài). Bỏ trống
+     * thì thu gọn vẫn dùng `logoSrc`, co vừa ô 40px.
+     */
+    readonly logoMarkSrc: _angular_core.InputSignal<string>;
+    /**
+     * Tông logo của kit. Mặc định `auto`: chế độ sáng dùng logo MÀU, `.dark`
+     * dùng logo trắng (người dùng chốt 2026-10-06 — bản trước mặc định `white`
+     * ở cả hai chế độ). Muốn luôn trắng thì truyền `white`.
+     */
+    readonly logoTone: _angular_core.InputSignal<LogoTone>;
     /** Chiều rộng khi mở. Figma: 270px. */
     readonly width: _angular_core.InputSignal<string>;
     /** Chiều rộng khi thu gọn. Figma: 70px. */
     readonly collapsedWidth: _angular_core.InputSignal<string>;
     /** Phát khi bấm một mục. Mục có `route` thì router đã lo điều hướng. */
     readonly itemClick: _angular_core.OutputEmitterRef<AppNavItem>;
-    /** Phát khi bấm thẻ tài khoản — nơi dùng mở menu đổi tài khoản, đăng xuất. */
+    /**
+     * Phát khi bấm thẻ tài khoản (cả khi menu tài khoản mở ra sau đó). Giữ để
+     * tương thích các bản trước; chọn một mục trong menu thì nghe `userAction`.
+     */
     readonly userClick: _angular_core.OutputEmitterRef<void>;
+    /** Phát khi chọn một mục trong menu tài khoản — `profile`, `change-password`, `logout`… */
+    readonly userAction: _angular_core.OutputEmitterRef<AppNavUserAction>;
+    /** Popup tài khoản (desktop) đang mở. Hai chiều: `[(userMenuOpen)]`. */
+    readonly userMenuOpen: _angular_core.ModelSignal<boolean>;
+    /**
+     * Bố cục theo bề ngang. Mặc định `desktop` — giữ nguyên hành vi các bản
+     * trước. `auto`: dưới `md` chuyển sang thanh đáy + khay menu. Xem `AppNavLayout`.
+     */
+    readonly layout: _angular_core.InputSignal<AppNavLayout>;
+    /**
+     * Số mục lên thanh đáy mobile (đầu nhóm `main`); ô cuối luôn là nút Menu.
+     *
+     * Bốn: màn 375px chia 5 ô mỗi ô 75px — vừa icon 24px và một dòng nhãn 10px.
+     * Sáu ô thì mỗi ô 62px, nhãn bắt đầu bị cắt.
+     */
+    readonly mobilePrimaryCount: _angular_core.InputSignal<number>;
+    /** Khay menu mobile đang mở. Hai chiều: `[(mobileMenuOpen)]` — khung đóng khi chuyển trang. */
+    readonly mobileMenuOpen: _angular_core.ModelSignal<boolean>;
+    /** Chữ trên nút Menu của thanh đáy. */
+    readonly mobileMenuLabel: _angular_core.InputSignal<string>;
+    readonly itemDef: _angular_core.Signal<OlAppNavItemDef | undefined>;
+    readonly headerDef: _angular_core.Signal<OlAppNavHeaderDef | undefined>;
+    readonly footerDef: _angular_core.Signal<OlAppNavFooterDef | undefined>;
+    readonly logoDef: _angular_core.Signal<OlAppNavLogoDef | undefined>;
+    readonly userDef: _angular_core.Signal<OlAppNavUserDef | undefined>;
+    readonly userMenuDef: _angular_core.Signal<OlAppNavUserMenuDef | undefined>;
+    /** Id khay mobile — `aria-controls` của nút Menu trỏ vào. */
+    readonly sheetId: string;
     /**
      * Hiện thanh kéo (rail) ở mép phải để thu gọn / mở lại.
      *
@@ -6171,10 +6532,89 @@ declare class OlAppNav {
     readonly showRail: _angular_core.InputSignal<boolean>;
     /** Chữ trên tooltip của thanh kéo, đổi theo trạng thái. */
     readonly railLabel: _angular_core.Signal<"Mở rộng" | "Thu gọn">;
-    /** Mục của phần trên. */
+    /** Mọi nhóm, giữ thứ tự khai. */
+    private readonly allGroups;
+    /** Nhóm phần trên — vẽ theo nhóm để hiện `label`. */
+    readonly mainGroups: _angular_core.Signal<AppNavGroup[]>;
+    /** Mục gốc của phần trên, phẳng (cho thanh đáy mobile). */
     readonly mainItems: _angular_core.Signal<AppNavItem[]>;
     /** Mục của phần dưới, nằm sát thẻ tài khoản. */
     readonly footerItems: _angular_core.Signal<AppNavItem[]>;
+    /**
+     * Mục lên thanh đáy mobile: `mobilePrimaryCount` mục gốc ĐẦU TIÊN của phần
+     * trên mà có `route` và KHÔNG có con — ô thanh đáy là một cú chạm điều
+     * hướng, không chứa được menu con. Mục cha vào khay.
+     */
+    readonly primaryItems: _angular_core.Signal<AppNavItem[]>;
+    /**
+     * Nhóm vào khay mobile: mọi nhóm (kể cả `footer` — dưới `md` không còn menu
+     * dọc nào chứa chúng), bỏ các mục đã lên thanh đáy, giữ tiêu đề nhóm.
+     */
+    readonly sheetGroups: _angular_core.Signal<AppNavGroup[]>;
+    /** Phần còn lại, phẳng — giữ cho nơi dùng đã đọc trước đây. */
+    readonly overflowItems: _angular_core.Signal<AppNavItem[]>;
+    /**
+     * Khoảng cách popup tài khoản → thẻ, để popup nằm HẲN ngoài sidebar, cách
+     * mép 8px. Thẻ thụt trong sidebar: mở rộng đệm 16px (`px-4`, bản gọn);
+     * thu gọn nút giữa khung 70px còn 15px. Đo 2026-10-06 sau bản gọn: khe 8px
+     * ở cả hai trạng thái (offset 8 cố định từng làm popup chồng mép sidebar).
+     */
+    readonly userMenuOffset: _angular_core.Signal<24 | 23>;
+    /** Menu tài khoản đã chốt: `user.actions`, hoặc mặc định khi không khai. */
+    readonly userActions: _angular_core.Signal<readonly AppNavUserAction[]>;
+    /** Class menu dọc theo `layout`. */
+    readonly railDisplay: _angular_core.Signal<"flex" | "hidden" | "hidden md:flex">;
+    /** Có vẽ thanh đáy + khay không, và ẩn từ `md` khi `auto`. */
+    readonly hasMobile: _angular_core.Signal<boolean>;
+    readonly mobileDisplay: _angular_core.Signal<"" | "md:hidden">;
+    /** Ngữ cảnh template một mục. */
+    itemContext(item: AppNavItem, variant: AppNavItemVariant, level?: number): AppNavItemContext;
+    /** Ngữ cảnh khe đầu / chân menu. */
+    slotContext(variant: 'rail' | 'sheet'): {
+        $implicit: boolean;
+        collapsed: boolean;
+        variant: "rail" | "sheet";
+    };
+    /** Bỏ query/hash và `/` cuối — `/a/b/?x=1#y` → `/a/b`. */
+    private static normalize;
+    /** `route` khớp URL hiện tại: đúng hệt, hoặc URL nằm dưới nó (`route/…`). `/` chỉ khớp đúng. */
+    isRouteActive(route: string): boolean;
+    /**
+     * Mục đang chọn: `activeId` trùng, hoặc `route` / `activeRoutes` khớp URL.
+     * Mục CHA không bao giờ "đang chọn" — trang nằm ở con; cha chỉ được đánh
+     * dấu "chứa mục đang chọn" (`hasActiveChild`).
+     */
+    isItemActive(item: AppNavItem): boolean;
+    /** Mục có con (cháu…) đang chọn. */
+    hasActiveChild(item: AppNavItem): boolean;
+    isExpanded(item: AppNavItem): boolean;
+    /**
+     * Mở / đóng một nhánh (menu dọc đang mở, hoặc khay mobile).
+     *
+     * Kiểu ACCORDION — mỗi cấp chỉ một nhánh mở: mở một mục thì đóng các mục
+     * CÙNG CẤP (kèm mọi nhánh con của chúng). Cấp 1 tính chung mọi nhóm, cả
+     * nhóm `footer`; cấp 2 · 3 tính trong cùng mục cha. Menu dài (Quản trị
+     * trường 5 nhóm) mà mở nhiều nhánh một lúc thì cuộn mãi không hết.
+     */
+    toggleExpand(item: AppNavItem): void;
+    /** Id mục cha đang mở menu nổi. */
+    readonly flyoutId: _angular_core.WritableSignal<string | null>;
+    private flyoutCloseTimer;
+    /** Rê vào nút hoặc panel: mở (và huỷ hẹn đóng). */
+    openFlyout(id: string): void;
+    cancelFlyoutClose(): void;
+    /** Rời nút hoặc panel: đóng sau 150ms — đủ để chuột băng qua khe giữa hai cái. */
+    scheduleFlyoutClose(): void;
+    /** `ol-dropdown` báo mở/đóng (bấm nút, bấm ra ngoài, Esc). */
+    onFlyoutOpenChange(id: string, open: boolean): void;
+    /** Chọn một mục trong menu nổi: đóng menu, phát `itemClick` (router lo điều hướng). */
+    onFlyoutSelect(item: AppNavItem): void;
+    /** Id mọi mục cha nằm trên đường tới mục đang chọn. */
+    private activeAncestorIds;
+    /** Ngữ cảnh template menu tài khoản — popup desktop và khay mobile. */
+    readonly userMenuPopupContext: _angular_core.Signal<AppNavUserMenuContext | null>;
+    readonly userMenuSheetContext: _angular_core.Signal<AppNavUserMenuContext | null>;
+    private buildUserMenuContext;
     /** Đường kẻ chỉ vẽ khi phần dưới có mục — không thì thừa một vạch. */
     readonly showDivider: _angular_core.Signal<boolean>;
     readonly navWidth: _angular_core.Signal<string>;
@@ -6191,7 +6631,7 @@ declare class OlAppNav {
      * Gộp vào MỘT chuỗi thay vì nhiều `[class.x]`: hai binding cùng tên thuộc
      * tính thì cái sau thắng, cái trước mất im lặng.
      */
-    itemClasses(item: AppNavItem): string;
+    itemClasses(item: AppNavItem, level?: number): string;
     /**
      * Chữ cái đầu cho ảnh đại diện, khi không có ảnh.
      *
@@ -6201,10 +6641,32 @@ declare class OlAppNav {
      * phải "NN".
      */
     readonly userInitials: _angular_core.Signal<string>;
+    /** Nút thẻ tài khoản ở đáy menu dọc. */
+    /**
+     * Nút thẻ tài khoản ở đáy menu dọc.
+     *
+     * Mở rộng: đệm phải 10px (`pe-2.5`, bằng đệm mục menu phía trên) — bản trước
+     * `p-1` 4px làm mũi tên dính sát viền bo (người dùng chỉ ra 2026-10-06).
+     * Đang mở menu tài khoản thì GIỮ nền nổi như mục cha đang mở.
+     */
+    userCardClasses(): string;
+    /** Một ô thanh đáy mobile. Mục có route thì `routerLinkActive` tô thêm `text-fg-brand`. */
+    barItemClasses(item: AppNavItem): string;
+    /** Một dòng trong khay mobile. */
+    sheetItemClasses(item: AppNavItem, level?: number): string;
+    /**
+     * Một mục menu tài khoản trong khay. Mục `danger` đổi CẢ nền lẫn chữ khi
+     * hover: `text-fg-danger` trên `bg-danger-soft` chỉ đạt 4,09 (dưới AA 4,5),
+     * nên chữ kéo xuống `fg-danger-strong` cho khớp nền.
+     */
+    sheetActionClasses(action: AppNavUserAction): string;
     onItemClick(item: AppNavItem): void;
+    /** Chọn một mục menu tài khoản — đóng popup/khay rồi phát cho nơi dùng. */
+    onUserAction(action: AppNavUserAction): void;
+    toggleMobileMenu(): void;
     toggle(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<OlAppNav, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlAppNav, "ol-app-nav", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "activeId": { "alias": "activeId"; "required": false; "isSignal": true; }; "logoSrc": { "alias": "logoSrc"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "collapsedWidth": { "alias": "collapsedWidth"; "required": false; "isSignal": true; }; "showRail": { "alias": "showRail"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; "itemClick": "itemClick"; "userClick": "userClick"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<OlAppNav, "ol-app-nav", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "activeId": { "alias": "activeId"; "required": false; "isSignal": true; }; "logoSrc": { "alias": "logoSrc"; "required": false; "isSignal": true; }; "logoMarkSrc": { "alias": "logoMarkSrc"; "required": false; "isSignal": true; }; "logoTone": { "alias": "logoTone"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "collapsedWidth": { "alias": "collapsedWidth"; "required": false; "isSignal": true; }; "userMenuOpen": { "alias": "userMenuOpen"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "mobilePrimaryCount": { "alias": "mobilePrimaryCount"; "required": false; "isSignal": true; }; "mobileMenuOpen": { "alias": "mobileMenuOpen"; "required": false; "isSignal": true; }; "mobileMenuLabel": { "alias": "mobileMenuLabel"; "required": false; "isSignal": true; }; "showRail": { "alias": "showRail"; "required": false; "isSignal": true; }; }, { "collapsed": "collapsedChange"; "itemClick": "itemClick"; "userClick": "userClick"; "userAction": "userAction"; "userMenuOpen": "userMenuOpenChange"; "mobileMenuOpen": "mobileMenuOpenChange"; }, ["itemDef", "headerDef", "footerDef", "logoDef", "userDef", "userMenuDef"], never, true, never>;
 }
 
 declare class OlSidebar {
@@ -7592,6 +8054,20 @@ declare class OlChart {
     readonly hiddenItems: _angular_core.WritableSignal<Set<string>>;
     toggleLegendItem(name: string): void;
     isItemHidden(name: string): boolean;
+    readonly zoomScale: _angular_core.WritableSignal<number>;
+    readonly panX: _angular_core.WritableSignal<number>;
+    readonly panY: _angular_core.WritableSignal<number>;
+    private isPanning;
+    private lastPanX;
+    private lastPanY;
+    readonly showZoomControls: _angular_core.Signal<boolean>;
+    readonly svgTransform: _angular_core.Signal<string>;
+    zoomIn(): void;
+    zoomOut(): void;
+    resetZoom(): void;
+    onPanStart(event: MouseEvent | TouchEvent): void;
+    onPanMove(event: MouseEvent | TouchEvent): void;
+    onPanEnd(): void;
     readonly seriesLegendList: _angular_core.Signal<{
         name: string;
         color: string;
@@ -8342,6 +8818,6 @@ declare class OlOverlayContainer {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<any>;
 }
 
-export { CHAT_BUBBLE_STATUS, FIELD_ASTERISK, FIELD_CLEAR_RESERVE_END, FIELD_DISABLED, FIELD_HEIGHT, FIELD_HELPER, FIELD_HELPER_GAP, FIELD_ICON_GAP, FIELD_ICON_RESERVE_END, FIELD_ICON_RESERVE_START, FIELD_LABEL, FIELD_LABEL_BESIDE, FIELD_LABEL_GAP, FIELD_MIN_HEIGHT, FIELD_PADDING_END, FIELD_PADDING_START, FIELD_PADDING_X, FIELD_RADIUS, FIELD_STATE, FIELD_TEXT, FILE_KIND_META, FLOAT_LABEL_START, MONTHS_FULL_EN, MONTHS_FULL_VI, MONTHS_SHORT_VI, OL_ICONS, OlAccordion, OlAccordionItem, OlAlert, OlAlertDialog, OlAppNav, OlAspectRatio, OlAutocomplete, OlAvatar, OlAvatarGroup, OlBackdrop, OlBadge, OlBanner, OlBottomNav, OlBottomNavItem, OlBreadcrumb, OlBreadcrumbItem, OlButton, OlButtonGroup, OlCard, OlCarousel, OlCarouselSlide, OlChart, OlChatBubble, OlChatContainer, OlCheckbox, OlCheckboxRadioForm, OlCheckboxRadioGroup, OlClipboard, OlCollapse, OlCommand, OlDateRangePicker, OlDatepicker, OlDatepickerDirective, OlDatepickerFooter, OlDatepickerHeader, OlDatepickerPopup, OlDatepickerStateService, OlDayView, OlDeviceMockup, OlDownloadAppButton, OlDrawer, OlDrawerFooter, OlDrawerHeader, OlDropdown, OlDropdownHeader, OlDropdownItem, OlDropdownSearch, OlDropdownState, OlEmpty, OlFileDropzone, OlFileInput, OlFileItem, OlFileUpload, OlFocusTrapService, OlFooter, OlFrame, OlGallery, OlGalleryItem, OlHelper, OlIcon, OlIconService, OlIconShape, OlIconStack, OlImagePreview, OlInput, OlInputCounter, OlItem, OlJumbotron, OlKbd, OlLabel, OlListGroup, OlListGroupItem, OlLoadingOverlay, OlMenubar, OlModal, OlModalFooter, OlModalHeader, OlMonthView, OlNavDropdown, OlNavbar, OlNavbarItem, OlOtpInput, OlOverlayContainer, OlPagination, OlPopover, OlPopoverContent, OlPositioningService, OlProgress, OlProgressBarService, OlProgressBarTop, OlRadio, OlRange, OlRating, OlResizable, OlRichTextEditor, OlScrollArea, OlScrollspy, OlSegmented, OlSelect, OlSeparator, OlSidebar, OlSidebarGroup, OlSidebarItem, OlSidebarSubmenu, OlSkeleton, OlSpeedDial, OlSpeedDialItem, OlSpinner, OlStepItem, OlStepper, OlTabItem, OlTable, OlTableLoading, OlTableRow, OlTabs, OlTagInput, OlTextarea, OlTimeline, OlTimelineItem, OlTimepicker, OlToast, OlToastContainer, OlToastService, OlToggle, OlToggleGroup, OlToggleInput, OlTooltip, OlTooltipDirective, OlTree, OlTreeNodeItem, OlYearView, PICKER_ICON_RESERVE_START, WEEKDAYS_SHORT_EN, WEEKDAYS_SHORT_VI, boDau, cloneDate, detectFileKind, endOfDay, fieldLabelLayout, fieldSizeClasses, fileExtension, filesFromClipboard, formatDate, formatFileSize, generateMonthMatrix, generateMonthsMatrix, generateYearsMatrix, isBetween, isDateDisabled, isEditableTarget, isSameDay, isSameMonth, isSameYear, isToday, matchesAccept, multiValuePadY, parseDate, pasteShortcutLabel, provideOlIcons, startOfDay, stripDiacritics, toUploadFile, validateFiles };
-export type { AccordionVariant, AlertColor, AlertDialogTone, AlertLayout, AlertRounded, AlertType, AlertVariant, AppDevice, AppNavConfig, AppNavGroup, AppNavItem, AppNavUser, AppTheme, AutocompleteOption, AutocompleteSize, AutocompleteState, AvatarShape, AvatarSize, AvatarStatus, BadgeColor, BadgeShape, BadgeSize, BadgeTheme, BadgeType, BannerPosition, BannerVariant, BoxplotDataPoint, BreadcrumbItemStatus, BreadcrumbSeparator, BreadcrumbVariant, ButtonColor, ButtonGroupColor, ButtonGroupOrientation, ButtonGroupSize, ButtonSize, CardPadding, CardRadius, CardShadow, CardVariant, ChartDataPoint, ChartSeries, ChartType, ChatBubbleStatus, ChatSender, CheckboxSize, ChoiceControl, ChoiceControlPosition, ChoiceGroupLayout, ChoiceLayout, ChoiceShape, CommandGroup, CommandItem, DateCustomClass, DateRange, DatepickerPreset, DatepickerSelectionMode, DatepickerSize, DatepickerViewMode, DayCell, DeviceType, DrawerFooterLayout, DrawerPlacement, DrawerSize, DropdownAutoClose, DropdownPlacement, DropdownStateType, DropdownTrigger, EmptySize, FieldSize, FieldState, FileInputSize, FileItemVariant, FileKind, FileKindMeta, FileRejectReason, FileRejection, FileUploadMode, FileValidationResult, FileValidationRules, FloatingVariant, HeatmapData, HelperFeature, HelperRule, HelperSize, HelperState, IconColor, IconShapeColor, IconShapeSize, IconShapeType, IconSize, IconVariant, InputCounterSize, InputSize, InputState, JumbotronVariant, LabelPosition, ListGroupType, ModalFooterLayout, ModalPlacement, ModalSize, MonthCell, NavbarCollapseAt, NavbarDensity, OlAvatarStatusPosition, OlBottomNavPosition, OlButtonType, OlCheckboxRadioFormAlign, OlCheckboxRadioGroupRole, OlDateRangePickerVariant, OlFrameRounded, OlFrameSpacing, OlFrameVariant, OlGalleryGap, OlGalleryRatio, OlHelperType, OlIconStackSize, OlItemAlign, OlItemSize, OlMenubarItem, OlMenubarMenu, OlModalBackdrop, OlModalRole, OlPreviewImage, OlResizableDirection, OlScrollspyItem, OlScrollspyOrientation, OlSkeletonAnimation, OlSkeletonAspectRatio, OlSkeletonRounded, OlSkeletonType, OlSpeedDialTooltipPosition, OlTimepickerAddonType, OlToggleInputAlign, OlTreeNode, OlTreeNodeSelectionMode, OlTreeNodeToggleIcon, OlTreeSelectionMode, OlTreeToggleIcon, OlUploadFile, OtpInputSize, OverlayLayer, PaginationType, PaginationVariant, PopoverPlacement, PopoverTrigger, PositionedCoordinates, PositioningOptions, ProgressColor, ProgressLabelPosition, ProgressSize, RadarIndicator, RadioSize, RatingType, ScatterDataPoint, ScatterSeries, ScrollAreaAxis, ScrollAreaScrollbar, SegmentedColor, SegmentedOption, SegmentedSize, SelectOption, SelectSize, SelectState, SeparatorOrientation, SpeedDialAction, SpeedDialColor, SpeedDialDirection, SpeedDialTrigger, SpeedDialType, StepState, StepperBreakpoint, StepperOrientation, StepperVariant, TabsSize, TabsVariant, TagInputSize, TextareaState, TimeObject, TimepickerFormat, TimepickerSize, TimepickerState, Toast, ToastConfig, ToastPosition, ToggleColor, TogglePosition, ToggleSize, UploadStatus, YearCell };
+export { APP_NAV_DEFAULT_USER_ACTIONS, CHAT_BUBBLE_STATUS, FIELD_ASTERISK, FIELD_CLEAR_RESERVE_END, FIELD_DISABLED, FIELD_HEIGHT, FIELD_HELPER, FIELD_HELPER_GAP, FIELD_ICON_GAP, FIELD_ICON_RESERVE_END, FIELD_ICON_RESERVE_START, FIELD_LABEL, FIELD_LABEL_BESIDE, FIELD_LABEL_GAP, FIELD_MIN_HEIGHT, FIELD_PADDING_END, FIELD_PADDING_START, FIELD_PADDING_X, FIELD_RADIUS, FIELD_STATE, FIELD_TEXT, FILE_KIND_META, FLOAT_LABEL_START, MONTHS_FULL_EN, MONTHS_FULL_VI, MONTHS_SHORT_VI, OL_APP_NAV_TEMPLATES, OL_ICONS, OL_LOGO_FULL_COLOR, OL_LOGO_FULL_WHITE, OL_LOGO_MARK_COLOR, OL_LOGO_MARK_WHITE, OlAccordion, OlAccordionItem, OlAlert, OlAlertDialog, OlAppNav, OlAppNavFooterDef, OlAppNavHeaderDef, OlAppNavItemDef, OlAppNavLogoDef, OlAppNavUserDef, OlAppNavUserMenuDef, OlAspectRatio, OlAutocomplete, OlAvatar, OlAvatarGroup, OlBackdrop, OlBadge, OlBanner, OlBottomNav, OlBottomNavItem, OlBreadcrumb, OlBreadcrumbItem, OlButton, OlButtonGroup, OlCard, OlCarousel, OlCarouselSlide, OlChart, OlChatBubble, OlChatContainer, OlCheckbox, OlCheckboxRadioForm, OlCheckboxRadioGroup, OlClipboard, OlCollapse, OlCommand, OlDateRangePicker, OlDatepicker, OlDatepickerDirective, OlDatepickerFooter, OlDatepickerHeader, OlDatepickerPopup, OlDatepickerStateService, OlDayView, OlDeviceMockup, OlDownloadAppButton, OlDrawer, OlDrawerFooter, OlDrawerHeader, OlDropdown, OlDropdownHeader, OlDropdownItem, OlDropdownSearch, OlDropdownState, OlEmpty, OlFileDropzone, OlFileInput, OlFileItem, OlFileUpload, OlFocusTrapService, OlFooter, OlFrame, OlGallery, OlGalleryItem, OlHelper, OlIcon, OlIconService, OlIconShape, OlIconStack, OlImagePreview, OlInput, OlInputCounter, OlItem, OlJumbotron, OlKbd, OlLabel, OlListGroup, OlListGroupItem, OlLoadingOverlay, OlLogo, OlMenubar, OlModal, OlModalFooter, OlModalHeader, OlMonthView, OlNavDropdown, OlNavbar, OlNavbarItem, OlOtpInput, OlOverlayContainer, OlPagination, OlPopover, OlPopoverContent, OlPositioningService, OlProgress, OlProgressBarService, OlProgressBarTop, OlRadio, OlRange, OlRating, OlResizable, OlRichTextEditor, OlScrollArea, OlScrollspy, OlSegmented, OlSelect, OlSeparator, OlSidebar, OlSidebarGroup, OlSidebarItem, OlSidebarSubmenu, OlSkeleton, OlSpeedDial, OlSpeedDialItem, OlSpinner, OlStepItem, OlStepper, OlTabItem, OlTable, OlTableLoading, OlTableRow, OlTabs, OlTagInput, OlTextarea, OlTimeline, OlTimelineItem, OlTimepicker, OlToast, OlToastContainer, OlToastService, OlToggle, OlToggleGroup, OlToggleInput, OlTooltip, OlTooltipDirective, OlTree, OlTreeNodeItem, OlYearView, PICKER_ICON_RESERVE_START, WEEKDAYS_SHORT_EN, WEEKDAYS_SHORT_VI, boDau, cloneDate, detectFileKind, endOfDay, fieldLabelLayout, fieldSizeClasses, fileExtension, filesFromClipboard, formatDate, formatFileSize, generateMonthMatrix, generateMonthsMatrix, generateYearsMatrix, isBetween, isDateDisabled, isEditableTarget, isSameDay, isSameMonth, isSameYear, isToday, matchesAccept, multiValuePadY, parseDate, pasteShortcutLabel, provideOlIcons, startOfDay, stripDiacritics, toUploadFile, validateFiles };
+export type { AccordionVariant, AlertColor, AlertDialogTone, AlertLayout, AlertRounded, AlertType, AlertVariant, AppDevice, AppNavConfig, AppNavGroup, AppNavItem, AppNavItemContext, AppNavItemVariant, AppNavLayout, AppNavLogoContext, AppNavSlotContext, AppNavUser, AppNavUserAction, AppNavUserContext, AppNavUserMenuContext, AppTheme, AutocompleteOption, AutocompleteSize, AutocompleteState, AvatarShape, AvatarSize, AvatarStatus, BadgeColor, BadgeShape, BadgeSize, BadgeTheme, BadgeType, BannerPosition, BannerVariant, BoxplotDataPoint, BreadcrumbItemStatus, BreadcrumbSeparator, BreadcrumbVariant, ButtonColor, ButtonGroupColor, ButtonGroupOrientation, ButtonGroupSize, ButtonSize, CardPadding, CardRadius, CardShadow, CardVariant, ChartDataPoint, ChartSeries, ChartType, ChatBubbleStatus, ChatSender, CheckboxSize, ChoiceControl, ChoiceControlPosition, ChoiceGroupLayout, ChoiceLayout, ChoiceShape, CommandGroup, CommandItem, DateCustomClass, DateRange, DatepickerPreset, DatepickerSelectionMode, DatepickerSize, DatepickerViewMode, DayCell, DeviceType, DrawerFooterLayout, DrawerPlacement, DrawerSize, DropdownAutoClose, DropdownPlacement, DropdownStateType, DropdownTrigger, EmptySize, FieldSize, FieldState, FileInputSize, FileItemVariant, FileKind, FileKindMeta, FileRejectReason, FileRejection, FileUploadMode, FileValidationResult, FileValidationRules, FloatingVariant, HeatmapData, HelperFeature, HelperRule, HelperSize, HelperState, IconColor, IconShapeColor, IconShapeSize, IconShapeType, IconSize, IconVariant, InputCounterSize, InputSize, InputState, JumbotronVariant, LabelPosition, ListGroupType, LogoTone, LogoVariant, ModalFooterLayout, ModalPlacement, ModalSize, MonthCell, NavbarCollapseAt, NavbarDensity, OlAvatarStatusPosition, OlBottomNavPosition, OlButtonType, OlCheckboxRadioFormAlign, OlCheckboxRadioGroupRole, OlDateRangePickerVariant, OlFrameRounded, OlFrameSpacing, OlFrameVariant, OlGalleryGap, OlGalleryRatio, OlHelperType, OlIconStackSize, OlItemAlign, OlItemSize, OlLogoArt, OlMenubarItem, OlMenubarMenu, OlModalBackdrop, OlModalRole, OlPreviewImage, OlResizableDirection, OlScrollspyItem, OlScrollspyOrientation, OlSkeletonAnimation, OlSkeletonAspectRatio, OlSkeletonRounded, OlSkeletonType, OlSpeedDialTooltipPosition, OlTimepickerAddonType, OlToggleInputAlign, OlTreeNode, OlTreeNodeSelectionMode, OlTreeNodeToggleIcon, OlTreeSelectionMode, OlTreeToggleIcon, OlUploadFile, OtpInputSize, OverlayLayer, PaginationType, PaginationVariant, PopoverPlacement, PopoverTrigger, PositionedCoordinates, PositioningOptions, ProgressColor, ProgressLabelPosition, ProgressSize, RadarIndicator, RadioSize, RatingType, ScatterDataPoint, ScatterSeries, ScrollAreaAxis, ScrollAreaScrollbar, SegmentedColor, SegmentedOption, SegmentedSize, SegmentedVariant, SelectOption, SelectSize, SelectState, SeparatorOrientation, SpeedDialAction, SpeedDialColor, SpeedDialDirection, SpeedDialTrigger, SpeedDialType, StepState, StepperBreakpoint, StepperOrientation, StepperVariant, TabsSize, TabsVariant, TagInputSize, TextareaState, TimeObject, TimepickerFormat, TimepickerSize, TimepickerState, Toast, ToastConfig, ToastPosition, ToggleColor, TogglePosition, ToggleSize, UploadStatus, YearCell };
 //# sourceMappingURL=edmicro-olkit.d.ts.map