first-npm-package-nicule/material-inputs/components/group/group-field.component.html

This isi first npm package

<label *ngIf="hasTranslatedLabel; else noTranslatedLabel">
    <span>{{label | translate: interpolation}}</span>
    <ng-container *ngIf="isAnyFieldRequired()">*</ng-container>
</label>
<ng-template #noTranslatedLabel>
    <label>
        <ng-container *ngFor="let field of field.fields; let last = last">
            {{labelingService.label(field.name, form.name, 'label') | translate: interpolation}}{{field.required && '*' || ''}}{{!last && ', ' || ''}}
        </ng-container>
    </label>
</ng-template>
<div class="mat-form-field">
    <div *ngFor="let childField of field.fields; let index = index" #nestedComponents
         [ngStyle]="{ flex: field.flex[index] || 1 }" class="nested-component" [ngClass]="{'offset-left': index != 0}">
        <input *hmInputOf="childField; settings: { mode: 'narrow' }"/>
    </div>
</div>