angular-admin-lte-teliqo
Version:
npm# angular-admin-lte
133 lines (132 loc) • 11.7 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes} checked by tsc
*/
import { Component, ContentChild, Input } from '@angular/core';
import { removeSubscriptions } from '../../helpers';
import { InputGroupAddonLeftDirective, InputGroupAddonRightDirective, InputGroupContentDirective, InputGroupLabelDirective } from './input-group.directive';
import { InputTextDirective } from '../input-text/input-text.directive';
export class InputGroupComponent {
constructor() {
this.subscriptions = [];
this.inputColor = 'default';
this.inputErrorColor = 'danger';
this.inputValidColor = 'success';
this.wrapperClasses = 'form-group';
}
/**
* @return {?}
*/
ngAfterContentInit() {
this.subscriptions.push(this.inputTextDirective.onKeyup.subscribe((value) => {
if (value.invalid) {
this.currentColor = this.inputErrorColor;
this.currentFontColor = this.inputErrorFontColor;
}
else if (!value.invalid) {
this.currentColor = this.inputValidColor;
this.currentFontColor = this.inputValidFontColor;
}
else {
this.currentColor = this.inputColor;
this.currentFontColor = this.inputFontColor;
}
}));
}
/**
* @return {?}
*/
ngOnDestroy() {
removeSubscriptions(this.subscriptions);
}
}
InputGroupComponent.decorators = [
{ type: Component, args: [{
selector: 'mk-input-group',
template: `<div [ngClass]="wrapperClasses" [mkColor]="currentColor || inputColor" mkColorPrefix="has">
<label *ngIf="label || inputGroupLabelDirective">
{{label}}
<ng-content select="mk-input-group-label"></ng-content>
</label>
<div *ngIf="addonLeft || inputGroupAddonLeftDirective || addonRight || inputGroupAddonRightDirective; else noAddon" class="input-group">
<span *ngIf="addonLeft || inputGroupAddonLeftDirective" class="input-group-addon">
{{addonLeft}}
<ng-content select="mk-input-group-addon-left"></ng-content>
</span>
<ng-content select="mk-input-group-content"></ng-content>
<span *ngIf="addonRight || inputGroupAddonRightDirective" class="input-group-addon">
{{addonRight}}
<ng-content select="mk-input-group-addon-right"></ng-content>
</span>
</div>
<ng-template #noAddon><ng-content select="mk-input-group-content"></ng-content></ng-template>
</div>
`
},] },
];
/** @nocollapse */
InputGroupComponent.propDecorators = {
"addonLeft": [{ type: Input },],
"addonRight": [{ type: Input },],
"inputColor": [{ type: Input },],
"inputFontColor": [{ type: Input },],
"inputErrorColor": [{ type: Input },],
"inputErrorFontColor": [{ type: Input },],
"inputValidColor": [{ type: Input },],
"inputValidFontColor": [{ type: Input },],
"label": [{ type: Input },],
"wrapperClasses": [{ type: Input },],
"inputGroupLabelDirective": [{ type: ContentChild, args: [InputGroupLabelDirective,] },],
"inputGroupAddonLeftDirective": [{ type: ContentChild, args: [InputGroupAddonLeftDirective,] },],
"inputGroupAddonRightDirective": [{ type: ContentChild, args: [InputGroupAddonRightDirective,] },],
"inputGroupContentDirective": [{ type: ContentChild, args: [InputGroupContentDirective,] },],
"inputTextDirective": [{ type: ContentChild, args: [InputTextDirective,] },],
};
function InputGroupComponent_tsickle_Closure_declarations() {
/** @type {!Array<{type: !Function, args: (undefined|!Array<?>)}>} */
InputGroupComponent.decorators;
/**
* @nocollapse
* @type {function(): !Array<(null|{type: ?, decorators: (undefined|!Array<{type: !Function, args: (undefined|!Array<?>)}>)})>}
*/
InputGroupComponent.ctorParameters;
/** @type {!Object<string,!Array<{type: !Function, args: (undefined|!Array<?>)}>>} */
InputGroupComponent.propDecorators;
/** @type {?} */
InputGroupComponent.prototype.subscriptions;
/** @type {?} */
InputGroupComponent.prototype.currentColor;
/** @type {?} */
InputGroupComponent.prototype.currentFontColor;
/** @type {?} */
InputGroupComponent.prototype.addonLeft;
/** @type {?} */
InputGroupComponent.prototype.addonRight;
/** @type {?} */
InputGroupComponent.prototype.inputColor;
/** @type {?} */
InputGroupComponent.prototype.inputFontColor;
/** @type {?} */
InputGroupComponent.prototype.inputErrorColor;
/** @type {?} */
InputGroupComponent.prototype.inputErrorFontColor;
/** @type {?} */
InputGroupComponent.prototype.inputValidColor;
/** @type {?} */
InputGroupComponent.prototype.inputValidFontColor;
/** @type {?} */
InputGroupComponent.prototype.label;
/** @type {?} */
InputGroupComponent.prototype.wrapperClasses;
/** @type {?} */
InputGroupComponent.prototype.inputGroupLabelDirective;
/** @type {?} */
InputGroupComponent.prototype.inputGroupAddonLeftDirective;
/** @type {?} */
InputGroupComponent.prototype.inputGroupAddonRightDirective;
/** @type {?} */
InputGroupComponent.prototype.inputGroupContentDirective;
/** @type {?} */
InputGroupComponent.prototype.inputTextDirective;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQtZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vYW5ndWxhci1hZG1pbi1sdGUtdGVsaXFvLyIsInNvdXJjZXMiOlsibGliL2Zvcm0vaW5wdXQtZ3JvdXAvaW5wdXQtZ3JvdXAuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQW9CLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFhLE1BQU0sZUFBZSxDQUFDO0FBRTVGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVwRCxPQUFPLEVBQ0wsNEJBQTRCLEVBQzVCLDZCQUE2QixFQUM3QiwwQkFBMEIsRUFDMUIsd0JBQXdCLEVBQ3pCLE1BQU0seUJBQXlCLENBQUM7QUFFakMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUE4QnhFLE1BQU07OzZCQUN5QyxFQUFFOzBCQU96QixTQUFTOytCQUVKLFFBQVE7K0JBRVIsU0FBUzs4QkFHVixZQUFZOzs7OztJQVF0QyxrQkFBa0I7UUFDaEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLGtCQUFrQixDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFnQixFQUFFLEVBQUU7WUFDckYsRUFBRSxDQUFDLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7Z0JBQ2xCLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLGVBQWUsQ0FBQztnQkFDekMsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxtQkFBbUIsQ0FBQzthQUNsRDtZQUFDLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO2dCQUMxQixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUM7Z0JBQ3pDLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsbUJBQW1CLENBQUM7YUFDbEQ7WUFBQyxJQUFJLENBQUMsQ0FBQztnQkFDTixJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUM7Z0JBQ3BDLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDO2FBQzdDO1NBQ0YsQ0FBQyxDQUFDLENBQUM7S0FDTDs7OztJQUVELFdBQVc7UUFDVCxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7S0FDekM7OztZQTlERixTQUFTLFNBQUM7Z0JBQ1QsUUFBUSxFQUFFLGdCQUFnQjtnQkFDMUIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Q0FrQlg7YUFDQTs7OzswQkFPRSxLQUFLOzJCQUNMLEtBQUs7MkJBQ0wsS0FBSzsrQkFDTCxLQUFLO2dDQUNMLEtBQUs7b0NBQ0wsS0FBSztnQ0FDTCxLQUFLO29DQUNMLEtBQUs7c0JBQ0wsS0FBSzsrQkFDTCxLQUFLO3lDQUVMLFlBQVksU0FBQyx3QkFBd0I7NkNBQ3JDLFlBQVksU0FBQyw0QkFBNEI7OENBQ3pDLFlBQVksU0FBQyw2QkFBNkI7MkNBQzFDLFlBQVksU0FBQywwQkFBMEI7bUNBQ3ZDLFlBQVksU0FBQyxrQkFBa0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBBZnRlckNvbnRlbnRJbml0LCBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgSW5wdXQsIE9uRGVzdHJveSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyByZW1vdmVTdWJzY3JpcHRpb25zIH0gZnJvbSAnLi4vLi4vaGVscGVycyc7XG5cbmltcG9ydCB7XG4gIElucHV0R3JvdXBBZGRvbkxlZnREaXJlY3RpdmUsXG4gIElucHV0R3JvdXBBZGRvblJpZ2h0RGlyZWN0aXZlLFxuICBJbnB1dEdyb3VwQ29udGVudERpcmVjdGl2ZSxcbiAgSW5wdXRHcm91cExhYmVsRGlyZWN0aXZlXG59IGZyb20gJy4vaW5wdXQtZ3JvdXAuZGlyZWN0aXZlJztcblxuaW1wb3J0IHsgSW5wdXRUZXh0RGlyZWN0aXZlIH0gZnJvbSAnLi4vaW5wdXQtdGV4dC9pbnB1dC10ZXh0LmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBOZ0NvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcblxuXG4vKlxuICpcbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnbWstaW5wdXQtZ3JvdXAnLFxuICB0ZW1wbGF0ZTogYDxkaXYgW25nQ2xhc3NdPVwid3JhcHBlckNsYXNzZXNcIiBbbWtDb2xvcl09XCJjdXJyZW50Q29sb3IgfHwgaW5wdXRDb2xvclwiIG1rQ29sb3JQcmVmaXg9XCJoYXNcIj5cbiAgPGxhYmVsICpuZ0lmPVwibGFiZWwgfHwgaW5wdXRHcm91cExhYmVsRGlyZWN0aXZlXCI+XG4gICAge3tsYWJlbH19XG4gICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwibWstaW5wdXQtZ3JvdXAtbGFiZWxcIj48L25nLWNvbnRlbnQ+XG4gIDwvbGFiZWw+XG4gIDxkaXYgKm5nSWY9XCJhZGRvbkxlZnQgfHwgaW5wdXRHcm91cEFkZG9uTGVmdERpcmVjdGl2ZSB8fCBhZGRvblJpZ2h0IHx8IGlucHV0R3JvdXBBZGRvblJpZ2h0RGlyZWN0aXZlOyBlbHNlIG5vQWRkb25cIiBjbGFzcz1cImlucHV0LWdyb3VwXCI+XG4gICAgPHNwYW4gKm5nSWY9XCJhZGRvbkxlZnQgfHwgaW5wdXRHcm91cEFkZG9uTGVmdERpcmVjdGl2ZVwiIGNsYXNzPVwiaW5wdXQtZ3JvdXAtYWRkb25cIj5cbiAgICAgIHt7YWRkb25MZWZ0fX1cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIm1rLWlucHV0LWdyb3VwLWFkZG9uLWxlZnRcIj48L25nLWNvbnRlbnQ+XG4gICAgPC9zcGFuPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIm1rLWlucHV0LWdyb3VwLWNvbnRlbnRcIj48L25nLWNvbnRlbnQ+XG4gICAgPHNwYW4gKm5nSWY9XCJhZGRvblJpZ2h0IHx8IGlucHV0R3JvdXBBZGRvblJpZ2h0RGlyZWN0aXZlXCIgY2xhc3M9XCJpbnB1dC1ncm91cC1hZGRvblwiPlxuICAgICAge3thZGRvblJpZ2h0fX1cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIm1rLWlucHV0LWdyb3VwLWFkZG9uLXJpZ2h0XCI+PC9uZy1jb250ZW50PlxuICAgIDwvc3Bhbj5cbiAgPC9kaXY+XG4gIDxuZy10ZW1wbGF0ZSAjbm9BZGRvbj48bmctY29udGVudCBzZWxlY3Q9XCJtay1pbnB1dC1ncm91cC1jb250ZW50XCI+PC9uZy1jb250ZW50PjwvbmctdGVtcGxhdGU+XG48L2Rpdj5cbmBcbn0pXG5leHBvcnQgY2xhc3MgSW5wdXRHcm91cENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyQ29udGVudEluaXQsIE9uRGVzdHJveSB7XG4gIHByaXZhdGUgc3Vic2NyaXB0aW9uczogQXJyYXk8U3Vic2NyaXB0aW9uPiA9IFtdO1xuXG4gIHB1YmxpYyBjdXJyZW50Q29sb3I6IHN0cmluZztcbiAgcHVibGljIGN1cnJlbnRGb250Q29sb3I6IHN0cmluZztcblxuICBASW5wdXQoKSBhZGRvbkxlZnQ6IHN0cmluZztcbiAgQElucHV0KCkgYWRkb25SaWdodDogc3RyaW5nO1xuICBASW5wdXQoKSBpbnB1dENvbG9yID0gJ2RlZmF1bHQnO1xuICBASW5wdXQoKSBpbnB1dEZvbnRDb2xvcjogc3RyaW5nO1xuICBASW5wdXQoKSBpbnB1dEVycm9yQ29sb3IgPSAnZGFuZ2VyJztcbiAgQElucHV0KCkgaW5wdXRFcnJvckZvbnRDb2xvcjogc3RyaW5nO1xuICBASW5wdXQoKSBpbnB1dFZhbGlkQ29sb3IgPSAnc3VjY2Vzcyc7XG4gIEBJbnB1dCgpIGlucHV0VmFsaWRGb250Q29sb3I6IHN0cmluZztcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZztcbiAgQElucHV0KCkgd3JhcHBlckNsYXNzZXMgPSAnZm9ybS1ncm91cCc7XG5cbiAgQENvbnRlbnRDaGlsZChJbnB1dEdyb3VwTGFiZWxEaXJlY3RpdmUpIHB1YmxpYyBpbnB1dEdyb3VwTGFiZWxEaXJlY3RpdmU6IElucHV0R3JvdXBMYWJlbERpcmVjdGl2ZTtcbiAgQENvbnRlbnRDaGlsZChJbnB1dEdyb3VwQWRkb25MZWZ0RGlyZWN0aXZlKSBwdWJsaWMgaW5wdXRHcm91cEFkZG9uTGVmdERpcmVjdGl2ZTogSW5wdXRHcm91cEFkZG9uTGVmdERpcmVjdGl2ZTtcbiAgQENvbnRlbnRDaGlsZChJbnB1dEdyb3VwQWRkb25SaWdodERpcmVjdGl2ZSkgcHVibGljIGlucHV0R3JvdXBBZGRvblJpZ2h0RGlyZWN0aXZlOiBJbnB1dEdyb3VwQWRkb25SaWdodERpcmVjdGl2ZTtcbiAgQENvbnRlbnRDaGlsZChJbnB1dEdyb3VwQ29udGVudERpcmVjdGl2ZSkgcHVibGljIGlucHV0R3JvdXBDb250ZW50RGlyZWN0aXZlOiBJbnB1dEdyb3VwQ29udGVudERpcmVjdGl2ZTtcbiAgQENvbnRlbnRDaGlsZChJbnB1dFRleHREaXJlY3RpdmUpIHB1YmxpYyBpbnB1dFRleHREaXJlY3RpdmU6IElucHV0VGV4dERpcmVjdGl2ZTtcblxuICBuZ0FmdGVyQ29udGVudEluaXQoKSB7XG4gICAgdGhpcy5zdWJzY3JpcHRpb25zLnB1c2godGhpcy5pbnB1dFRleHREaXJlY3RpdmUub25LZXl1cC5zdWJzY3JpYmUoKHZhbHVlOiBOZ0NvbnRyb2wpID0+IHtcbiAgICAgIGlmICh2YWx1ZS5pbnZhbGlkKSB7XG4gICAgICAgIHRoaXMuY3VycmVudENvbG9yID0gdGhpcy5pbnB1dEVycm9yQ29sb3I7XG4gICAgICAgIHRoaXMuY3VycmVudEZvbnRDb2xvciA9IHRoaXMuaW5wdXRFcnJvckZvbnRDb2xvcjtcbiAgICAgIH0gZWxzZSBpZiAoIXZhbHVlLmludmFsaWQpIHtcbiAgICAgICAgdGhpcy5jdXJyZW50Q29sb3IgPSB0aGlzLmlucHV0VmFsaWRDb2xvcjtcbiAgICAgICAgdGhpcy5jdXJyZW50Rm9udENvbG9yID0gdGhpcy5pbnB1dFZhbGlkRm9udENvbG9yO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgdGhpcy5jdXJyZW50Q29sb3IgPSB0aGlzLmlucHV0Q29sb3I7XG4gICAgICAgIHRoaXMuY3VycmVudEZvbnRDb2xvciA9IHRoaXMuaW5wdXRGb250Q29sb3I7XG4gICAgICB9XG4gICAgfSkpO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgcmVtb3ZlU3Vic2NyaXB0aW9ucyh0aGlzLnN1YnNjcmlwdGlvbnMpO1xuICB9XG59XG4iXX0=