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

Comparing version 0.14.2 to 0.15.0

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")):"function"==typeof define&&define.amd?define(["@angular/core","@angular/common"],t):"object"==typeof exports?exports.KendoAngularDialog=t(require("@angular/core"),require("@angular/common")):e.KendoAngularDialog=t(e["@angular/core"],e["@angular/common"])}(this,function(e,t){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(3);t.DialogTitleBarComponent=i.DialogTitleBarComponent;var r=n(4);t.DialogActionsComponent=r.DialogActionsComponent;var a=n(5);t.DialogModule=a.DialogModule},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 l=e.length-1;l>=0;l--)(i=e[l])&&(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),l=function(){function e(e,t){this._elRef=e,this._renderer=t,this.close=new r.EventEmitter}return e.prototype.ngAfterContentInit=function(){this.bubbleOnClose(this.titlebarContent)},e.prototype.ngAfterViewInit=function(){this.bubbleOnClose(this.titlebarView)},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.bubbleOnClose=function(e){var t=this;e&&e.close.subscribe(function(e){return t.close.emit(e)})},o([r.Input("title"),i("design:type",String)],e.prototype,"title",void 0),o([r.Output(),i("design:type",r.EventEmitter)],e.prototype,"close",void 0),o([r.ContentChild(a.DialogTitleBarComponent),i("design:type",a.DialogTitleBarComponent)],e.prototype,"titlebarContent",void 0),o([r.ViewChild(a.DialogTitleBarComponent),i("design:type",a.DialogTitleBarComponent)],e.prototype,"titlebarView",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-dialog k-window 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">\n        <ng-content></ng-content>\n      </div>\n\n      <ng-content select="kendo-dialog-actions"></ng-content>\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 l=e.length-1;l>=0;l--)(i=e[l])&&(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"k-window-titlebar k-header"},enumerable:!0,configurable:!0}),o([r.Output(),i("design:type",r.EventEmitter)],e.prototype,"close",void 0),o([r.HostBinding("class"),i("design:type",String)],e.prototype,"className",null),e=o([r.Component({selector:"kendo-dialog-titlebar",template:'\n    <div class="k-window-title">\n      <ng-content></ng-content>\n    </div>\n    <div class="k-window-actions">\n      <span class="k-window-action k-dialog-action k-button" role="button" (click)="close.emit()" aria-label="Close">\n        <span class="k-icon k-i-x"></span>\n      </span>\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 l=e.length-1;l>=0;l--)(i=e[l])&&(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,"className",{get:function(){return"k-action-buttons"},enumerable:!0,configurable:!0}),o([r.HostBinding("class"),i("design:type",String)],e.prototype,"className",null),e=o([r.Component({selector:"kendo-dialog-actions",template:"<ng-content></ng-content>"}),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 l=e.length-1;l>=0;l--)(i=e[l])&&(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),l=n(1),c=n(3),s=n(4);t.DIALOG_DIRECTIVES=[l.DialogComponent,c.DialogTitleBarComponent,s.DialogActionsComponent];var p=function(){function e(){}return e=o([r.NgModule({declarations:[t.DIALOG_DIRECTIVES],exports:[t.DIALOG_DIRECTIVES],imports:[a.CommonModule]}),i("design:paramtypes",[])],e)}();t.DialogModule=p},function(e,n){e.exports=t}])});
+!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,r,i,a){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(4);t.DialogTitleBarComponent=r.DialogTitleBarComponent;var i=n(3);t.DialogActionsComponent=i.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 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(3),c=n(4),l=function(){function e(e,t){this._elRef=e,this._renderer=t,this.action=new i.EventEmitter,this.close=new i.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([i.Input(),r("design:type",String)],e.prototype,"title",void 0),o([i.Input(),r("design:type",String)],e.prototype,"actions",void 0),o([i.Output(),r("design:type",i.EventEmitter)],e.prototype,"action",void 0),o([i.Output(),r("design:type",i.EventEmitter)],e.prototype,"close",void 0),o([i.ContentChild(c.DialogTitleBarComponent),r("design:type",c.DialogTitleBarComponent)],e.prototype,"titlebarContent",void 0),o([i.ViewChild(c.DialogTitleBarComponent),r("design:type",c.DialogTitleBarComponent)],e.prototype,"titlebarView",void 0),o([i.ViewChild(a.DialogActionsComponent),r("design:type",a.DialogActionsComponent)],e.prototype,"actionsView",void 0),o([i.HostBinding("class.k-dialog-wrapper"),r("design:type",Boolean)],e.prototype,"wrapperClass",null),e=o([i.Component({animations:[i.trigger("overlayAppear",[i.state("in",i.style({opacity:1})),i.transition("void => *",[i.style({opacity:.1}),i.animate(".3s cubic-bezier(.2, .6, .4, 1)")])]),i.trigger("dialogSlideInAppear",[i.state("in",i.style({transform:"translate(-50%, -50%)"})),i.transition("void => *",[i.style({transform:"translate(-50%, -60%)"}),i.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-dialog k-window 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">\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  '}),r("design:paramtypes",[i.ElementRef,i.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 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-action-buttons"),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"k-window-titlebar k-header"},enumerable:!0,configurable:!0}),o([i.Output(),r("design:type",i.EventEmitter)],e.prototype,"close",void 0),o([i.HostBinding("class"),r("design:type",String)],e.prototype,"className",null),e=o([i.Component({selector:"kendo-dialog-titlebar",template:'\n    <div class="k-window-title">\n      <ng-content></ng-content>\n    </div>\n    <div class="k-window-actions">\n      <span class="k-window-action k-dialog-action k-button" role="button" (click)="close.emit()" aria-label="Close">\n        <span class="k-icon k-i-x"></span>\n      </span>\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(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: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,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)};n(8),n(9),n(10);var i=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){var t=this.resolver.resolveComponentFactory(l.DialogComponent),n=this.containerService.container,o=n.createComponent(t,0,void 0,this.contentFrom(e.content));this.applyOptions(o.instance,e);var r=new a.Subject,c=function(){r.next(new p.DialogCloseResult),o.destroy()},s=i.Observable.merge(r,o.instance.close.map(function(){return new p.DialogCloseResult}),o.instance.action).take(1);return s.subscribe(c),{result:s,dialog:o,close:c}},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=[];if("string"==typeof e)t=[this.containerService.renderer.createText(null,e)];else if(e&&!(e instanceof c.TemplateRef)){var n=this.resolver.resolveComponentFactory(e),o=this.containerService.container.createComponent(n);t=[o.location.nativeElement]}return[[],t,[]]},e=o([c.Injectable(),r("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=r},function(e,t){e.exports=i},function(e,t){e.exports=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(){}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=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(13),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}])});

dist/es/dialog-actions.component.d.ts

@@ -0,6 +1,28 @@
+import { EventEmitter, TemplateRef } from '@angular/core';
+import { DialogAction } from './dialog-settings';
 /**
- * @hidden
+ * Specifies the action buttons for the `DialogComponent`.
  */
 export declare class DialogActionsComponent {
-    readonly className: string;
+    /**
+     * Allows actions to be specified declaratively.
+     */
+    actions?: DialogAction[] | TemplateRef<any>;
+    /**
+     * Fires when the user clicks on actions specified by the actions.
+     */
+    action: EventEmitter<any>;
+    readonly className: boolean;
+    /**
+     * @hidden
+     */
+    actionTemplate(): boolean;
+    /**
+     * @hidden
+     */
+    onButtonClick(action: DialogAction): void;
+    /**
+     * @hidden
+     */
+    buttonClass(action: DialogAction): string;
 }

dist/es/dialog-actions.component.js

@@ -1,11 +0,15 @@
-import { Component, HostBinding } from '@angular/core';
+import { Component, EventEmitter, HostBinding, TemplateRef, Input, Output } from '@angular/core';
 /**
- * @hidden
+ * Specifies the action buttons for the `DialogComponent`.
  */
 export var DialogActionsComponent = (function () {
     function DialogActionsComponent() {
+        /**
+         * Fires when the user clicks on actions specified by the actions.
+         */
+        this.action = new EventEmitter();
     }
     Object.defineProperty(DialogActionsComponent.prototype, "className", {
         get: function () {
-            return 'k-action-buttons';
+            return true;
         },
@@ -15,6 +19,28 @@ enumerable: true,
     });
+    /**
+     * @hidden
+     */
+    DialogActionsComponent.prototype.actionTemplate = function () {
+        return this.actions instanceof TemplateRef;
+    };
+    /**
+     * @hidden
+     */
+    DialogActionsComponent.prototype.onButtonClick = function (action) {
+        this.action.emit(action);
+    };
+    /**
+     * @hidden
+     */
+    DialogActionsComponent.prototype.buttonClass = function (action) {
+        var classes = ["k-button"];
+        if (action.primary) {
+            classes.push("k-primary");
+        }
+        return classes.join(" ");
+    };
     DialogActionsComponent.decorators = [
         { type: Component, args: [{
                     selector: 'kendo-dialog-actions',
-                    template: "<ng-content></ng-content>"
+                    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  "
                 },] },
@@ -25,5 +51,7 @@ ];
     DialogActionsComponent.propDecorators = {
-        'className': [{ type: HostBinding, args: ['class',] },],
+        'actions': [{ type: Input },],
+        'action': [{ type: Output },],
+        'className': [{ type: HostBinding, args: ['class.k-action-buttons',] },],
     };
     return DialogActionsComponent;
 }());

dist/es/dialog-actions.component.metadata.json

@@ -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":"<ng-content></ng-content>"}]}],"members":{"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class"]}]}]}}}},{"__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":"<ng-content></ng-content>"}]}],"members":{"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class"]}]}]}}}}]
+[{"__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-action-buttons"]}]}],"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-action-buttons"]}]}],"actionTemplate":[{"__symbolic":"method"}],"onButtonClick":[{"__symbolic":"method"}],"buttonClass":[{"__symbolic":"method"}]}}}}]

dist/es/dialog.component.d.ts

@@ -1,2 +0,3 @@
-import { AfterContentInit, AfterViewInit, EventEmitter, OnInit, ElementRef, Renderer } from '@angular/core';
+import { AfterContentInit, AfterViewInit, EventEmitter, OnInit, ElementRef, TemplateRef, Renderer } from '@angular/core';
+import { DialogActionsComponent } from './dialog-actions.component';
 import { DialogTitleBarComponent } from './dialog-titlebar.component';
@@ -10,11 +11,24 @@ /**
     /**
-     * Defines the title of the component.
+     * Specifies the text rendered in the title bar.
      */
     title: string;
     /**
+     * Specifies the action buttons that will be rendered.
+     */
+    actions: string;
+    /**
+     * @hidden
+     */
+    contentTemplate: TemplateRef<any>;
+    /**
      * Fires when the user clicks on the **Close** button of the Dialog.
      */
+    action: EventEmitter<any>;
+    /**
+     * Fires when the user clicks on the **Close** button of the Dialog.
+     */
     close: EventEmitter<any>;
     titlebarContent: DialogTitleBarComponent;
     titlebarView: DialogTitleBarComponent;
+    actionsView: DialogActionsComponent;
     constructor(_elRef: ElementRef, _renderer: Renderer);
@@ -25,3 +39,3 @@ ngAfterContentInit(): void;
     readonly wrapperClass: boolean;
-    private bubbleOnClose(titlebar);
+    private bubble(eventName, component);
 }

dist/es/dialog.component.js

 import { Component, ContentChild, EventEmitter, HostBinding, Input, ViewChild, Output, ElementRef, Renderer, trigger, state, style, transition, animate } from '@angular/core';
+import { DialogActionsComponent } from './dialog-actions.component';
 import { DialogTitleBarComponent } from './dialog-titlebar.component';
@@ -13,9 +14,14 @@ /**
          */
+        this.action = new EventEmitter();
+        /**
+         * Fires when the user clicks on the **Close** button of the Dialog.
+         */
         this.close = new EventEmitter();
     }
     DialogComponent.prototype.ngAfterContentInit = function () {
-        this.bubbleOnClose(this.titlebarContent);
+        this.bubble('close', this.titlebarContent);
     };
     DialogComponent.prototype.ngAfterViewInit = function () {
-        this.bubbleOnClose(this.titlebarView);
+        this.bubble('close', this.titlebarView);
+        this.bubble('action', this.actionsView);
     };
@@ -32,6 +38,6 @@ DialogComponent.prototype.ngOnInit = function () {
     });
-    DialogComponent.prototype.bubbleOnClose = function (titlebar) {
+    DialogComponent.prototype.bubble = function (eventName, component) {
         var _this = this;
-        if (titlebar) {
-            titlebar.close.subscribe(function (e) { return _this.close.emit(e); });
+        if (component) {
+            component[eventName].subscribe(function (e) { return _this[eventName].emit(e); });
         }
@@ -59,3 +65,3 @@ };
                     selector: 'kendo-dialog',
-                    template: "\n    <div class=\"k-overlay\" @overlayAppear></div>\n\n    <div class=\"k-widget k-dialog k-window 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\">\n        <ng-content></ng-content>\n      </div>\n\n      <ng-content select=\"kendo-dialog-actions\"></ng-content>\n\n    </div>\n  "
+                    template: "\n    <div class=\"k-overlay\" @overlayAppear></div>\n\n    <div class=\"k-widget k-dialog k-window 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\">\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  "
                 },] },
@@ -69,6 +75,9 @@ ];
     DialogComponent.propDecorators = {
-        'title': [{ type: Input, args: ['title',] },],
+        'title': [{ type: Input },],
+        'actions': [{ type: Input },],
+        'action': [{ type: Output },],
         'close': [{ type: Output },],
         'titlebarContent': [{ type: ContentChild, args: [DialogTitleBarComponent,] },],
         'titlebarView': [{ type: ViewChild, args: [DialogTitleBarComponent,] },],
+        'actionsView': [{ type: ViewChild, args: [DialogActionsComponent,] },],
         'wrapperClass': [{ type: HostBinding, args: ['class.k-dialog-wrapper',] },],
@@ -75,0 +84,0 @@ };

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-dialog k-window 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\">\n        <ng-content></ng-content>\n      </div>\n\n      <ng-content select=\"kendo-dialog-actions\"></ng-content>\n\n    </div>\n  "}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["title"]}]}],"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"}]}]}],"__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"]}]}],"bubbleOnClose":[{"__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-dialog k-window 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\">\n        <ng-content></ng-content>\n      </div>\n\n      <ng-content select=\"kendo-dialog-actions\"></ng-content>\n\n    </div>\n  "}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["title"]}]}],"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"}]}]}],"__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"]}]}],"bubbleOnClose":[{"__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-dialog k-window 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\">\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-dialog k-window 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\">\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"}]}}}}]

dist/es/dialog.module.d.ts

@@ -0,1 +1,2 @@
+import { ModuleWithProviders } from '@angular/core';
 /**
@@ -6,5 +7,52 @@ * @hidden
 /**
- * The exported package module
+ * A [module](https://angular.io/docs/ts/latest/guide/ngmodule.html) that includes all Dialog components and directives.
+ *
+ * Imports `DialogModule` into the [root module](https://angular.io/docs/ts/latest/guide/ngmodule.html#!#angular-modularity)
+ * of your application or into any other sub-module that will use the Dialog component.
+ *
+ * @example
+ * ```ts-no-run
+ * import { NgModule } from '@angular/core';
+ * import { BrowserModule } from '@angular/platform-browser';
+ * import { DialogModule } from '@progress/kendo-angular-dialog';
+ * import { AppComponent } from './app.component';
+ *
+ * @@NgModule({
+ *     bootstrap:    [AppComponent],
+ *     declarations: [AppComponent],
+ *     imports:      [BrowserModule, DialogModule]
+ * })
+ * export class AppModule {
+ * }
+ * ```
  */
 export declare class DialogModule {
+    /**
+     * Creates a module with a `DialogService` provider and Dialog components defined as `entryComponents`.
+     * To dynamically create Dialogs, use it along with `DialogService`.
+     *
+     * @param {any[]} components - Components that will be created dynamically within Dialog instances.
+     * These components will be registered as `entryComponents`.
+     * @return ModuleWithProviders - A module to be imported in the application module.
+     *
+     * @example
+     * ```ts-no-run
+     * import { NgModule } from '@angular/core';
+     * import { BrowserModule } from '@angular/platform-browser';
+     * import { DialogModule } from '@progress/kendo-angular-dialog';
+     * import { AppComponent } from './app.component';
+     *
+     * @@NgModule({
+     *     bootstrap:    [AppComponent],
+     *     declarations: [AppComponent],
+     *     imports: [
+     *         BrowserModule,
+     *         DialogModule.forRoot()
+     *     ]
+     * })
+     * export class AppModule {
+     * }
+     * ```
+     */
+    static forRoot(components?: any[]): ModuleWithProviders;
 }

dist/es/dialog.module.js

@@ -1,2 +0,2 @@
-import { NgModule } from '@angular/core';
+import { NgModule, ANALYZE_FOR_ENTRY_COMPONENTS } from '@angular/core';
 import { CommonModule } from '@angular/common';
@@ -6,2 +6,5 @@ import { DialogComponent } from './dialog.component';
 import { DialogActionsComponent } from './dialog-actions.component';
+import { DialogService } from './dialog.service';
+import { DialogContainerDirective } from './dialog-container.directive';
+import { DialogContainerService } from './dialog-container.service';
 /**
@@ -16,3 +19,22 @@ * @hidden
 /**
- * The exported package module
+ * A [module](https://angular.io/docs/ts/latest/guide/ngmodule.html) that includes all Dialog components and directives.
+ *
+ * Imports `DialogModule` into the [root module](https://angular.io/docs/ts/latest/guide/ngmodule.html#!#angular-modularity)
+ * of your application or into any other sub-module that will use the Dialog component.
+ *
+ * @example
+ * ```ts-no-run
+ * import { NgModule } from '@angular/core';
+ * import { BrowserModule } from '@angular/platform-browser';
+ * import { DialogModule } from '@progress/kendo-angular-dialog';
+ * import { AppComponent } from './app.component';
+ *
+ * @@NgModule({
+ *     bootstrap:    [AppComponent],
+ *     declarations: [AppComponent],
+ *     imports:      [BrowserModule, DialogModule]
+ * })
+ * export class AppModule {
+ * }
+ * ```
  */
@@ -22,7 +44,49 @@ export var DialogModule = (function () {
     }
+    /**
+     * Creates a module with a `DialogService` provider and Dialog components defined as `entryComponents`.
+     * To dynamically create Dialogs, use it along with `DialogService`.
+     *
+     * @param {any[]} components - Components that will be created dynamically within Dialog instances.
+     * These components will be registered as `entryComponents`.
+     * @return ModuleWithProviders - A module to be imported in the application module.
+     *
+     * @example
+     * ```ts-no-run
+     * import { NgModule } from '@angular/core';
+     * import { BrowserModule } from '@angular/platform-browser';
+     * import { DialogModule } from '@progress/kendo-angular-dialog';
+     * import { AppComponent } from './app.component';
+     *
+     * @@NgModule({
+     *     bootstrap:    [AppComponent],
+     *     declarations: [AppComponent],
+     *     imports: [
+     *         BrowserModule,
+     *         DialogModule.forRoot()
+     *     ]
+     * })
+     * export class AppModule {
+     * }
+     * ```
+     */
+    DialogModule.forRoot = function (components) {
+        var entryComponents = components || [];
+        return {
+            ngModule: DialogModule, providers: [
+                DialogService,
+                {
+                    multi: true,
+                    provide: ANALYZE_FOR_ENTRY_COMPONENTS,
+                    useValue: DIALOG_DIRECTIVES.concat(entryComponents)
+                }
+            ]
+        };
+    };
     DialogModule.decorators = [
         { type: NgModule, args: [{
-                    declarations: [DIALOG_DIRECTIVES],
-                    exports: [DIALOG_DIRECTIVES],
-                    imports: [CommonModule]
+                    declarations: [DIALOG_DIRECTIVES, DialogContainerDirective],
+                    entryComponents: [DIALOG_DIRECTIVES],
+                    exports: [DIALOG_DIRECTIVES, DialogContainerDirective],
+                    imports: [CommonModule],
+                    providers: [DialogContainerService]
                 },] },
@@ -29,0 +93,0 @@ ];

dist/es/dialog.module.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"DIALOG_DIRECTIVES":[{"__symbolic":"reference","module":"./dialog.component","name":"DialogComponent"},{"__symbolic":"reference","module":"./dialog-titlebar.component","name":"DialogTitleBarComponent"},{"__symbolic":"reference","module":"./dialog-actions.component","name":"DialogActionsComponent"}],"DialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DIALOG_DIRECTIVES"}],"exports":[{"__symbolic":"reference","name":"DIALOG_DIRECTIVES"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"DIALOG_DIRECTIVES":[{"__symbolic":"reference","module":"./dialog.component","name":"DialogComponent"},{"__symbolic":"reference","module":"./dialog-titlebar.component","name":"DialogTitleBarComponent"},{"__symbolic":"reference","module":"./dialog-actions.component","name":"DialogActionsComponent"}],"DialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DIALOG_DIRECTIVES"}],"exports":[{"__symbolic":"reference","name":"DIALOG_DIRECTIVES"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}]}]}]}}}]
+[{"__symbolic":"module","version":3,"metadata":{"DIALOG_DIRECTIVES":[{"__symbolic":"reference","module":"./dialog.component","name":"DialogComponent"},{"__symbolic":"reference","module":"./dialog-titlebar.component","name":"DialogTitleBarComponent"},{"__symbolic":"reference","module":"./dialog-actions.component","name":"DialogActionsComponent"}],"DialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DIALOG_DIRECTIVES"},{"__symbolic":"reference","module":"./dialog-container.directive","name":"DialogContainerDirective"}],"entryComponents":[{"__symbolic":"reference","name":"DIALOG_DIRECTIVES"}],"exports":[{"__symbolic":"reference","name":"DIALOG_DIRECTIVES"},{"__symbolic":"reference","module":"./dialog-container.directive","name":"DialogContainerDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"providers":[{"__symbolic":"reference","module":"./dialog-container.service","name":"DialogContainerService"}]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"DIALOG_DIRECTIVES":[{"__symbolic":"reference","module":"./dialog.component","name":"DialogComponent"},{"__symbolic":"reference","module":"./dialog-titlebar.component","name":"DialogTitleBarComponent"},{"__symbolic":"reference","module":"./dialog-actions.component","name":"DialogActionsComponent"}],"DialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DIALOG_DIRECTIVES"},{"__symbolic":"reference","module":"./dialog-container.directive","name":"DialogContainerDirective"}],"entryComponents":[{"__symbolic":"reference","name":"DIALOG_DIRECTIVES"}],"exports":[{"__symbolic":"reference","name":"DIALOG_DIRECTIVES"},{"__symbolic":"reference","module":"./dialog-container.directive","name":"DialogContainerDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"providers":[{"__symbolic":"reference","module":"./dialog-container.service","name":"DialogContainerService"}]}]}]}}}]

dist/es/main.d.ts

@@ -5,1 +5,3 @@ export { DialogComponent } from './dialog.component';
 export { DialogModule } from './dialog.module';
+export { DialogService } from './dialog.service';
+export { DialogCloseResult, DialogRef } from './dialog-settings';

dist/es/main.js

@@ -5,1 +5,3 @@ export { DialogComponent } from './dialog.component';
 export { DialogModule } from './dialog.module';
+export { DialogService } from './dialog.service';
+export { DialogCloseResult, DialogRef } from './dialog-settings';

dist/es/main.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{},"exports":[{"from":"./dialog.component","export":["DialogComponent"]},{"from":"./dialog-titlebar.component","export":["DialogTitleBarComponent"]},{"from":"./dialog-actions.component","export":["DialogActionsComponent"]},{"from":"./dialog.module","export":["DialogModule"]}]},{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./dialog.component","export":["DialogComponent"]},{"from":"./dialog-titlebar.component","export":["DialogTitleBarComponent"]},{"from":"./dialog-actions.component","export":["DialogActionsComponent"]},{"from":"./dialog.module","export":["DialogModule"]}]}]
+[{"__symbolic":"module","version":3,"metadata":{},"exports":[{"from":"./dialog.component","export":["DialogComponent"]},{"from":"./dialog-titlebar.component","export":["DialogTitleBarComponent"]},{"from":"./dialog-actions.component","export":["DialogActionsComponent"]},{"from":"./dialog.module","export":["DialogModule"]},{"from":"./dialog.service","export":["DialogService"]},{"from":"./dialog-settings","export":["DialogCloseResult","DialogRef"]}]},{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./dialog.component","export":["DialogComponent"]},{"from":"./dialog-titlebar.component","export":["DialogTitleBarComponent"]},{"from":"./dialog-actions.component","export":["DialogActionsComponent"]},{"from":"./dialog.module","export":["DialogModule"]},{"from":"./dialog.service","export":["DialogService"]},{"from":"./dialog-settings","export":["DialogCloseResult","DialogRef"]}]}]

dist/npm/dialog-actions.component.d.ts

@@ -0,6 +1,28 @@
+import { EventEmitter, TemplateRef } from '@angular/core';
+import { DialogAction } from './dialog-settings';
 /**
- * @hidden
+ * Specifies the action buttons for the `DialogComponent`.
  */
 export declare class DialogActionsComponent {
-    readonly className: string;
+    /**
+     * Allows actions to be specified declaratively.
+     */
+    actions?: DialogAction[] | TemplateRef<any>;
+    /**
+     * Fires when the user clicks on actions specified by the actions.
+     */
+    action: EventEmitter<any>;
+    readonly className: boolean;
+    /**
+     * @hidden
+     */
+    actionTemplate(): boolean;
+    /**
+     * @hidden
+     */
+    onButtonClick(action: DialogAction): void;
+    /**
+     * @hidden
+     */
+    buttonClass(action: DialogAction): string;
 }

dist/npm/dialog-actions.component.js

 "use strict";
 var core_1 = require('@angular/core');
 /**
- * @hidden
+ * Specifies the action buttons for the `DialogComponent`.
  */
 var DialogActionsComponent = (function () {
     function DialogActionsComponent() {
+        /**
+         * Fires when the user clicks on actions specified by the actions.
+         */
+        this.action = new core_1.EventEmitter();
     }
     Object.defineProperty(DialogActionsComponent.prototype, "className", {
         get: function () {
-            return 'k-action-buttons';
+            return true;
         },
@@ -16,6 +20,28 @@ enumerable: true,
     });
+    /**
+     * @hidden
+     */
+    DialogActionsComponent.prototype.actionTemplate = function () {
+        return this.actions instanceof core_1.TemplateRef;
+    };
+    /**
+     * @hidden
+     */
+    DialogActionsComponent.prototype.onButtonClick = function (action) {
+        this.action.emit(action);
+    };
+    /**
+     * @hidden
+     */
+    DialogActionsComponent.prototype.buttonClass = function (action) {
+        var classes = ["k-button"];
+        if (action.primary) {
+            classes.push("k-primary");
+        }
+        return classes.join(" ");
+    };
     DialogActionsComponent.decorators = [
         { type: core_1.Component, args: [{
                     selector: 'kendo-dialog-actions',
-                    template: "<ng-content></ng-content>"
+                    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  "
                 },] },
@@ -26,3 +52,5 @@ ];
     DialogActionsComponent.propDecorators = {
-        'className': [{ type: core_1.HostBinding, args: ['class',] },],
+        'actions': [{ type: core_1.Input },],
+        'action': [{ type: core_1.Output },],
+        'className': [{ type: core_1.HostBinding, args: ['class.k-action-buttons',] },],
     };
@@ -29,0 +57,0 @@ return DialogActionsComponent;

dist/npm/dialog-actions.component.metadata.json

@@ -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":"<ng-content></ng-content>"}]}],"members":{"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class"]}]}]}}}},{"__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":"<ng-content></ng-content>"}]}],"members":{"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class"]}]}]}}}}]
+[{"__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-action-buttons"]}]}],"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-action-buttons"]}]}],"actionTemplate":[{"__symbolic":"method"}],"onButtonClick":[{"__symbolic":"method"}],"buttonClass":[{"__symbolic":"method"}]}}}}]

dist/npm/dialog.component.d.ts

@@ -1,2 +0,3 @@
-import { AfterContentInit, AfterViewInit, EventEmitter, OnInit, ElementRef, Renderer } from '@angular/core';
+import { AfterContentInit, AfterViewInit, EventEmitter, OnInit, ElementRef, TemplateRef, Renderer } from '@angular/core';
+import { DialogActionsComponent } from './dialog-actions.component';
 import { DialogTitleBarComponent } from './dialog-titlebar.component';
@@ -10,11 +11,24 @@ /**
     /**
-     * Defines the title of the component.
+     * Specifies the text rendered in the title bar.
      */
     title: string;
     /**
+     * Specifies the action buttons that will be rendered.
+     */
+    actions: string;
+    /**
+     * @hidden
+     */
+    contentTemplate: TemplateRef<any>;
+    /**
      * Fires when the user clicks on the **Close** button of the Dialog.
      */
+    action: EventEmitter<any>;
+    /**
+     * Fires when the user clicks on the **Close** button of the Dialog.
+     */
     close: EventEmitter<any>;
     titlebarContent: DialogTitleBarComponent;
     titlebarView: DialogTitleBarComponent;
+    actionsView: DialogActionsComponent;
     constructor(_elRef: ElementRef, _renderer: Renderer);
@@ -25,3 +39,3 @@ ngAfterContentInit(): void;
     readonly wrapperClass: boolean;
-    private bubbleOnClose(titlebar);
+    private bubble(eventName, component);
 }

dist/npm/dialog.component.js

 "use strict";
 var core_1 = require('@angular/core');
+var dialog_actions_component_1 = require('./dialog-actions.component');
 var dialog_titlebar_component_1 = require('./dialog-titlebar.component');
@@ -14,9 +15,14 @@ /**
          */
+        this.action = new core_1.EventEmitter();
+        /**
+         * Fires when the user clicks on the **Close** button of the Dialog.
+         */
         this.close = new core_1.EventEmitter();
     }
     DialogComponent.prototype.ngAfterContentInit = function () {
-        this.bubbleOnClose(this.titlebarContent);
+        this.bubble('close', this.titlebarContent);
     };
     DialogComponent.prototype.ngAfterViewInit = function () {
-        this.bubbleOnClose(this.titlebarView);
+        this.bubble('close', this.titlebarView);
+        this.bubble('action', this.actionsView);
     };
@@ -33,6 +39,6 @@ DialogComponent.prototype.ngOnInit = function () {
     });
-    DialogComponent.prototype.bubbleOnClose = function (titlebar) {
+    DialogComponent.prototype.bubble = function (eventName, component) {
         var _this = this;
-        if (titlebar) {
-            titlebar.close.subscribe(function (e) { return _this.close.emit(e); });
+        if (component) {
+            component[eventName].subscribe(function (e) { return _this[eventName].emit(e); });
         }
@@ -60,3 +66,3 @@ };
                     selector: 'kendo-dialog',
-                    template: "\n    <div class=\"k-overlay\" @overlayAppear></div>\n\n    <div class=\"k-widget k-dialog k-window 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\">\n        <ng-content></ng-content>\n      </div>\n\n      <ng-content select=\"kendo-dialog-actions\"></ng-content>\n\n    </div>\n  "
+                    template: "\n    <div class=\"k-overlay\" @overlayAppear></div>\n\n    <div class=\"k-widget k-dialog k-window 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\">\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  "
                 },] },
@@ -70,6 +76,9 @@ ];
     DialogComponent.propDecorators = {
-        'title': [{ type: core_1.Input, args: ['title',] },],
+        'title': [{ type: core_1.Input },],
+        'actions': [{ type: core_1.Input },],
+        'action': [{ type: core_1.Output },],
         'close': [{ type: core_1.Output },],
         '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',] },],
@@ -76,0 +85,0 @@ };

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-dialog k-window 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\">\n        <ng-content></ng-content>\n      </div>\n\n      <ng-content select=\"kendo-dialog-actions\"></ng-content>\n\n    </div>\n  "}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["title"]}]}],"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"}]}]}],"__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"]}]}],"bubbleOnClose":[{"__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-dialog k-window 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\">\n        <ng-content></ng-content>\n      </div>\n\n      <ng-content select=\"kendo-dialog-actions\"></ng-content>\n\n    </div>\n  "}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["title"]}]}],"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"}]}]}],"__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"]}]}],"bubbleOnClose":[{"__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-dialog k-window 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\">\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-dialog k-window 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\">\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"}]}}}}]

dist/npm/dialog.module.d.ts

@@ -0,1 +1,2 @@
+import { ModuleWithProviders } from '@angular/core';
 /**
@@ -6,5 +7,52 @@ * @hidden
 /**
- * The exported package module
+ * A [module](https://angular.io/docs/ts/latest/guide/ngmodule.html) that includes all Dialog components and directives.
+ *
+ * Imports `DialogModule` into the [root module](https://angular.io/docs/ts/latest/guide/ngmodule.html#!#angular-modularity)
+ * of your application or into any other sub-module that will use the Dialog component.
+ *
+ * @example
+ * ```ts-no-run
+ * import { NgModule } from '@angular/core';
+ * import { BrowserModule } from '@angular/platform-browser';
+ * import { DialogModule } from '@progress/kendo-angular-dialog';
+ * import { AppComponent } from './app.component';
+ *
+ * @@NgModule({
+ *     bootstrap:    [AppComponent],
+ *     declarations: [AppComponent],
+ *     imports:      [BrowserModule, DialogModule]
+ * })
+ * export class AppModule {
+ * }
+ * ```
  */
 export declare class DialogModule {
+    /**
+     * Creates a module with a `DialogService` provider and Dialog components defined as `entryComponents`.
+     * To dynamically create Dialogs, use it along with `DialogService`.
+     *
+     * @param {any[]} components - Components that will be created dynamically within Dialog instances.
+     * These components will be registered as `entryComponents`.
+     * @return ModuleWithProviders - A module to be imported in the application module.
+     *
+     * @example
+     * ```ts-no-run
+     * import { NgModule } from '@angular/core';
+     * import { BrowserModule } from '@angular/platform-browser';
+     * import { DialogModule } from '@progress/kendo-angular-dialog';
+     * import { AppComponent } from './app.component';
+     *
+     * @@NgModule({
+     *     bootstrap:    [AppComponent],
+     *     declarations: [AppComponent],
+     *     imports: [
+     *         BrowserModule,
+     *         DialogModule.forRoot()
+     *     ]
+     * })
+     * export class AppModule {
+     * }
+     * ```
+     */
+    static forRoot(components?: any[]): ModuleWithProviders;
 }

dist/npm/dialog.module.js

@@ -7,2 +7,5 @@ "use strict";
 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');
 /**
@@ -17,3 +20,22 @@ * @hidden
 /**
- * The exported package module
+ * A [module](https://angular.io/docs/ts/latest/guide/ngmodule.html) that includes all Dialog components and directives.
+ *
+ * Imports `DialogModule` into the [root module](https://angular.io/docs/ts/latest/guide/ngmodule.html#!#angular-modularity)
+ * of your application or into any other sub-module that will use the Dialog component.
+ *
+ * @example
+ * ```ts-no-run
+ * import { NgModule } from '@angular/core';
+ * import { BrowserModule } from '@angular/platform-browser';
+ * import { DialogModule } from '@progress/kendo-angular-dialog';
+ * import { AppComponent } from './app.component';
+ *
+ * @@NgModule({
+ *     bootstrap:    [AppComponent],
+ *     declarations: [AppComponent],
+ *     imports:      [BrowserModule, DialogModule]
+ * })
+ * export class AppModule {
+ * }
+ * ```
  */
@@ -23,7 +45,49 @@ var DialogModule = (function () {
     }
+    /**
+     * Creates a module with a `DialogService` provider and Dialog components defined as `entryComponents`.
+     * To dynamically create Dialogs, use it along with `DialogService`.
+     *
+     * @param {any[]} components - Components that will be created dynamically within Dialog instances.
+     * These components will be registered as `entryComponents`.
+     * @return ModuleWithProviders - A module to be imported in the application module.
+     *
+     * @example
+     * ```ts-no-run
+     * import { NgModule } from '@angular/core';
+     * import { BrowserModule } from '@angular/platform-browser';
+     * import { DialogModule } from '@progress/kendo-angular-dialog';
+     * import { AppComponent } from './app.component';
+     *
+     * @@NgModule({
+     *     bootstrap:    [AppComponent],
+     *     declarations: [AppComponent],
+     *     imports: [
+     *         BrowserModule,
+     *         DialogModule.forRoot()
+     *     ]
+     * })
+     * export class AppModule {
+     * }
+     * ```
+     */
+    DialogModule.forRoot = function (components) {
+        var entryComponents = components || [];
+        return {
+            ngModule: DialogModule, providers: [
+                dialog_service_1.DialogService,
+                {
+                    multi: true,
+                    provide: core_1.ANALYZE_FOR_ENTRY_COMPONENTS,
+                    useValue: exports.DIALOG_DIRECTIVES.concat(entryComponents)
+                }
+            ]
+        };
+    };
     DialogModule.decorators = [
         { type: core_1.NgModule, args: [{
-                    declarations: [exports.DIALOG_DIRECTIVES],
-                    exports: [exports.DIALOG_DIRECTIVES],
-                    imports: [common_1.CommonModule]
+                    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]
                 },] },
@@ -30,0 +94,0 @@ ];

dist/npm/dialog.module.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"DIALOG_DIRECTIVES":[{"__symbolic":"reference","module":"./dialog.component","name":"DialogComponent"},{"__symbolic":"reference","module":"./dialog-titlebar.component","name":"DialogTitleBarComponent"},{"__symbolic":"reference","module":"./dialog-actions.component","name":"DialogActionsComponent"}],"DialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DIALOG_DIRECTIVES"}],"exports":[{"__symbolic":"reference","name":"DIALOG_DIRECTIVES"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"DIALOG_DIRECTIVES":[{"__symbolic":"reference","module":"./dialog.component","name":"DialogComponent"},{"__symbolic":"reference","module":"./dialog-titlebar.component","name":"DialogTitleBarComponent"},{"__symbolic":"reference","module":"./dialog-actions.component","name":"DialogActionsComponent"}],"DialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DIALOG_DIRECTIVES"}],"exports":[{"__symbolic":"reference","name":"DIALOG_DIRECTIVES"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}]}]}]}}}]
+[{"__symbolic":"module","version":3,"metadata":{"DIALOG_DIRECTIVES":[{"__symbolic":"reference","module":"./dialog.component","name":"DialogComponent"},{"__symbolic":"reference","module":"./dialog-titlebar.component","name":"DialogTitleBarComponent"},{"__symbolic":"reference","module":"./dialog-actions.component","name":"DialogActionsComponent"}],"DialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DIALOG_DIRECTIVES"},{"__symbolic":"reference","module":"./dialog-container.directive","name":"DialogContainerDirective"}],"entryComponents":[{"__symbolic":"reference","name":"DIALOG_DIRECTIVES"}],"exports":[{"__symbolic":"reference","name":"DIALOG_DIRECTIVES"},{"__symbolic":"reference","module":"./dialog-container.directive","name":"DialogContainerDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"providers":[{"__symbolic":"reference","module":"./dialog-container.service","name":"DialogContainerService"}]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"DIALOG_DIRECTIVES":[{"__symbolic":"reference","module":"./dialog.component","name":"DialogComponent"},{"__symbolic":"reference","module":"./dialog-titlebar.component","name":"DialogTitleBarComponent"},{"__symbolic":"reference","module":"./dialog-actions.component","name":"DialogActionsComponent"}],"DialogModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DIALOG_DIRECTIVES"},{"__symbolic":"reference","module":"./dialog-container.directive","name":"DialogContainerDirective"}],"entryComponents":[{"__symbolic":"reference","name":"DIALOG_DIRECTIVES"}],"exports":[{"__symbolic":"reference","name":"DIALOG_DIRECTIVES"},{"__symbolic":"reference","module":"./dialog-container.directive","name":"DialogContainerDirective"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"providers":[{"__symbolic":"reference","module":"./dialog-container.service","name":"DialogContainerService"}]}]}]}}}]

dist/npm/main.d.ts

@@ -5,1 +5,3 @@ export { DialogComponent } from './dialog.component';
 export { DialogModule } from './dialog.module';
+export { DialogService } from './dialog.service';
+export { DialogCloseResult, DialogRef } from './dialog-settings';

dist/npm/main.js

@@ -10,1 +10,6 @@ "use strict";
 exports.DialogModule = dialog_module_1.DialogModule;
+var dialog_service_1 = require('./dialog.service');
+exports.DialogService = dialog_service_1.DialogService;
+var dialog_settings_1 = require('./dialog-settings');
+exports.DialogCloseResult = dialog_settings_1.DialogCloseResult;
+exports.DialogRef = dialog_settings_1.DialogRef;

dist/npm/main.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{},"exports":[{"from":"./dialog.component","export":["DialogComponent"]},{"from":"./dialog-titlebar.component","export":["DialogTitleBarComponent"]},{"from":"./dialog-actions.component","export":["DialogActionsComponent"]},{"from":"./dialog.module","export":["DialogModule"]}]},{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./dialog.component","export":["DialogComponent"]},{"from":"./dialog-titlebar.component","export":["DialogTitleBarComponent"]},{"from":"./dialog-actions.component","export":["DialogActionsComponent"]},{"from":"./dialog.module","export":["DialogModule"]}]}]
+[{"__symbolic":"module","version":3,"metadata":{},"exports":[{"from":"./dialog.component","export":["DialogComponent"]},{"from":"./dialog-titlebar.component","export":["DialogTitleBarComponent"]},{"from":"./dialog-actions.component","export":["DialogActionsComponent"]},{"from":"./dialog.module","export":["DialogModule"]},{"from":"./dialog.service","export":["DialogService"]},{"from":"./dialog-settings","export":["DialogCloseResult","DialogRef"]}]},{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./dialog.component","export":["DialogComponent"]},{"from":"./dialog-titlebar.component","export":["DialogTitleBarComponent"]},{"from":"./dialog-actions.component","export":["DialogActionsComponent"]},{"from":"./dialog.module","export":["DialogModule"]},{"from":"./dialog.service","export":["DialogService"]},{"from":"./dialog-settings","export":["DialogCloseResult","DialogRef"]}]}]

package.json

 {
   "name": "@progress/kendo-angular-dialog",
   "description": "Dialog Package for Angular 2",
-  "version": "0.14.2",
+  "version": "0.15.0",
   "publishConfig": {
@@ -6,0 +6,0 @@ "registry": "https://registry.npm.telerik.com"

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

135255

increased by95.83%

Number of package files

61

increased by64.86%

Lines of code

1724

increased by235.41%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes