chore(confirm-dialog): exports confirm-dialog component in index.ts

libs/ngxsmart/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@ngxsmart/ngxsmart",
-	"version": "13.1.0",
+	"version": "13.1.1",
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/ngxsmart/ngxsmart.git"

libs/ngxsmart/src/index.ts

@@ -8,6 +8,8 @@ export * from './lib/autocomplete.module';
 export * from './lib/autocomplete/autocomplete.component';
 export * from './lib/object-autocomplete/object-autocomplete.component';
 export * from './lib/string-autocomplete/string-autocomplete.component';
+
+// Export directives
 export * from './lib/print.module';
 export * from './lib/print/ngx-print.directive';
 
@@ -17,3 +19,6 @@ export * from './lib/buttons/save-primary-button/save-primary-button.component';
 export * from './lib/buttons/search-button/search-button.component';
 export * from './lib/buttons/success-button/success-button.component';
 export * from './lib/buttons/view-button/view-button.component';
+
+// Export dialogs
+export * from './lib/confirm-dialog/confirm-dialog.component';

libs/ngxsmart/src/lib/confirm-dialog/confirm-dialog.component.ts

@@ -5,8 +5,22 @@ import { MatDividerModule } from '@angular/material/divider';
 
 @Component({
 	selector: 'app-confirm-dialog',
-	templateUrl: './confirm-dialog.component.html',
-	styleUrls: ['./confirm-dialog.component.scss'],
+	template: `
+		<div class="mat-dialog-title" style="text-align: center">
+			<h4>{{ title }}</h4>
+		</div>
+
+		<mat-divider></mat-divider>
+		<div mat-dialog-content style="margin: 20px">
+			<p>{{ message }}</p>
+		</div>
+
+		<div align="end" class="modal-footer" mat-dialog-actions>
+			<button (click)="onDismiss()" mat-raised-button>No</button>
+			<button (click)="onConfirm()" color="primary" mat-raised-button>Yes</button>
+		</div>
+	`,
+	styles:[]
 })
 export class ConfirmDialogComponent implements OnInit {
 	title: string;