ohayolibs/packages/components/se/se.component.html

Ohayo is a set of essential modules for ohayojp.

<div class="ant-form-item-label" [class.se__nolabel]="!label" [style.width.px]="_labelWidth">
  <label *ngIf="label" [attr.for]="_id" class="se__label" [ngClass]="{ 'ant-form-item-required': required }">
    <span class="se__label-text">
      <ng-container *nzStringTemplateOutlet="label">{{ label }}</ng-container>
    </span>
    <span *ngIf="optional || optionalHelp" class="se__label-optional" [class.se__label-optional-no-text]="!optional">
      <ng-container *nzStringTemplateOutlet="optional">{{ optional }}</ng-container>
      <i *ngIf="optionalHelp" nz-tooltip [nzTooltipTitle]="optionalHelp" [nzTooltipColor]="optionalHelpColor" nz-icon nzType="question-circle"></i>
    </span>
  </label>
</div>
<div class="ant-form-item-control se__control">
  <div class="ant-form-item-control-input {{ controlClass }}">
    <div class="ant-form-item-control-input-content" (cdkObserveContent)="checkContent()" #contentElement>
      <ng-content></ng-content>
    </div>
  </div>
  <div class="ant-form-item-explain ant-form-item-explain-error" *ngIf="showErr">
    <div @helpMotion>
      <ng-container *nzStringTemplateOutlet="_error">{{ _error }}</ng-container>
    </div>
  </div>
  <div *ngIf="extra && !compact" class="ant-form-item-extra">
    <ng-container *nzStringTemplateOutlet="extra">{{ extra }}</ng-container>
  </div>
</div>