first-npm-package-nicule/material-form-dialogs/components/dialog/form-dialog.component.html

This isi first npm package

<ng-template #dialogTemplateRef>
    <div class="dialog-wrapper" [ngClass]="wrapperCssClass">
        <mat-progress-bar *ngIf="progressTracker.getProgress()" mode="determinate"
            class="dialog-progress-bar" [value]="progressTracker.getProgress()">
        </mat-progress-bar>

        <h2 mat-dialog-title>{{ title }}</h2>

        <mat-dialog-content class="mat-typography">
            <p *ngIf="description as descriptionText" [innerHTML]="descriptionText"></p>

            <div class="additional-description" *ngIf="additionalDescription as additionalDescriptionText">
                <mat-icon class="additional-description-icon">info_outline</mat-icon>
                <span [innerHTML]="additionalDescriptionText"></span>
            </div>

            <ng-content select="[hmAboveForm]"></ng-content>

            <ng-content select="hm-form" *ngIf="hmForm"></ng-content>

            <ng-content select="[hmBelowForm]"></ng-content>
        </mat-dialog-content>
        <mat-dialog-actions class="dialog-actions">
            <ng-content select="[hmActionButtons]"></ng-content>
            <ng-container *ngIf="showActionButtons">
                <button mat-button mat-dialog-close color="primary">
                    {{ cancel }}
                </button>
                <button mat-raised-button (click)="hmForm.triggerSubmit()" [disabled]="hmForm?.isSubmiting" color="primary">
                    {{ confirm }}
                </button>
            </ng-container>
        </mat-dialog-actions>
    </div>
</ng-template>