From 3ee04fd52810889f56d0b4a25620832f7b8bc565 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fatih=20KILI=C3=87?= <fsk202@gmail.com>
Date: Mon, 12 Dec 2022 17:25:23 +0300
Subject: [PATCH] add to module and use password component

---
 .../extensible-form/extensible-form-prop.component.html      | 5 +++++
 .../extensible-form/extensible-form-prop.component.ts        | 2 ++
 .../theme-shared/extensions/src/lib/ui-extensions.module.ts  | 3 +++
 3 files changed, 10 insertions(+)

diff --git a/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/extensible-form/extensible-form-prop.component.html b/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/extensible-form/extensible-form-prop.component.html
index e06e4f0bfe..bdbd54bc52 100644
--- a/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/extensible-form/extensible-form-prop.component.html
+++ b/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/extensible-form/extensible-form-prop.component.html
@@ -138,6 +138,11 @@
         class="form-control"
       ></textarea>
     </ng-template>
+
+    <ng-template ngSwitchCase="password">
+      <ng-template [ngTemplateOutlet]="label"></ng-template>
+      <abp-password [prop]="prop"></abp-password>
+    </ng-template>
   </div>
 </ng-container>
 
diff --git a/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/extensible-form/extensible-form-prop.component.ts b/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/extensible-form/extensible-form-prop.component.ts
index 5732cdcc6f..6a8f2b7f00 100644
--- a/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/extensible-form/extensible-form-prop.component.ts
+++ b/npm/ng-packs/packages/theme-shared/extensions/src/lib/components/extensible-form/extensible-form-prop.component.ts
@@ -161,6 +161,8 @@ export class ExtensibleFormPropComponent implements OnChanges, AfterViewInit {
         return 'time';
       case ePropType.Typeahead:
         return 'typeahead';
+      case ePropType.Password:
+        return 'password';
       default:
         return prop.options ? 'select' : 'input';
     }
diff --git a/npm/ng-packs/packages/theme-shared/extensions/src/lib/ui-extensions.module.ts b/npm/ng-packs/packages/theme-shared/extensions/src/lib/ui-extensions.module.ts
index aebaa16036..9917157182 100644
--- a/npm/ng-packs/packages/theme-shared/extensions/src/lib/ui-extensions.module.ts
+++ b/npm/ng-packs/packages/theme-shared/extensions/src/lib/ui-extensions.module.ts
@@ -17,6 +17,7 @@ import { PageToolbarComponent } from './components/page-toolbar/page-toolbar.com
 import { DisabledDirective } from './directives/disabled.directive';
 import { PropDataDirective } from './directives/prop-data.directive';
 import { CreateInjectorPipe } from './pipes/create-injector.pipe';
+import { PasswordComponent } from './components/password/password.component';
 
 @NgModule({
   exports: [
@@ -25,6 +26,7 @@ import { CreateInjectorPipe } from './pipes/create-injector.pipe';
     GridActionsComponent,
     ExtensibleFormComponent,
     ExtensibleTableComponent,
+    PasswordComponent,
     PropDataDirective,
     DisabledDirective,
     CreateInjectorPipe,
@@ -36,6 +38,7 @@ import { CreateInjectorPipe } from './pipes/create-injector.pipe';
     ExtensibleFormPropComponent,
     ExtensibleFormComponent,
     ExtensibleTableComponent,
+    PasswordComponent,
     PropDataDirective,
     DisabledDirective,
     CreateInjectorPipe,