import { __decorate } from "tslib";
import { Component, Input } from '@angular/core';
var LabelComponent = /** @class */ (function () {
    function LabelComponent() {
        this.hint = '';
    }
    __decorate([
        Input()
    ], LabelComponent.prototype, "label", void 0);
    __decorate([
        Input()
    ], LabelComponent.prototype, "labelDescription", void 0);
    __decorate([
        Input()
    ], LabelComponent.prototype, "fieldId", void 0);
    __decorate([
        Input()
    ], LabelComponent.prototype, "hint", void 0);
    LabelComponent = __decorate([
        Component({
            selector: 'app-label',
            template: "<div *ngIf=\"label\"\n     class=\"d-flex align-items-center mb-1\">\n  <label [for]=\"fieldId\"\n         class=\"m-0\">{{label}} <span *ngIf=\"labelDescription\">({{ labelDescription }})</span></label>\n  <app-hint class=\"label-hint\"\n            type=\"light\"\n            *ngIf=\"hint\"\n            [hint]=\"hint\"\n  ></app-hint>\n</div>\n",
            styles: ["/*!*\n * This file is part of the MedSafe application which is commercial software created by MedVision360 B.V.\n * The source code is proprietary and confidential.\n * Unauthorized copying of this file, via any medium is strictly prohibited.\n *\n * Copyright (c) by MedVision360 B.V. All rights reserved.\n *\n * For the application name: io.medrecord.medsafe\n */:host label{color:var(--boulder-color);font-size:14px;display:inline-block;line-height:1;margin-bottom:10px;font-weight:600}:host label span{font-weight:400}:host .label-wrapper{display:flex}:host .label-wrapper label{font-size:14px;font-weight:600;display:inline-block;line-height:1;margin-bottom:10px;margin-right:5px}:host .label-wrapper app-hint{margin-left:5px;margin-right:10px}:host .label-wrapper .label-desc{font-weight:400}:host-context(.label-small) label{font-size:10px}:host-context(.label-uppercase) label{text-transform:uppercase}:host-context(.label-bold) label{font-weight:700}.label-hint{display:inline-block;margin-left:4px;vertical-align:middle}"]
        })
    ], LabelComponent);
    return LabelComponent;
}());
export { LabelComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQG1lZHJlY29yZC91aS1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsibGliL3NoYXJlZC9jb21wb25lbnRzL2Zvcm0vZm9ybS1jb250cm9scy9sYWJlbC9sYWJlbC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUUsS0FBSyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBTy9DO0lBQUE7UUFXRSxTQUFJLEdBQUcsRUFBRSxDQUFDO0lBQ1osQ0FBQztJQVZDO1FBREMsS0FBSyxFQUFFO2lEQUNNO0lBR2Q7UUFEQyxLQUFLLEVBQUU7NERBQ2lCO0lBR3pCO1FBREMsS0FBSyxFQUFFO21EQUNRO0lBR2hCO1FBREMsS0FBSyxFQUFFO2dEQUNFO0lBWEMsY0FBYztRQUwxQixTQUFTLENBQUM7WUFDVCxRQUFRLEVBQUUsV0FBVztZQUNyQix3V0FBcUM7O1NBRXRDLENBQUM7T0FDVyxjQUFjLENBWTFCO0lBQUQscUJBQUM7Q0FBQSxBQVpELElBWUM7U0FaWSxjQUFjIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIElucHV0fSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXBwLWxhYmVsJywgLy8gdHNsaW50OmRpc2FibGUtbGluZVxuICB0ZW1wbGF0ZVVybDogJy4vbGFiZWwuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9sYWJlbC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIExhYmVsQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgbGFiZWw6IHN0cmluZztcblxuICBASW5wdXQoKVxuICBsYWJlbERlc2NyaXB0aW9uOiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgZmllbGRJZDogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGhpbnQgPSAnJztcbn1cbiJdfQ==