@kengcom202/kcore-ui 0.5.0 → 0.7.0

package/README.md

@@ -8,7 +8,7 @@ Angular 22 UI กลาง — ไม่พึ่งไลบรารีภา
 - `<app-search-select>` — dropdown พิมพ์ค้นหาได้ ค่าเป็น `value` ของ `SearchOption` (`''` = ไม่ระบุ) ปรับสีด้วย `--kc-ss-*`
 - `provideThaiPasteFix()` — ใส่ใน `app.config.ts` ครั้งเดียว แก้ข้อความไทยที่คัดลอกจาก PDF (□ แทนวรรณยุกต์, ช่องว่างหน้าวรรณยุกต์, "ํา") ตอนวางลงทุกช่อง
 - หน้าบัญชีผู้ใช้กลาง — `provideKcAuth({...})` + `kcAuthInterceptor` + `kcAuthRoutes()` (`/login`, `/register`, `/sso-callback`, `/thaid-callback`) — ปุ่ม SSO (`sso`) และ ThaiD (`thaid` เข้าสู่ระบบอย่างเดียว)
-  และ `<kc-profile>`, `<kc-config-users>`, `<kc-config-kcllu>` คู่กับ `kcAuthGuard` / `kcAdminGuard`, `KcAuthService` — API ต้องทำ endpoint ตามสัญญาใน README ของรีโป kcore
+  และ `<kc-profile>`, `<kc-config-users>`, `<kc-config-kcllu>` คู่กับ `kcAuthGuard` / `kcAdminGuard`, `KcAuthService` — API ต้องทำ endpoint ตามสัญญาใน `README_NPM.md` ของรีโป kcore
 - utils: `toBuddhistText`, `toChristianText`, `parseDate`, `formatDate`, `fixThaiText`
 
 ```ts

package/fesm2022/kengcom202-kcore-ui.mjs

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
-import { ApplicationRef, CSP_NONCE, Component, DOCUMENT, DestroyRef, Directive, ElementRef, EnvironmentInjector, Injectable, InjectionToken, NgZone, ViewChild, ViewEncapsulation, computed, createComponent, forwardRef, inject, input, makeEnvironmentProviders, provideEnvironmentInitializer, signal } from "@angular/core";
+import { ApplicationRef, CSP_NONCE, Component, DOCUMENT, DestroyRef, Directive, ElementRef, EnvironmentInjector, Injectable, InjectionToken, NgZone, ViewChild, ViewEncapsulation, computed, createComponent, effect, forwardRef, inject, input, makeEnvironmentProviders, provideEnvironmentInitializer, signal, untracked } from "@angular/core";
 import * as i1 from "@angular/forms";
 import { FormBuilder, FormsModule, NG_VALUE_ACCESSOR, ReactiveFormsModule, Validators } from "@angular/forms";
 import { HttpClient, HttpErrorResponse } from "@angular/common/http";
@@ -1409,6 +1409,7 @@ function resolveKcAuthConfig(o) {
 		thaid: o.thaid ? { label: o.thaid.label || "ThaiD" } : null,
 		passwordLogin: o.passwordLogin !== false || !o.sso && !o.thaid,
 		register: o.register ?? "none",
+		profileOrgChange: o.profileOrgChange === true,
 		orgLabel: o.orgLabel || "หน่วยงาน",
 		adminRoles: o.adminRoles ?? ["admin"],
 		passwordMinLength: o.passwordMinLength ?? 4,
@@ -1609,6 +1610,8 @@ const kcAuthInterceptor = (req, next) => {
 const STYLE_ID = "kcore-auth-styles";
 const AUTH_CSS = `
 .kc-auth-screen, .kc-auth-page, .kc-auth-modal-bg {
+  /* ค่าเริ่มต้นใช้ฟอนต์ของเว็บ — เว็บที่ body ใช้ฟอนต์เฉพาะทาง (เช่น TH Sarabun ของหน้าพิมพ์) ตั้งฟอนต์ของหน้าชุดนี้แยกได้ */
+  font-family: var(--kc-auth-font-family, inherit);
   font-size: var(--kc-auth-font-size, 14px);
   color: var(--kc-auth-text, #3a2a3a);
   line-height: 1.5;
@@ -1617,6 +1620,8 @@ const AUTH_CSS = `
 
 /* ---- หน้าเต็มจอ (login / register / sso-callback) ---- */
 .kc-auth-screen {
+  /* border-box: padding อยู่ใน 100vh — ไม่งั้นสูงเกินจอ 48px และมี scrollbar ทั้งที่เนื้อหาน้อย */
+  box-sizing: border-box;
   min-height: 100vh;
   display: flex;
   align-items: center;
@@ -1626,16 +1631,23 @@ const AUTH_CSS = `
 }
 .kc-auth-card {
   width: 100%;
-  max-width: 380px;
-  padding: 28px 28px 24px;
+  max-width: var(--kc-auth-card-width, 380px);
+  /* ขนาดกรอบของหน้าเต็มจอปรับได้ เช่น สูง 80vh แล้วขยายตัวอักษร/ช่องกรอก/โลโก้ตามความสูงจอ — ค่าเริ่มต้น = ขนาดเดิม */
+  min-height: var(--kc-auth-card-height, auto);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: var(--kc-auth-card-padding, 28px 28px 24px);
+  font-size: var(--kc-auth-card-font-size, inherit);
   background: var(--kc-auth-bg, #fff);
   border: 1px solid var(--kc-auth-border, #f3e1f3);
   border-radius: var(--kc-auth-radius, 14px);
   box-shadow: 0 12px 36px rgba(204, 102, 204, 0.12);
 }
-.kc-auth-card.wide { max-width: 560px; }
+.kc-auth-card.wide { max-width: var(--kc-auth-card-wide-width, 560px); }
 .kc-auth-card.center { text-align: center; }
-.kc-auth-logo { display: block; max-height: 72px; max-width: 100%; margin: 0 auto 12px; }
+.kc-auth-card .kc-auth-input, .kc-auth-card .kc-auth-btn { height: var(--kc-auth-card-input-height, var(--kc-auth-input-height, 40px)); }
+.kc-auth-logo { display: block; max-height: var(--kc-auth-logo-height, 72px); max-width: 100%; margin: 0 auto 12px; }
 .kc-auth-title { margin: 0; font-size: 1.35em; font-weight: 600; text-align: center; }
 .kc-auth-subtitle { margin: 4px 0 20px; color: var(--kc-auth-muted, #806f80); text-align: center; }
 .kc-auth-footer { margin: 18px 0 0; text-align: center; color: var(--kc-auth-muted, #806f80); font-size: 0.93em; }
@@ -1698,6 +1710,8 @@ const AUTH_CSS = `
 .kc-auth-pw > .kc-auth-input { padding-right: 42px; }
 .kc-auth-pw > input::-ms-reveal, .kc-auth-pw > input::-ms-clear { display: none; }
 .kc-auth-pw-toggle {
+  /* <button> ไม่รับขนาดตัวอักษรจากแม่ (browser ตั้ง ~13px) — ต้อง inherit ไม่งั้นขนาด em ของไอคอนไม่ขยายตามกรอบ */
+  font: inherit;
   position: absolute;
   top: 50%;
   right: 5px;
@@ -1726,6 +1740,20 @@ const AUTH_CSS = `
   --kc-ss-border: var(--kc-auth-input-border, #e9cde9);
   --kc-ss-text: var(--kc-auth-text, #3a2a3a);
 }
+.kc-auth-card .kc-auth-field .kc-ss { --kc-ss-height: var(--kc-auth-card-input-height, var(--kc-auth-input-height, 40px)); }
+/* ในกรอบหน้าเต็มจอ ขนาดย่อยทั้งหมดเป็น em ของตัวอักษรในกรอบ (= px เดิมที่ 14px) — ตั้ง --kc-auth-card-font-size
+   แล้วไอคอน ระยะห่าง และ padding ขยาย/หดตามสัดส่วนเดียวกัน */
+.kc-auth-card .kc-auth-logo { margin-bottom: 0.86em; }
+.kc-auth-card .kc-auth-subtitle { margin: 0.3em 0 1.43em; }
+.kc-auth-card .kc-auth-footer { margin-top: 1.3em; }
+.kc-auth-card .kc-auth-field { gap: 0.3em; margin-bottom: 0.86em; }
+.kc-auth-card .kc-auth-input { padding: 0 0.72em; border-radius: 0.57em; }
+.kc-auth-card .kc-auth-pw > .kc-auth-input { padding-right: 3em; }
+.kc-auth-card .kc-auth-pw-toggle { right: 0.36em; width: 2.3em; height: 2.3em; border-radius: 0.43em; }
+.kc-auth-card .kc-auth-pw-toggle svg { width: 1.36em; height: 1.36em; }
+.kc-auth-card .kc-auth-btn { padding: 0 1.15em; border-radius: 0.57em; gap: 0.43em; }
+.kc-auth-card .kc-auth-btn-row { gap: 0.72em; margin-top: 0.43em; }
+.kc-auth-card .kc-auth-alert { padding: 0.72em 0.86em; margin-bottom: 1em; border-radius: 0.43em; }
 .kc-auth-value { padding: 8px 0; }
 .kc-auth-field-error { color: var(--kc-auth-danger, #c62828); font-size: 0.86em; }
 .kc-auth-hint { margin: 2px 0 0; color: var(--kc-auth-muted, #806f80); font-size: 0.86em; }
@@ -1776,6 +1804,7 @@ const AUTH_CSS = `
 /* ปิดรหัสผ่าน: ปุ่ม SSO ปุ่มเดียวตรงกลาง */
 .kc-auth-sso-only { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 8px 0 4px; }
 .kc-auth-sso-only > .kc-auth-btn { min-width: 75%; height: 46px; padding: 0 24px; font-size: 1.05em; }
+.kc-auth-card .kc-auth-sso-only > .kc-auth-btn { height: calc(var(--kc-auth-card-input-height, var(--kc-auth-input-height, 40px)) * 1.15); padding: 0 1.7em; }
 .kc-auth-btn.block { display: flex; width: 100%; }
 .kc-auth-btn.sm { height: 30px; padding: 0 10px; font-size: 0.93em; }
 .kc-auth-link { color: var(--kc-auth-accent, #a23ea2); text-decoration: none; cursor: pointer; }
@@ -2229,6 +2258,8 @@ var KcLoginComponent = class KcLoginComponent {
         <p class="kc-auth-footer">ยังไม่มีบัญชี? <a class="kc-auth-link" [routerLink]="paths.register">ลงทะเบียน</a></p>
         } @else if (config.register === 'sso' && config.sso && methods().sso) {
         <p class="kc-auth-footer">ผู้ใช้ใหม่ กดปุ่ม {{ config.sso.label }} เพื่อลงทะเบียน</p>
+        } @else if (config.register === 'thaid' && config.thaid && methods().thaid) {
+        <p class="kc-auth-footer">ผู้ใช้ใหม่ กดปุ่ม {{ config.thaid.label }} เพื่อลงทะเบียน</p>
         }
         <ng-content />
       </div>
@@ -2377,6 +2408,8 @@ i0.ɵɵngDeclareClassMetadata({
         <p class="kc-auth-footer">ยังไม่มีบัญชี? <a class="kc-auth-link" [routerLink]="paths.register">ลงทะเบียน</a></p>
         } @else if (config.register === 'sso' && config.sso && methods().sso) {
         <p class="kc-auth-footer">ผู้ใช้ใหม่ กดปุ่ม {{ config.sso.label }} เพื่อลงทะเบียน</p>
+        } @else if (config.register === 'thaid' && config.thaid && methods().thaid) {
+        <p class="kc-auth-footer">ผู้ใช้ใหม่ กดปุ่ม {{ config.thaid.label }} เพื่อลงทะเบียน</p>
         }
         <ng-content />
       </div>
@@ -2409,7 +2442,7 @@ function kcContactProblem(email, mobile) {
 var KcRegisterComponent = class KcRegisterComponent {
 	config = inject(KC_AUTH_CONFIG);
 	paths = KC_AUTH_PATHS;
-	ssoLabel = this.config.sso?.label ?? "SSO";
+	ssoLabel = this.config.register === "thaid" ? this.config.thaid?.label ?? "ThaiD" : this.config.sso?.label ?? "SSO";
 	auth = inject(KcAuthService);
 	http = inject(HttpClient);
 	router = inject(Router);
@@ -2442,7 +2475,7 @@ var KcRegisterComponent = class KcRegisterComponent {
 			this.error.set("ระบบนี้ไม่เปิดให้ลงทะเบียนเอง กรุณาติดต่อผู้ดูแลระบบ");
 			return;
 		}
-		if (mode === "sso") {
+		if (mode === "sso" || mode === "thaid") {
 			this.ticket = this.auth.getTemp(KC_SSO_TICKET_KEY);
 			if (!this.ticket) {
 				this.error.set(`ยังไม่ได้ยืนยันตัวตน กรุณากลับไปกด "เข้าสู่ระบบด้วย ${this.ssoLabel}" ที่หน้าเข้าสู่ระบบก่อน`);
@@ -2830,13 +2863,7 @@ var KcExternalCallbackBase = class KcExternalCallbackBase {
 		}
 		if (!code) {
 			this.message.set(`กำลังเชื่อมต่อกับ ${this.label}...`);
-			this.http.get(`${this.config.apiBase}/user/${this.endpoint}/authorize-url`).subscribe({
-				next: ({ url, state }) => {
-					this.auth.setTemp(this.stateKey, state);
-					this.auth.redirect(url);
-				},
-				error: () => this.fail(`ไม่สามารถเชื่อมต่อ ${this.label} ได้ กรุณาเริ่มเข้าสู่ระบบใหม่`)
-			});
+			this.startFlow(this.endpoint, this.stateKey, this.label);
 			return;
 		}
 		if (!expectedState || expectedState !== params.get("state")) {
@@ -2845,6 +2872,20 @@ var KcExternalCallbackBase = class KcExternalCallbackBase {
 		}
 		this.exchange(code);
 	}
+	startFlow(endpoint, stateKey, label) {
+		this.http.get(`${this.config.apiBase}/user/${endpoint}/authorize-url`).subscribe({
+			next: ({ url, state }) => {
+				this.auth.setTemp(stateKey, state);
+				this.auth.redirect(url);
+			},
+			error: () => this.fail(`ไม่สามารถเชื่อมต่อ ${label} ได้ กรุณาเริ่มเข้าสู่ระบบใหม่`)
+		});
+	}
+	toRegister(ticket) {
+		this.auth.setTemp(KC_SSO_TICKET_KEY, ticket);
+		this.message.set("ยังไม่มีบัญชีในระบบ กำลังไปหน้าลงทะเบียน...");
+		this.router.navigateByUrl(KC_AUTH_PATHS.register, { replaceUrl: true });
+	}
 	signIn(session) {
 		this.auth.start(session);
 		this.router.navigateByUrl(this.auth.safeReturnUrl(this.auth.takeTemp(KC_RETURN_URL_KEY)), { replaceUrl: true });
@@ -2892,9 +2933,13 @@ var KcSsoCallbackComponent = class KcSsoCallbackComponent extends KcExternalCall
 					return;
 				}
 				if (res.mode === "register" && res.ticket) {
-					this.auth.setTemp(KC_SSO_TICKET_KEY, res.ticket);
-					this.message.set("ยังไม่มีบัญชีในระบบ กำลังไปหน้าลงทะเบียน...");
-					this.router.navigateByUrl(KC_AUTH_PATHS.register, { replaceUrl: true });
+					this.toRegister(res.ticket);
+					return;
+				}
+				if (res.mode === "thaid" && this.config.register === "thaid" && this.config.thaid) {
+					const thaid = this.config.thaid.label;
+					this.message.set(`ไม่พบบัญชีผู้ใช้ในระบบ กำลังไปยืนยันตัวตนด้วย ${thaid} เพื่อลงทะเบียน...`);
+					this.startFlow("thaid", KC_THAID_STATE_KEY, thaid);
 					return;
 				}
 				this.fail("ไม่สามารถเข้าสู่ระบบได้ กรุณาลองใหม่อีกครั้ง");
@@ -2962,7 +3007,17 @@ var KcThaidCallbackComponent = class KcThaidCallbackComponent extends KcExternal
 	stateKey = KC_THAID_STATE_KEY;
 	exchange(code) {
 		this.http.post(`${this.config.apiBase}/user/thaid/callback`, { code }).subscribe({
-			next: (res) => res?.token && res.user ? this.signIn(res) : this.fail("ไม่สามารถเข้าสู่ระบบได้ กรุณาลองใหม่อีกครั้ง"),
+			next: (res) => {
+				if (res && "token" in res && res.token && res.user) {
+					this.signIn(res);
+					return;
+				}
+				if (res && "mode" in res && res.mode === "register" && res.ticket && this.config.register === "thaid") {
+					this.toRegister(res.ticket);
+					return;
+				}
+				this.fail("ไม่สามารถเข้าสู่ระบบได้ กรุณาลองใหม่อีกครั้ง");
+			},
 			error: (err) => this.fail(kcErrorMessage(err, `ไม่สามารถเข้าสู่ระบบผ่าน ${this.label} ได้`))
 		});
 	}
@@ -3055,10 +3110,12 @@ var KcProfileComponent = class KcProfileComponent {
 	success = signal("", ...ngDevMode ? [{ debugName: "success" }] : /* istanbul ignore next */ []);
 	fullName = signal("", ...ngDevMode ? [{ debugName: "fullName" }] : /* istanbul ignore next */ []);
 	orgName = signal("", ...ngDevMode ? [{ debugName: "orgName" }] : /* istanbul ignore next */ []);
+	orgs = signal([], ...ngDevMode ? [{ debugName: "orgs" }] : /* istanbul ignore next */ []);
 	form = inject(FormBuilder).nonNullable.group({
 		email: ["", [Validators.required, Validators.email]],
 		mobile: ["", [Validators.required, Validators.pattern(/^0\d{9}$/)]],
 		username: ["", [Validators.required, Validators.pattern(/^\S+$/)]],
+		org: [""],
 		password: [""],
 		confirmPassword: [""]
 	});
@@ -3070,10 +3127,12 @@ var KcProfileComponent = class KcProfileComponent {
 			next: (me) => {
 				this.fullName.set(me.fullName);
 				this.orgName.set(me.orgName || me.org);
+				if (this.config.profileOrgChange && me.orgs?.length) this.orgs.set(me.orgs);
 				this.form.patchValue({
 					email: me.email ?? "",
 					mobile: me.mobile ?? "",
-					username: me.username ?? ""
+					username: me.username ?? "",
+					org: me.org ?? ""
 				});
 				this.loading.set(false);
 			},
@@ -3093,7 +3152,7 @@ var KcProfileComponent = class KcProfileComponent {
 		this.success.set("");
 		this.form.markAllAsTouched();
 		const v = this.form.getRawValue();
-		const problem = kcContactProblem(v.email, v.mobile) || kcUsernameProblem(v.username) || kcPasswordProblem(v.password, v.confirmPassword, this.config.passwordMinLength, false);
+		const problem = kcContactProblem(v.email, v.mobile) || kcUsernameProblem(v.username) || kcPasswordProblem(v.password, v.confirmPassword, this.config.passwordMinLength, false) || (this.orgs().length && !v.org ? `กรุณาเลือก${this.config.orgLabel}ที่สังกัด` : "");
 		this.error.set(problem);
 		if (problem) return;
 		const body = {
@@ -3102,6 +3161,7 @@ var KcProfileComponent = class KcProfileComponent {
 			mobile: v.mobile.trim(),
 			password: v.password
 		};
+		if (this.orgs().length) body.org = v.org;
 		this.saving.set(true);
 		this.http.put(`${this.config.apiBase}/user/me`, body).subscribe({
 			next: (res) => {
@@ -3150,11 +3210,19 @@ var KcProfileComponent = class KcProfileComponent {
             <input class="kc-auth-input" type="text" [value]="fullName()" disabled />
           </label>
 
+          @if (orgs().length) {
+          <div class="kc-auth-field">
+            <label class="kc-auth-label" for="kc-profile-org">{{ config.orgLabel }}ที่สังกัด <span class="req">*</span></label>
+            <app-search-select inputId="kc-profile-org" [options]="orgs()" formControlName="org"
+              [placeholder]="'-- เลือก' + config.orgLabel + 'ที่สังกัด --'" />
+          </div>
+          } @else {
           <label class="kc-auth-field">
             <span>{{ config.orgLabel }}ที่สังกัด</span>
             <input class="kc-auth-input" type="text" [value]="orgName()" disabled />
             <small class="kc-auth-hint">หากต้องการย้าย{{ config.orgLabel }} กรุณาติดต่อผู้ดูแลระบบ</small>
           </label>
+          }
 
           <label class="kc-auth-field">
             <span>อีเมล <span class="req">*</span></span>
@@ -3259,6 +3327,17 @@ var KcProfileComponent = class KcProfileComponent {
 				],
 				outputs: ["ngModelChange"]
 			},
+			{
+				kind: "component",
+				type: SearchSelectComponent,
+				selector: "app-search-select",
+				inputs: [
+					"options",
+					"placeholder",
+					"searchHint",
+					"inputId"
+				]
+			},
 			{
 				kind: "component",
 				type: KcPasswordToggleComponent,
@@ -3277,7 +3356,11 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{
 			selector: "kc-profile",
 			standalone: true,
-			imports: [ReactiveFormsModule, KcPasswordToggleComponent],
+			imports: [
+				ReactiveFormsModule,
+				SearchSelectComponent,
+				KcPasswordToggleComponent
+			],
 			template: `
     <div class="kc-auth-page single">
       <div class="kc-auth-panel">
@@ -3294,11 +3377,19 @@ i0.ɵɵngDeclareClassMetadata({
             <input class="kc-auth-input" type="text" [value]="fullName()" disabled />
           </label>
 
+          @if (orgs().length) {
+          <div class="kc-auth-field">
+            <label class="kc-auth-label" for="kc-profile-org">{{ config.orgLabel }}ที่สังกัด <span class="req">*</span></label>
+            <app-search-select inputId="kc-profile-org" [options]="orgs()" formControlName="org"
+              [placeholder]="'-- เลือก' + config.orgLabel + 'ที่สังกัด --'" />
+          </div>
+          } @else {
           <label class="kc-auth-field">
             <span>{{ config.orgLabel }}ที่สังกัด</span>
             <input class="kc-auth-input" type="text" [value]="orgName()" disabled />
             <small class="kc-auth-hint">หากต้องการย้าย{{ config.orgLabel }} กรุณาติดต่อผู้ดูแลระบบ</small>
           </label>
+          }
 
           <label class="kc-auth-field">
             <span>อีเมล <span class="req">*</span></span>
@@ -3360,6 +3451,7 @@ var KcConfigUsersComponent = class KcConfigUsersComponent {
 	config = inject(KC_AUTH_CONFIG);
 	auth = inject(KcAuthService);
 	http = inject(HttpClient);
+	org = input("", ...ngDevMode ? [{ debugName: "org" }] : /* istanbul ignore next */ []);
 	users = signal([], ...ngDevMode ? [{ debugName: "users" }] : /* istanbul ignore next */ []);
 	orgs = signal([], ...ngDevMode ? [{ debugName: "orgs" }] : /* istanbul ignore next */ []);
 	roles = signal([], ...ngDevMode ? [{ debugName: "roles" }] : /* istanbul ignore next */ []);
@@ -3420,9 +3512,12 @@ var KcConfigUsersComponent = class KcConfigUsersComponent {
 	}, ...ngDevMode ? [{ debugName: "filtered" }] : /* istanbul ignore next */ []);
 	constructor() {
 		ensureAuthStyles();
+		effect(() => {
+			this.org();
+			untracked(() => this.load());
+		});
 	}
 	ngOnInit() {
-		this.load();
 		this.http.get(`${this.config.apiBase}/user/login-methods`).subscribe({
 			next: (m) => {
 				const v = {
@@ -3471,7 +3566,9 @@ var KcConfigUsersComponent = class KcConfigUsersComponent {
 	}
 	load() {
 		this.loading.set(true);
-		this.http.get(`${this.config.apiBase}/config/users`).subscribe({
+		const org = this.org();
+		const params = org ? { org } : {};
+		this.http.get(`${this.config.apiBase}/config/users`, { params }).subscribe({
 			next: (res) => {
 				this.users.set(res.users ?? []);
 				this.orgs.set(res.orgs ?? []);
@@ -3548,6 +3645,13 @@ var KcConfigUsersComponent = class KcConfigUsersComponent {
 		type: KcConfigUsersComponent,
 		isStandalone: true,
 		selector: "kc-config-users",
+		inputs: { org: {
+			classPropertyName: "org",
+			publicName: "org",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
 		host: { listeners: { "document:keydown.escape": "close()" } },
 		ngImport: i0,
 		template: `
@@ -3938,7 +4042,15 @@ i0.ɵɵngDeclareClassMetadata({
   `
 		}]
 	}],
-	ctorParameters: () => []
+	ctorParameters: () => [],
+	propDecorators: { org: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "org",
+			required: false
+		}]
+	}] }
 });
 var KcConfigKclluComponent = class KcConfigKclluComponent {
 	config = inject(KC_AUTH_CONFIG);