@kengcom202/kcore-ui 0.2.0 → 0.4.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kengcom202/kcore-ui",
-  "version": "0.2.0",
-  "description": "Angular UI กลาง: ช่องเลือกวันที่แบบ พ.ศ. และช่องเลือกเวลาแบบหน้าปัด และ dropdown ค้นหาได้ (ไม่พึ่งไลบรารีภายนอก)",
+  "version": "0.4.0",
+  "description": "Angular UI กลาง: ช่องเลือกวันที่แบบ พ.ศ., ช่องเลือกเวลาแบบหน้าปัด, dropdown ค้นหาได้, ตัวแก้ข้อความไทยที่คัดลอกจาก PDF และชุดหน้าเข้าสู่ระบบ/ลงทะเบียน/ข้อมูลส่วนตัว/config (ไม่พึ่งไลบรารีภายนอก)",
   "license": "UNLICENSED",
   "repository": {
     "type": "git",
@@ -12,8 +12,11 @@
     "access": "public"
   },
   "peerDependencies": {
+    "@angular/common": "^22.0.0",
     "@angular/core": "^22.0.0",
-    "@angular/forms": "^22.0.0"
+    "@angular/forms": "^22.0.0",
+    "@angular/router": "^22.0.0",
+    "rxjs": "^7.4.0"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/types/kengcom202-kcore-ui.d.ts

@@ -1,6 +1,8 @@
 import * as i0 from "@angular/core";
-import { ApplicationRef, ElementRef, EnvironmentInjector, NgZone, OnDestroy, Type } from "@angular/core";
+import { AfterContentInit, ApplicationRef, ElementRef, EnvironmentInjector, EnvironmentProviders, InjectionToken, NgZone, OnDestroy, OnInit, Type } from "@angular/core";
 import { ControlValueAccessor } from "@angular/forms";
+import { HttpInterceptorFn } from "@angular/common/http";
+import { CanActivateFn, Routes } from "@angular/router";
 /**
  * ช่องเลือกวันที่แบบไทย ใช้กับ <input type="text" appDatePicker formControlName="...">
  *  - ค่าใน form control เป็น ค.ศ. yyyy-MM-dd เสมอ (ตรงกับที่ API ใช้) ส่วนในช่องแสดงเป็น พ.ศ.
@@ -304,4 +306,518 @@ export declare class AnchoredPopup<T> {
   open(setup: (instance: T) => void): void;
   close(): void;
   position(): void;
+}
+/**
+ * แก้ข้อความไทยที่คัดลอกมาจาก PDF: แปลงรหัส PUA (□) กลับเป็นสระ/วรรณยุกต์,
+ * ลบช่องว่างที่แทรกหน้าสระบน/ล่าง/วรรณยุกต์ ("เชื ่อม") และรวม "ํา" (นิคหิต + สระอา) เป็น "ำ"
+ * ข้อความที่ไม่มีปัญหาคืนตามเดิม
+ */
+export declare function fixThaiText(text: string): string;
+/**
+ * แก้ข้อความไทยจาก PDF ตอนวาง (paste) ลงทุกช่อง input / textarea ของแอป — ใส่ใน app.config.ts ครั้งเดียว
+ *
+ * ```ts
+ * providers: [provideThaiPasteFix()]
+ * ```
+ *
+ * ถ้าข้อความไม่ต้องแก้จะปล่อยให้วางตามปกติ ถ้าต้องแก้จะวางข้อความที่แก้แล้วแทน
+ * ผ่าน execCommand('insertText') เพื่อให้ ngModel / formControl ได้ event input และ Ctrl+Z ย้อนได้
+ */
+export declare function provideThaiPasteFix(): EnvironmentProviders;
+/** ค่าที่โปรเจกต์ส่งให้ provideKcAuth() — ทุกค่ายกเว้น appName มีค่าเริ่มต้น */
+export interface KcAuthOptions {
+  /** ชื่อระบบ แสดงบนหน้าเข้าสู่ระบบ/ลงทะเบียน */
+  appName: string;
+  /** โลโก้บนหน้าเข้าสู่ระบบ/ลงทะเบียน เช่น 'images/logo.png' (ไม่ใส่ = ไม่แสดง) */
+  logoUrl?: string;
+  /** ต้นทางของ API ค่าเริ่มต้น '/api' — token แนบเฉพาะคำขอที่ขึ้นต้นด้วยค่านี้ */
+  apiBase?: string;
+  /** หน้าที่พาไปหลังเข้าสู่ระบบ (ถ้าไม่มี returnUrl) และหน้าที่ผู้ไม่ใช่ผู้ดูแลถูกพาไปจากหน้า config ค่าเริ่มต้น '/' */
+  homeUrl?: string;
+  /** เปิดปุ่ม SSO (OIDC เช่น Keycloak) — label คือชื่อที่แสดงบนปุ่ม ค่าเริ่มต้น 'SSO'; false/ไม่ใส่ = ปิด */
+  sso?: false | {
+    label?: string;
+  };
+  /**
+   * เข้าสู่ระบบด้วยชื่อผู้ใช้/รหัสผ่าน ค่าเริ่มต้น true — false = หน้าเข้าสู่ระบบมีแต่ปุ่ม SSO ตรงกลาง
+   * (มีผลเฉพาะเมื่อเปิด sso ไว้ ถ้าปิดทั้งคู่จะยังแสดงช่องรหัสผ่าน กันไม่ให้ไม่มีทางเข้าระบบ)
+   */
+  passwordLogin?: boolean;
+  /**
+   * การลงทะเบียนผู้ใช้ใหม่
+   *   'none' — ไม่เปิดให้สมัครเอง (ผู้ดูแลเพิ่มให้) — ค่าเริ่มต้น
+   *   'form' — กรอกฟอร์มเองที่ /register
+   *   'sso'  — ยืนยันตัวตนผ่าน SSO ก่อน แล้ว API ส่งตั๋วลงทะเบียนมาให้กรอกต่อที่ /register
+   */
+  register?: 'none' | 'form' | 'sso';
+  /** ชื่อเรียกหน่วยงานที่สังกัด เช่น 'หน่วยงาน', 'โรงพยาบาล', 'แผนก' ค่าเริ่มต้น 'หน่วยงาน' */
+  orgLabel?: string;
+  /** ค่า role ที่ถือว่าเป็นผู้ดูแล (เข้า kcAdminGuard ได้) ค่าเริ่มต้น ['admin'] */
+  adminRoles?: string[];
+  /** ความยาวรหัสผ่านขั้นต่ำ ค่าเริ่มต้น 4 */
+  passwordMinLength?: number;
+  /** คำอธิบายคอลัมน์ของแต่ละกลุ่มในหน้า kcllu เช่น { hospital: 'k_code = รหัสหน่วยงาน, k_name = ชื่อหน่วยงาน' } */
+  kclluHints?: Record<string, string>;
+}
+/** ค่าที่ใช้จริงหลังเติมค่าเริ่มต้น */
+export interface KcAuthConfig {
+  appName: string;
+  logoUrl: string;
+  apiBase: string;
+  homeUrl: string;
+  sso: {
+    label: string;
+  } | null;
+  passwordLogin: boolean;
+  register: 'none' | 'form' | 'sso';
+  orgLabel: string;
+  adminRoles: string[];
+  passwordMinLength: number;
+  kclluHints: Record<string, string>;
+}
+export declare const KC_AUTH_CONFIG: InjectionToken<KcAuthConfig>;
+/** path ของหน้าที่ไม่ต้องเข้าสู่ระบบ — kcAuthRoutes() สร้าง route ตามนี้ (ห้ามเปลี่ยน = major) */
+export declare const KC_AUTH_PATHS: {
+  readonly login: "/login";
+  readonly register: "/register";
+  readonly ssoCallback: "/sso-callback";
+};
+export declare function resolveKcAuthConfig(o: KcAuthOptions): KcAuthConfig;
+/**
+ * ตั้งค่าชุดหน้าบัญชีผู้ใช้ — ใส่ใน app.config.ts ครั้งเดียว คู่กับ kcAuthInterceptor
+ *   providers: [
+ *     provideHttpClient(withInterceptors([kcAuthInterceptor])),
+ *     provideKcAuth({ appName: 'ระบบ...', sso: { label: 'DMS SSO' }, register: 'sso' }),
+ *   ]
+ */
+export declare function provideKcAuth(options: KcAuthOptions): EnvironmentProviders;
+/** ผู้ใช้ที่เข้าสู่ระบบอยู่ (เก็บใน localStorage คู่กับ token) */
+export interface KcUser {
+  id: string;
+  username: string;
+  fullName: string;
+  role: string;
+  org: string;
+  orgName: string;
+}
+/** POST {api}/user/login → KcSession */
+export interface KcSession {
+  token: string;
+  user: KcUser;
+}
+/** GET {api}/user/sso/authorize-url */
+export interface KcSsoAuthorize {
+  url: string;
+  state: string;
+}
+/** POST {api}/user/sso/callback { code } */
+export type KcSsoCallbackResult = ({
+  mode: 'signed-in';
+} & KcSession) | {
+  mode: 'register';
+  ticket: string;
+};
+/** GET {api}/user/register-info[?ticket=] — ตั๋วจาก SSO ทำให้ได้ชื่อ-สกุล (และหน่วยงาน) ที่ยืนยันแล้ว */
+export interface KcRegisterInfo {
+  /** ชื่อ-สกุลจาก SSO — มีค่า = ช่องชื่อแก้ไม่ได้ */
+  fullName?: string;
+  /** เลขบัตรประชาชนจาก SSO — มีค่า = แสดงแบบอ่านอย่างเดียว */
+  cid?: string;
+  /** ข้อความแจ้งเหนือฟอร์ม เช่น "พบข้อมูลบุคลากรของท่านในระบบแล้ว แต่ยังไม่มีบัญชีผู้ใช้..." */
+  notice?: string;
+  org?: string;
+  /** true = หน่วยงานถูกกำหนดแล้ว (เช่นมีข้อมูลบุคคลเดิม) แก้ไม่ได้ */
+  orgLocked?: boolean;
+  /** หน่วยงานที่เลือกได้ — ว่าง = ระบบนี้ไม่ใช้หน่วยงาน (ซ่อนช่อง) */
+  orgs: SearchOption[];
+}
+/** POST {api}/user/register */
+export interface KcRegisterRequest {
+  ticket?: string;
+  fullName: string;
+  username: string;
+  password: string;
+  org: string;
+}
+/** มี token + user = เข้าใช้งานได้ทันที, ไม่มี = แสดง message (เช่น รอผู้ดูแลอนุมัติ) */
+export interface KcRegisterResult {
+  message?: string;
+  token?: string;
+  user?: KcUser;
+}
+/** GET {api}/user/me */
+export interface KcProfile {
+  username: string;
+  fullName: string;
+  org: string;
+  orgName: string;
+  email: string;
+  mobile: string;
+}
+/** PUT {api}/user/me — password ว่าง = ไม่เปลี่ยน */
+export interface KcProfileUpdate {
+  username: string;
+  email: string;
+  mobile: string;
+  password: string;
+}
+/** แถวในหน้า config ผู้ใช้ */
+export interface KcConfigUser {
+  id: string;
+  username: string;
+  fullName: string;
+  role: string;
+  active: boolean;
+  org: string;
+  orgName: string;
+  email: string;
+  mobile: string;
+  /** ข้อความที่ API จัดรูปแบบแล้ว (แสดงตรง ๆ) หรือ null */
+  lastLogin: string | null;
+}
+/** GET {api}/config/users */
+export interface KcConfigUsersResponse {
+  users: KcConfigUser[];
+  orgs: SearchOption[];
+  roles: SearchOption[];
+}
+/** PUT {api}/config/users/{id} — password ว่าง = ไม่เปลี่ยน */
+export interface KcConfigUserUpdate {
+  username: string;
+  password: string;
+  role: string;
+  active: boolean;
+  org: string;
+}
+/** GET {api}/config/kcllu/titles */
+export interface KclluTitle {
+  title: string;
+  count: number;
+  /** true = ดูได้อย่างเดียว (เช่นกลุ่ม menu) */
+  readOnly: boolean;
+}
+/** GET {api}/config/kcllu?title= — POST {api}/config/kcllu และ PUT {api}/config/kcllu/{id} ส่งรูปเดียวกัน (+ title) */
+export interface KclluRow {
+  /** k_ser — 0 = แถวใหม่ */
+  id: number;
+  code: string;
+  name: string;
+  name1: string;
+  value: string;
+  grp: string;
+  /** k_no เป็นข้อความตัวเลข ('' = ไม่ระบุ) */
+  no: string;
+  mark: string;
+  active: boolean;
+}
+/** คำตอบของ endpoint ที่บันทึกข้อมูล */
+export interface KcMessage {
+  message?: string;
+}
+/** ข้อความจาก API ({ message }) หรือข้อความสำรอง */
+export declare function kcErrorMessage(err: unknown, fallback: string): string;
+export declare const KC_SSO_STATE_KEY = "kc_sso_state";
+export declare const KC_SSO_TICKET_KEY = "kc_sso_ticket";
+export declare const KC_RETURN_URL_KEY = "kc_return_url";
+/** token เป็น JWT ที่มี exp และเลยเวลาแล้ว — token รูปแบบอื่นถือว่ายังไม่หมดอายุ (ให้ API ตัดสินด้วย 401) */
+export declare function kcTokenExpired(token: string, now?: number): boolean;
+/**
+ * session ของผู้ใช้ที่เข้าสู่ระบบ — เก็บ { token, user } ใน localStorage คีย์ kc_session
+ * แท็บอื่นเข้า/ออกจากระบบ แท็บนี้รู้ด้วย (event storage)
+ */
+export declare class KcAuthService {
+  private readonly config;
+  private readonly router;
+  private readonly win;
+  private readonly state;
+  readonly session: import("@angular/core").Signal<KcSession | null>;
+  readonly user: import("@angular/core").Signal<KcUser | null>;
+  readonly isAdmin: import("@angular/core").Signal<boolean>;
+  constructor();
+  /** มี session และ token ยังไม่หมดอายุ */
+  isLoggedIn(): boolean;
+  token(): string;
+  /** เริ่ม session ใหม่ (ล้างของผู้ใช้คนก่อนทั้งหมด) */
+  start(session: KcSession): void;
+  /** แก้ข้อมูลผู้ใช้ใน session เช่น หลังเปลี่ยนชื่อผู้ใช้ที่หน้าข้อมูลส่วนตัว */
+  updateUser(patch: Partial<KcUser>): void;
+  /** ล้าง session โดยไม่เปลี่ยนหน้า */
+  clear(): void;
+  /** ออกจากระบบแล้วไปหน้าเข้าสู่ระบบ */
+  logout(): Promise<boolean>;
+  /** url ที่ปลอดภัยสำหรับพากลับหลังเข้าสู่ระบบ — ต้องเป็น path ภายในแอป ไม่ใช่หน้า login/register */
+  safeReturnUrl(url: string | null | undefined): string;
+  setTemp(key: string, value: string): void;
+  getTemp(key: string): string;
+  /** อ่านแล้วลบทิ้ง */
+  takeTemp(key: string): string;
+  /** เปลี่ยนหน้าไป url ภายนอก (หน้า SSO) */
+  redirect(url: string): void;
+  private read;
+  private storage;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KcAuthService, never>;
+  static ɵprov: i0.ɵɵInjectableDeclaration<any>;
+}
+/** หน้าที่ต้องเข้าสู่ระบบก่อน — ไม่ได้เข้า = ไป /login?returnUrl=... */
+export declare const kcAuthGuard: CanActivateFn;
+/** หน้าเฉพาะผู้ดูแล (role อยู่ใน adminRoles) — ผู้ใช้ทั่วไปถูกพาไป homeUrl (API ต้องตรวจสิทธิ์ซ้ำเสมอ) */
+export declare const kcAdminGuard: CanActivateFn;
+/**
+ * แนบ Authorization: Bearer <token> กับคำขอที่ขึ้นต้นด้วย apiBase และถ้า API ตอบ 401 ให้ล้าง session
+ * แล้วกลับไปหน้าเข้าสู่ระบบ — ยกเว้นตอนอยู่หน้า login / register / sso-callback ที่ให้หน้านั้นแสดงข้อความเอง
+ * (เช่นรหัสผ่านผิด หรือตั๋วลงทะเบียนหมดอายุ)
+ */
+export declare const kcAuthInterceptor: HttpInterceptorFn;
+/**
+ * route ของหน้าที่ไม่ต้องเข้าสู่ระบบ (อยู่นอก layout ของโปรเจกต์) — ใส่ไว้บนสุดของ routes
+ *   export const routes: Routes = [
+ *     ...kcAuthRoutes(),
+ *     { path: '', component: MainLayoutComponent, children: [
+ *       { path: 'user/detail', component: KcProfileComponent, canActivate: [kcAuthGuard] },
+ *       { path: 'config/users', component: KcConfigUsersComponent, canActivate: [kcAdminGuard] },
+ *       { path: 'config/kcllu', component: KcConfigKclluComponent, canActivate: [kcAdminGuard] },
+ *     ] },
+ *   ];
+ * path ตรงกับ KC_AUTH_PATHS (login, register, sso-callback)
+ */
+export declare function kcAuthRoutes(): Routes;
+/**
+ * ครอบช่องรหัสผ่านเพื่อเพิ่มปุ่มรูปดวงตาท้ายช่อง กดสลับดู/ซ่อนรหัสที่พิมพ์
+ *   <kc-password><input class="kc-auth-input" type="password" formControlName="password" /></kc-password>
+ * ไม่ยุ่งกับค่าในฟอร์ม (ใช้ได้ทั้ง formControlName / ngModel) — แค่สลับ type ของ <input> ข้างใน
+ */
+export declare class KcPasswordToggleComponent implements AfterContentInit {
+  private readonly host;
+  protected readonly shown: import("@angular/core").WritableSignal<boolean>;
+  private input;
+  constructor();
+  ngAfterContentInit(): void;
+  protected toggle(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KcPasswordToggleComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KcPasswordToggleComponent, "kc-password", never, {}, {}, never, ["*"], true, never>;
+}
+/**
+ * หน้าเข้าสู่ระบบ (route /login จาก kcAuthRoutes())
+ *   ชื่อผู้ใช้/รหัสผ่าน → POST {api}/user/login → KcSession
+ *   ปุ่ม SSO (ถ้าเปิด) → GET {api}/user/sso/authorize-url → ไปหน้า SSO แล้วกลับมาที่ /sso-callback
+ * query: returnUrl = หน้าที่จะกลับไปหลังเข้าสู่ระบบ, expired=1 = แจ้งหมดเวลาการใช้งาน
+ * เนื้อหาที่ใส่ไว้ใน <kc-login>...</kc-login> แสดงท้ายการ์ด (เช่นเบอร์ติดต่อผู้ดูแล)
+ */
+export declare class KcLoginComponent implements OnInit {
+  protected readonly config: import("@kengcom202/kcore-ui").KcAuthConfig;
+  protected readonly paths: {
+    readonly login: "/login";
+    readonly register: "/register";
+    readonly ssoCallback: "/sso-callback";
+  };
+  private readonly auth;
+  private readonly http;
+  private readonly router;
+  private readonly route;
+  protected readonly busy: import("@angular/core").WritableSignal<"" | "sso" | "password">;
+  protected readonly message: import("@angular/core").WritableSignal<{
+    text: string;
+    error: boolean;
+  } | null>;
+  protected readonly form: import("@angular/forms").FormGroup<{
+    username: import("@angular/forms").FormControl<string>;
+    password: import("@angular/forms").FormControl<string>;
+  }>;
+  constructor();
+  private get returnUrl();
+  ngOnInit(): void;
+  protected submit(): void;
+  protected startSso(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KcLoginComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KcLoginComponent, "kc-login", never, {}, {}, never, ["*"], true, never>;
+}
+/**
+ * หน้าลงทะเบียนผู้ใช้ใหม่ (route /register) — รูปแบบตาม ictprocure: กล่องเดียว ช่องเรียงแถวเดียว
+ * ทำงานตาม register ใน provideKcAuth()
+ *   'sso'  — ต้องมาจาก /sso-callback พร้อมตั๋ว ชื่อ-สกุล / เลขบัตรประชาชน (และหน่วยงานถ้า orgLocked) มาจาก API แก้ไม่ได้
+ *   'form' — กรอกชื่อ-สกุลเอง
+ *   'none' — แจ้งว่าไม่เปิดให้ลงทะเบียน
+ * อีเมล / มือถือไม่ถามตอนลงทะเบียน — ผู้ใช้กรอกต่อที่หน้าบัญชีของฉัน
+ * GET {api}/user/register-info[?ticket=] → KcRegisterInfo, POST {api}/user/register ← KcRegisterRequest
+ */
+export declare class KcRegisterComponent implements OnInit {
+  protected readonly config: import("@kengcom202/kcore-ui").KcAuthConfig;
+  protected readonly paths: {
+    readonly login: "/login";
+    readonly register: "/register";
+    readonly ssoCallback: "/sso-callback";
+  };
+  protected readonly ssoLabel: string;
+  private readonly auth;
+  private readonly http;
+  private readonly router;
+  protected readonly loading: import("@angular/core").WritableSignal<boolean>;
+  /** พร้อมให้กรอก (โหลดข้อมูลสำเร็จ และโหมดเปิดให้ลงทะเบียน) */
+  protected readonly ready: import("@angular/core").WritableSignal<boolean>;
+  protected readonly saving: import("@angular/core").WritableSignal<boolean>;
+  protected readonly error: import("@angular/core").WritableSignal<string>;
+  /** ข้อความหลังลงทะเบียนสำเร็จ — มีค่า = ซ่อนฟอร์มกันกดส่งซ้ำ */
+  protected readonly done: import("@angular/core").WritableSignal<string>;
+  protected readonly notice: import("@angular/core").WritableSignal<string>;
+  protected readonly fromSso: import("@angular/core").WritableSignal<boolean>;
+  protected readonly cid: import("@angular/core").WritableSignal<string>;
+  protected readonly orgs: import("@angular/core").WritableSignal<SearchOption[]>;
+  protected readonly orgLocked: import("@angular/core").WritableSignal<boolean>;
+  private readonly lockedOrg;
+  protected readonly orgName: import("@angular/core").Signal<string>;
+  protected readonly form: import("@angular/forms").FormGroup<{
+    fullName: import("@angular/forms").FormControl<string>;
+    org: import("@angular/forms").FormControl<string>;
+    username: import("@angular/forms").FormControl<string>;
+    password: import("@angular/forms").FormControl<string>;
+    confirmPassword: import("@angular/forms").FormControl<string>;
+  }>;
+  protected ticket: string;
+  constructor();
+  ngOnInit(): void;
+  protected submit(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KcRegisterComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KcRegisterComponent, "kc-register", never, {}, {}, never, never, true, never>;
+}
+/**
+ * หน้ารับ redirect กลับจาก SSO (route /sso-callback) — path นี้ต้องตรงกับ redirect_uri ที่ API ส่งให้ SSO
+ * และที่ลงทะเบียนไว้กับ SSO server
+ *   ?code=&state= → ตรวจ state → POST {api}/user/sso/callback { code }
+ *     signed-in → เริ่ม session แล้วกลับหน้าเดิม / homeUrl
+ *     register  → เก็บตั๋วไว้ใน sessionStorage แล้วไป /register
+ *   ไม่มี code (เช่นเปิดจากเมนูของ SSO portal) → เริ่ม flow ใหม่เอง
+ */
+export declare class KcSsoCallbackComponent implements OnInit {
+  private readonly config;
+  private readonly auth;
+  private readonly http;
+  private readonly route;
+  private readonly router;
+  protected readonly paths: {
+    readonly login: "/login";
+    readonly register: "/register";
+    readonly ssoCallback: "/sso-callback";
+  };
+  protected readonly label: string;
+  protected readonly message: import("@angular/core").WritableSignal<string>;
+  protected readonly failed: import("@angular/core").WritableSignal<boolean>;
+  constructor();
+  ngOnInit(): void;
+  private fail;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KcSsoCallbackComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KcSsoCallbackComponent, "kc-sso-callback", never, {}, {}, never, never, true, never>;
+}
+/**
+ * หน้า "บัญชีของฉัน" (user/detail) — รูปแบบตาม ictprocure: กล่องเดียวกลางหน้า ช่องเรียงแถวเดียว
+ * วางใน layout ของโปรเจกต์พร้อม canActivate: [kcAuthGuard]
+ * ชื่อ-สกุลและหน่วยงานแสดงอย่างเดียว (หน่วยงานกำหนดสิทธิ์การเห็นข้อมูล ย้ายได้โดยผู้ดูแลที่หน้า config)
+ * แก้ได้: อีเมล มือถือ ชื่อผู้ใช้ รหัสผ่าน — เปลี่ยนรหัสผ่านไม่ต้องกรอกรหัสเดิม เว้นว่าง = ไม่เปลี่ยน
+ * GET {api}/user/me → KcProfile, PUT {api}/user/me ← KcProfileUpdate
+ */
+export declare class KcProfileComponent implements OnInit {
+  protected readonly config: import("@kengcom202/kcore-ui").KcAuthConfig;
+  private readonly auth;
+  private readonly http;
+  protected readonly loading: import("@angular/core").WritableSignal<boolean>;
+  /** โหลดข้อมูลไม่สำเร็จ — ไม่แสดงฟอร์ม (กันบันทึกค่าว่างทับของเดิม) */
+  protected readonly loadFailed: import("@angular/core").WritableSignal<boolean>;
+  protected readonly saving: import("@angular/core").WritableSignal<boolean>;
+  protected readonly error: import("@angular/core").WritableSignal<string>;
+  protected readonly success: import("@angular/core").WritableSignal<string>;
+  protected readonly fullName: import("@angular/core").WritableSignal<string>;
+  protected readonly orgName: import("@angular/core").WritableSignal<string>;
+  protected readonly form: import("@angular/forms").FormGroup<{
+    email: import("@angular/forms").FormControl<string>;
+    mobile: import("@angular/forms").FormControl<string>;
+    username: import("@angular/forms").FormControl<string>;
+    password: import("@angular/forms").FormControl<string>;
+    confirmPassword: import("@angular/forms").FormControl<string>;
+  }>;
+  constructor();
+  ngOnInit(): void;
+  /** ช่องนี้ผิดและผู้ใช้แตะแล้ว — แสดงข้อความใต้ช่อง */
+  protected bad(name: 'email' | 'mobile' | 'username'): boolean;
+  protected submit(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KcProfileComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KcProfileComponent, "kc-profile", never, {}, {}, never, never, true, never>;
+}
+interface UserEdit extends KcConfigUserUpdate {
+  id: string;
+  fullName: string;
+  confirmPassword: string;
+}
+/**
+ * หน้า config › ผู้ใช้งานระบบ (เฉพาะผู้ดูแล) — วางใน layout ของโปรเจกต์พร้อม canActivate: [kcAdminGuard]
+ * ค้นหา แล้วคลิกแถวเพื่อแก้ ชื่อผู้ใช้ / ระดับผู้ใช้ / สถานะ / หน่วยงาน / ตั้งรหัสผ่านใหม่
+ * ไม่มีการลบ — ใช้ "ระงับการใช้งาน" แทน และแก้ระดับ/สถานะของตัวเองไม่ได้ (กันผู้ดูแลล็อกตัวเองออก)
+ * GET {api}/config/users → { users, orgs, roles }, PUT {api}/config/users/{id} ← KcConfigUserUpdate
+ */
+export declare class KcConfigUsersComponent implements OnInit {
+  protected readonly config: import("@kengcom202/kcore-ui").KcAuthConfig;
+  private readonly auth;
+  private readonly http;
+  protected readonly users: import("@angular/core").WritableSignal<KcConfigUser[]>;
+  protected readonly orgs: import("@angular/core").WritableSignal<SearchOption[]>;
+  protected readonly roles: import("@angular/core").WritableSignal<SearchOption[]>;
+  protected readonly loading: import("@angular/core").WritableSignal<boolean>;
+  protected readonly saving: import("@angular/core").WritableSignal<boolean>;
+  protected readonly error: import("@angular/core").WritableSignal<string>;
+  protected readonly success: import("@angular/core").WritableSignal<string>;
+  protected readonly editError: import("@angular/core").WritableSignal<string>;
+  protected readonly search: import("@angular/core").WritableSignal<string>;
+  protected readonly editing: import("@angular/core").WritableSignal<UserEdit | null>;
+  protected readonly myId: import("@angular/core").Signal<string>;
+  /** ตัวเลือกหน่วยงานในป็อปอัป — มี "ไม่ระบุ" ไว้ล้างค่า */
+  protected readonly orgOptions: import("@angular/core").Signal<SearchOption[]>;
+  protected readonly filtered: import("@angular/core").Signal<KcConfigUser[]>;
+  constructor();
+  ngOnInit(): void;
+  protected load(): void;
+  protected roleName(role: string): string;
+  protected hasRole(role: string): boolean;
+  protected edit(u: KcConfigUser): void;
+  protected close(): void;
+  protected save(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KcConfigUsersComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KcConfigUsersComponent, "kc-config-users", never, {}, {}, never, never, true, never>;
+}
+/**
+ * หน้า config › ข้อมูลอ้างอิง (ตาราง kcllu) เฉพาะผู้ดูแล — วางใน layout ของโปรเจกต์พร้อม canActivate: [kcAdminGuard]
+ * เลือกกลุ่ม (k_title) แล้วคลิกแถวเพื่อแก้ / ปุ่มเพิ่มข้อมูล — ไม่มีการลบ ใช้ "ปิดใช้งาน" แทน
+ * กลุ่มที่ API ตอบ readOnly (เช่น menu) ดูได้อย่างเดียว
+ * คำอธิบายคอลัมน์ของแต่ละกลุ่มตั้งที่ provideKcAuth({ kclluHints })
+ *   GET  {api}/config/kcllu/titles → KclluTitle[]
+ *   GET  {api}/config/kcllu?title= → KclluRow[]
+ *   POST {api}/config/kcllu / PUT {api}/config/kcllu/{id} ← KclluRow + title
+ */
+export declare class KcConfigKclluComponent implements OnInit {
+  private readonly config;
+  private readonly http;
+  private readonly api;
+  protected readonly titles: import("@angular/core").WritableSignal<KclluTitle[]>;
+  protected readonly title: import("@angular/core").WritableSignal<string>;
+  protected readonly rows: import("@angular/core").WritableSignal<KclluRow[]>;
+  protected readonly loading: import("@angular/core").WritableSignal<boolean>;
+  protected readonly saving: import("@angular/core").WritableSignal<boolean>;
+  protected readonly showInactive: import("@angular/core").WritableSignal<boolean>;
+  protected readonly error: import("@angular/core").WritableSignal<string>;
+  protected readonly success: import("@angular/core").WritableSignal<string>;
+  protected readonly editError: import("@angular/core").WritableSignal<string>;
+  /** แถวที่กำลังแก้ — id 0 = เพิ่มใหม่ */
+  protected readonly editing: import("@angular/core").WritableSignal<KclluRow | null>;
+  protected readonly titleOptions: import("@angular/core").Signal<SearchOption[]>;
+  protected readonly readOnly: import("@angular/core").Signal<boolean>;
+  protected readonly hint: import("@angular/core").Signal<string>;
+  protected readonly visibleRows: import("@angular/core").Signal<KclluRow[]>;
+  constructor();
+  ngOnInit(): void;
+  private loadTitles;
+  protected select(title: string): void;
+  private loadRows;
+  protected add(): void;
+  protected edit(row: KclluRow): void;
+  protected close(): void;
+  protected save(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KcConfigKclluComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KcConfigKclluComponent, "kc-config-kcllu", never, {}, {}, never, never, true, never>;
 }