blob: 8c33e6a493bd7d1793648768415e1a9a068102ae [file] [log] [blame]
import { Directive, Input, Component, ViewEncapsulation, ContentChild, NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { MatDividerModule } from '@angular/material/divider';
/**
* @fileoverview added by tsickle
* Generated from: sidesheet.component.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
class TdSidesheetContentDirective {
}
TdSidesheetContentDirective.decorators = [
{ type: Directive, args: [{
selector: 'td-sidesheet-content',
},] }
];
class TdSidesheetTitleDirective {
}
TdSidesheetTitleDirective.decorators = [
{ type: Directive, args: [{
selector: 'td-sidesheet-title',
},] }
];
class TdSidesheetActionsDirective {
constructor() {
this.align = 'start';
}
}
TdSidesheetActionsDirective.decorators = [
{ type: Directive, args: [{
selector: 'td-sidesheet-actions',
/* tslint:disable-next-line */
host: {
'[class.align-end]': 'align === "end"',
'[class.align-start]': 'align === "start"',
},
},] }
];
TdSidesheetActionsDirective.propDecorators = {
align: [{ type: Input }]
};
if (false) {
/** @type {?} */
TdSidesheetActionsDirective.prototype.align;
}
class TdSidesheetHeaderComponent {
}
TdSidesheetHeaderComponent.decorators = [
{ type: Component, args: [{
selector: 'td-sidesheet-header',
template: "<ng-content select=\"td-sidesheet-title\"></ng-content>\n<ng-content select=\"[mat-icon-button][td-sidesheet-header-action]\"></ng-content>\n"
}] }
];
class TdSidesheetComponent {
}
TdSidesheetComponent.decorators = [
{ type: Component, args: [{
selector: 'td-sidesheet',
template: "<ng-content select=\"td-sidesheet-header\"></ng-content>\n<ng-template [ngIf]=\"headerExists\">\n <mat-divider></mat-divider>\n</ng-template>\n<div class=\"td-sidesheet-content-wrapper\">\n <ng-content></ng-content>\n</div>\n<ng-template [ngIf]=\"actionsExist\">\n <mat-divider></mat-divider>\n</ng-template>\n<ng-content select=\"td-sidesheet-actions\"></ng-content>\n",
// tslint:disable-next-line:use-component-view-encapsulation
encapsulation: ViewEncapsulation.None,
styles: ["td-sidesheet,td-sidesheet td-sidesheet-header{box-sizing:border-box;display:-ms-flexbox;display:flex}td-sidesheet{-ms-flex-direction:column;flex-direction:column}td-sidesheet td-sidesheet-header{-ms-flex-direction:row;flex-direction:row}td-sidesheet{height:100%;margin:0;min-height:100%;width:100%}td-sidesheet td-sidesheet-header{-ms-flex-align:center;-ms-flex-line-pack:center;-ms-flex-pack:start;align-content:center;align-items:center;justify-content:flex-start;max-width:100%}td-sidesheet .mat-divider-horizontal{position:static!important}td-sidesheet td-sidesheet-title{-ms-flex:1;flex:1}td-sidesheet td-sidesheet-header{font-size:18px;padding:20px 16px;width:100%}td-sidesheet td-sidesheet-header .mat-button-focus-overlay{background-color:rgba(0,0,0,0)!important}td-sidesheet td-sidesheet-header .mat-icon-button{height:24px;line-height:21px;width:24px}td-sidesheet td-sidesheet-actions{display:block;padding:8px}td-sidesheet .td-sidesheet-content-wrapper{-ms-flex:1;flex:1;overflow-y:auto;position:relative}td-sidesheet td-sidesheet-content{display:block;padding:16px}td-sidesheet-content>:first-child,td-sidesheet>:first-child{margin-top:0}td-sidesheet-content>:last-child,td-sidesheet>:last-child{margin-bottom:0}"]
}] }
];
TdSidesheetComponent.propDecorators = {
headerExists: [{ type: ContentChild, args: [TdSidesheetHeaderComponent,] }],
actionsExist: [{ type: ContentChild, args: [TdSidesheetActionsDirective,] }]
};
if (false) {
/** @type {?} */
TdSidesheetComponent.prototype.headerExists;
/** @type {?} */
TdSidesheetComponent.prototype.actionsExist;
}
/**
* @fileoverview added by tsickle
* Generated from: sidesheet.module.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/** @type {?} */
const TD_SIDESHEET = [
TdSidesheetComponent,
TdSidesheetHeaderComponent,
TdSidesheetContentDirective,
TdSidesheetTitleDirective,
TdSidesheetActionsDirective,
];
class CovalentSidesheetModule {
}
CovalentSidesheetModule.decorators = [
{ type: NgModule, args: [{
imports: [CommonModule, MatDividerModule],
declarations: [TD_SIDESHEET],
exports: [TD_SIDESHEET],
},] }
];
/**
* @fileoverview added by tsickle
* Generated from: public-api.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* Generated from: index.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
/**
* @fileoverview added by tsickle
* Generated from: covalent-core-sidesheet.ts
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingRequire,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
export { CovalentSidesheetModule, TdSidesheetActionsDirective, TdSidesheetComponent, TdSidesheetContentDirective, TdSidesheetHeaderComponent, TdSidesheetTitleDirective };
//# sourceMappingURL=covalent-core-sidesheet.js.map