| (function (global, factory) { |
| typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/material/divider'), require('@angular/core')) : |
| typeof define === 'function' && define.amd ? define('@covalent/core/sidesheet', ['exports', '@angular/common', '@angular/material/divider', '@angular/core'], factory) : |
| (factory((global.covalent = global.covalent || {}, global.covalent.core = global.covalent.core || {}, global.covalent.core.sidesheet = {}),global.ng.common,global.ng.material.divider,global.ng.core)); |
| }(this, (function (exports,common,divider,core) { 'use strict'; |
| |
| /** |
| * @fileoverview added by tsickle |
| * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc |
| */ |
| var TdSidesheetContentDirective = /** @class */ (function () { |
| function TdSidesheetContentDirective() { |
| } |
| TdSidesheetContentDirective.decorators = [ |
| { type: core.Directive, args: [{ |
| selector: 'td-sidesheet-content', |
| },] } |
| ]; |
| return TdSidesheetContentDirective; |
| }()); |
| var TdSidesheetTitleDirective = /** @class */ (function () { |
| function TdSidesheetTitleDirective() { |
| } |
| TdSidesheetTitleDirective.decorators = [ |
| { type: core.Directive, args: [{ |
| selector: 'td-sidesheet-title', |
| },] } |
| ]; |
| return TdSidesheetTitleDirective; |
| }()); |
| var TdSidesheetActionsDirective = /** @class */ (function () { |
| function TdSidesheetActionsDirective() { |
| this.align = 'start'; |
| } |
| TdSidesheetActionsDirective.decorators = [ |
| { type: core.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: core.Input }] |
| }; |
| return TdSidesheetActionsDirective; |
| }()); |
| var TdSidesheetHeaderComponent = /** @class */ (function () { |
| function TdSidesheetHeaderComponent() { |
| } |
| TdSidesheetHeaderComponent.decorators = [ |
| { type: core.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>" |
| }] } |
| ]; |
| return TdSidesheetHeaderComponent; |
| }()); |
| var TdSidesheetComponent = /** @class */ (function () { |
| function TdSidesheetComponent() { |
| } |
| TdSidesheetComponent.decorators = [ |
| { type: core.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>", |
| encapsulation: core.ViewEncapsulation.None, |
| styles: ["td-sidesheet,td-sidesheet td-sidesheet-header{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex}td-sidesheet{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:0;width:100%;min-height:100%;height:100%}td-sidesheet td-sidesheet-header{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;max-width:100%;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%;padding:20px 16px;font-size:18px}td-sidesheet .mat-divider-horizontal{position:static!important}td-sidesheet td-sidesheet-title{-webkit-box-flex:1;-ms-flex:1;flex:1}td-sidesheet td-sidesheet-header .mat-button-focus-overlay{background-color:transparent!important}td-sidesheet td-sidesheet-header .mat-icon-button{width:24px;height:24px;line-height:21px}td-sidesheet td-sidesheet-actions{padding:8px;display:block}td-sidesheet .td-sidesheet-content-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative;overflow-y:auto}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: core.ContentChild, args: [TdSidesheetHeaderComponent,] }], |
| actionsExist: [{ type: core.ContentChild, args: [TdSidesheetActionsDirective,] }] |
| }; |
| return TdSidesheetComponent; |
| }()); |
| |
| /** |
| * @fileoverview added by tsickle |
| * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc |
| */ |
| /** @type {?} */ |
| var TD_SIDESHEET = [ |
| TdSidesheetComponent, |
| TdSidesheetHeaderComponent, |
| TdSidesheetContentDirective, |
| TdSidesheetTitleDirective, |
| TdSidesheetActionsDirective, |
| ]; |
| var CovalentSidesheetModule = /** @class */ (function () { |
| function CovalentSidesheetModule() { |
| } |
| CovalentSidesheetModule.decorators = [ |
| { type: core.NgModule, args: [{ |
| imports: [ |
| common.CommonModule, |
| divider.MatDividerModule, |
| ], |
| declarations: [ |
| TD_SIDESHEET, |
| ], |
| exports: [ |
| TD_SIDESHEET, |
| ], |
| },] } |
| ]; |
| return CovalentSidesheetModule; |
| }()); |
| |
| /** |
| * @fileoverview added by tsickle |
| * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc |
| */ |
| |
| /** |
| * @fileoverview added by tsickle |
| * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc |
| */ |
| |
| /** |
| * @fileoverview added by tsickle |
| * @suppress {checkTypes,extraRequire,missingReturn,uselessCode} checked by tsc |
| */ |
| |
| exports.CovalentSidesheetModule = CovalentSidesheetModule; |
| exports.TdSidesheetContentDirective = TdSidesheetContentDirective; |
| exports.TdSidesheetTitleDirective = TdSidesheetTitleDirective; |
| exports.TdSidesheetActionsDirective = TdSidesheetActionsDirective; |
| exports.TdSidesheetHeaderComponent = TdSidesheetHeaderComponent; |
| exports.TdSidesheetComponent = TdSidesheetComponent; |
| |
| Object.defineProperty(exports, '__esModule', { value: true }); |
| |
| }))); |
| |
| //# sourceMappingURL=covalent-core-sidesheet.umd.js.map |