Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@progress/kendo-angular-dialog

Package Overview
Dependencies
Maintainers
1
Versions
906
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@progress/kendo-angular-dialog - npm Package Compare versions

Comparing version 0.16.1 to 0.17.0

2

dist/cdn/js/kendo-angular-dialog.js

@@ -1,1 +0,1 @@

!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@angular/core"),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/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/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/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,i,r,a){return function(e){function t(o){if(n[o])return n[o].exports;var i=n[o]={exports:{},id:o,loaded:!1};return e[o].call(i.exports,i,i.exports,t),i.loaded=!0,i.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 i=n(4);t.DialogTitleBarComponent=i.DialogTitleBarComponent;var r=n(3);t.DialogActionsComponent=r.DialogActionsComponent;var a=n(5);t.DialogModule=a.DialogModule;var c=n(7);t.DialogService=c.DialogService;var l=n(14);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 i,r=arguments.length,a=r<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--)(i=e[c])&&(a=(r<3?i(a):r>3?i(t,n,a):i(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},i=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=n(2),a=n(3),c=n(4),l=function(){function e(e,t){this._elRef=e,this._renderer=t,this.action=new r.EventEmitter,this.close=new r.EventEmitter}return 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}),e.prototype.bubble=function(e,t){var n=this;t&&t[e].subscribe(function(t){return n[e].emit(t)})},o([r.Input(),i("design:type",String)],e.prototype,"title",void 0),o([r.Input(),i("design:type",String)],e.prototype,"actions",void 0),o([r.Output(),i("design:type",r.EventEmitter)],e.prototype,"action",void 0),o([r.Output(),i("design:type",r.EventEmitter)],e.prototype,"close",void 0),o([r.ContentChild(c.DialogTitleBarComponent),i("design:type",c.DialogTitleBarComponent)],e.prototype,"titlebarContent",void 0),o([r.ViewChild(c.DialogTitleBarComponent),i("design:type",c.DialogTitleBarComponent)],e.prototype,"titlebarView",void 0),o([r.ViewChild(a.DialogActionsComponent),i("design:type",a.DialogActionsComponent)],e.prototype,"actionsView",void 0),o([r.HostBinding("class.k-dialog-wrapper"),i("design:type",Boolean)],e.prototype,"wrapperClass",null),e=o([r.Component({animations:[r.trigger("overlayAppear",[r.state("in",r.style({opacity:1})),r.transition("void => *",[r.style({opacity:.1}),r.animate(".3s cubic-bezier(.2, .6, .4, 1)")])]),r.trigger("dialogSlideInAppear",[r.state("in",r.style({transform:"translate(-50%, -50%)"})),r.transition("void => *",[r.style({transform:"translate(-50%, -60%)"}),r.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" @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("design:paramtypes",[r.ElementRef,r.Renderer])],e)}();t.DialogComponent=l},function(t,n){t.exports=e},function(e,t,n){"use strict";var o=this&&this.__decorate||function(e,t,n,o){var i,r=arguments.length,a=r<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--)(i=e[c])&&(a=(r<3?i(a):r>3?i(t,n,a):i(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},i=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=n(2),a=function(){function e(){this.action=new r.EventEmitter}return Object.defineProperty(e.prototype,"className",{get:function(){return!0},enumerable:!0,configurable:!0}),e.prototype.actionTemplate=function(){return this.actions instanceof r.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([r.Input(),i("design:type",Object)],e.prototype,"actions",void 0),o([r.Output(),i("design:type",r.EventEmitter)],e.prototype,"action",void 0),o([r.HostBinding("class.k-button-group"),r.HostBinding("class.k-dialog-buttongroup"),r.HostBinding("class.k-dialog-button-layout-stretched"),i("design:type",Boolean)],e.prototype,"className",null),e=o([r.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 '}),i("design:paramtypes",[])],e)}();t.DialogActionsComponent=a},function(e,t,n){"use strict";var o=this&&this.__decorate||function(e,t,n,o){var i,r=arguments.length,a=r<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--)(i=e[c])&&(a=(r<3?i(a):r>3?i(t,n,a):i(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},i=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=n(2),a=function(){function e(){this.close=new r.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([r.Output(),i("design:type",r.EventEmitter)],e.prototype,"close",void 0),o([r.HostBinding("class.k-window-titlebar"),r.HostBinding("class.k-dialog-titlebar"),r.HostBinding("class.k-header"),i("design:type",String)],e.prototype,"className",null),e=o([r.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 '}),i("design:paramtypes",[])],e)}();t.DialogTitleBarComponent=a},function(e,t,n){"use strict";var o=this&&this.__decorate||function(e,t,n,o){var i,r=arguments.length,a=r<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--)(i=e[c])&&(a=(r<3?i(a):r>3?i(t,n,a):i(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},i=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=n(2),a=n(6),c=n(1),l=n(4),s=n(3),p=n(7),u=n(15),f=n(13);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:r.ANALYZE_FOR_ENTRY_COMPONENTS,useValue:t.DIALOG_DIRECTIVES.concat(o)}]}},e=o([r.NgModule({declarations:[t.DIALOG_DIRECTIVES,u.DialogContainerDirective],entryComponents:[t.DIALOG_DIRECTIVES],exports:[t.DIALOG_DIRECTIVES,u.DialogContainerDirective],imports:[a.CommonModule],providers:[f.DialogContainerService]}),i("design:paramtypes",[])],e)}();t.DialogModule=d},function(e,n){e.exports=t},function(e,t,n){"use strict";var o=this&&this.__decorate||function(e,t,n,o){var i,r=arguments.length,a=r<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--)(i=e[c])&&(a=(r<3?i(a):r>3?i(t,n,a):i(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},i=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};n(8),n(9),n(10);var r=n(11),a=n(12),c=n(2),l=n(1),s=n(13),p=n(14),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),i=n.createComponent(t,0,void 0,o.nodes);this.applyOptions(i.instance,e);var c=new a.Subject,s=function(e){c.next(e||new p.DialogCloseResult),i.destroy()},u=r.Observable.merge(c,i.instance.close,i.instance.action).take(1);return u.subscribe(s),{result:u,dialog:i,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(),i("design:paramtypes",[c.ComponentFactoryResolver,s.DialogContainerService])],e)}();t.DialogService=u},function(e,t){e.exports=n},function(e,t){e.exports=o},function(e,t){e.exports=i},function(e,t){e.exports=r},function(e,t){e.exports=a},function(e,t,n){"use strict";var o=this&&this.__decorate||function(e,t,n,o){var i,r=arguments.length,a=r<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--)(i=e[c])&&(a=(r<3?i(a):r>3?i(t,n,a):i(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},i=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=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([r.Injectable(),i("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 i=function(){function e(){}return e}();t.DialogSettings=i;var r=function(){function e(){}return e}();t.DialogRef=r},function(e,t,n){"use strict";var o=this&&this.__decorate||function(e,t,n,o){var i,r=arguments.length,a=r<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--)(i=e[c])&&(a=(r<3?i(a):r>3?i(t,n,a):i(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},i=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=n(2),a=n(13),c=function(){function e(e,t,n){n.container=e,n.renderer=t}return e=o([r.Directive({selector:"[kendoDialogContainer]"}),i("design:paramtypes",[r.ViewContainerRef,r.Renderer,a.DialogContainerService])],e)}();t.DialogContainerDirective=c}])});
!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("@angular/core"),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/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/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/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,i,r,a){return function(e){function t(o){if(n[o])return n[o].exports;var i=n[o]={exports:{},id:o,loaded:!1};return e[o].call(i.exports,i,i.exports,t),i.loaded=!0,i.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 i=n(4);t.DialogTitleBarComponent=i.DialogTitleBarComponent;var r=n(3);t.DialogActionsComponent=r.DialogActionsComponent;var a=n(5);t.DialogModule=a.DialogModule;var c=n(7);t.DialogService=c.DialogService;var l=n(14);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 i,r=arguments.length,a=r<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--)(i=e[c])&&(a=(r<3?i(a):r>3?i(t,n,a):i(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},i=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=n(2),a=n(3),c=n(4),l=function(){function e(e,t){this._elRef=e,this._renderer=t,this.action=new r.EventEmitter,this.close=new r.EventEmitter}return 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([r.Input(),i("design:type",String)],e.prototype,"title",void 0),o([r.Input(),i("design:type",String)],e.prototype,"actions",void 0),o([r.Input(),i("design:type",Number)],e.prototype,"width",void 0),o([r.Input(),i("design:type",Number)],e.prototype,"height",void 0),o([r.Output(),i("design:type",r.EventEmitter)],e.prototype,"action",void 0),o([r.Output(),i("design:type",r.EventEmitter)],e.prototype,"close",void 0),o([r.ContentChild(c.DialogTitleBarComponent),i("design:type",c.DialogTitleBarComponent)],e.prototype,"titlebarContent",void 0),o([r.ViewChild(c.DialogTitleBarComponent),i("design:type",c.DialogTitleBarComponent)],e.prototype,"titlebarView",void 0),o([r.ViewChild(a.DialogActionsComponent),i("design:type",a.DialogActionsComponent)],e.prototype,"actionsView",void 0),o([r.HostBinding("class.k-dialog-wrapper"),i("design:type",Boolean)],e.prototype,"wrapperClass",null),e=o([r.Component({animations:[r.trigger("overlayAppear",[r.state("in",r.style({opacity:1})),r.transition("void => *",[r.style({opacity:.1}),r.animate(".3s cubic-bezier(.2, .6, .4, 1)")])]),r.trigger("dialogSlideInAppear",[r.state("in",r.style({transform:"translate(-50%, -50%)"})),r.transition("void => *",[r.style({transform:"translate(-50%, -60%)"}),r.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("design:paramtypes",[r.ElementRef,r.Renderer])],e)}();t.DialogComponent=l},function(t,n){t.exports=e},function(e,t,n){"use strict";var o=this&&this.__decorate||function(e,t,n,o){var i,r=arguments.length,a=r<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--)(i=e[c])&&(a=(r<3?i(a):r>3?i(t,n,a):i(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},i=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=n(2),a=function(){function e(){this.action=new r.EventEmitter}return Object.defineProperty(e.prototype,"className",{get:function(){return!0},enumerable:!0,configurable:!0}),e.prototype.actionTemplate=function(){return this.actions instanceof r.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([r.Input(),i("design:type",Object)],e.prototype,"actions",void 0),o([r.Output(),i("design:type",r.EventEmitter)],e.prototype,"action",void 0),o([r.HostBinding("class.k-button-group"),r.HostBinding("class.k-dialog-buttongroup"),r.HostBinding("class.k-dialog-button-layout-stretched"),i("design:type",Boolean)],e.prototype,"className",null),e=o([r.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 '}),i("design:paramtypes",[])],e)}();t.DialogActionsComponent=a},function(e,t,n){"use strict";var o=this&&this.__decorate||function(e,t,n,o){var i,r=arguments.length,a=r<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--)(i=e[c])&&(a=(r<3?i(a):r>3?i(t,n,a):i(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},i=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=n(2),a=function(){function e(){this.close=new r.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([r.Output(),i("design:type",r.EventEmitter)],e.prototype,"close",void 0),o([r.HostBinding("class.k-window-titlebar"),r.HostBinding("class.k-dialog-titlebar"),r.HostBinding("class.k-header"),i("design:type",String)],e.prototype,"className",null),e=o([r.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 '}),i("design:paramtypes",[])],e)}();t.DialogTitleBarComponent=a},function(e,t,n){"use strict";var o=this&&this.__decorate||function(e,t,n,o){var i,r=arguments.length,a=r<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--)(i=e[c])&&(a=(r<3?i(a):r>3?i(t,n,a):i(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},i=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=n(2),a=n(6),c=n(1),l=n(4),s=n(3),p=n(7),u=n(15),f=n(13);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:r.ANALYZE_FOR_ENTRY_COMPONENTS,useValue:t.DIALOG_DIRECTIVES.concat(o)}]}},e=o([r.NgModule({declarations:[t.DIALOG_DIRECTIVES,u.DialogContainerDirective],entryComponents:[t.DIALOG_DIRECTIVES],exports:[t.DIALOG_DIRECTIVES,u.DialogContainerDirective],imports:[a.CommonModule],providers:[f.DialogContainerService]}),i("design:paramtypes",[])],e)}();t.DialogModule=d},function(e,n){e.exports=t},function(e,t,n){"use strict";var o=this&&this.__decorate||function(e,t,n,o){var i,r=arguments.length,a=r<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--)(i=e[c])&&(a=(r<3?i(a):r>3?i(t,n,a):i(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},i=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)};n(8),n(9),n(10);var r=n(11),a=n(12),c=n(2),l=n(1),s=n(13),p=n(14),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),i=n.createComponent(t,0,void 0,o.nodes);this.applyOptions(i.instance,e);var c=new a.Subject,s=function(e){c.next(e||new p.DialogCloseResult),i.destroy()},u=r.Observable.merge(c,i.instance.close,i.instance.action).take(1);return u.subscribe(s),{result:u,dialog:i,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(),i("design:paramtypes",[c.ComponentFactoryResolver,s.DialogContainerService])],e)}();t.DialogService=u},function(e,t){e.exports=n},function(e,t){e.exports=o},function(e,t){e.exports=i},function(e,t){e.exports=r},function(e,t){e.exports=a},function(e,t,n){"use strict";var o=this&&this.__decorate||function(e,t,n,o){var i,r=arguments.length,a=r<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--)(i=e[c])&&(a=(r<3?i(a):r>3?i(t,n,a):i(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},i=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=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([r.Injectable(),i("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 i=function(){function e(){}return e}();t.DialogSettings=i;var r=function(){function e(){}return e}();t.DialogRef=r},function(e,t,n){"use strict";var o=this&&this.__decorate||function(e,t,n,o){var i,r=arguments.length,a=r<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--)(i=e[c])&&(a=(r<3?i(a):r>3?i(t,n,a):i(t,n))||a);return r>3&&a&&Object.defineProperty(t,n,a),a},i=this&&this.__metadata||function(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)},r=n(2),a=n(13),c=function(){function e(e,t,n){n.container=e,n.renderer=t}return e=o([r.Directive({selector:"[kendoDialogContainer]"}),i("design:paramtypes",[r.ViewContainerRef,r.Renderer,a.DialogContainerService])],e)}();t.DialogContainerDirective=c}])});

9

dist/es/dialog.component.d.ts

@@ -19,2 +19,10 @@ import { AfterContentInit, AfterViewInit, EventEmitter, OnInit, ElementRef, TemplateRef, Renderer } from '@angular/core';

/**
* Specifies the width of the dialog. The width should be set in pixels.
*/
width: number;
/**
* Specifies the height of the dialog. The height should be set in pixels.
*/
height: number;
/**
* @hidden

@@ -39,3 +47,4 @@ */

readonly wrapperClass: boolean;
readonly styles: any;
private bubble(eventName, component);
}

18

dist/es/dialog.component.js

@@ -37,2 +37,16 @@ import { Component, ContentChild, EventEmitter, HostBinding, Input, ViewChild, Output, ElementRef, Renderer, trigger, state, style, transition, animate } from '@angular/core';

});
Object.defineProperty(DialogComponent.prototype, "styles", {
get: function () {
var styles = {};
if (this.width) {
styles.width = this.width + 'px';
}
if (this.height) {
styles.height = this.height + 'px';
}
return styles;
},
enumerable: true,
configurable: true
});
DialogComponent.prototype.bubble = function (eventName, component) {

@@ -64,3 +78,3 @@ var _this = this;

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\" @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 "
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 "
},] },

@@ -76,2 +90,4 @@ ];

'actions': [{ type: Input },],
'width': [{ type: Input },],
'height': [{ type: Input },],
'action': [{ type: Output },],

@@ -78,0 +94,0 @@ 'close': [{ type: Output },],

2

dist/es/dialog.component.metadata.json

@@ -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\" @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"}}]}],"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"}}]}],"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","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"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\" @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"}}]}],"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"}}]}],"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","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"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/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"}}]}],"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","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"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"}}]}],"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","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"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"}]}}}}]

9

dist/npm/dialog.component.d.ts

@@ -19,2 +19,10 @@ import { AfterContentInit, AfterViewInit, EventEmitter, OnInit, ElementRef, TemplateRef, Renderer } from '@angular/core';

/**
* Specifies the width of the dialog. The width should be set in pixels.
*/
width: number;
/**
* Specifies the height of the dialog. The height should be set in pixels.
*/
height: number;
/**
* @hidden

@@ -39,3 +47,4 @@ */

readonly wrapperClass: boolean;
readonly styles: any;
private bubble(eventName, component);
}

18

dist/npm/dialog.component.js

@@ -38,2 +38,16 @@ "use strict";

});
Object.defineProperty(DialogComponent.prototype, "styles", {
get: function () {
var styles = {};
if (this.width) {
styles.width = this.width + 'px';
}
if (this.height) {
styles.height = this.height + 'px';
}
return styles;
},
enumerable: true,
configurable: true
});
DialogComponent.prototype.bubble = function (eventName, component) {

@@ -65,3 +79,3 @@ var _this = this;

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\" @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 "
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 "
},] },

@@ -77,2 +91,4 @@ ];

'actions': [{ type: core_1.Input },],
'width': [{ type: core_1.Input },],
'height': [{ type: core_1.Input },],
'action': [{ type: core_1.Output },],

@@ -79,0 +95,0 @@ 'close': [{ type: core_1.Output },],

2

dist/npm/dialog.component.metadata.json

@@ -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\" @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"}}]}],"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"}}]}],"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","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"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\" @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"}}]}],"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"}}]}],"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","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"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/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"}}]}],"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","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"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"}}]}],"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","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer"}]}],"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"}]}}}}]

2

package.json
{
"name": "@progress/kendo-angular-dialog",
"description": "Dialog Package for Angular 2",
"version": "0.16.1",
"version": "0.17.0",
"publishConfig": {

@@ -6,0 +6,0 @@ "registry": "https://registry.npm.telerik.com"

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc