fundamental-ngx
Version:
SAP Fiori Fundamentals, implemented in Angular
107 lines • 6.71 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, ContentChild, Input, TemplateRef, ViewEncapsulation } from '@angular/core';
import { HashService } from '../../utils/hash.service';
import { TabTitleDirective } from '../tab-utils/tab-directives';
/**
* Represents the body of a tab element. It also contains elements pertaining to the associated tab header.
*/
export class TabPanelComponent {
/**
* @hidden
* @param {?} hasher
*/
constructor(hasher) {
this.hasher = hasher;
/**
* @hidden
*/
this.expanded = false;
}
/**
* @hidden
* @return {?}
*/
ngOnInit() {
if (!this.id) {
this.id = this.hasher.hash();
}
}
}
TabPanelComponent.decorators = [
{ type: Component, args: [{
selector: 'fd-tab',
template: "<ng-container *ngIf=\"expanded\">\n <ng-content></ng-content>\n</ng-container>\n",
host: {
role: 'tabpanel',
class: 'fd-tabs__panel',
'[attr.id]': 'id',
'[attr.aria-expanded]': 'expanded ? true : null',
'[class.is-expanded]': 'expanded'
},
providers: [HashService],
encapsulation: ViewEncapsulation.None
}] }
];
/** @nocollapse */
TabPanelComponent.ctorParameters = () => [
{ type: HashService }
];
TabPanelComponent.propDecorators = {
titleTemplate: [{ type: ContentChild, args: [TabTitleDirective, { read: TemplateRef },] }],
title: [{ type: Input }],
ariaLabel: [{ type: Input }],
ariaLabelledBy: [{ type: Input }],
disabled: [{ type: Input }],
id: [{ type: Input }]
};
if (false) {
/**
* @hidden
* @type {?}
*/
TabPanelComponent.prototype.titleTemplate;
/**
* The title of the tab header.
* @type {?}
*/
TabPanelComponent.prototype.title;
/**
* Aria-label of the tab. Also applied to the tab header.
* @type {?}
*/
TabPanelComponent.prototype.ariaLabel;
/**
* Id of the element that labels the tab. Also applied to the tab header.
* @type {?}
*/
TabPanelComponent.prototype.ariaLabelledBy;
/**
* Whether the tab is disabled.
* @type {?}
*/
TabPanelComponent.prototype.disabled;
/**
* Id of the tab. If none is provided, one will be generated.
* @type {?}
*/
TabPanelComponent.prototype.id;
/**
* @hidden
* @type {?}
*/
TabPanelComponent.prototype.expanded;
/**
* @hidden
* @type {?}
*/
TabPanelComponent.prototype.index;
/**
* @type {?}
* @private
*/
TabPanelComponent.prototype.hasher;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLXBhbmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL2Z1bmRhbWVudGFsLW5neC8iLCJzb3VyY2VzIjpbImxpYi90YWJzL3RhYi90YWItcGFuZWwuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsV0FBVyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3ZHLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQzs7OztBQWtCaEUsTUFBTSxPQUFPLGlCQUFpQjs7Ozs7SUFpQzFCLFlBQW9CLE1BQW1CO1FBQW5CLFdBQU0sR0FBTixNQUFNLENBQWE7Ozs7UUFOdkMsYUFBUSxHQUFHLEtBQUssQ0FBQztJQU15QixDQUFDOzs7OztJQUczQyxRQUFRO1FBQ0osSUFBSSxDQUFDLElBQUksQ0FBQyxFQUFFLEVBQUU7WUFDVixJQUFJLENBQUMsRUFBRSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7U0FDaEM7SUFDTCxDQUFDOzs7WUFyREosU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxRQUFRO2dCQUNsQiw2RkFBeUM7Z0JBQ3pDLElBQUksRUFBRTtvQkFDRixJQUFJLEVBQUUsVUFBVTtvQkFDaEIsS0FBSyxFQUFFLGdCQUFnQjtvQkFDdkIsV0FBVyxFQUFFLElBQUk7b0JBQ2pCLHNCQUFzQixFQUFFLHdCQUF3QjtvQkFDaEQscUJBQXFCLEVBQUUsVUFBVTtpQkFDcEM7Z0JBQ0QsU0FBUyxFQUFFLENBQUMsV0FBVyxDQUFDO2dCQUN4QixhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTthQUN4Qzs7OztZQWxCUSxXQUFXOzs7NEJBc0JmLFlBQVksU0FBQyxpQkFBaUIsRUFBRSxFQUFDLElBQUksRUFBRSxXQUFXLEVBQUM7b0JBSW5ELEtBQUs7d0JBSUwsS0FBSzs2QkFJTCxLQUFLO3VCQUlMLEtBQUs7aUJBSUwsS0FBSzs7Ozs7OztJQXBCTiwwQ0FDZ0M7Ozs7O0lBR2hDLGtDQUNjOzs7OztJQUdkLHNDQUNrQjs7Ozs7SUFHbEIsMkNBQ3VCOzs7OztJQUd2QixxQ0FDa0I7Ozs7O0lBR2xCLCtCQUNXOzs7OztJQUdYLHFDQUFpQjs7Ozs7SUFHakIsa0NBQWM7Ozs7O0lBR0YsbUNBQTJCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBDb250ZW50Q2hpbGQsIElucHV0LCBPbkluaXQsIFRlbXBsYXRlUmVmLCBWaWV3RW5jYXBzdWxhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSGFzaFNlcnZpY2UgfSBmcm9tICcuLi8uLi91dGlscy9oYXNoLnNlcnZpY2UnO1xuaW1wb3J0IHsgVGFiVGl0bGVEaXJlY3RpdmUgfSBmcm9tICcuLi90YWItdXRpbHMvdGFiLWRpcmVjdGl2ZXMnO1xuXG4vKipcbiAqIFJlcHJlc2VudHMgdGhlIGJvZHkgb2YgYSB0YWIgZWxlbWVudC4gSXQgYWxzbyBjb250YWlucyBlbGVtZW50cyBwZXJ0YWluaW5nIHRvIHRoZSBhc3NvY2lhdGVkIHRhYiBoZWFkZXIuXG4gKi9cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZmQtdGFiJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdGFiLXBhbmVsLmNvbXBvbmVudC5odG1sJyxcbiAgICBob3N0OiB7XG4gICAgICAgIHJvbGU6ICd0YWJwYW5lbCcsXG4gICAgICAgIGNsYXNzOiAnZmQtdGFic19fcGFuZWwnLFxuICAgICAgICAnW2F0dHIuaWRdJzogJ2lkJyxcbiAgICAgICAgJ1thdHRyLmFyaWEtZXhwYW5kZWRdJzogJ2V4cGFuZGVkID8gdHJ1ZSA6IG51bGwnLFxuICAgICAgICAnW2NsYXNzLmlzLWV4cGFuZGVkXSc6ICdleHBhbmRlZCdcbiAgICB9LFxuICAgIHByb3ZpZGVyczogW0hhc2hTZXJ2aWNlXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIFRhYlBhbmVsQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgQENvbnRlbnRDaGlsZChUYWJUaXRsZURpcmVjdGl2ZSwge3JlYWQ6IFRlbXBsYXRlUmVmfSlcbiAgICB0aXRsZVRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gICAgLyoqIFRoZSB0aXRsZSBvZiB0aGUgdGFiIGhlYWRlci4gKi9cbiAgICBASW5wdXQoKVxuICAgIHRpdGxlOiBzdHJpbmc7XG5cbiAgICAvKiogQXJpYS1sYWJlbCBvZiB0aGUgdGFiLiBBbHNvIGFwcGxpZWQgdG8gdGhlIHRhYiBoZWFkZXIuICovXG4gICAgQElucHV0KClcbiAgICBhcmlhTGFiZWw6IHN0cmluZztcblxuICAgIC8qKiBJZCBvZiB0aGUgZWxlbWVudCB0aGF0IGxhYmVscyB0aGUgdGFiLiBBbHNvIGFwcGxpZWQgdG8gdGhlIHRhYiBoZWFkZXIuICovXG4gICAgQElucHV0KClcbiAgICBhcmlhTGFiZWxsZWRCeTogc3RyaW5nO1xuXG4gICAgLyoqIFdoZXRoZXIgdGhlIHRhYiBpcyBkaXNhYmxlZC4gKi9cbiAgICBASW5wdXQoKVxuICAgIGRpc2FibGVkOiBib29sZWFuO1xuXG4gICAgLyoqIElkIG9mIHRoZSB0YWIuIElmIG5vbmUgaXMgcHJvdmlkZWQsIG9uZSB3aWxsIGJlIGdlbmVyYXRlZC4gKi9cbiAgICBASW5wdXQoKVxuICAgIGlkOiBzdHJpbmc7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIGV4cGFuZGVkID0gZmFsc2U7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIGluZGV4OiBudW1iZXI7XG5cbiAgICAvKiogQGhpZGRlbiAqL1xuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgaGFzaGVyOiBIYXNoU2VydmljZSkge31cblxuICAgIC8qKiBAaGlkZGVuICovXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIGlmICghdGhpcy5pZCkge1xuICAgICAgICAgICAgdGhpcy5pZCA9IHRoaXMuaGFzaGVyLmhhc2goKTtcbiAgICAgICAgfVxuICAgIH1cbn1cbiJdfQ==