fundamental-ngx
Version:
SAP Fundamentals, implemented in Angular
96 lines • 7.63 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, ContentChild, Input, TemplateRef, ViewEncapsulation } from '@angular/core';
import { LocalizationEditorInputDirective, LocalizationEditorLabel, LocalizationEditorTextareaDirective } from '../localization-editor.directives';
/**
* Component that represents field with add-on.
* ```html
* <fd-localization-editor-item [label]="'EN'">
* <input fd-localization-editor-input type="text" placeholder="EN">
* </fd-localization-editor-item>
* ```
*/
export class LocalizationEditorItemComponent {
/**
* @hidden
* @return {?}
*/
ngOnInit() {
this.refreshChildInput();
}
/**
* @return {?}
*/
ngOnChanges() {
this.refreshChildInput();
}
/**
* @return {?}
*/
ngAfterContentInit() {
if (this.textarea) {
this.type = 'textarea';
}
}
/**
* @private
* @return {?}
*/
refreshChildInput() {
if (this.input) {
this.input.compact = this.compact;
}
if (this.textarea) {
this.textarea.compact = this.compact;
}
}
}
LocalizationEditorItemComponent.decorators = [
{ type: Component, args: [{
selector: 'fd-localization-editor-item',
template: "<div class=\"fd-input-group fd-input-group--after\"\n [ngClass]=\"{'fd-input-group--compact' : compact}\">\n <ng-content select=\"[fd-localization-editor-input]\"></ng-content>\n <ng-content select=\"[fd-localization-editor-textarea]\"></ng-content>\n <span class=\"fd-input-group__addon fd-input-group__addon--after\"\n [ngClass]=\"(type ? 'fd-input-group__addon--' + type : '')\">\n <ng-container *ngIf=\"labelTemplate\">\n <ng-container [fd-localization-editor-load-label]=\"labelTemplate\"></ng-container>\n </ng-container>\n <ng-container *ngIf=\"!labelTemplate\">\n {{label}}\n </ng-container>\n </span>\n</div>\n<ng-content></ng-content>\n",
encapsulation: ViewEncapsulation.None
}] }
];
LocalizationEditorItemComponent.propDecorators = {
label: [{ type: Input }],
compact: [{ type: Input }],
input: [{ type: ContentChild, args: [LocalizationEditorInputDirective,] }],
textarea: [{ type: ContentChild, args: [LocalizationEditorTextareaDirective,] }],
labelTemplate: [{ type: ContentChild, args: [LocalizationEditorLabel, { read: TemplateRef },] }]
};
if (false) {
/**
* @hidden
* @type {?}
*/
LocalizationEditorItemComponent.prototype.type;
/**
* The text for the add-on on the right side.
* @type {?}
*/
LocalizationEditorItemComponent.prototype.label;
/**
* Whether to apply compact mode to to field.
* @type {?}
*/
LocalizationEditorItemComponent.prototype.compact;
/**
* @hidden
* @type {?}
*/
LocalizationEditorItemComponent.prototype.input;
/**
* @hidden
* @type {?}
*/
LocalizationEditorItemComponent.prototype.textarea;
/**
* @hidden
* @type {?}
*/
LocalizationEditorItemComponent.prototype.labelTemplate;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9jYWxpemF0aW9uLWVkaXRvci1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2Z1bmRhbWVudGFsLW5neC8iLCJzb3VyY2VzIjpbImxpYi9sb2NhbGl6YXRvci1lZGl0b3IvbG9jYWxpemF0aW9uLWVkaXRvci1pdGVtL2xvY2FsaXphdGlvbi1lZGl0b3ItaXRlbS5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7OztBQUFBLE9BQU8sRUFFSCxTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFJTCxXQUFXLEVBQ1gsaUJBQWlCLEVBQ3BCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFDSCxnQ0FBZ0MsRUFDaEMsdUJBQXVCLEVBQ3ZCLG1DQUFtQyxFQUN0QyxNQUFNLG1DQUFtQyxDQUFDOzs7Ozs7Ozs7QUFlM0MsTUFBTSxPQUFPLCtCQUErQjs7Ozs7SUEwQnhDLFFBQVE7UUFDSixJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztJQUM3QixDQUFDOzs7O0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQzdCLENBQUM7Ozs7SUFFRCxrQkFBa0I7UUFDZCxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDZixJQUFJLENBQUMsSUFBSSxHQUFHLFVBQVUsQ0FBQztTQUMxQjtJQUNMLENBQUM7Ozs7O0lBRU8saUJBQWlCO1FBQ3JCLElBQUksSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNaLElBQUksQ0FBQyxLQUFLLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7U0FDckM7UUFDRCxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDZixJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDO1NBQ3hDO0lBQ0wsQ0FBQzs7O1lBcERKLFNBQVMsU0FBQztnQkFDUCxRQUFRLEVBQUUsNkJBQTZCO2dCQUN2Qyw2dEJBQXdEO2dCQUN4RCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTthQUN4Qzs7O29CQU9JLEtBQUs7c0JBSUwsS0FBSztvQkFJTCxZQUFZLFNBQUMsZ0NBQWdDO3VCQUk3QyxZQUFZLFNBQUMsbUNBQW1DOzRCQUloRCxZQUFZLFNBQUMsdUJBQXVCLEVBQUUsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFOzs7Ozs7O0lBbkI1RCwrQ0FBYTs7Ozs7SUFHYixnREFDYzs7Ozs7SUFHZCxrREFDaUI7Ozs7O0lBR2pCLGdEQUN3Qzs7Ozs7SUFHeEMsbURBQzhDOzs7OztJQUc5Qyx3REFDZ0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEFmdGVyQ29udGVudEluaXQsXG4gICAgQ29tcG9uZW50LFxuICAgIENvbnRlbnRDaGlsZCxcbiAgICBJbnB1dCxcbiAgICBPbkNoYW5nZXMsXG4gICAgT25Jbml0LFxuICAgIFNpbXBsZUNoYW5nZXMsXG4gICAgVGVtcGxhdGVSZWYsXG4gICAgVmlld0VuY2Fwc3VsYXRpb25cbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICAgIExvY2FsaXphdGlvbkVkaXRvcklucHV0RGlyZWN0aXZlLFxuICAgIExvY2FsaXphdGlvbkVkaXRvckxhYmVsLFxuICAgIExvY2FsaXphdGlvbkVkaXRvclRleHRhcmVhRGlyZWN0aXZlXG59IGZyb20gJy4uL2xvY2FsaXphdGlvbi1lZGl0b3IuZGlyZWN0aXZlcyc7XG5cbi8qKlxuICogIENvbXBvbmVudCB0aGF0IHJlcHJlc2VudHMgZmllbGQgd2l0aCBhZGQtb24uXG4gKiAgYGBgaHRtbFxuICogIDxmZC1sb2NhbGl6YXRpb24tZWRpdG9yLWl0ZW0gW2xhYmVsXT1cIidFTidcIj5cbiAqICAgICAgPGlucHV0IGZkLWxvY2FsaXphdGlvbi1lZGl0b3ItaW5wdXQgdHlwZT1cInRleHRcIiBwbGFjZWhvbGRlcj1cIkVOXCI+XG4gKiAgPC9mZC1sb2NhbGl6YXRpb24tZWRpdG9yLWl0ZW0+XG4gKiAgYGBgXG4gKi9cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZmQtbG9jYWxpemF0aW9uLWVkaXRvci1pdGVtJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vbG9jYWxpemF0aW9uLWVkaXRvci1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIExvY2FsaXphdGlvbkVkaXRvckl0ZW1Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyQ29udGVudEluaXQsIE9uQ2hhbmdlcyB7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIHR5cGU6IHN0cmluZztcblxuICAgIC8qKiBUaGUgdGV4dCBmb3IgdGhlIGFkZC1vbiBvbiB0aGUgcmlnaHQgc2lkZS4gKi9cbiAgICBASW5wdXQoKVxuICAgIGxhYmVsOiBzdHJpbmc7XG5cbiAgICAvKiogV2hldGhlciB0byBhcHBseSBjb21wYWN0IG1vZGUgdG8gdG8gZmllbGQuICovXG4gICAgQElucHV0KClcbiAgICBjb21wYWN0OiBib29sZWFuO1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBAQ29udGVudENoaWxkKExvY2FsaXphdGlvbkVkaXRvcklucHV0RGlyZWN0aXZlKVxuICAgIGlucHV0OiBMb2NhbGl6YXRpb25FZGl0b3JJbnB1dERpcmVjdGl2ZTtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgQENvbnRlbnRDaGlsZChMb2NhbGl6YXRpb25FZGl0b3JUZXh0YXJlYURpcmVjdGl2ZSlcbiAgICB0ZXh0YXJlYTogTG9jYWxpemF0aW9uRWRpdG9yVGV4dGFyZWFEaXJlY3RpdmU7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIEBDb250ZW50Q2hpbGQoTG9jYWxpemF0aW9uRWRpdG9yTGFiZWwsIHsgcmVhZDogVGVtcGxhdGVSZWYgfSlcbiAgICBsYWJlbFRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gICAgLyoqIEBoaWRkZW4gKi9cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5yZWZyZXNoQ2hpbGRJbnB1dCgpO1xuICAgIH1cblxuICAgIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xuICAgICAgICB0aGlzLnJlZnJlc2hDaGlsZElucHV0KCk7XG4gICAgfVxuXG4gICAgbmdBZnRlckNvbnRlbnRJbml0KCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy50ZXh0YXJlYSkge1xuICAgICAgICAgICAgdGhpcy50eXBlID0gJ3RleHRhcmVhJztcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHByaXZhdGUgcmVmcmVzaENoaWxkSW5wdXQoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmlucHV0KSB7XG4gICAgICAgICAgICB0aGlzLmlucHV0LmNvbXBhY3QgPSB0aGlzLmNvbXBhY3Q7XG4gICAgICAgIH1cbiAgICAgICAgaWYgKHRoaXMudGV4dGFyZWEpIHtcbiAgICAgICAgICAgIHRoaXMudGV4dGFyZWEuY29tcGFjdCA9IHRoaXMuY29tcGFjdDtcbiAgICAgICAgfVxuICAgIH1cbn1cbiJdfQ==