import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "../../../ui-kit/tooltip/tooltip.directive";
export class VCFormLabelComponent {
    constructor() {
        this.labelText = '';
        this.details = '';
        this.required = false;
        this.showInfo = false;
        this.tooltipText = '';
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VCFormLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: VCFormLabelComponent, selector: "app-vc-label", inputs: { labelText: "labelText", details: "details", required: "required", showInfo: "showInfo", tooltipText: "tooltipText" }, ngImport: i0, template: `
    <div class="workflow-form-label">
      <div
        class="label-name vx-fs-11 vx-fw-500 vx-tt-uppercase vx-d-flex vx-lh-4 vx-align-center"
      >
          {{ labelText }}
        <i
          *ngIf="showInfo"
          class="icons info vx-fs-12 vx-txt-blue vx-m-0 vx-ml-1"
          [appTooltip]="tooltipText"
          placement="bottom-right"
          delay="0"
          type="white"
          [tooltipMandatory]="true"
          >&#xe91f;</i
        >
          <span
            *ngIf="required"
            class="required vx-fs-16 vx-fw-400 vx-ml-1 vx-d-inline-block"
            >*</span
          >
      </div>
      <div class="label-details vx-fs-11 vx-mt-1">
        {{ details }}
      </div>
    </div>
  `, isInline: true, styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";::ng-deep .workflow-form-label .label-name{color:#000}::ng-deep .workflow-form-label .label-name .required{color:#c7381b}::ng-deep .workflow-form-label .label-name .info{cursor:pointer;margin:.125rem 0 0 1.5rem}::ng-deep .workflow-form-label .label-details{color:#787a8c;margin-bottom:10px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ToolTipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "placement", "type", "tooltipMandatory", "showTooltip", "animate"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: VCFormLabelComponent, decorators: [{
            type: Component,
            args: [{ selector: 'app-vc-label', template: `
    <div class="workflow-form-label">
      <div
        class="label-name vx-fs-11 vx-fw-500 vx-tt-uppercase vx-d-flex vx-lh-4 vx-align-center"
      >
          {{ labelText }}
        <i
          *ngIf="showInfo"
          class="icons info vx-fs-12 vx-txt-blue vx-m-0 vx-ml-1"
          [appTooltip]="tooltipText"
          placement="bottom-right"
          delay="0"
          type="white"
          [tooltipMandatory]="true"
          >&#xe91f;</i
        >
          <span
            *ngIf="required"
            class="required vx-fs-16 vx-fw-400 vx-ml-1 vx-d-inline-block"
            >*</span
          >
      </div>
      <div class="label-details vx-fs-11 vx-mt-1">
        {{ details }}
      </div>
    </div>
  `, styles: ["@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";::ng-deep .workflow-form-label .label-name{color:#000}::ng-deep .workflow-form-label .label-name .required{color:#c7381b}::ng-deep .workflow-form-label .label-name .info{cursor:pointer;margin:.125rem 0 0 1.5rem}::ng-deep .workflow-form-label .label-details{color:#787a8c;margin-bottom:10px!important}\n"] }]
        }], propDecorators: { labelText: [{
                type: Input
            }], details: [{
                type: Input
            }], required: [{
                type: Input
            }], showInfo: [{
                type: Input
            }], tooltipText: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmMtbGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdngtd29ya2Zsb3ctZW5naW5lL3NyYy9saWIvcmVwb3J0LWEtY2FzZS9jb21wb25lbnRzL3ZjLWxhYmVsL3ZjLWxhYmVsLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQWlDakQsTUFBTSxPQUFPLG9CQUFvQjtJQS9CakM7UUFnQ1csY0FBUyxHQUFXLEVBQUUsQ0FBQztRQUN2QixZQUFPLEdBQVcsRUFBRSxDQUFDO1FBQ3JCLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDMUIsYUFBUSxHQUFZLEtBQUssQ0FBQztRQUMxQixnQkFBVyxHQUFXLEVBQUUsQ0FBQztLQUNuQzsrR0FOWSxvQkFBb0I7bUdBQXBCLG9CQUFvQixvTEE3QnJCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTBCVDs7NEZBR1Usb0JBQW9CO2tCQS9CaEMsU0FBUzsrQkFDRSxjQUFjLFlBQ2Q7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMEJUOzhCQUlRLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtdmMtbGFiZWwnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJ3b3JrZmxvdy1mb3JtLWxhYmVsXCI+XG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwibGFiZWwtbmFtZSB2eC1mcy0xMSB2eC1mdy01MDAgdngtdHQtdXBwZXJjYXNlIHZ4LWQtZmxleCB2eC1saC00IHZ4LWFsaWduLWNlbnRlclwiXG4gICAgICA+XG4gICAgICAgICAge3sgbGFiZWxUZXh0IH19XG4gICAgICAgIDxpXG4gICAgICAgICAgKm5nSWY9XCJzaG93SW5mb1wiXG4gICAgICAgICAgY2xhc3M9XCJpY29ucyBpbmZvIHZ4LWZzLTEyIHZ4LXR4dC1ibHVlIHZ4LW0tMCB2eC1tbC0xXCJcbiAgICAgICAgICBbYXBwVG9vbHRpcF09XCJ0b29sdGlwVGV4dFwiXG4gICAgICAgICAgcGxhY2VtZW50PVwiYm90dG9tLXJpZ2h0XCJcbiAgICAgICAgICBkZWxheT1cIjBcIlxuICAgICAgICAgIHR5cGU9XCJ3aGl0ZVwiXG4gICAgICAgICAgW3Rvb2x0aXBNYW5kYXRvcnldPVwidHJ1ZVwiXG4gICAgICAgICAgPiYjeGU5MWY7PC9pXG4gICAgICAgID5cbiAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgKm5nSWY9XCJyZXF1aXJlZFwiXG4gICAgICAgICAgICBjbGFzcz1cInJlcXVpcmVkIHZ4LWZzLTE2IHZ4LWZ3LTQwMCB2eC1tbC0xIHZ4LWQtaW5saW5lLWJsb2NrXCJcbiAgICAgICAgICAgID4qPC9zcGFuXG4gICAgICAgICAgPlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwibGFiZWwtZGV0YWlscyB2eC1mcy0xMSB2eC1tdC0xXCI+XG4gICAgICAgIHt7IGRldGFpbHMgfX1cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi92Yy1sYWJlbC5jb21wb25lbnQubGVzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBWQ0Zvcm1MYWJlbENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGxhYmVsVGV4dDogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGRldGFpbHM6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSByZXF1aXJlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBzaG93SW5mbzogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSB0b29sdGlwVGV4dDogc3RyaW5nID0gJyc7XG59XG4iXX0=