@progress/kendo-angular-dialog
Advanced tools
Comparing version 0.18.1 to 0.19.0
@@ -1,1 +0,1 @@ | ||
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@angular/core"),require("@progress/kendo-angular-l10n"),require("@angular/common"),require("rxjs/add/operator/map"),require("rxjs/add/operator/take"),require("rxjs/add/observable/merge"),require("rxjs/Observable"),require("rxjs/Subject")):"function"==typeof define&&define.amd?define(["@angular/core","@progress/kendo-angular-l10n","@angular/common","rxjs/add/operator/map","rxjs/add/operator/take","rxjs/add/observable/merge","rxjs/Observable","rxjs/Subject"],t):"object"==typeof exports?exports.KendoAngularDialog=t(require("@angular/core"),require("@progress/kendo-angular-l10n"),require("@angular/common"),require("rxjs/add/operator/map"),require("rxjs/add/operator/take"),require("rxjs/add/observable/merge"),require("rxjs/Observable"),require("rxjs/Subject")):e.KendoAngularDialog=t(e["@angular/core"],e["@progress/kendo-angular-l10n"],e["@angular/common"],e["rxjs/add/operator/map"],e["rxjs/add/operator/take"],e["rxjs/add/observable/merge"],e["rxjs/Observable"],e["rxjs/Subject"])}(this,function(e,t,n,o,r,i,a,c){return function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={exports:{},id:o,loaded:!1};return e[o].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){"use strict";var o=n(1);t.DialogComponent=o.DialogComponent;var r=n(5);t.DialogTitleBarComponent=r.DialogTitleBarComponent;var i=n(4);t.DialogActionsComponent=i.DialogActionsComponent;var a=n(6);t.DialogModule=a.DialogModule;var c=n(8);t.DialogService=c.DialogService;var l=n(15);t.DialogCloseResult=l.DialogCloseResult,t.DialogRef=l.DialogRef},function(e,t,n){"use strict";var o=this&&this.__decorate||function(e,t,n,o){var r,i=arguments.length,a=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(a=(i<3?r(a):i>3?r(t,n,a):r(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},r=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},i=this&&this.__param||function(e,t){return function(n,o){t(n,o,e)}},a=n(2),c=n(3),l=n(4),s=n(5),p=function(){function e(e,t,n){this._elRef=e,this._renderer=t,this.action=new a.EventEmitter,this.close=new a.EventEmitter,this.direction=n?"rtl":"ltr"}return Object.defineProperty(e.prototype,"dir",{get:function(){return this.direction},enumerable:!0,configurable:!0}),e.prototype.ngAfterContentInit=function(){this.bubble("close",this.titlebarContent)},e.prototype.ngAfterViewInit=function(){this.bubble("close",this.titlebarView),this.bubble("action",this.actionsView)},e.prototype.ngOnInit=function(){this._renderer.setElementAttribute(this._elRef.nativeElement,"title",null)},Object.defineProperty(e.prototype,"wrapperClass",{get:function(){return!0},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"styles",{get:function(){var e={};return this.width&&(e.width=this.width+"px"),this.height&&(e.height=this.height+"px"),e},enumerable:!0,configurable:!0}),e.prototype.bubble=function(e,t){var n=this;t&&t[e].subscribe(function(t){return n[e].emit(t)})},o([a.Input(),r("design:type",String)],e.prototype,"title",void 0),o([a.Input(),r("design:type",String)],e.prototype,"actions",void 0),o([a.Input(),r("design:type",Number)],e.prototype,"width",void 0),o([a.Input(),r("design:type",Number)],e.prototype,"height",void 0),o([a.Output(),r("design:type",a.EventEmitter)],e.prototype,"action",void 0),o([a.Output(),r("design:type",a.EventEmitter)],e.prototype,"close",void 0),o([a.HostBinding("attr.dir"),r("design:type",String)],e.prototype,"dir",null),o([a.ContentChild(s.DialogTitleBarComponent),r("design:type",s.DialogTitleBarComponent)],e.prototype,"titlebarContent",void 0),o([a.ViewChild(s.DialogTitleBarComponent),r("design:type",s.DialogTitleBarComponent)],e.prototype,"titlebarView",void 0),o([a.ViewChild(l.DialogActionsComponent),r("design:type",l.DialogActionsComponent)],e.prototype,"actionsView",void 0),o([a.HostBinding("class.k-dialog-wrapper"),r("design:type",Boolean)],e.prototype,"wrapperClass",null),e=o([a.Component({animations:[a.trigger("overlayAppear",[a.state("in",a.style({opacity:1})),a.transition("void => *",[a.style({opacity:.1}),a.animate(".3s cubic-bezier(.2, .6, .4, 1)")])]),a.trigger("dialogSlideInAppear",[a.state("in",a.style({transform:"translate(-50%, -50%)"})),a.transition("void => *",[a.style({transform:"translate(-50%, -60%)"}),a.animate(".3s cubic-bezier(.2, 1, .2, 1)")])])],exportAs:"kendoDialog",selector:"kendo-dialog",template:'\n <div class="k-overlay" @overlayAppear></div>\n\n <div class="k-widget k-window k-dialog k-centered k-dialog-centered" [ngStyle]="styles" @dialogSlideInAppear>\n\n <kendo-dialog-titlebar *ngIf="title">{{title}}</kendo-dialog-titlebar>\n <ng-content select="kendo-dialog-titlebar" *ngIf="!title"></ng-content>\n\n <div class="k-content k-window-content k-dialog-content">\n <ng-content *ngIf="!contentTemplate"></ng-content>\n <template [ngTemplateOutlet]="contentTemplate" *ngIf="contentTemplate"></template>\n </div>\n\n <ng-content select="kendo-dialog-actions" *ngIf="!actions"></ng-content>\n <kendo-dialog-actions [actions]="actions" *ngIf="actions"></kendo-dialog-actions>\n\n </div>\n '}),i(2,a.Optional()),i(2,a.Inject(c.RTL)),r("design:paramtypes",[a.ElementRef,a.Renderer,Boolean])],e)}();t.DialogComponent=p},function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t,n){"use strict";var o=this&&this.__decorate||function(e,t,n,o){var r,i=arguments.length,a=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(a=(i<3?r(a):i>3?r(t,n,a):r(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},r=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},i=n(2),a=function(){function e(){this.action=new i.EventEmitter}return Object.defineProperty(e.prototype,"className",{get:function(){return!0},enumerable:!0,configurable:!0}),e.prototype.actionTemplate=function(){return this.actions instanceof i.TemplateRef},e.prototype.onButtonClick=function(e){this.action.emit(e)},e.prototype.buttonClass=function(e){var t=["k-button"];return e.primary&&t.push("k-primary"),t.join(" ")},o([i.Input(),r("design:type",Object)],e.prototype,"actions",void 0),o([i.Output(),r("design:type",i.EventEmitter)],e.prototype,"action",void 0),o([i.HostBinding("class.k-button-group"),i.HostBinding("class.k-dialog-buttongroup"),i.HostBinding("class.k-dialog-button-layout-stretched"),r("design:type",Boolean)],e.prototype,"className",null),e=o([i.Component({selector:"kendo-dialog-actions",template:'\n <ng-content *ngIf="!actions"></ng-content>\n <ng-container *ngIf="!actionTemplate()">\n <button\n [ngClass]="buttonClass(action)"\n (click)="onButtonClick(action)"\n *ngFor="let action of actions">\n {{ action.text }}\n </button>\n </ng-container>\n <template [ngTemplateOutlet]="actions" *ngIf="actionTemplate()"></template>\n '}),r("design:paramtypes",[])],e)}();t.DialogActionsComponent=a},function(e,t,n){"use strict";var o=this&&this.__decorate||function(e,t,n,o){var r,i=arguments.length,a=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(a=(i<3?r(a):i>3?r(t,n,a):r(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},r=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},i=n(2),a=function(){function e(){this.close=new i.EventEmitter}return Object.defineProperty(e.prototype,"className",{get:function(){return!0},enumerable:!0,configurable:!0}),e.prototype.onCloseClick=function(e){e.preventDefault(),this.close.emit()},o([i.Output(),r("design:type",i.EventEmitter)],e.prototype,"close",void 0),o([i.HostBinding("class.k-window-titlebar"),i.HostBinding("class.k-dialog-titlebar"),i.HostBinding("class.k-header"),r("design:type",String)],e.prototype,"className",null),e=o([i.Component({selector:"kendo-dialog-titlebar",template:'\n <div class="k-window-title k-dialog-title">\n <ng-content></ng-content>\n </div>\n <div class="k-window-actions k-dialog-actions">\n <a href="#" role="button"\n aria-label="Close"\n class="k-button k-bare k-button-icon k-window-action k-dialog-action k-dialog-close"\n (click)="onCloseClick($event)">\n <span class="k-icon k-i-x"></span>\n </a>\n </div>\n '}),r("design:paramtypes",[])],e)}();t.DialogTitleBarComponent=a},function(e,t,n){"use strict";var o=this&&this.__decorate||function(e,t,n,o){var r,i=arguments.length,a=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(a=(i<3?r(a):i>3?r(t,n,a):r(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},r=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},i=n(2),a=n(7),c=n(1),l=n(5),s=n(4),p=n(8),u=n(16),f=n(14);t.DIALOG_DIRECTIVES=[c.DialogComponent,l.DialogTitleBarComponent,s.DialogActionsComponent];var d=function(){function e(){}return e.forRoot=function(n){var o=n||[];return{ngModule:e,providers:[p.DialogService,{multi:!0,provide:i.ANALYZE_FOR_ENTRY_COMPONENTS,useValue:t.DIALOG_DIRECTIVES.concat(o)}]}},e=o([i.NgModule({declarations:[t.DIALOG_DIRECTIVES,u.DialogContainerDirective],entryComponents:[t.DIALOG_DIRECTIVES],exports:[t.DIALOG_DIRECTIVES,u.DialogContainerDirective],imports:[a.CommonModule],providers:[f.DialogContainerService]}),r("design:paramtypes",[])],e)}();t.DialogModule=d},function(e,t){e.exports=n},function(e,t,n){"use strict";var o=this&&this.__decorate||function(e,t,n,o){var r,i=arguments.length,a=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(a=(i<3?r(a):i>3?r(t,n,a):r(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},r=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};n(9),n(10),n(11);var i=n(12),a=n(13),c=n(2),l=n(1),s=n(14),p=n(15),u=function(){function e(e,t){this.resolver=e,this.containerService=t}return e.prototype.open=function(e){this.containerService.validate();var t=this.resolver.resolveComponentFactory(l.DialogComponent),n=this.containerService.container,o=this.contentFrom(e.content),r=n.createComponent(t,0,void 0,o.nodes);this.applyOptions(r.instance,e);var c=new a.Subject,s=function(e){c.next(e||new p.DialogCloseResult),o.componentRef&&o.componentRef.destroy(),r.destroy()},u=i.Observable.merge(c,r.instance.close,r.instance.action).take(1);return u.subscribe(s),{result:u,dialog:r,content:o.componentRef||null,close:s}},e.prototype.applyOptions=function(e,t){e.title=t.title,e.actions=t.actions,t.content instanceof c.TemplateRef&&(e.contentTemplate=t.content)},e.prototype.contentFrom=function(e){var t=[],n=null;if("string"==typeof e)t=[this.containerService.renderer.createText(null,e)];else if(e&&!(e instanceof c.TemplateRef)){var o=this.resolver.resolveComponentFactory(e);n=this.containerService.container.createComponent(o),t=[n.location.nativeElement]}return{componentRef:n,nodes:[[],t,[]]}},e=o([c.Injectable(),r("design:paramtypes",[c.ComponentFactoryResolver,s.DialogContainerService])],e)}();t.DialogService=u},function(e,t){e.exports=o},function(e,t){e.exports=r},function(e,t){e.exports=i},function(e,t){e.exports=a},function(e,t){e.exports=c},function(e,t,n){"use strict";var o=this&&this.__decorate||function(e,t,n,o){var r,i=arguments.length,a=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(a=(i<3?r(a):i>3?r(t,n,a):r(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},r=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},i=n(2),a=function(){function e(){}return Object.defineProperty(e.prototype,"container",{get:function(){return e.container},set:function(t){e.container=t},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"renderer",{get:function(){return e.renderer},set:function(t){e.renderer=t},enumerable:!0,configurable:!0}),e.prototype.validate=function(){var t=e.container&&e.renderer;if(!t)throw new Error("\n Cannot attach dialog to the page.\n Verify that there is an element that uses the kendoDialogContainer directive.\n See http://www.telerik.com/kendo-angular-ui/components/dialog/api/DialogContainerDirective/ .\n ");return!!t},e=o([i.Injectable(),r("design:paramtypes",[])],e)}();t.DialogContainerService=a},function(e,t){"use strict";var n=function(){function e(){}return e}();t.DialogAction=n;var o=function(){function e(){}return e}();t.DialogCloseResult=o;var r=function(){function e(){}return e}();t.DialogSettings=r;var i=function(){function e(){}return e}();t.DialogRef=i},function(e,t,n){"use strict";var o=this&&this.__decorate||function(e,t,n,o){var r,i=arguments.length,a=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(a=(i<3?r(a):i>3?r(t,n,a):r(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},r=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},i=n(2),a=n(14),c=function(){function e(e,t,n){n.container=e,n.renderer=t}return e=o([i.Directive({selector:"[kendoDialogContainer]"}),r("design:paramtypes",[i.ViewContainerRef,i.Renderer,a.DialogContainerService])],e)}();t.DialogContainerDirective=c}])}); | ||
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@angular/core"),require("@angular/animations"),require("@progress/kendo-angular-l10n"),require("@angular/common"),require("rxjs/add/operator/map"),require("rxjs/add/operator/take"),require("rxjs/add/observable/merge"),require("rxjs/Observable"),require("rxjs/Subject")):"function"==typeof define&&define.amd?define(["@angular/core","@angular/animations","@progress/kendo-angular-l10n","@angular/common","rxjs/add/operator/map","rxjs/add/operator/take","rxjs/add/observable/merge","rxjs/Observable","rxjs/Subject"],t):"object"==typeof exports?exports.KendoAngularDialog=t(require("@angular/core"),require("@angular/animations"),require("@progress/kendo-angular-l10n"),require("@angular/common"),require("rxjs/add/operator/map"),require("rxjs/add/operator/take"),require("rxjs/add/observable/merge"),require("rxjs/Observable"),require("rxjs/Subject")):e.KendoAngularDialog=t(e["@angular/core"],e["@angular/animations"],e["@progress/kendo-angular-l10n"],e["@angular/common"],e["rxjs/add/operator/map"],e["rxjs/add/operator/take"],e["rxjs/add/observable/merge"],e["rxjs/Observable"],e["rxjs/Subject"])}(this,function(e,t,n,o,r,i,a,c,l){return function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={exports:{},id:o,loaded:!1};return e[o].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var n={};return t.m=e,t.c=n,t.p="",t(0)}([function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(1);t.DialogComponent=o.DialogComponent;var r=n(6);t.DialogTitleBarComponent=r.DialogTitleBarComponent;var i=n(5);t.DialogActionsComponent=i.DialogActionsComponent;var a=n(7);t.DialogModule=a.DialogModule;var c=n(9);t.DialogService=c.DialogService;var l=n(16);t.DialogCloseResult=l.DialogCloseResult,t.DialogRef=l.DialogRef},function(e,t,n){"use strict";var o=this&&this.__decorate||function(e,t,n,o){var r,i=arguments.length,a=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(a=(i<3?r(a):i>3?r(t,n,a):r(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},r=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},i=this&&this.__param||function(e,t){return function(n,o){t(n,o,e)}};Object.defineProperty(t,"__esModule",{value:!0});var a=n(2),c=n(3),l=n(4),s=n(5),p=n(6),u=function(){function e(e,t,n){this._elRef=e,this._renderer=t,this.action=new a.EventEmitter,this.close=new a.EventEmitter,this.direction=n?"rtl":"ltr"}return Object.defineProperty(e.prototype,"dir",{get:function(){return this.direction},enumerable:!0,configurable:!0}),e.prototype.ngAfterContentInit=function(){this.bubble("close",this.titlebarContent)},e.prototype.ngAfterViewInit=function(){this.bubble("close",this.titlebarView),this.bubble("action",this.actionsView)},e.prototype.ngOnInit=function(){this._renderer.setElementAttribute(this._elRef.nativeElement,"title",null)},Object.defineProperty(e.prototype,"wrapperClass",{get:function(){return!0},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"styles",{get:function(){var e={};return this.width&&(e.width=this.width+"px"),this.height&&(e.height=this.height+"px"),e},enumerable:!0,configurable:!0}),e.prototype.bubble=function(e,t){var n=this;t&&t[e].subscribe(function(t){return n[e].emit(t)})},e}();o([a.Input(),r("design:type",String)],u.prototype,"title",void 0),o([a.Input(),r("design:type",String)],u.prototype,"actions",void 0),o([a.Input(),r("design:type",Number)],u.prototype,"width",void 0),o([a.Input(),r("design:type",Number)],u.prototype,"height",void 0),o([a.Output(),r("design:type",a.EventEmitter)],u.prototype,"action",void 0),o([a.Output(),r("design:type",a.EventEmitter)],u.prototype,"close",void 0),o([a.HostBinding("attr.dir"),r("design:type",String),r("design:paramtypes",[])],u.prototype,"dir",null),o([a.ContentChild(p.DialogTitleBarComponent),r("design:type",p.DialogTitleBarComponent)],u.prototype,"titlebarContent",void 0),o([a.ViewChild(p.DialogTitleBarComponent),r("design:type",p.DialogTitleBarComponent)],u.prototype,"titlebarView",void 0),o([a.ViewChild(s.DialogActionsComponent),r("design:type",s.DialogActionsComponent)],u.prototype,"actionsView",void 0),o([a.HostBinding("class.k-dialog-wrapper"),r("design:type",Boolean),r("design:paramtypes",[])],u.prototype,"wrapperClass",null),u=o([a.Component({animations:[c.trigger("overlayAppear",[c.state("in",c.style({opacity:1})),c.transition("void => *",[c.style({opacity:.1}),c.animate(".3s cubic-bezier(.2, .6, .4, 1)")])]),c.trigger("dialogSlideInAppear",[c.state("in",c.style({transform:"translate(-50%, -50%)"})),c.transition("void => *",[c.style({transform:"translate(-50%, -60%)"}),c.animate(".3s cubic-bezier(.2, 1, .2, 1)")])])],exportAs:"kendoDialog",selector:"kendo-dialog",template:'\n <div class="k-overlay" @overlayAppear></div>\n\n <div class="k-widget k-window k-dialog k-centered k-dialog-centered" [ngStyle]="styles" @dialogSlideInAppear>\n\n <kendo-dialog-titlebar *ngIf="title">{{title}}</kendo-dialog-titlebar>\n <ng-content select="kendo-dialog-titlebar" *ngIf="!title"></ng-content>\n\n <div class="k-content k-window-content k-dialog-content">\n <ng-content *ngIf="!contentTemplate"></ng-content>\n <ng-template [ngTemplateOutlet]="contentTemplate" *ngIf="contentTemplate"></ng-template>\n </div>\n\n <ng-content select="kendo-dialog-actions" *ngIf="!actions"></ng-content>\n <kendo-dialog-actions [actions]="actions" *ngIf="actions"></kendo-dialog-actions>\n\n </div>\n '}),i(2,a.Optional()),i(2,a.Inject(l.RTL)),r("design:paramtypes",[a.ElementRef,a.Renderer,Boolean])],u),t.DialogComponent=u},function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t){e.exports=n},function(e,t,n){"use strict";var o=this&&this.__decorate||function(e,t,n,o){var r,i=arguments.length,a=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(a=(i<3?r(a):i>3?r(t,n,a):r(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},r=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=function(){function e(){this.action=new i.EventEmitter}return Object.defineProperty(e.prototype,"className",{get:function(){return!0},enumerable:!0,configurable:!0}),e.prototype.actionTemplate=function(){return this.actions instanceof i.TemplateRef},e.prototype.onButtonClick=function(e){this.action.emit(e)},e.prototype.buttonClass=function(e){var t=["k-button"];return e.primary&&t.push("k-primary"),t.join(" ")},e}();o([i.Input(),r("design:type",Object)],a.prototype,"actions",void 0),o([i.Output(),r("design:type",i.EventEmitter)],a.prototype,"action",void 0),o([i.HostBinding("class.k-button-group"),i.HostBinding("class.k-dialog-buttongroup"),i.HostBinding("class.k-dialog-button-layout-stretched"),r("design:type",Boolean),r("design:paramtypes",[])],a.prototype,"className",null),a=o([i.Component({selector:"kendo-dialog-actions",template:'\n <ng-content *ngIf="!actions"></ng-content>\n <ng-container *ngIf="!actionTemplate()">\n <button\n [ngClass]="buttonClass(action)"\n (click)="onButtonClick(action)"\n *ngFor="let action of actions">\n {{ action.text }}\n </button>\n </ng-container>\n <ng-template [ngTemplateOutlet]="actions" *ngIf="actionTemplate()"></ng-template>\n '})],a),t.DialogActionsComponent=a},function(e,t,n){"use strict";var o=this&&this.__decorate||function(e,t,n,o){var r,i=arguments.length,a=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(a=(i<3?r(a):i>3?r(t,n,a):r(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},r=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=function(){function e(){this.close=new i.EventEmitter}return Object.defineProperty(e.prototype,"className",{get:function(){return!0},enumerable:!0,configurable:!0}),e.prototype.onCloseClick=function(e){e.preventDefault(),this.close.emit()},e}();o([i.Output(),r("design:type",i.EventEmitter)],a.prototype,"close",void 0),o([i.HostBinding("class.k-window-titlebar"),i.HostBinding("class.k-dialog-titlebar"),i.HostBinding("class.k-header"),r("design:type",Boolean),r("design:paramtypes",[])],a.prototype,"className",null),a=o([i.Component({selector:"kendo-dialog-titlebar",template:'\n <div class="k-window-title k-dialog-title">\n <ng-content></ng-content>\n </div>\n <div class="k-window-actions k-dialog-actions">\n <a href="#" role="button"\n aria-label="Close"\n class="k-button k-bare k-button-icon k-window-action k-dialog-action k-dialog-close"\n (click)="onCloseClick($event)">\n <span class="k-icon k-i-x"></span>\n </a>\n </div>\n '})],a),t.DialogTitleBarComponent=a},function(e,t,n){"use strict";var o=this&&this.__decorate||function(e,t,n,o){var r,i=arguments.length,a=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(a=(i<3?r(a):i>3?r(t,n,a):r(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a};Object.defineProperty(t,"__esModule",{value:!0});var r=n(2),i=n(8),a=n(1),c=n(6),l=n(5),s=n(9),p=n(17),u=n(15);t.DIALOG_DIRECTIVES=[a.DialogComponent,c.DialogTitleBarComponent,l.DialogActionsComponent];var d=f=function(){function e(){}return e.forRoot=function(e){var n=e||[];return{ngModule:f,providers:[s.DialogService,{multi:!0,provide:r.ANALYZE_FOR_ENTRY_COMPONENTS,useValue:t.DIALOG_DIRECTIVES.concat(n)}]}},e}();d=f=o([r.NgModule({declarations:[t.DIALOG_DIRECTIVES,p.DialogContainerDirective],entryComponents:[t.DIALOG_DIRECTIVES],exports:[t.DIALOG_DIRECTIVES,p.DialogContainerDirective],imports:[i.CommonModule],providers:[u.DialogContainerService]})],d),t.DialogModule=d;var f},function(e,t){e.exports=o},function(e,t,n){"use strict";var o=this&&this.__decorate||function(e,t,n,o){var r,i=arguments.length,a=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(a=(i<3?r(a):i>3?r(t,n,a):r(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},r=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};Object.defineProperty(t,"__esModule",{value:!0}),n(10),n(11),n(12);var i=n(13),a=n(14),c=n(2),l=n(1),s=n(15),p=n(16),u=function(){function e(e,t){this.resolver=e,this.containerService=t}return e.prototype.open=function(e){this.containerService.validate();var t=this.resolver.resolveComponentFactory(l.DialogComponent),n=this.containerService.container,o=this.contentFrom(e.content),r=n.createComponent(t,0,void 0,o.nodes);this.applyOptions(r.instance,e);var c=new a.Subject,s=function(e){c.next(e||new p.DialogCloseResult),o.componentRef&&o.componentRef.destroy(),r.destroy()},u=i.Observable.merge(c,r.instance.close,r.instance.action).take(1);return u.subscribe(s),{result:u,dialog:r,content:o.componentRef||null,close:s}},e.prototype.applyOptions=function(e,t){e.title=t.title,e.actions=t.actions,t.content instanceof c.TemplateRef&&(e.contentTemplate=t.content)},e.prototype.contentFrom=function(e){var t=[],n=null;if("string"==typeof e)t=[this.containerService.renderer.createText(null,e)];else if(e&&!(e instanceof c.TemplateRef)){var o=this.resolver.resolveComponentFactory(e);n=this.containerService.container.createComponent(o),t=[n.location.nativeElement]}return{componentRef:n,nodes:[[],t,[]]}},e}();u=o([c.Injectable(),r("design:paramtypes",[c.ComponentFactoryResolver,s.DialogContainerService])],u),t.DialogService=u},function(e,t){e.exports=r},function(e,t){e.exports=i},function(e,t){e.exports=a},function(e,t){e.exports=c},function(e,t){e.exports=l},function(e,t,n){"use strict";var o=this&&this.__decorate||function(e,t,n,o){var r,i=arguments.length,a=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(a=(i<3?r(a):i>3?r(t,n,a):r(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a};Object.defineProperty(t,"__esModule",{value:!0});var r=n(2),i=a=function(){function e(){}return Object.defineProperty(e.prototype,"container",{get:function(){return a.container},set:function(e){a.container=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"renderer",{get:function(){return a.renderer},set:function(e){a.renderer=e},enumerable:!0,configurable:!0}),e.prototype.validate=function(){var e=a.container&&a.renderer;if(!e)throw new Error("\n Cannot attach dialog to the page.\n Verify that there is an element that uses the kendoDialogContainer directive.\n See http://www.telerik.com/kendo-angular-ui/components/dialog/api/DialogContainerDirective/ .\n ");return!!e},e}();i=a=o([r.Injectable()],i),t.DialogContainerService=i;var a},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(){function e(){}return e}();t.DialogAction=n;var o=function(){function e(){}return e}();t.DialogCloseResult=o;var r=function(){function e(){}return e}();t.DialogSettings=r;var i=function(){function e(){}return e}();t.DialogRef=i},function(e,t,n){"use strict";var o=this&&this.__decorate||function(e,t,n,o){var r,i=arguments.length,a=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,o);else for(var c=e.length-1;c>=0;c--)(r=e[c])&&(a=(i<3?r(a):i>3?r(t,n,a):r(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a},r=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};Object.defineProperty(t,"__esModule",{value:!0});var i=n(2),a=n(15),c=function(){function e(e,t,n){n.container=e,n.renderer=t}return e}();c=o([i.Directive({selector:"[kendoDialogContainer]"}),r("design:paramtypes",[i.ViewContainerRef,i.Renderer,a.DialogContainerService])],c),t.DialogContainerDirective=c}])}); |
@@ -5,3 +5,3 @@ import { Component, EventEmitter, HostBinding, TemplateRef, Input, Output } from '@angular/core'; | ||
*/ | ||
export var DialogActionsComponent = (function () { | ||
var DialogActionsComponent = (function () { | ||
function DialogActionsComponent() { | ||
@@ -42,16 +42,17 @@ /** | ||
}; | ||
DialogActionsComponent.decorators = [ | ||
{ type: Component, args: [{ | ||
selector: 'kendo-dialog-actions', | ||
template: "\n <ng-content *ngIf=\"!actions\"></ng-content>\n <ng-container *ngIf=\"!actionTemplate()\">\n <button\n [ngClass]=\"buttonClass(action)\"\n (click)=\"onButtonClick(action)\"\n *ngFor=\"let action of actions\">\n {{ action.text }}\n </button>\n </ng-container>\n <template [ngTemplateOutlet]=\"actions\" *ngIf=\"actionTemplate()\"></template>\n " | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
DialogActionsComponent.ctorParameters = function () { return []; }; | ||
DialogActionsComponent.propDecorators = { | ||
'actions': [{ type: Input },], | ||
'action': [{ type: Output },], | ||
'className': [{ type: HostBinding, args: ['class.k-button-group',] }, { type: HostBinding, args: ['class.k-dialog-buttongroup',] }, { type: HostBinding, args: ['class.k-dialog-button-layout-stretched',] },], | ||
}; | ||
return DialogActionsComponent; | ||
}()); | ||
export { DialogActionsComponent }; | ||
DialogActionsComponent.decorators = [ | ||
{ type: Component, args: [{ | ||
selector: 'kendo-dialog-actions', | ||
template: "\n <ng-content *ngIf=\"!actions\"></ng-content>\n <ng-container *ngIf=\"!actionTemplate()\">\n <button\n [ngClass]=\"buttonClass(action)\"\n (click)=\"onButtonClick(action)\"\n *ngFor=\"let action of actions\">\n {{ action.text }}\n </button>\n </ng-container>\n <ng-template [ngTemplateOutlet]=\"actions\" *ngIf=\"actionTemplate()\"></ng-template>\n " | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
DialogActionsComponent.ctorParameters = function () { return []; }; | ||
DialogActionsComponent.propDecorators = { | ||
'actions': [{ type: Input },], | ||
'action': [{ type: Output },], | ||
'className': [{ type: HostBinding, args: ['class.k-button-group',] }, { type: HostBinding, args: ['class.k-dialog-buttongroup',] }, { type: HostBinding, args: ['class.k-dialog-button-layout-stretched',] },], | ||
}; |
@@ -1,1 +0,1 @@ | ||
[{"__symbolic":"module","version":3,"metadata":{"DialogActionsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"kendo-dialog-actions","template":"\n <ng-content *ngIf=\"!actions\"></ng-content>\n <ng-container *ngIf=\"!actionTemplate()\">\n <button\n [ngClass]=\"buttonClass(action)\"\n (click)=\"onButtonClick(action)\"\n *ngFor=\"let action of actions\">\n {{ action.text }}\n </button>\n </ng-container>\n <template [ngTemplateOutlet]=\"actions\" *ngIf=\"actionTemplate()\"></template>\n "}]}],"members":{"actions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-button-group"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-dialog-buttongroup"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-dialog-button-layout-stretched"]}]}],"actionTemplate":[{"__symbolic":"method"}],"onButtonClick":[{"__symbolic":"method"}],"buttonClass":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"DialogActionsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"kendo-dialog-actions","template":"\n <ng-content *ngIf=\"!actions\"></ng-content>\n <ng-container *ngIf=\"!actionTemplate()\">\n <button\n [ngClass]=\"buttonClass(action)\"\n (click)=\"onButtonClick(action)\"\n *ngFor=\"let action of actions\">\n {{ action.text }}\n </button>\n </ng-container>\n <template [ngTemplateOutlet]=\"actions\" *ngIf=\"actionTemplate()\"></template>\n "}]}],"members":{"actions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-button-group"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-dialog-buttongroup"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-dialog-button-layout-stretched"]}]}],"actionTemplate":[{"__symbolic":"method"}],"onButtonClick":[{"__symbolic":"method"}],"buttonClass":[{"__symbolic":"method"}]}}}}] | ||
[{"__symbolic":"module","version":3,"metadata":{"DialogActionsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"kendo-dialog-actions","template":"\n <ng-content *ngIf=\"!actions\"></ng-content>\n <ng-container *ngIf=\"!actionTemplate()\">\n <button\n [ngClass]=\"buttonClass(action)\"\n (click)=\"onButtonClick(action)\"\n *ngFor=\"let action of actions\">\n {{ action.text }}\n </button>\n </ng-container>\n <ng-template [ngTemplateOutlet]=\"actions\" *ngIf=\"actionTemplate()\"></ng-template>\n "}]}],"members":{"actions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-button-group"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-dialog-buttongroup"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-dialog-button-layout-stretched"]}]}],"actionTemplate":[{"__symbolic":"method"}],"onButtonClick":[{"__symbolic":"method"}],"buttonClass":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"DialogActionsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"kendo-dialog-actions","template":"\n <ng-content *ngIf=\"!actions\"></ng-content>\n <ng-container *ngIf=\"!actionTemplate()\">\n <button\n [ngClass]=\"buttonClass(action)\"\n (click)=\"onButtonClick(action)\"\n *ngFor=\"let action of actions\">\n {{ action.text }}\n </button>\n </ng-container>\n <ng-template [ngTemplateOutlet]=\"actions\" *ngIf=\"actionTemplate()\"></ng-template>\n "}]}],"members":{"actions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-button-group"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-dialog-buttongroup"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-dialog-button-layout-stretched"]}]}],"actionTemplate":[{"__symbolic":"method"}],"onButtonClick":[{"__symbolic":"method"}],"buttonClass":[{"__symbolic":"method"}]}}}}] |
@@ -17,3 +17,3 @@ import { Directive, Renderer, ViewContainerRef } from '@angular/core'; | ||
*/ | ||
export var DialogContainerDirective = (function () { | ||
var DialogContainerDirective = (function () { | ||
function DialogContainerDirective(container, renderer, service) { | ||
@@ -23,14 +23,15 @@ service.container = container; | ||
} | ||
DialogContainerDirective.decorators = [ | ||
{ type: Directive, args: [{ | ||
selector: '[kendoDialogContainer]' | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
DialogContainerDirective.ctorParameters = function () { return [ | ||
{ type: ViewContainerRef, }, | ||
{ type: Renderer, }, | ||
{ type: DialogContainerService, }, | ||
]; }; | ||
return DialogContainerDirective; | ||
}()); | ||
export { DialogContainerDirective }; | ||
DialogContainerDirective.decorators = [ | ||
{ type: Directive, args: [{ | ||
selector: '[kendoDialogContainer]' | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
DialogContainerDirective.ctorParameters = function () { return [ | ||
{ type: ViewContainerRef, }, | ||
{ type: Renderer, }, | ||
{ type: DialogContainerService, }, | ||
]; }; |
@@ -5,3 +5,3 @@ import { Injectable } from '@angular/core'; | ||
*/ | ||
export var DialogContainerService = (function () { | ||
var DialogContainerService = (function () { | ||
function DialogContainerService() { | ||
@@ -36,8 +36,9 @@ } | ||
}; | ||
DialogContainerService.decorators = [ | ||
{ type: Injectable }, | ||
]; | ||
/** @nocollapse */ | ||
DialogContainerService.ctorParameters = function () { return []; }; | ||
return DialogContainerService; | ||
}()); | ||
export { DialogContainerService }; | ||
DialogContainerService.decorators = [ | ||
{ type: Injectable }, | ||
]; | ||
/** @nocollapse */ | ||
DialogContainerService.ctorParameters = function () { return []; }; |
@@ -7,3 +7,3 @@ /** | ||
*/ | ||
export var DialogAction = (function () { | ||
var DialogAction = (function () { | ||
function DialogAction() { | ||
@@ -13,2 +13,3 @@ } | ||
}()); | ||
export { DialogAction }; | ||
; | ||
@@ -22,3 +23,3 @@ /** | ||
*/ | ||
export var DialogCloseResult = (function () { | ||
var DialogCloseResult = (function () { | ||
function DialogCloseResult() { | ||
@@ -28,2 +29,3 @@ } | ||
}()); | ||
export { DialogCloseResult }; | ||
; | ||
@@ -36,3 +38,3 @@ /** | ||
*/ | ||
export var DialogSettings = (function () { | ||
var DialogSettings = (function () { | ||
function DialogSettings() { | ||
@@ -42,2 +44,3 @@ } | ||
}()); | ||
export { DialogSettings }; | ||
; | ||
@@ -51,3 +54,3 @@ /** | ||
*/ | ||
export var DialogRef = (function () { | ||
var DialogRef = (function () { | ||
function DialogRef() { | ||
@@ -57,2 +60,3 @@ } | ||
}()); | ||
export { DialogRef }; | ||
; |
@@ -5,3 +5,3 @@ import { Component, EventEmitter, HostBinding, Output } from '@angular/core'; | ||
*/ | ||
export var DialogTitleBarComponent = (function () { | ||
var DialogTitleBarComponent = (function () { | ||
function DialogTitleBarComponent() { | ||
@@ -21,15 +21,16 @@ this.close = new EventEmitter(); | ||
}; | ||
DialogTitleBarComponent.decorators = [ | ||
{ type: Component, args: [{ | ||
selector: 'kendo-dialog-titlebar', | ||
template: "\n <div class=\"k-window-title k-dialog-title\">\n <ng-content></ng-content>\n </div>\n <div class=\"k-window-actions k-dialog-actions\">\n <a href=\"#\" role=\"button\"\n aria-label=\"Close\"\n class=\"k-button k-bare k-button-icon k-window-action k-dialog-action k-dialog-close\"\n (click)=\"onCloseClick($event)\">\n <span class=\"k-icon k-i-x\"></span>\n </a>\n </div>\n " | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
DialogTitleBarComponent.ctorParameters = function () { return []; }; | ||
DialogTitleBarComponent.propDecorators = { | ||
'close': [{ type: Output },], | ||
'className': [{ type: HostBinding, args: ['class.k-window-titlebar',] }, { type: HostBinding, args: ['class.k-dialog-titlebar',] }, { type: HostBinding, args: ['class.k-header',] },], | ||
}; | ||
return DialogTitleBarComponent; | ||
}()); | ||
export { DialogTitleBarComponent }; | ||
DialogTitleBarComponent.decorators = [ | ||
{ type: Component, args: [{ | ||
selector: 'kendo-dialog-titlebar', | ||
template: "\n <div class=\"k-window-title k-dialog-title\">\n <ng-content></ng-content>\n </div>\n <div class=\"k-window-actions k-dialog-actions\">\n <a href=\"#\" role=\"button\"\n aria-label=\"Close\"\n class=\"k-button k-bare k-button-icon k-window-action k-dialog-action k-dialog-close\"\n (click)=\"onCloseClick($event)\">\n <span class=\"k-icon k-i-x\"></span>\n </a>\n </div>\n " | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
DialogTitleBarComponent.ctorParameters = function () { return []; }; | ||
DialogTitleBarComponent.propDecorators = { | ||
'close': [{ type: Output },], | ||
'className': [{ type: HostBinding, args: ['class.k-window-titlebar',] }, { type: HostBinding, args: ['class.k-dialog-titlebar',] }, { type: HostBinding, args: ['class.k-header',] },], | ||
}; |
@@ -1,2 +0,3 @@ | ||
import { Component, ContentChild, EventEmitter, HostBinding, Inject, Input, ViewChild, Optional, Output, ElementRef, Renderer, trigger, state, style, transition, animate } from '@angular/core'; | ||
import { Component, ContentChild, EventEmitter, HostBinding, Inject, Input, ViewChild, Optional, Output, ElementRef, Renderer } from '@angular/core'; | ||
import { animate, state, style, transition, trigger } from '@angular/animations'; | ||
import { RTL } from '@progress/kendo-angular-l10n'; | ||
@@ -8,3 +9,3 @@ import { DialogActionsComponent } from './dialog-actions.component'; | ||
*/ | ||
export var DialogComponent = (function () { | ||
var DialogComponent = (function () { | ||
function DialogComponent(_elRef, _renderer, rtl) { | ||
@@ -67,45 +68,46 @@ this._elRef = _elRef; | ||
}; | ||
DialogComponent.decorators = [ | ||
{ type: Component, args: [{ | ||
animations: [ | ||
trigger('overlayAppear', [ | ||
state('in', style({ opacity: 1 })), | ||
transition('void => *', [ | ||
style({ opacity: .1 }), | ||
animate('.3s cubic-bezier(.2, .6, .4, 1)') | ||
]) | ||
]), | ||
trigger('dialogSlideInAppear', [ | ||
state('in', style({ transform: 'translate(-50%, -50%)' })), | ||
transition('void => *', [ | ||
style({ transform: 'translate(-50%, -60%)' }), | ||
animate('.3s cubic-bezier(.2, 1, .2, 1)') | ||
]) | ||
]) | ||
], | ||
exportAs: 'kendoDialog', | ||
selector: 'kendo-dialog', | ||
template: "\n <div class=\"k-overlay\" @overlayAppear></div>\n\n <div class=\"k-widget k-window k-dialog k-centered k-dialog-centered\" [ngStyle]=\"styles\" @dialogSlideInAppear>\n\n <kendo-dialog-titlebar *ngIf=\"title\">{{title}}</kendo-dialog-titlebar>\n <ng-content select=\"kendo-dialog-titlebar\" *ngIf=\"!title\"></ng-content>\n\n <div class=\"k-content k-window-content k-dialog-content\">\n <ng-content *ngIf=\"!contentTemplate\"></ng-content>\n <template [ngTemplateOutlet]=\"contentTemplate\" *ngIf=\"contentTemplate\"></template>\n </div>\n\n <ng-content select=\"kendo-dialog-actions\" *ngIf=\"!actions\"></ng-content>\n <kendo-dialog-actions [actions]=\"actions\" *ngIf=\"actions\"></kendo-dialog-actions>\n\n </div>\n " | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
DialogComponent.ctorParameters = function () { return [ | ||
{ type: ElementRef, }, | ||
{ type: Renderer, }, | ||
{ type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [RTL,] },] }, | ||
]; }; | ||
DialogComponent.propDecorators = { | ||
'title': [{ type: Input },], | ||
'actions': [{ type: Input },], | ||
'width': [{ type: Input },], | ||
'height': [{ type: Input },], | ||
'action': [{ type: Output },], | ||
'close': [{ type: Output },], | ||
'dir': [{ type: HostBinding, args: ['attr.dir',] },], | ||
'titlebarContent': [{ type: ContentChild, args: [DialogTitleBarComponent,] },], | ||
'titlebarView': [{ type: ViewChild, args: [DialogTitleBarComponent,] },], | ||
'actionsView': [{ type: ViewChild, args: [DialogActionsComponent,] },], | ||
'wrapperClass': [{ type: HostBinding, args: ['class.k-dialog-wrapper',] },], | ||
}; | ||
return DialogComponent; | ||
}()); | ||
export { DialogComponent }; | ||
DialogComponent.decorators = [ | ||
{ type: Component, args: [{ | ||
animations: [ | ||
trigger('overlayAppear', [ | ||
state('in', style({ opacity: 1 })), | ||
transition('void => *', [ | ||
style({ opacity: .1 }), | ||
animate('.3s cubic-bezier(.2, .6, .4, 1)') | ||
]) | ||
]), | ||
trigger('dialogSlideInAppear', [ | ||
state('in', style({ transform: 'translate(-50%, -50%)' })), | ||
transition('void => *', [ | ||
style({ transform: 'translate(-50%, -60%)' }), | ||
animate('.3s cubic-bezier(.2, 1, .2, 1)') | ||
]) | ||
]) | ||
], | ||
exportAs: 'kendoDialog', | ||
selector: 'kendo-dialog', | ||
template: "\n <div class=\"k-overlay\" @overlayAppear></div>\n\n <div class=\"k-widget k-window k-dialog k-centered k-dialog-centered\" [ngStyle]=\"styles\" @dialogSlideInAppear>\n\n <kendo-dialog-titlebar *ngIf=\"title\">{{title}}</kendo-dialog-titlebar>\n <ng-content select=\"kendo-dialog-titlebar\" *ngIf=\"!title\"></ng-content>\n\n <div class=\"k-content k-window-content k-dialog-content\">\n <ng-content *ngIf=\"!contentTemplate\"></ng-content>\n <ng-template [ngTemplateOutlet]=\"contentTemplate\" *ngIf=\"contentTemplate\"></ng-template>\n </div>\n\n <ng-content select=\"kendo-dialog-actions\" *ngIf=\"!actions\"></ng-content>\n <kendo-dialog-actions [actions]=\"actions\" *ngIf=\"actions\"></kendo-dialog-actions>\n\n </div>\n " | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
DialogComponent.ctorParameters = function () { return [ | ||
{ type: ElementRef, }, | ||
{ type: Renderer, }, | ||
{ type: undefined, decorators: [{ type: Optional }, { type: Inject, args: [RTL,] },] }, | ||
]; }; | ||
DialogComponent.propDecorators = { | ||
'title': [{ type: Input },], | ||
'actions': [{ type: Input },], | ||
'width': [{ type: Input },], | ||
'height': [{ type: Input },], | ||
'action': [{ type: Output },], | ||
'close': [{ type: Output },], | ||
'dir': [{ type: HostBinding, args: ['attr.dir',] },], | ||
'titlebarContent': [{ type: ContentChild, args: [DialogTitleBarComponent,] },], | ||
'titlebarView': [{ type: ViewChild, args: [DialogTitleBarComponent,] },], | ||
'actionsView': [{ type: ViewChild, args: [DialogActionsComponent,] },], | ||
'wrapperClass': [{ type: HostBinding, args: ['class.k-dialog-wrapper',] },], | ||
}; |
@@ -1,1 +0,1 @@ | ||
[{"__symbolic":"module","version":3,"metadata":{"DialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["overlayAppear",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":0.1}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[".3s cubic-bezier(.2, .6, .4, 1)"]}]]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["dialogSlideInAppear",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translate(-50%, -50%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translate(-50%, -60%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[".3s cubic-bezier(.2, 1, .2, 1)"]}]]}]]}],"exportAs":"kendoDialog","selector":"kendo-dialog","template":"\n <div class=\"k-overlay\" @overlayAppear></div>\n\n <div class=\"k-widget k-window k-dialog k-centered k-dialog-centered\" [ngStyle]=\"styles\" @dialogSlideInAppear>\n\n <kendo-dialog-titlebar *ngIf=\"title\">{{title}}</kendo-dialog-titlebar>\n <ng-content select=\"kendo-dialog-titlebar\" *ngIf=\"!title\"></ng-content>\n\n <div class=\"k-content k-window-content k-dialog-content\">\n <ng-content *ngIf=\"!contentTemplate\"></ng-content>\n <template [ngTemplateOutlet]=\"contentTemplate\" *ngIf=\"contentTemplate\"></template>\n </div>\n\n <ng-content select=\"kendo-dialog-actions\" *ngIf=\"!actions\"></ng-content>\n <kendo-dialog-actions [actions]=\"actions\" *ngIf=\"actions\"></kendo-dialog-actions>\n\n </div>\n "}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"actions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"titlebarContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./dialog-titlebar.component","name":"DialogTitleBarComponent"}]}]}],"titlebarView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"./dialog-titlebar.component","name":"DialogTitleBarComponent"}]}]}],"actionsView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"./dialog-actions.component","name":"DialogActionsComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"RTL"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","name":"boolean"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"wrapperClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-dialog-wrapper"]}]}],"bubble":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"DialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["overlayAppear",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":0.1}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[".3s cubic-bezier(.2, .6, .4, 1)"]}]]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["dialogSlideInAppear",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translate(-50%, -50%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translate(-50%, -60%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[".3s cubic-bezier(.2, 1, .2, 1)"]}]]}]]}],"exportAs":"kendoDialog","selector":"kendo-dialog","template":"\n <div class=\"k-overlay\" @overlayAppear></div>\n\n <div class=\"k-widget k-window k-dialog k-centered k-dialog-centered\" [ngStyle]=\"styles\" @dialogSlideInAppear>\n\n <kendo-dialog-titlebar *ngIf=\"title\">{{title}}</kendo-dialog-titlebar>\n <ng-content select=\"kendo-dialog-titlebar\" *ngIf=\"!title\"></ng-content>\n\n <div class=\"k-content k-window-content k-dialog-content\">\n <ng-content *ngIf=\"!contentTemplate\"></ng-content>\n <template [ngTemplateOutlet]=\"contentTemplate\" *ngIf=\"contentTemplate\"></template>\n </div>\n\n <ng-content select=\"kendo-dialog-actions\" *ngIf=\"!actions\"></ng-content>\n <kendo-dialog-actions [actions]=\"actions\" *ngIf=\"actions\"></kendo-dialog-actions>\n\n </div>\n "}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"actions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"titlebarContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./dialog-titlebar.component","name":"DialogTitleBarComponent"}]}]}],"titlebarView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"./dialog-titlebar.component","name":"DialogTitleBarComponent"}]}]}],"actionsView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"./dialog-actions.component","name":"DialogActionsComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"RTL"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","name":"boolean"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"wrapperClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-dialog-wrapper"]}]}],"bubble":[{"__symbolic":"method"}]}}}}] | ||
[{"__symbolic":"module","version":3,"metadata":{"DialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["overlayAppear",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["void => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":0.1}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":[".3s cubic-bezier(.2, .6, .4, 1)"]}]]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["dialogSlideInAppear",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"translate(-50%, -50%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["void => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"translate(-50%, -60%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":[".3s cubic-bezier(.2, 1, .2, 1)"]}]]}]]}],"exportAs":"kendoDialog","selector":"kendo-dialog","template":"\n <div class=\"k-overlay\" @overlayAppear></div>\n\n <div class=\"k-widget k-window k-dialog k-centered k-dialog-centered\" [ngStyle]=\"styles\" @dialogSlideInAppear>\n\n <kendo-dialog-titlebar *ngIf=\"title\">{{title}}</kendo-dialog-titlebar>\n <ng-content select=\"kendo-dialog-titlebar\" *ngIf=\"!title\"></ng-content>\n\n <div class=\"k-content k-window-content k-dialog-content\">\n <ng-content *ngIf=\"!contentTemplate\"></ng-content>\n <ng-template [ngTemplateOutlet]=\"contentTemplate\" *ngIf=\"contentTemplate\"></ng-template>\n </div>\n\n <ng-content select=\"kendo-dialog-actions\" *ngIf=\"!actions\"></ng-content>\n <kendo-dialog-actions [actions]=\"actions\" *ngIf=\"actions\"></kendo-dialog-actions>\n\n </div>\n "}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"actions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"titlebarContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./dialog-titlebar.component","name":"DialogTitleBarComponent"}]}]}],"titlebarView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"./dialog-titlebar.component","name":"DialogTitleBarComponent"}]}]}],"actionsView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"./dialog-actions.component","name":"DialogActionsComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"RTL"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","name":"boolean"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"wrapperClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-dialog-wrapper"]}]}],"bubble":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"DialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["overlayAppear",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["void => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":0.1}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":[".3s cubic-bezier(.2, .6, .4, 1)"]}]]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["dialogSlideInAppear",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"translate(-50%, -50%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["void => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"translate(-50%, -60%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":[".3s cubic-bezier(.2, 1, .2, 1)"]}]]}]]}],"exportAs":"kendoDialog","selector":"kendo-dialog","template":"\n <div class=\"k-overlay\" @overlayAppear></div>\n\n <div class=\"k-widget k-window k-dialog k-centered k-dialog-centered\" [ngStyle]=\"styles\" @dialogSlideInAppear>\n\n <kendo-dialog-titlebar *ngIf=\"title\">{{title}}</kendo-dialog-titlebar>\n <ng-content select=\"kendo-dialog-titlebar\" *ngIf=\"!title\"></ng-content>\n\n <div class=\"k-content k-window-content k-dialog-content\">\n <ng-content *ngIf=\"!contentTemplate\"></ng-content>\n <ng-template [ngTemplateOutlet]=\"contentTemplate\" *ngIf=\"contentTemplate\"></ng-template>\n </div>\n\n <ng-content select=\"kendo-dialog-actions\" *ngIf=\"!actions\"></ng-content>\n <kendo-dialog-actions [actions]=\"actions\" *ngIf=\"actions\"></kendo-dialog-actions>\n\n </div>\n "}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"actions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"titlebarContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./dialog-titlebar.component","name":"DialogTitleBarComponent"}]}]}],"titlebarView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"./dialog-titlebar.component","name":"DialogTitleBarComponent"}]}]}],"actionsView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"./dialog-actions.component","name":"DialogActionsComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"RTL"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","name":"boolean"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"wrapperClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-dialog-wrapper"]}]}],"bubble":[{"__symbolic":"method"}]}}}}] |
@@ -39,3 +39,3 @@ import { NgModule, ANALYZE_FOR_ENTRY_COMPONENTS } from '@angular/core'; | ||
*/ | ||
export var DialogModule = (function () { | ||
var DialogModule = (function () { | ||
function DialogModule() { | ||
@@ -83,14 +83,15 @@ } | ||
}; | ||
DialogModule.decorators = [ | ||
{ type: NgModule, args: [{ | ||
declarations: [DIALOG_DIRECTIVES, DialogContainerDirective], | ||
entryComponents: [DIALOG_DIRECTIVES], | ||
exports: [DIALOG_DIRECTIVES, DialogContainerDirective], | ||
imports: [CommonModule], | ||
providers: [DialogContainerService] | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
DialogModule.ctorParameters = function () { return []; }; | ||
return DialogModule; | ||
}()); | ||
export { DialogModule }; | ||
DialogModule.decorators = [ | ||
{ type: NgModule, args: [{ | ||
declarations: [DIALOG_DIRECTIVES, DialogContainerDirective], | ||
entryComponents: [DIALOG_DIRECTIVES], | ||
exports: [DIALOG_DIRECTIVES, DialogContainerDirective], | ||
imports: [CommonModule], | ||
providers: [DialogContainerService] | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
DialogModule.ctorParameters = function () { return []; }; |
@@ -16,3 +16,3 @@ import 'rxjs/add/operator/map'; | ||
*/ | ||
export var DialogService = (function () { | ||
var DialogService = (function () { | ||
function DialogService(resolver, containerService) { | ||
@@ -117,11 +117,12 @@ this.resolver = resolver; | ||
}; | ||
DialogService.decorators = [ | ||
{ type: Injectable }, | ||
]; | ||
/** @nocollapse */ | ||
DialogService.ctorParameters = function () { return [ | ||
{ type: ComponentFactoryResolver, }, | ||
{ type: DialogContainerService, }, | ||
]; }; | ||
return DialogService; | ||
}()); | ||
export { DialogService }; | ||
DialogService.decorators = [ | ||
{ type: Injectable }, | ||
]; | ||
/** @nocollapse */ | ||
DialogService.ctorParameters = function () { return [ | ||
{ type: ComponentFactoryResolver, }, | ||
{ type: DialogContainerService, }, | ||
]; }; |
"use strict"; | ||
var core_1 = require('@angular/core'); | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
var core_1 = require("@angular/core"); | ||
/** | ||
@@ -42,17 +43,17 @@ * Specifies the action buttons for the `DialogComponent`. | ||
}; | ||
DialogActionsComponent.decorators = [ | ||
{ type: core_1.Component, args: [{ | ||
selector: 'kendo-dialog-actions', | ||
template: "\n <ng-content *ngIf=\"!actions\"></ng-content>\n <ng-container *ngIf=\"!actionTemplate()\">\n <button\n [ngClass]=\"buttonClass(action)\"\n (click)=\"onButtonClick(action)\"\n *ngFor=\"let action of actions\">\n {{ action.text }}\n </button>\n </ng-container>\n <template [ngTemplateOutlet]=\"actions\" *ngIf=\"actionTemplate()\"></template>\n " | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
DialogActionsComponent.ctorParameters = function () { return []; }; | ||
DialogActionsComponent.propDecorators = { | ||
'actions': [{ type: core_1.Input },], | ||
'action': [{ type: core_1.Output },], | ||
'className': [{ type: core_1.HostBinding, args: ['class.k-button-group',] }, { type: core_1.HostBinding, args: ['class.k-dialog-buttongroup',] }, { type: core_1.HostBinding, args: ['class.k-dialog-button-layout-stretched',] },], | ||
}; | ||
return DialogActionsComponent; | ||
}()); | ||
DialogActionsComponent.decorators = [ | ||
{ type: core_1.Component, args: [{ | ||
selector: 'kendo-dialog-actions', | ||
template: "\n <ng-content *ngIf=\"!actions\"></ng-content>\n <ng-container *ngIf=\"!actionTemplate()\">\n <button\n [ngClass]=\"buttonClass(action)\"\n (click)=\"onButtonClick(action)\"\n *ngFor=\"let action of actions\">\n {{ action.text }}\n </button>\n </ng-container>\n <ng-template [ngTemplateOutlet]=\"actions\" *ngIf=\"actionTemplate()\"></ng-template>\n " | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
DialogActionsComponent.ctorParameters = function () { return []; }; | ||
DialogActionsComponent.propDecorators = { | ||
'actions': [{ type: core_1.Input },], | ||
'action': [{ type: core_1.Output },], | ||
'className': [{ type: core_1.HostBinding, args: ['class.k-button-group',] }, { type: core_1.HostBinding, args: ['class.k-dialog-buttongroup',] }, { type: core_1.HostBinding, args: ['class.k-dialog-button-layout-stretched',] },], | ||
}; | ||
exports.DialogActionsComponent = DialogActionsComponent; |
@@ -1,1 +0,1 @@ | ||
[{"__symbolic":"module","version":3,"metadata":{"DialogActionsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"kendo-dialog-actions","template":"\n <ng-content *ngIf=\"!actions\"></ng-content>\n <ng-container *ngIf=\"!actionTemplate()\">\n <button\n [ngClass]=\"buttonClass(action)\"\n (click)=\"onButtonClick(action)\"\n *ngFor=\"let action of actions\">\n {{ action.text }}\n </button>\n </ng-container>\n <template [ngTemplateOutlet]=\"actions\" *ngIf=\"actionTemplate()\"></template>\n "}]}],"members":{"actions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-button-group"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-dialog-buttongroup"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-dialog-button-layout-stretched"]}]}],"actionTemplate":[{"__symbolic":"method"}],"onButtonClick":[{"__symbolic":"method"}],"buttonClass":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"DialogActionsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"kendo-dialog-actions","template":"\n <ng-content *ngIf=\"!actions\"></ng-content>\n <ng-container *ngIf=\"!actionTemplate()\">\n <button\n [ngClass]=\"buttonClass(action)\"\n (click)=\"onButtonClick(action)\"\n *ngFor=\"let action of actions\">\n {{ action.text }}\n </button>\n </ng-container>\n <template [ngTemplateOutlet]=\"actions\" *ngIf=\"actionTemplate()\"></template>\n "}]}],"members":{"actions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-button-group"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-dialog-buttongroup"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-dialog-button-layout-stretched"]}]}],"actionTemplate":[{"__symbolic":"method"}],"onButtonClick":[{"__symbolic":"method"}],"buttonClass":[{"__symbolic":"method"}]}}}}] | ||
[{"__symbolic":"module","version":3,"metadata":{"DialogActionsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"kendo-dialog-actions","template":"\n <ng-content *ngIf=\"!actions\"></ng-content>\n <ng-container *ngIf=\"!actionTemplate()\">\n <button\n [ngClass]=\"buttonClass(action)\"\n (click)=\"onButtonClick(action)\"\n *ngFor=\"let action of actions\">\n {{ action.text }}\n </button>\n </ng-container>\n <ng-template [ngTemplateOutlet]=\"actions\" *ngIf=\"actionTemplate()\"></ng-template>\n "}]}],"members":{"actions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-button-group"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-dialog-buttongroup"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-dialog-button-layout-stretched"]}]}],"actionTemplate":[{"__symbolic":"method"}],"onButtonClick":[{"__symbolic":"method"}],"buttonClass":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"DialogActionsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"kendo-dialog-actions","template":"\n <ng-content *ngIf=\"!actions\"></ng-content>\n <ng-container *ngIf=\"!actionTemplate()\">\n <button\n [ngClass]=\"buttonClass(action)\"\n (click)=\"onButtonClick(action)\"\n *ngFor=\"let action of actions\">\n {{ action.text }}\n </button>\n </ng-container>\n <ng-template [ngTemplateOutlet]=\"actions\" *ngIf=\"actionTemplate()\"></ng-template>\n "}]}],"members":{"actions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-button-group"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-dialog-buttongroup"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-dialog-button-layout-stretched"]}]}],"actionTemplate":[{"__symbolic":"method"}],"onButtonClick":[{"__symbolic":"method"}],"buttonClass":[{"__symbolic":"method"}]}}}}] |
"use strict"; | ||
var core_1 = require('@angular/core'); | ||
var dialog_container_service_1 = require('./dialog-container.service'); | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
var core_1 = require("@angular/core"); | ||
var dialog_container_service_1 = require("./dialog-container.service"); | ||
/** | ||
@@ -23,15 +24,15 @@ * The insertion point for the Dialogs created through the `DialogService`. | ||
} | ||
DialogContainerDirective.decorators = [ | ||
{ type: core_1.Directive, args: [{ | ||
selector: '[kendoDialogContainer]' | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
DialogContainerDirective.ctorParameters = function () { return [ | ||
{ type: core_1.ViewContainerRef, }, | ||
{ type: core_1.Renderer, }, | ||
{ type: dialog_container_service_1.DialogContainerService, }, | ||
]; }; | ||
return DialogContainerDirective; | ||
}()); | ||
DialogContainerDirective.decorators = [ | ||
{ type: core_1.Directive, args: [{ | ||
selector: '[kendoDialogContainer]' | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
DialogContainerDirective.ctorParameters = function () { return [ | ||
{ type: core_1.ViewContainerRef, }, | ||
{ type: core_1.Renderer, }, | ||
{ type: dialog_container_service_1.DialogContainerService, }, | ||
]; }; | ||
exports.DialogContainerDirective = DialogContainerDirective; |
"use strict"; | ||
var core_1 = require('@angular/core'); | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
var core_1 = require("@angular/core"); | ||
/** | ||
@@ -36,9 +37,9 @@ * @hidden | ||
}; | ||
DialogContainerService.decorators = [ | ||
{ type: core_1.Injectable }, | ||
]; | ||
/** @nocollapse */ | ||
DialogContainerService.ctorParameters = function () { return []; }; | ||
return DialogContainerService; | ||
}()); | ||
DialogContainerService.decorators = [ | ||
{ type: core_1.Injectable }, | ||
]; | ||
/** @nocollapse */ | ||
DialogContainerService.ctorParameters = function () { return []; }; | ||
exports.DialogContainerService = DialogContainerService; |
"use strict"; | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
/** | ||
@@ -3,0 +4,0 @@ * The settings for the Dialog actions when opening a Dialog through `DialogService`. |
"use strict"; | ||
var core_1 = require('@angular/core'); | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
var core_1 = require("@angular/core"); | ||
/** | ||
@@ -21,16 +22,16 @@ * @hidden | ||
}; | ||
DialogTitleBarComponent.decorators = [ | ||
{ type: core_1.Component, args: [{ | ||
selector: 'kendo-dialog-titlebar', | ||
template: "\n <div class=\"k-window-title k-dialog-title\">\n <ng-content></ng-content>\n </div>\n <div class=\"k-window-actions k-dialog-actions\">\n <a href=\"#\" role=\"button\"\n aria-label=\"Close\"\n class=\"k-button k-bare k-button-icon k-window-action k-dialog-action k-dialog-close\"\n (click)=\"onCloseClick($event)\">\n <span class=\"k-icon k-i-x\"></span>\n </a>\n </div>\n " | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
DialogTitleBarComponent.ctorParameters = function () { return []; }; | ||
DialogTitleBarComponent.propDecorators = { | ||
'close': [{ type: core_1.Output },], | ||
'className': [{ type: core_1.HostBinding, args: ['class.k-window-titlebar',] }, { type: core_1.HostBinding, args: ['class.k-dialog-titlebar',] }, { type: core_1.HostBinding, args: ['class.k-header',] },], | ||
}; | ||
return DialogTitleBarComponent; | ||
}()); | ||
DialogTitleBarComponent.decorators = [ | ||
{ type: core_1.Component, args: [{ | ||
selector: 'kendo-dialog-titlebar', | ||
template: "\n <div class=\"k-window-title k-dialog-title\">\n <ng-content></ng-content>\n </div>\n <div class=\"k-window-actions k-dialog-actions\">\n <a href=\"#\" role=\"button\"\n aria-label=\"Close\"\n class=\"k-button k-bare k-button-icon k-window-action k-dialog-action k-dialog-close\"\n (click)=\"onCloseClick($event)\">\n <span class=\"k-icon k-i-x\"></span>\n </a>\n </div>\n " | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
DialogTitleBarComponent.ctorParameters = function () { return []; }; | ||
DialogTitleBarComponent.propDecorators = { | ||
'close': [{ type: core_1.Output },], | ||
'className': [{ type: core_1.HostBinding, args: ['class.k-window-titlebar',] }, { type: core_1.HostBinding, args: ['class.k-dialog-titlebar',] }, { type: core_1.HostBinding, args: ['class.k-header',] },], | ||
}; | ||
exports.DialogTitleBarComponent = DialogTitleBarComponent; |
"use strict"; | ||
var core_1 = require('@angular/core'); | ||
var kendo_angular_l10n_1 = require('@progress/kendo-angular-l10n'); | ||
var dialog_actions_component_1 = require('./dialog-actions.component'); | ||
var dialog_titlebar_component_1 = require('./dialog-titlebar.component'); | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
var core_1 = require("@angular/core"); | ||
var animations_1 = require("@angular/animations"); | ||
var kendo_angular_l10n_1 = require("@progress/kendo-angular-l10n"); | ||
var dialog_actions_component_1 = require("./dialog-actions.component"); | ||
var dialog_titlebar_component_1 = require("./dialog-titlebar.component"); | ||
/** | ||
@@ -67,46 +69,46 @@ * Represents the Kendo UI Dialog component for Angular. | ||
}; | ||
DialogComponent.decorators = [ | ||
{ type: core_1.Component, args: [{ | ||
animations: [ | ||
core_1.trigger('overlayAppear', [ | ||
core_1.state('in', core_1.style({ opacity: 1 })), | ||
core_1.transition('void => *', [ | ||
core_1.style({ opacity: .1 }), | ||
core_1.animate('.3s cubic-bezier(.2, .6, .4, 1)') | ||
]) | ||
]), | ||
core_1.trigger('dialogSlideInAppear', [ | ||
core_1.state('in', core_1.style({ transform: 'translate(-50%, -50%)' })), | ||
core_1.transition('void => *', [ | ||
core_1.style({ transform: 'translate(-50%, -60%)' }), | ||
core_1.animate('.3s cubic-bezier(.2, 1, .2, 1)') | ||
]) | ||
]) | ||
], | ||
exportAs: 'kendoDialog', | ||
selector: 'kendo-dialog', | ||
template: "\n <div class=\"k-overlay\" @overlayAppear></div>\n\n <div class=\"k-widget k-window k-dialog k-centered k-dialog-centered\" [ngStyle]=\"styles\" @dialogSlideInAppear>\n\n <kendo-dialog-titlebar *ngIf=\"title\">{{title}}</kendo-dialog-titlebar>\n <ng-content select=\"kendo-dialog-titlebar\" *ngIf=\"!title\"></ng-content>\n\n <div class=\"k-content k-window-content k-dialog-content\">\n <ng-content *ngIf=\"!contentTemplate\"></ng-content>\n <template [ngTemplateOutlet]=\"contentTemplate\" *ngIf=\"contentTemplate\"></template>\n </div>\n\n <ng-content select=\"kendo-dialog-actions\" *ngIf=\"!actions\"></ng-content>\n <kendo-dialog-actions [actions]=\"actions\" *ngIf=\"actions\"></kendo-dialog-actions>\n\n </div>\n " | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
DialogComponent.ctorParameters = function () { return [ | ||
{ type: core_1.ElementRef, }, | ||
{ type: core_1.Renderer, }, | ||
{ type: undefined, decorators: [{ type: core_1.Optional }, { type: core_1.Inject, args: [kendo_angular_l10n_1.RTL,] },] }, | ||
]; }; | ||
DialogComponent.propDecorators = { | ||
'title': [{ type: core_1.Input },], | ||
'actions': [{ type: core_1.Input },], | ||
'width': [{ type: core_1.Input },], | ||
'height': [{ type: core_1.Input },], | ||
'action': [{ type: core_1.Output },], | ||
'close': [{ type: core_1.Output },], | ||
'dir': [{ type: core_1.HostBinding, args: ['attr.dir',] },], | ||
'titlebarContent': [{ type: core_1.ContentChild, args: [dialog_titlebar_component_1.DialogTitleBarComponent,] },], | ||
'titlebarView': [{ type: core_1.ViewChild, args: [dialog_titlebar_component_1.DialogTitleBarComponent,] },], | ||
'actionsView': [{ type: core_1.ViewChild, args: [dialog_actions_component_1.DialogActionsComponent,] },], | ||
'wrapperClass': [{ type: core_1.HostBinding, args: ['class.k-dialog-wrapper',] },], | ||
}; | ||
return DialogComponent; | ||
}()); | ||
DialogComponent.decorators = [ | ||
{ type: core_1.Component, args: [{ | ||
animations: [ | ||
animations_1.trigger('overlayAppear', [ | ||
animations_1.state('in', animations_1.style({ opacity: 1 })), | ||
animations_1.transition('void => *', [ | ||
animations_1.style({ opacity: .1 }), | ||
animations_1.animate('.3s cubic-bezier(.2, .6, .4, 1)') | ||
]) | ||
]), | ||
animations_1.trigger('dialogSlideInAppear', [ | ||
animations_1.state('in', animations_1.style({ transform: 'translate(-50%, -50%)' })), | ||
animations_1.transition('void => *', [ | ||
animations_1.style({ transform: 'translate(-50%, -60%)' }), | ||
animations_1.animate('.3s cubic-bezier(.2, 1, .2, 1)') | ||
]) | ||
]) | ||
], | ||
exportAs: 'kendoDialog', | ||
selector: 'kendo-dialog', | ||
template: "\n <div class=\"k-overlay\" @overlayAppear></div>\n\n <div class=\"k-widget k-window k-dialog k-centered k-dialog-centered\" [ngStyle]=\"styles\" @dialogSlideInAppear>\n\n <kendo-dialog-titlebar *ngIf=\"title\">{{title}}</kendo-dialog-titlebar>\n <ng-content select=\"kendo-dialog-titlebar\" *ngIf=\"!title\"></ng-content>\n\n <div class=\"k-content k-window-content k-dialog-content\">\n <ng-content *ngIf=\"!contentTemplate\"></ng-content>\n <ng-template [ngTemplateOutlet]=\"contentTemplate\" *ngIf=\"contentTemplate\"></ng-template>\n </div>\n\n <ng-content select=\"kendo-dialog-actions\" *ngIf=\"!actions\"></ng-content>\n <kendo-dialog-actions [actions]=\"actions\" *ngIf=\"actions\"></kendo-dialog-actions>\n\n </div>\n " | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
DialogComponent.ctorParameters = function () { return [ | ||
{ type: core_1.ElementRef, }, | ||
{ type: core_1.Renderer, }, | ||
{ type: undefined, decorators: [{ type: core_1.Optional }, { type: core_1.Inject, args: [kendo_angular_l10n_1.RTL,] },] }, | ||
]; }; | ||
DialogComponent.propDecorators = { | ||
'title': [{ type: core_1.Input },], | ||
'actions': [{ type: core_1.Input },], | ||
'width': [{ type: core_1.Input },], | ||
'height': [{ type: core_1.Input },], | ||
'action': [{ type: core_1.Output },], | ||
'close': [{ type: core_1.Output },], | ||
'dir': [{ type: core_1.HostBinding, args: ['attr.dir',] },], | ||
'titlebarContent': [{ type: core_1.ContentChild, args: [dialog_titlebar_component_1.DialogTitleBarComponent,] },], | ||
'titlebarView': [{ type: core_1.ViewChild, args: [dialog_titlebar_component_1.DialogTitleBarComponent,] },], | ||
'actionsView': [{ type: core_1.ViewChild, args: [dialog_actions_component_1.DialogActionsComponent,] },], | ||
'wrapperClass': [{ type: core_1.HostBinding, args: ['class.k-dialog-wrapper',] },], | ||
}; | ||
exports.DialogComponent = DialogComponent; |
@@ -1,1 +0,1 @@ | ||
[{"__symbolic":"module","version":3,"metadata":{"DialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["overlayAppear",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":0.1}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[".3s cubic-bezier(.2, .6, .4, 1)"]}]]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["dialogSlideInAppear",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translate(-50%, -50%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translate(-50%, -60%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[".3s cubic-bezier(.2, 1, .2, 1)"]}]]}]]}],"exportAs":"kendoDialog","selector":"kendo-dialog","template":"\n <div class=\"k-overlay\" @overlayAppear></div>\n\n <div class=\"k-widget k-window k-dialog k-centered k-dialog-centered\" [ngStyle]=\"styles\" @dialogSlideInAppear>\n\n <kendo-dialog-titlebar *ngIf=\"title\">{{title}}</kendo-dialog-titlebar>\n <ng-content select=\"kendo-dialog-titlebar\" *ngIf=\"!title\"></ng-content>\n\n <div class=\"k-content k-window-content k-dialog-content\">\n <ng-content *ngIf=\"!contentTemplate\"></ng-content>\n <template [ngTemplateOutlet]=\"contentTemplate\" *ngIf=\"contentTemplate\"></template>\n </div>\n\n <ng-content select=\"kendo-dialog-actions\" *ngIf=\"!actions\"></ng-content>\n <kendo-dialog-actions [actions]=\"actions\" *ngIf=\"actions\"></kendo-dialog-actions>\n\n </div>\n "}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"actions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"titlebarContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./dialog-titlebar.component","name":"DialogTitleBarComponent"}]}]}],"titlebarView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"./dialog-titlebar.component","name":"DialogTitleBarComponent"}]}]}],"actionsView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"./dialog-actions.component","name":"DialogActionsComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"RTL"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","name":"boolean"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"wrapperClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-dialog-wrapper"]}]}],"bubble":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"DialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["overlayAppear",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"opacity":0.1}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[".3s cubic-bezier(.2, .6, .4, 1)"]}]]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"trigger"},"arguments":["dialogSlideInAppear",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"state"},"arguments":["in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translate(-50%, -50%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"transition"},"arguments":["void => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"style"},"arguments":[{"transform":"translate(-50%, -60%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"animate"},"arguments":[".3s cubic-bezier(.2, 1, .2, 1)"]}]]}]]}],"exportAs":"kendoDialog","selector":"kendo-dialog","template":"\n <div class=\"k-overlay\" @overlayAppear></div>\n\n <div class=\"k-widget k-window k-dialog k-centered k-dialog-centered\" [ngStyle]=\"styles\" @dialogSlideInAppear>\n\n <kendo-dialog-titlebar *ngIf=\"title\">{{title}}</kendo-dialog-titlebar>\n <ng-content select=\"kendo-dialog-titlebar\" *ngIf=\"!title\"></ng-content>\n\n <div class=\"k-content k-window-content k-dialog-content\">\n <ng-content *ngIf=\"!contentTemplate\"></ng-content>\n <template [ngTemplateOutlet]=\"contentTemplate\" *ngIf=\"contentTemplate\"></template>\n </div>\n\n <ng-content select=\"kendo-dialog-actions\" *ngIf=\"!actions\"></ng-content>\n <kendo-dialog-actions [actions]=\"actions\" *ngIf=\"actions\"></kendo-dialog-actions>\n\n </div>\n "}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"actions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"titlebarContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./dialog-titlebar.component","name":"DialogTitleBarComponent"}]}]}],"titlebarView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"./dialog-titlebar.component","name":"DialogTitleBarComponent"}]}]}],"actionsView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"./dialog-actions.component","name":"DialogActionsComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"RTL"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","name":"boolean"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"wrapperClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-dialog-wrapper"]}]}],"bubble":[{"__symbolic":"method"}]}}}}] | ||
[{"__symbolic":"module","version":3,"metadata":{"DialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["overlayAppear",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["void => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":0.1}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":[".3s cubic-bezier(.2, .6, .4, 1)"]}]]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["dialogSlideInAppear",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"translate(-50%, -50%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["void => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"translate(-50%, -60%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":[".3s cubic-bezier(.2, 1, .2, 1)"]}]]}]]}],"exportAs":"kendoDialog","selector":"kendo-dialog","template":"\n <div class=\"k-overlay\" @overlayAppear></div>\n\n <div class=\"k-widget k-window k-dialog k-centered k-dialog-centered\" [ngStyle]=\"styles\" @dialogSlideInAppear>\n\n <kendo-dialog-titlebar *ngIf=\"title\">{{title}}</kendo-dialog-titlebar>\n <ng-content select=\"kendo-dialog-titlebar\" *ngIf=\"!title\"></ng-content>\n\n <div class=\"k-content k-window-content k-dialog-content\">\n <ng-content *ngIf=\"!contentTemplate\"></ng-content>\n <ng-template [ngTemplateOutlet]=\"contentTemplate\" *ngIf=\"contentTemplate\"></ng-template>\n </div>\n\n <ng-content select=\"kendo-dialog-actions\" *ngIf=\"!actions\"></ng-content>\n <kendo-dialog-actions [actions]=\"actions\" *ngIf=\"actions\"></kendo-dialog-actions>\n\n </div>\n "}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"actions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"titlebarContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./dialog-titlebar.component","name":"DialogTitleBarComponent"}]}]}],"titlebarView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"./dialog-titlebar.component","name":"DialogTitleBarComponent"}]}]}],"actionsView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"./dialog-actions.component","name":"DialogActionsComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"RTL"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","name":"boolean"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"wrapperClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-dialog-wrapper"]}]}],"bubble":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"DialogComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["overlayAppear",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":1}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["void => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"opacity":0.1}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":[".3s cubic-bezier(.2, .6, .4, 1)"]}]]}]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger"},"arguments":["dialogSlideInAppear",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"state"},"arguments":["in",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"translate(-50%, -50%)"}]}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition"},"arguments":["void => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style"},"arguments":[{"transform":"translate(-50%, -60%)"}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate"},"arguments":[".3s cubic-bezier(.2, 1, .2, 1)"]}]]}]]}],"exportAs":"kendoDialog","selector":"kendo-dialog","template":"\n <div class=\"k-overlay\" @overlayAppear></div>\n\n <div class=\"k-widget k-window k-dialog k-centered k-dialog-centered\" [ngStyle]=\"styles\" @dialogSlideInAppear>\n\n <kendo-dialog-titlebar *ngIf=\"title\">{{title}}</kendo-dialog-titlebar>\n <ng-content select=\"kendo-dialog-titlebar\" *ngIf=\"!title\"></ng-content>\n\n <div class=\"k-content k-window-content k-dialog-content\">\n <ng-content *ngIf=\"!contentTemplate\"></ng-content>\n <ng-template [ngTemplateOutlet]=\"contentTemplate\" *ngIf=\"contentTemplate\"></ng-template>\n </div>\n\n <ng-content select=\"kendo-dialog-actions\" *ngIf=\"!actions\"></ng-content>\n <kendo-dialog-actions [actions]=\"actions\" *ngIf=\"actions\"></kendo-dialog-actions>\n\n </div>\n "}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"actions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"action":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"titlebarContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./dialog-titlebar.component","name":"DialogTitleBarComponent"}]}]}],"titlebarView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"./dialog-titlebar.component","name":"DialogTitleBarComponent"}]}]}],"actionsView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"./dialog-actions.component","name":"DialogActionsComponent"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"RTL"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"},{"__symbolic":"reference","name":"boolean"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"wrapperClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-dialog-wrapper"]}]}],"bubble":[{"__symbolic":"method"}]}}}}] |
"use strict"; | ||
var core_1 = require('@angular/core'); | ||
var common_1 = require('@angular/common'); | ||
var dialog_component_1 = require('./dialog.component'); | ||
var dialog_titlebar_component_1 = require('./dialog-titlebar.component'); | ||
var dialog_actions_component_1 = require('./dialog-actions.component'); | ||
var dialog_service_1 = require('./dialog.service'); | ||
var dialog_container_directive_1 = require('./dialog-container.directive'); | ||
var dialog_container_service_1 = require('./dialog-container.service'); | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
var core_1 = require("@angular/core"); | ||
var common_1 = require("@angular/common"); | ||
var dialog_component_1 = require("./dialog.component"); | ||
var dialog_titlebar_component_1 = require("./dialog-titlebar.component"); | ||
var dialog_actions_component_1 = require("./dialog-actions.component"); | ||
var dialog_service_1 = require("./dialog.service"); | ||
var dialog_container_directive_1 = require("./dialog-container.directive"); | ||
var dialog_container_service_1 = require("./dialog-container.service"); | ||
/** | ||
@@ -83,15 +84,15 @@ * @hidden | ||
}; | ||
DialogModule.decorators = [ | ||
{ type: core_1.NgModule, args: [{ | ||
declarations: [exports.DIALOG_DIRECTIVES, dialog_container_directive_1.DialogContainerDirective], | ||
entryComponents: [exports.DIALOG_DIRECTIVES], | ||
exports: [exports.DIALOG_DIRECTIVES, dialog_container_directive_1.DialogContainerDirective], | ||
imports: [common_1.CommonModule], | ||
providers: [dialog_container_service_1.DialogContainerService] | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
DialogModule.ctorParameters = function () { return []; }; | ||
return DialogModule; | ||
}()); | ||
DialogModule.decorators = [ | ||
{ type: core_1.NgModule, args: [{ | ||
declarations: [exports.DIALOG_DIRECTIVES, dialog_container_directive_1.DialogContainerDirective], | ||
entryComponents: [exports.DIALOG_DIRECTIVES], | ||
exports: [exports.DIALOG_DIRECTIVES, dialog_container_directive_1.DialogContainerDirective], | ||
imports: [common_1.CommonModule], | ||
providers: [dialog_container_service_1.DialogContainerService] | ||
},] }, | ||
]; | ||
/** @nocollapse */ | ||
DialogModule.ctorParameters = function () { return []; }; | ||
exports.DialogModule = DialogModule; |
"use strict"; | ||
require('rxjs/add/operator/map'); | ||
require('rxjs/add/operator/take'); | ||
require('rxjs/add/observable/merge'); | ||
var Observable_1 = require('rxjs/Observable'); | ||
var Subject_1 = require('rxjs/Subject'); | ||
var core_1 = require('@angular/core'); | ||
var dialog_component_1 = require('./dialog.component'); | ||
var dialog_container_service_1 = require('./dialog-container.service'); | ||
var dialog_settings_1 = require('./dialog-settings'); | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
require("rxjs/add/operator/map"); | ||
require("rxjs/add/operator/take"); | ||
require("rxjs/add/observable/merge"); | ||
var Observable_1 = require("rxjs/Observable"); | ||
var Subject_1 = require("rxjs/Subject"); | ||
var core_1 = require("@angular/core"); | ||
var dialog_component_1 = require("./dialog.component"); | ||
var dialog_container_service_1 = require("./dialog-container.service"); | ||
var dialog_settings_1 = require("./dialog-settings"); | ||
/** | ||
@@ -117,12 +118,12 @@ * Service for opening Dialog windows. | ||
}; | ||
DialogService.decorators = [ | ||
{ type: core_1.Injectable }, | ||
]; | ||
/** @nocollapse */ | ||
DialogService.ctorParameters = function () { return [ | ||
{ type: core_1.ComponentFactoryResolver, }, | ||
{ type: dialog_container_service_1.DialogContainerService, }, | ||
]; }; | ||
return DialogService; | ||
}()); | ||
DialogService.decorators = [ | ||
{ type: core_1.Injectable }, | ||
]; | ||
/** @nocollapse */ | ||
DialogService.ctorParameters = function () { return [ | ||
{ type: core_1.ComponentFactoryResolver, }, | ||
{ type: dialog_container_service_1.DialogContainerService, }, | ||
]; }; | ||
exports.DialogService = DialogService; |
"use strict"; | ||
var dialog_component_1 = require('./dialog.component'); | ||
Object.defineProperty(exports, "__esModule", { value: true }); | ||
var dialog_component_1 = require("./dialog.component"); | ||
exports.DialogComponent = dialog_component_1.DialogComponent; | ||
var dialog_titlebar_component_1 = require('./dialog-titlebar.component'); | ||
var dialog_titlebar_component_1 = require("./dialog-titlebar.component"); | ||
exports.DialogTitleBarComponent = dialog_titlebar_component_1.DialogTitleBarComponent; | ||
var dialog_actions_component_1 = require('./dialog-actions.component'); | ||
var dialog_actions_component_1 = require("./dialog-actions.component"); | ||
exports.DialogActionsComponent = dialog_actions_component_1.DialogActionsComponent; | ||
var dialog_module_1 = require('./dialog.module'); | ||
var dialog_module_1 = require("./dialog.module"); | ||
exports.DialogModule = dialog_module_1.DialogModule; | ||
var dialog_service_1 = require('./dialog.service'); | ||
var dialog_service_1 = require("./dialog.service"); | ||
exports.DialogService = dialog_service_1.DialogService; | ||
var dialog_settings_1 = require('./dialog-settings'); | ||
var dialog_settings_1 = require("./dialog-settings"); | ||
exports.DialogCloseResult = dialog_settings_1.DialogCloseResult; | ||
exports.DialogRef = dialog_settings_1.DialogRef; |
{ | ||
"name": "@progress/kendo-angular-dialog", | ||
"description": "Dialog Package for Angular 2", | ||
"version": "0.18.1", | ||
"version": "0.19.0", | ||
"publishConfig": { | ||
@@ -28,3 +28,3 @@ "registry": "https://registry.npm.telerik.com" | ||
"Kendo UI", | ||
"Angular 2", | ||
"Angular", | ||
"Progress", | ||
@@ -34,19 +34,21 @@ "Dialog" | ||
"peerDependencies": { | ||
"@angular/common": "^2.4.0", | ||
"@angular/core": "^2.4.0", | ||
"@progress/kendo-angular-l10n": "0.2.1", | ||
"@angular/animations": "^4.0.0", | ||
"@angular/common": "^4.0.0", | ||
"@angular/core": "^4.0.0", | ||
"@progress/kendo-angular-l10n": "^0.3.0", | ||
"rxjs": "^5.0.1" | ||
}, | ||
"devDependencies": { | ||
"@angular/common": "^2.4.0", | ||
"@angular/compiler": "^2.4.0", | ||
"@angular/compiler-cli": "^2.4.0", | ||
"@angular/core": "^2.4.0", | ||
"@angular/http": "^2.4.0", | ||
"@angular/platform-browser": "^2.4.0", | ||
"@angular/platform-browser-dynamic": "^2.4.0", | ||
"@angular/platform-server": "^2.4.0", | ||
"@progress/kendo-angular-buttons": "^0.14.0", | ||
"@progress/kendo-angular-l10n": "0.2.1", | ||
"@progress/kendo-angular-tasks": "^8.0.0", | ||
"@angular/animations": "^4.0.0", | ||
"@angular/common": "^4.0.0", | ||
"@angular/compiler": "^4.0.0", | ||
"@angular/compiler-cli": "^4.0.0", | ||
"@angular/core": "^4.0.0", | ||
"@angular/platform-browser": "^4.0.0", | ||
"@angular/platform-browser-dynamic": "^4.0.0", | ||
"@angular/platform-server": "^4.0.0", | ||
"@krux/condition-jenkins": "1.0.1", | ||
"@progress/kendo-angular-buttons": "^0.24.0", | ||
"@progress/kendo-angular-l10n": "^0.3.0", | ||
"@progress/kendo-angular-tasks": "^9.0.0", | ||
"@progress/kendo-theme-default": "^2.0.0", | ||
@@ -56,3 +58,3 @@ "@types/core-js": "0.9.35", | ||
"@types/zone.js": "0.0.27", | ||
"codelyzer": "2.0.0-beta.2", | ||
"codelyzer": "3.0.0-beta.4", | ||
"core-js": "^2.2.2", | ||
@@ -64,6 +66,6 @@ "cz-conventional-changelog": "^1.1.5", | ||
"semantic-release": "^4.3.5", | ||
"tslint": "~4.0.0", | ||
"typescript": "~2.0.0", | ||
"tslint": "^4.0.0", | ||
"typescript": "^2.1.5", | ||
"validate-commit-msg": "^1.1.1", | ||
"zone.js": "^0.7.2" | ||
"zone.js": "^0.8.4" | ||
}, | ||
@@ -70,0 +72,0 @@ "config": { |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
149486
1813
5
27