angular2-mdl-miracle
Version:
Angular 2 components, directives and styles based on material design lite https://getmdl.io.
41 lines • 1.79 kB
JavaScript
import { Component, Input, ContentChild, ViewEncapsulation } from '@angular/core';
import { MdlTabPanelTitleComponent } from './mdl-tab-panel-title.component';
export var MdlTabPanelContent = (function () {
function MdlTabPanelContent() {
}
MdlTabPanelContent.decorators = [
{ type: Component, args: [{
selector: 'mdl-tab-panel-content',
template: '<ng-content></ng-content>',
encapsulation: ViewEncapsulation.None
},] },
];
/** @nocollapse */
MdlTabPanelContent.ctorParameters = function () { return []; };
return MdlTabPanelContent;
}());
export var MdlTabPanelComponent = (function () {
function MdlTabPanelComponent() {
this.isActive = false;
}
MdlTabPanelComponent.decorators = [
{ type: Component, args: [{
selector: 'mdl-tab-panel',
host: {
'[class.mdl-tabs__panel]': 'true',
'[class.is-active]': 'isActive'
},
template: "\n <ng-content *ngIf=\"titleComponent\" select=\"mdl-tab-panel-content\"></ng-content>\n <ng-content *ngIf=\"!titleComponent\"></ng-content>\n ",
encapsulation: ViewEncapsulation.None
},] },
];
/** @nocollapse */
MdlTabPanelComponent.ctorParameters = function () { return []; };
MdlTabPanelComponent.propDecorators = {
'titleComponent': [{ type: ContentChild, args: [MdlTabPanelTitleComponent,] },],
'title': [{ type: Input, args: ['mdl-tab-panel-title',] },],
'disabled': [{ type: Input, args: ['disabled',] },],
};
return MdlTabPanelComponent;
}());
//# sourceMappingURL=mdl-tab-panel.component.js.map