@coreui/angular
Version:
CoreUI Components Library for Angular
38 lines • 4.38 kB
JavaScript
import { booleanAttribute, Component, HostBinding, Input } from '@angular/core';
import * as i0 from "@angular/core";
export class FormFeedbackComponent {
constructor() {
/**
* If your form layout allows it, you can display validation feedback in a styled tooltip.
* @type boolean
*/
this.tooltip = false;
}
get hostClasses() {
return {
'valid-feedback': this.valid === true && !this.tooltip,
'valid-tooltip': this.valid === true && this.tooltip,
'invalid-feedback': this.valid !== true && !this.tooltip,
'invalid-tooltip': this.valid !== true && this.tooltip
};
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormFeedbackComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.2.12", type: FormFeedbackComponent, isStandalone: true, selector: "c-form-feedback", inputs: { tooltip: ["tooltip", "tooltip", booleanAttribute], valid: "valid" }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: '<ng-content />', isInline: true }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.12", ngImport: i0, type: FormFeedbackComponent, decorators: [{
type: Component,
args: [{
selector: 'c-form-feedback',
template: '<ng-content />',
standalone: true
}]
}], propDecorators: { tooltip: [{
type: Input,
args: [{ transform: booleanAttribute }]
}], valid: [{
type: Input
}], hostClasses: [{
type: HostBinding,
args: ['class']
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1mZWVkYmFjay5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JldWktYW5ndWxhci9zcmMvbGliL2Zvcm0vZm9ybS1mZWVkYmFjay9mb3JtLWZlZWRiYWNrLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBT2hGLE1BQU0sT0FBTyxxQkFBcUI7SUFMbEM7UUFPRTs7O1dBR0c7UUFDcUMsWUFBTyxHQUFxQixLQUFLLENBQUM7S0FpQjNFO0lBVEMsSUFDSSxXQUFXO1FBQ2IsT0FBTztZQUNMLGdCQUFnQixFQUFFLElBQUksQ0FBQyxLQUFLLEtBQUssSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU87WUFDdEQsZUFBZSxFQUFFLElBQUksQ0FBQyxLQUFLLEtBQUssSUFBSSxJQUFJLElBQUksQ0FBQyxPQUFPO1lBQ3BELGtCQUFrQixFQUFFLElBQUksQ0FBQyxLQUFLLEtBQUssSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU87WUFDeEQsaUJBQWlCLEVBQUUsSUFBSSxDQUFDLEtBQUssS0FBSyxJQUFJLElBQUksSUFBSSxDQUFDLE9BQU87U0FDdkQsQ0FBQztJQUNKLENBQUM7K0dBdEJVLHFCQUFxQjttR0FBckIscUJBQXFCLDZGQU1aLGdCQUFnQixvR0FUMUIsZ0JBQWdCOzs0RkFHZixxQkFBcUI7a0JBTGpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsVUFBVSxFQUFFLElBQUk7aUJBQ2pCOzhCQU95QyxPQUFPO3NCQUE5QyxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQU03QixLQUFLO3NCQUFiLEtBQUs7Z0JBR0YsV0FBVztzQkFEZCxXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBib29sZWFuQXR0cmlidXRlLCBDb21wb25lbnQsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjLWZvcm0tZmVlZGJhY2snLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50IC8+JyxcbiAgc3RhbmRhbG9uZTogdHJ1ZVxufSlcbmV4cG9ydCBjbGFzcyBGb3JtRmVlZGJhY2tDb21wb25lbnQge1xuXG4gIC8qKlxuICAgKiBJZiB5b3VyIGZvcm0gbGF5b3V0IGFsbG93cyBpdCwgeW91IGNhbiBkaXNwbGF5IHZhbGlkYXRpb24gZmVlZGJhY2sgaW4gYSBzdHlsZWQgdG9vbHRpcC5cbiAgICogQHR5cGUgYm9vbGVhblxuICAgKi9cbiAgQElucHV0KHsgdHJhbnNmb3JtOiBib29sZWFuQXR0cmlidXRlIH0pIHRvb2x0aXA6IHN0cmluZyB8IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKipcbiAgICogU2V0IGNvbXBvbmVudCB2YWxpZGF0aW9uIHN0YXRlIHRvIHZhbGlkLlxuICAgKiBAdHlwZSBib29sZWFuXG4gICAqL1xuICBASW5wdXQoKSB2YWxpZD86IGJvb2xlYW47XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcycpXG4gIGdldCBob3N0Q2xhc3NlcygpOiBhbnkge1xuICAgIHJldHVybiB7XG4gICAgICAndmFsaWQtZmVlZGJhY2snOiB0aGlzLnZhbGlkID09PSB0cnVlICYmICF0aGlzLnRvb2x0aXAsXG4gICAgICAndmFsaWQtdG9vbHRpcCc6IHRoaXMudmFsaWQgPT09IHRydWUgJiYgdGhpcy50b29sdGlwLFxuICAgICAgJ2ludmFsaWQtZmVlZGJhY2snOiB0aGlzLnZhbGlkICE9PSB0cnVlICYmICF0aGlzLnRvb2x0aXAsXG4gICAgICAnaW52YWxpZC10b29sdGlwJzogdGhpcy52YWxpZCAhPT0gdHJ1ZSAmJiB0aGlzLnRvb2x0aXBcbiAgICB9O1xuICB9XG59XG4iXX0=