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

Comparing version 1.4.0-dev.201801110944 to 1.4.0-dev.201801111646

dist/es/main.d.ts

@@ -8,3 +8,2 @@ export { DialogComponent } from './dialog/dialog.component';
 export { WindowTitleBarComponent } from './window/window-titlebar.component';
-export { WindowTitleBarActionsComponent } from './window/window-titlebar-actions.component';
 export { WindowMaximizeActionDirective } from './window/actions/window-maximize-action.directive';
@@ -11,0 +10,0 @@ export { WindowMinimizeActionDirective } from './window/actions/window-minimize-action.directive';

dist/es/main.js

@@ -8,3 +8,2 @@ export { DialogComponent } from './dialog/dialog.component';
 export { WindowTitleBarComponent } from './window/window-titlebar.component';
-export { WindowTitleBarActionsComponent } from './window/window-titlebar-actions.component';
 export { WindowMaximizeActionDirective } from './window/actions/window-maximize-action.directive';
@@ -11,0 +10,0 @@ export { WindowMinimizeActionDirective } from './window/actions/window-minimize-action.directive';

dist/es/main.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{},"exports":[{"from":"./dialog/dialog.component","export":["DialogComponent"]},{"from":"./dialog/dialog-titlebar.component","export":["DialogTitleBarComponent"]},{"from":"./dialog/dialog-actions.component","export":["DialogActionsComponent"]},{"from":"./dialog/dialog.service","export":["DialogService"]},{"from":"./dialog/dialog-settings","export":["DialogCloseResult","DialogRef","DialogSettings","DialogAction","DialogResult"]},{"from":"./window/window.component","export":["WindowComponent"]},{"from":"./window/window-titlebar.component","export":["WindowTitleBarComponent"]},{"from":"./window/window-titlebar-actions.component","export":["WindowTitleBarActionsComponent"]},{"from":"./window/actions/window-maximize-action.directive","export":["WindowMaximizeActionDirective"]},{"from":"./window/actions/window-minimize-action.directive","export":["WindowMinimizeActionDirective"]},{"from":"./window/actions/window-close-action.directive","export":["WindowCloseActionDirective"]},{"from":"./window/actions/window-restore-action.directive","export":["WindowRestoreActionDirective"]},{"from":"./window/window-settings","export":["WindowState"]},{"from":"./dialog.module","export":["DialogModule"]},{"from":"./window.module","export":["WindowModule"]},{"from":"./dialogs.module","export":["DialogsModule"]}]},{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./dialog/dialog.component","export":["DialogComponent"]},{"from":"./dialog/dialog-titlebar.component","export":["DialogTitleBarComponent"]},{"from":"./dialog/dialog-actions.component","export":["DialogActionsComponent"]},{"from":"./dialog/dialog.service","export":["DialogService"]},{"from":"./dialog/dialog-settings","export":["DialogCloseResult","DialogRef","DialogSettings","DialogAction","DialogResult"]},{"from":"./window/window.component","export":["WindowComponent"]},{"from":"./window/window-titlebar.component","export":["WindowTitleBarComponent"]},{"from":"./window/window-titlebar-actions.component","export":["WindowTitleBarActionsComponent"]},{"from":"./window/actions/window-maximize-action.directive","export":["WindowMaximizeActionDirective"]},{"from":"./window/actions/window-minimize-action.directive","export":["WindowMinimizeActionDirective"]},{"from":"./window/actions/window-close-action.directive","export":["WindowCloseActionDirective"]},{"from":"./window/actions/window-restore-action.directive","export":["WindowRestoreActionDirective"]},{"from":"./window/window-settings","export":["WindowState"]},{"from":"./dialog.module","export":["DialogModule"]},{"from":"./window.module","export":["WindowModule"]},{"from":"./dialogs.module","export":["DialogsModule"]}]}]
+[{"__symbolic":"module","version":3,"metadata":{},"exports":[{"from":"./dialog/dialog.component","export":["DialogComponent"]},{"from":"./dialog/dialog-titlebar.component","export":["DialogTitleBarComponent"]},{"from":"./dialog/dialog-actions.component","export":["DialogActionsComponent"]},{"from":"./dialog/dialog.service","export":["DialogService"]},{"from":"./dialog/dialog-settings","export":["DialogCloseResult","DialogRef","DialogSettings","DialogAction","DialogResult"]},{"from":"./window/window.component","export":["WindowComponent"]},{"from":"./window/window-titlebar.component","export":["WindowTitleBarComponent"]},{"from":"./window/actions/window-maximize-action.directive","export":["WindowMaximizeActionDirective"]},{"from":"./window/actions/window-minimize-action.directive","export":["WindowMinimizeActionDirective"]},{"from":"./window/actions/window-close-action.directive","export":["WindowCloseActionDirective"]},{"from":"./window/actions/window-restore-action.directive","export":["WindowRestoreActionDirective"]},{"from":"./window/window-settings","export":["WindowState"]},{"from":"./dialog.module","export":["DialogModule"]},{"from":"./window.module","export":["WindowModule"]},{"from":"./dialogs.module","export":["DialogsModule"]}]},{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./dialog/dialog.component","export":["DialogComponent"]},{"from":"./dialog/dialog-titlebar.component","export":["DialogTitleBarComponent"]},{"from":"./dialog/dialog-actions.component","export":["DialogActionsComponent"]},{"from":"./dialog/dialog.service","export":["DialogService"]},{"from":"./dialog/dialog-settings","export":["DialogCloseResult","DialogRef","DialogSettings","DialogAction","DialogResult"]},{"from":"./window/window.component","export":["WindowComponent"]},{"from":"./window/window-titlebar.component","export":["WindowTitleBarComponent"]},{"from":"./window/actions/window-maximize-action.directive","export":["WindowMaximizeActionDirective"]},{"from":"./window/actions/window-minimize-action.directive","export":["WindowMinimizeActionDirective"]},{"from":"./window/actions/window-close-action.directive","export":["WindowCloseActionDirective"]},{"from":"./window/actions/window-restore-action.directive","export":["WindowRestoreActionDirective"]},{"from":"./window/window-settings","export":["WindowState"]},{"from":"./dialog.module","export":["DialogModule"]},{"from":"./window.module","export":["WindowModule"]},{"from":"./dialogs.module","export":["DialogsModule"]}]}]

dist/es/window.module.js

 import { NgModule } from "@angular/core";
 import { WindowComponent } from "./window/window.component";
 import { WindowTitleBarComponent } from "./window/window-titlebar.component";
-import { WindowTitleBarActionsComponent } from './window/window-titlebar-actions.component';
 import { DraggableDirective } from './window/draggable.directive';
@@ -17,3 +16,2 @@ import { ResizeHandleDirective } from './window/window-resize-handle.directive';
     WindowTitleBarComponent,
-    WindowTitleBarActionsComponent,
     WindowCloseActionDirective,
@@ -30,3 +28,3 @@ WindowMinimizeActionDirective,
     WindowRestoreActionDirective,
-    WindowTitleBarActionsComponent
+    WindowTitleBarComponent
 ];
@@ -33,0 +31,0 @@ /**

dist/es/window.module.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"WindowModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[[{"__symbolic":"reference","module":"./window/draggable.directive","name":"DraggableDirective"},{"__symbolic":"reference","module":"./window/window-resize-handle.directive","name":"ResizeHandleDirective"},{"__symbolic":"reference","module":"./window/window.component","name":"WindowComponent"},{"__symbolic":"reference","module":"./window/window-titlebar.component","name":"WindowTitleBarComponent"},{"__symbolic":"reference","module":"./window/window-titlebar-actions.component","name":"WindowTitleBarActionsComponent"},{"__symbolic":"reference","module":"./window/actions/window-close-action.directive","name":"WindowCloseActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-minimize-action.directive","name":"WindowMinimizeActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-maximize-action.directive","name":"WindowMaximizeActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-restore-action.directive","name":"WindowRestoreActionDirective"}]],"exports":[[{"__symbolic":"reference","module":"./window/window.component","name":"WindowComponent"},{"__symbolic":"reference","module":"./window/actions/window-close-action.directive","name":"WindowCloseActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-minimize-action.directive","name":"WindowMinimizeActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-maximize-action.directive","name":"WindowMaximizeActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-restore-action.directive","name":"WindowRestoreActionDirective"},{"__symbolic":"reference","module":"./window/window-titlebar-actions.component","name":"WindowTitleBarActionsComponent"}],{"__symbolic":"reference","module":"./shared.module","name":"SHARED_DIRECTIVES"}],"imports":[{"__symbolic":"reference","module":"./shared.module","name":"SharedModule"}]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"WindowModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[[{"__symbolic":"reference","module":"./window/draggable.directive","name":"DraggableDirective"},{"__symbolic":"reference","module":"./window/window-resize-handle.directive","name":"ResizeHandleDirective"},{"__symbolic":"reference","module":"./window/window.component","name":"WindowComponent"},{"__symbolic":"reference","module":"./window/window-titlebar.component","name":"WindowTitleBarComponent"},{"__symbolic":"reference","module":"./window/window-titlebar-actions.component","name":"WindowTitleBarActionsComponent"},{"__symbolic":"reference","module":"./window/actions/window-close-action.directive","name":"WindowCloseActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-minimize-action.directive","name":"WindowMinimizeActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-maximize-action.directive","name":"WindowMaximizeActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-restore-action.directive","name":"WindowRestoreActionDirective"}]],"exports":[[{"__symbolic":"reference","module":"./window/window.component","name":"WindowComponent"},{"__symbolic":"reference","module":"./window/actions/window-close-action.directive","name":"WindowCloseActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-minimize-action.directive","name":"WindowMinimizeActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-maximize-action.directive","name":"WindowMaximizeActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-restore-action.directive","name":"WindowRestoreActionDirective"},{"__symbolic":"reference","module":"./window/window-titlebar-actions.component","name":"WindowTitleBarActionsComponent"}],{"__symbolic":"reference","module":"./shared.module","name":"SHARED_DIRECTIVES"}],"imports":[{"__symbolic":"reference","module":"./shared.module","name":"SharedModule"}]}]}]}}}]
+[{"__symbolic":"module","version":3,"metadata":{"WindowModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[[{"__symbolic":"reference","module":"./window/draggable.directive","name":"DraggableDirective"},{"__symbolic":"reference","module":"./window/window-resize-handle.directive","name":"ResizeHandleDirective"},{"__symbolic":"reference","module":"./window/window.component","name":"WindowComponent"},{"__symbolic":"reference","module":"./window/window-titlebar.component","name":"WindowTitleBarComponent"},{"__symbolic":"reference","module":"./window/actions/window-close-action.directive","name":"WindowCloseActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-minimize-action.directive","name":"WindowMinimizeActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-maximize-action.directive","name":"WindowMaximizeActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-restore-action.directive","name":"WindowRestoreActionDirective"}]],"exports":[[{"__symbolic":"reference","module":"./window/window.component","name":"WindowComponent"},{"__symbolic":"reference","module":"./window/actions/window-close-action.directive","name":"WindowCloseActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-minimize-action.directive","name":"WindowMinimizeActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-maximize-action.directive","name":"WindowMaximizeActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-restore-action.directive","name":"WindowRestoreActionDirective"},{"__symbolic":"reference","module":"./window/window-titlebar.component","name":"WindowTitleBarComponent"}],{"__symbolic":"reference","module":"./shared.module","name":"SHARED_DIRECTIVES"}],"imports":[{"__symbolic":"reference","module":"./shared.module","name":"SharedModule"}]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"WindowModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[[{"__symbolic":"reference","module":"./window/draggable.directive","name":"DraggableDirective"},{"__symbolic":"reference","module":"./window/window-resize-handle.directive","name":"ResizeHandleDirective"},{"__symbolic":"reference","module":"./window/window.component","name":"WindowComponent"},{"__symbolic":"reference","module":"./window/window-titlebar.component","name":"WindowTitleBarComponent"},{"__symbolic":"reference","module":"./window/actions/window-close-action.directive","name":"WindowCloseActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-minimize-action.directive","name":"WindowMinimizeActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-maximize-action.directive","name":"WindowMaximizeActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-restore-action.directive","name":"WindowRestoreActionDirective"}]],"exports":[[{"__symbolic":"reference","module":"./window/window.component","name":"WindowComponent"},{"__symbolic":"reference","module":"./window/actions/window-close-action.directive","name":"WindowCloseActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-minimize-action.directive","name":"WindowMinimizeActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-maximize-action.directive","name":"WindowMaximizeActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-restore-action.directive","name":"WindowRestoreActionDirective"},{"__symbolic":"reference","module":"./window/window-titlebar.component","name":"WindowTitleBarComponent"}],{"__symbolic":"reference","module":"./shared.module","name":"SHARED_DIRECTIVES"}],"imports":[{"__symbolic":"reference","module":"./shared.module","name":"SharedModule"}]}]}]}}}]

dist/es/window/window-resize-handle.directive.d.ts

@@ -1,2 +0,2 @@
-import { OnInit, OnDestroy, ElementRef, Renderer2, NgZone } from '@angular/core';
+import { OnInit, OnDestroy, ElementRef, Renderer2 } from '@angular/core';
 import { DraggableDirective } from './draggable.directive';
@@ -11,12 +11,10 @@ import { WindowService } from './window.service';
     private renderer;
-    private ngZone;
     private service;
     direction: string;
     readonly hostClass: boolean;
-    readonly visible: string;
     private subscriptions;
-    private isHidden;
-    constructor(draggable: DraggableDirective, el: ElementRef, renderer: Renderer2, ngZone: NgZone, service: WindowService);
+    constructor(draggable: DraggableDirective, el: ElementRef, renderer: Renderer2, service: WindowService);
     ngOnInit(): void;
     ngOnDestroy(): void;
+    private setDisplay(value?);
 }

dist/es/window/window-resize-handle.directive.js

@@ -1,2 +0,2 @@
-import { Directive, Host, ElementRef, Input, HostBinding, Renderer2, NgZone } from '@angular/core';
+import { Directive, Host, ElementRef, Input, HostBinding, Renderer2 } from '@angular/core';
 import { DraggableDirective } from './draggable.directive';
@@ -10,10 +10,8 @@ import { WindowService } from './window.service';
 var ResizeHandleDirective = (function () {
-    function ResizeHandleDirective(draggable, el, renderer, ngZone, service) {
+    function ResizeHandleDirective(draggable, el, renderer, service) {
         this.draggable = draggable;
         this.el = el;
         this.renderer = renderer;
-        this.ngZone = ngZone;
         this.service = service;
         this.subscriptions = new Subscription();
-        this.isHidden = false;
     }
@@ -27,16 +25,7 @@ Object.defineProperty(ResizeHandleDirective.prototype, "hostClass", {
     });
-    Object.defineProperty(ResizeHandleDirective.prototype, "visible", {
-        get: function () {
-            if (this.service.settings.state === 'default' && !this.isHidden) {
-                return 'block';
-            }
-            return 'none';
-        },
-        enumerable: true,
-        configurable: true
-    });
     ResizeHandleDirective.prototype.ngOnInit = function () {
         var _this = this;
+        this.setDisplay();
         this.renderer.addClass(this.el.nativeElement, 'k-resize-' + this.direction);
-        this.subscriptions.add(Observable.from([this.draggable]).subscribe(function (handle) {
+        this.subscriptions.add(Observable.of(this.draggable).subscribe(function (handle) {
             _this.service.onResize(handle, _this.direction);
@@ -46,20 +35,22 @@ }));
             if (dir !== _this.direction) {
-                _this.isHidden = true;
+                _this.setDisplay('none');
             }
         }));
-        this.subscriptions.add(this.service.resizeEnd.subscribe(function () {
-            _this.ngZone.run(function () { return _this.isHidden = false; });
-        }));
         this.subscriptions.add(this.service.dragStart.subscribe(function () {
-            _this.isHidden = true;
+            _this.setDisplay('none');
         }));
-        this.subscriptions.add(this.service.dragEnd.subscribe(function () {
-            _this.ngZone.run(function () { return _this.isHidden = false; });
+        this.subscriptions.add(Observable.merge(this.service.resizeEnd, this.service.dragEnd).subscribe(function () {
+            _this.setDisplay('block');
         }));
+        this.subscriptions.add(this.service.stateChange.subscribe(function (state) {
+            _this.setDisplay(state === 'default' ? 'block' : 'none');
+        }));
     };
     ResizeHandleDirective.prototype.ngOnDestroy = function () {
-        if (this.subscriptions) {
-            this.subscriptions.unsubscribe();
-        }
+        this.subscriptions.unsubscribe();
     };
+    ResizeHandleDirective.prototype.setDisplay = function (value) {
+        if (value === void 0) { value = 'block'; }
+        this.renderer.setStyle(this.el.nativeElement, 'display', this.service.settings.state === 'default' ? value : 'none');
+    };
     return ResizeHandleDirective;
@@ -78,3 +69,2 @@ }());
     { type: Renderer2, },
-    { type: NgZone, },
     { type: WindowService, },
@@ -85,3 +75,2 @@ ]; };
     'hostClass': [{ type: HostBinding, args: ['class.k-resize-handle',] },],
-    'visible': [{ type: HostBinding, args: ['style.display',] },],
 };

dist/es/window/window-resize-handle.directive.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"ResizeHandleDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoWindowResizeHandle]"}]}],"members":{"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hostClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-resize-handle"]}]}],"visible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.display"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host"}}],null,null,null,null],"parameters":[{"__symbolic":"reference","module":"./draggable.directive","name":"DraggableDirective"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","module":"./window.service","name":"WindowService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ResizeHandleDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoWindowResizeHandle]"}]}],"members":{"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hostClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-resize-handle"]}]}],"visible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.display"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host"}}],null,null,null,null],"parameters":[{"__symbolic":"reference","module":"./draggable.directive","name":"DraggableDirective"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","module":"./window.service","name":"WindowService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"ResizeHandleDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoWindowResizeHandle]"}]}],"members":{"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hostClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-resize-handle"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host"}}],null,null,null],"parameters":[{"__symbolic":"reference","module":"./draggable.directive","name":"DraggableDirective"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"./window.service","name":"WindowService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setDisplay":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ResizeHandleDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoWindowResizeHandle]"}]}],"members":{"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hostClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-resize-handle"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host"}}],null,null,null],"parameters":[{"__symbolic":"reference","module":"./draggable.directive","name":"DraggableDirective"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"./window.service","name":"WindowService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setDisplay":[{"__symbolic":"method"}]}}}}]

dist/es/window/window-settings.d.ts

@@ -13,2 +13,4 @@ /**
     state: WindowState;
+    draggable: boolean;
+    resizable: boolean;
 }
@@ -15,0 +17,0 @@ /**

dist/es/window/window-titlebar.component.d.ts

@@ -1,25 +0,25 @@
-import { OnDestroy, OnInit, SimpleChange, OnChanges } from '@angular/core';
-import { DraggableDirective } from './draggable.directive';
+import { OnDestroy, OnInit, ElementRef, NgZone } from '@angular/core';
 import { WindowService } from './window.service';
-/**
- * @hidden
- */
-export declare class WindowTitleBarComponent implements OnInit, OnDestroy, OnChanges {
-    titleBar: DraggableDirective;
+export declare class WindowTitleBarComponent implements OnInit, OnDestroy {
+    el: ElementRef;
     private service;
-    actions: boolean;
-    draggable: boolean;
-    resizable: boolean;
-    title: string;
+    private ngZone;
+    private dragDirective;
     private dragSubscription;
-    constructor(titleBar: DraggableDirective, service: WindowService);
+    constructor(el: ElementRef, service: WindowService, ngZone: NgZone);
     ngOnInit(): void;
-    ngOnChanges(changes: {
-        [propertyName: string]: SimpleChange;
-    }): void;
     ngOnDestroy(): void;
+    /**
+     * @hidden
+     */
     subscribeDrag(): void;
+    /**
+     * @hidden
+     */
     unsubscribeDrag(): void;
     readonly className: true;
+    /**
+     * @hidden
+     */
     handle(ev: MouseEvent): void;
 }

dist/es/window/window-titlebar.component.js

@@ -1,2 +0,2 @@
-import { Component, HostBinding, Input, HostListener, Host } from '@angular/core';
+import { Component, HostBinding, HostListener, ElementRef, NgZone } from '@angular/core';
 import { DraggableDirective } from './draggable.directive';
@@ -6,23 +6,19 @@ import { WindowService } from './window.service';
 import { Observable } from 'rxjs/Observable';
-import { hasClasses, isFocusable, isChanged, isTruthy } from '../common/util';
-/**
- * @hidden
- */
+import { hasClasses, isFocusable } from '../common/util';
 var WindowTitleBarComponent = (function () {
-    function WindowTitleBarComponent(titleBar, service) {
-        this.titleBar = titleBar;
+    function WindowTitleBarComponent(el, service, ngZone) {
+        this.el = el;
         this.service = service;
+        this.ngZone = ngZone;
         this.dragSubscription = new Subscription();
     }
     WindowTitleBarComponent.prototype.ngOnInit = function () {
-        if (this.draggable) {
+        this.dragDirective = new DraggableDirective(this.el, this.ngZone);
+        this.dragDirective.ngOnInit();
+        if (this.service.settings.draggable) {
             this.subscribeDrag();
         }
     };
-    WindowTitleBarComponent.prototype.ngOnChanges = function (changes) {
-        if (isChanged('draggable', changes)) {
-            this[isTruthy(changes.draggable.currentValue) ? 'subscribeDrag' : 'unsubscribeDrag']();
-        }
-    };
     WindowTitleBarComponent.prototype.ngOnDestroy = function () {
+        this.dragDirective.ngOnDestroy();
         if (this.dragSubscription) {
@@ -32,8 +28,14 @@ this.unsubscribeDrag();
     };
+    /**
+     * @hidden
+     */
     WindowTitleBarComponent.prototype.subscribeDrag = function () {
         var _this = this;
-        this.dragSubscription = Observable.from([this.titleBar]).subscribe(function (titleBar) {
+        this.dragSubscription = Observable.of(this.dragDirective).subscribe(function (titleBar) {
             _this.service.onDrag(titleBar);
         });
     };
+    /**
+     * @hidden
+     */
     WindowTitleBarComponent.prototype.unsubscribeDrag = function () {
@@ -53,6 +55,9 @@ if (this.dragSubscription) {
     });
+    /**
+     * @hidden
+     */
     WindowTitleBarComponent.prototype.handle = function (ev) {
         var target = ev.target;
         var state = this.service.settings.state;
-        if (!hasClasses(target, 'k-icon') && !isFocusable(target, false) && this.resizable) {
+        if (!hasClasses(target, 'k-icon') && !isFocusable(target, false) && this.service.settings.resizable) {
             if (state === 'default') {
@@ -72,3 +77,3 @@ this.service.maximizeAction();
                 selector: 'kendo-window-titlebar',
-                template: "\n    <div class=\"k-window-title k-dialog-title\">\n      {{title}}\n    </div>\n    <ng-content></ng-content>\n    <kendo-window-titlebar-actions *ngIf='actions'>\n      <button kendoWindowMinimizeAction></button>\n      <button kendoWindowMaximizeAction></button>\n      <button kendoWindowRestoreAction></button>\n      <button kendoWindowCloseAction></button>\n    </kendo-window-titlebar-actions>\n  "
+                template: "\n    <ng-content></ng-content>\n  "
             },] },
@@ -78,12 +83,9 @@ ];
 WindowTitleBarComponent.ctorParameters = function () { return [
-    { type: DraggableDirective, decorators: [{ type: Host },] },
+    { type: ElementRef, },
     { type: WindowService, },
+    { type: NgZone, },
 ]; };
 WindowTitleBarComponent.propDecorators = {
-    'actions': [{ type: Input },],
-    'draggable': [{ type: Input },],
-    'resizable': [{ type: Input },],
-    'title': [{ type: Input },],
     'className': [{ type: HostBinding, args: ['class.k-window-titlebar',] }, { type: HostBinding, args: ['class.k-dialog-titlebar',] }, { type: HostBinding, args: ['class.k-header',] },],
     'handle': [{ type: HostListener, args: ['dblclick', ['$event'],] },],
 };

dist/es/window/window-titlebar.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"WindowTitleBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"kendo-window-titlebar","template":"\n    <div class=\"k-window-title k-dialog-title\">\n      {{title}}\n    </div>\n    <ng-content></ng-content>\n    <kendo-window-titlebar-actions *ngIf='actions'>\n      <button kendoWindowMinimizeAction></button>\n      <button kendoWindowMaximizeAction></button>\n      <button kendoWindowRestoreAction></button>\n      <button kendoWindowCloseAction></button>\n    </kendo-window-titlebar-actions>\n  "}]}],"members":{"actions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"resizable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host"}}],null],"parameters":[{"__symbolic":"reference","module":"./draggable.directive","name":"DraggableDirective"},{"__symbolic":"reference","module":"./window.service","name":"WindowService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"subscribeDrag":[{"__symbolic":"method"}],"unsubscribeDrag":[{"__symbolic":"method"}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-window-titlebar"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-dialog-titlebar"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-header"]}]}],"handle":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["dblclick",["$event"]]}]}]}}}},{"__symbolic":"module","version":1,"metadata":{"WindowTitleBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"kendo-window-titlebar","template":"\n    <div class=\"k-window-title k-dialog-title\">\n      {{title}}\n    </div>\n    <ng-content></ng-content>\n    <kendo-window-titlebar-actions *ngIf='actions'>\n      <button kendoWindowMinimizeAction></button>\n      <button kendoWindowMaximizeAction></button>\n      <button kendoWindowRestoreAction></button>\n      <button kendoWindowCloseAction></button>\n    </kendo-window-titlebar-actions>\n  "}]}],"members":{"actions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"resizable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host"}}],null],"parameters":[{"__symbolic":"reference","module":"./draggable.directive","name":"DraggableDirective"},{"__symbolic":"reference","module":"./window.service","name":"WindowService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"subscribeDrag":[{"__symbolic":"method"}],"unsubscribeDrag":[{"__symbolic":"method"}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-window-titlebar"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-dialog-titlebar"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-header"]}]}],"handle":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["dblclick",["$event"]]}]}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"WindowTitleBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"kendo-window-titlebar","template":"\n    <ng-content></ng-content>\n  "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"./window.service","name":"WindowService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"subscribeDrag":[{"__symbolic":"method"}],"unsubscribeDrag":[{"__symbolic":"method"}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-window-titlebar"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-dialog-titlebar"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-header"]}]}],"handle":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["dblclick",["$event"]]}]}]}}}},{"__symbolic":"module","version":1,"metadata":{"WindowTitleBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"kendo-window-titlebar","template":"\n    <ng-content></ng-content>\n  "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"./window.service","name":"WindowService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"subscribeDrag":[{"__symbolic":"method"}],"unsubscribeDrag":[{"__symbolic":"method"}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-window-titlebar"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-dialog-titlebar"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-header"]}]}],"handle":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["dblclick",["$event"]]}]}]}}}}]

dist/es/window/window.component.d.ts

@@ -5,4 +5,4 @@ import { OnInit, OnDestroy, AfterViewInit, EventEmitter, ElementRef, Renderer2, QueryList, NgZone, OnChanges, SimpleChange } from '@angular/core';
 import { WindowState } from './window-settings';
-import { WindowTitleBarActionsComponent } from './window-titlebar-actions.component';
 import { ResizeHandleDirective } from './window-resize-handle.directive';
+import { WindowTitleBarComponent } from './window-titlebar.component';
 /**
@@ -22,3 +22,3 @@ * Represents the Kendo UI Window component for Angular.
      * Specifies whether the user will be able to drag the component.
-     * The default value is `true`
+     * @default true
      */
@@ -28,3 +28,3 @@ draggable: boolean;
      * Specifies whether the user will be able to resize the component.
-     * The default value is `true`.
+     * @default true
      */
@@ -34,3 +34,3 @@ resizable: boolean;
      * Specifies if the content of the component is persisted in the DOM when minimized.
-     * The default value is `false`.
+     * @default false
      */
@@ -46,3 +46,3 @@ keepContent: boolean;
      * The `minWidth` property has to be set in pixels.
-     * The default value is 120.
+     * @default 120
      */
@@ -53,3 +53,3 @@ minWidth: number;
      * The `minHeight` property has to be set in pixels.
-     * The default value is 100.
+     * @default 100
      */
@@ -94,10 +94,2 @@ minHeight: number;
     /**
-     * Fires when the user minimizes the Window.
-     */
-    minimize: EventEmitter<any>;
-    /**
-     * Fires when the user maximizes the Window.
-     */
-    maximize: EventEmitter<any>;
-    /**
      * Fires when the user closes the Window.
@@ -146,3 +138,4 @@ */
     readonly dir: string;
-    titleBarActionsContent: WindowTitleBarActionsComponent;
+    titleBarView: WindowTitleBarComponent;
+    titleBarContent: WindowTitleBarComponent;
     resizeHandles: QueryList<ResizeHandleDirective>;
@@ -162,3 +155,3 @@ resizeDirections: Array<string>;
     ngOnDestroy(): void;
-    readonly showDefaultActions: boolean;
+    readonly showDefaultTitleBar: boolean;
     readonly windowClasses: boolean;
@@ -165,0 +158,0 @@ readonly styleMinWidth: string;

dist/es/window/window.component.js

@@ -1,2 +0,2 @@
-import { Component, Input, Output, Optional, Inject, HostBinding, EventEmitter, ContentChild, ElementRef, Renderer2, ViewChildren, HostListener, NgZone } from '@angular/core';
+import { Component, Input, Output, Optional, Inject, HostBinding, EventEmitter, ContentChild, ElementRef, Renderer2, ViewChildren, HostListener, NgZone, ViewChild } from '@angular/core';
 import { RTL } from '@progress/kendo-angular-l10n';
@@ -7,6 +7,6 @@ import { L10N_PREFIX, LocalizationService } from '@progress/kendo-angular-l10n';
 import { WindowService } from './window.service';
-import { WindowTitleBarActionsComponent } from './window-titlebar-actions.component';
-import { isPresent, OFFSET_STYLES, isChanged } from '../common/util';
+import { OFFSET_STYLES, isPresent, isChanged, isTruthy } from '../common/util';
 import { isDocumentAvailable, RESIZE_DIRECTIONS } from "../common/util";
 import { ResizeHandleDirective } from './window-resize-handle.directive';
+import { WindowTitleBarComponent } from './window-titlebar.component';
 /**
@@ -22,14 +22,4 @@ * Represents the Kendo UI Window component for Angular.
         /**
-         * Specifies whether the user will be able to drag the component.
-         * The default value is `true`
-         */
-        this.draggable = true;
-        /**
-         * Specifies whether the user will be able to resize the component.
-         * The default value is `true`.
-         */
-        this.resizable = true;
-        /**
          * Specifies if the content of the component is persisted in the DOM when minimized.
-         * The default value is `false`.
+         * @default false
          */
@@ -54,10 +44,2 @@ this.keepContent = false;
         /**
-         * Fires when the user minimizes the Window.
-         */
-        this.minimize = new EventEmitter();
-        /**
-         * Fires when the user maximizes the Window.
-         */
-        this.maximize = new EventEmitter();
-        /**
          * Fires when the user closes the Window.
@@ -113,2 +95,30 @@ */
     }
+    Object.defineProperty(WindowComponent.prototype, "draggable", {
+        get: function () {
+            return this.settings.draggable;
+        },
+        /**
+         * Specifies whether the user will be able to drag the component.
+         * @default true
+         */
+        set: function (value) {
+            this.settings.draggable = value;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(WindowComponent.prototype, "resizable", {
+        get: function () {
+            return this.settings.resizable;
+        },
+        /**
+         * Specifies whether the user will be able to resize the component.
+         * @default true
+         */
+        set: function (value) {
+            this.settings.resizable = value;
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(WindowComponent.prototype, "state", {
@@ -135,3 +145,3 @@ get: function () {
          * The `minWidth` property has to be set in pixels.
-         * The default value is 120.
+         * @default 120
          */
@@ -151,3 +161,3 @@ set: function (value) {
          * The `minHeight` property has to be set in pixels.
-         * The default value is 100.
+         * @default 100
          */
@@ -245,2 +255,11 @@ set: function (value) {
         });
+        if (isChanged('draggable', changes)) {
+            var titleBar = isPresent(this.titleBarContent) ? this.titleBarContent : this.titleBarView;
+            if (isTruthy(changes.draggable.currentValue)) {
+                titleBar.subscribeDrag();
+            }
+            else {
+                titleBar.unsubscribeDrag();
+            }
+        }
     };
@@ -252,5 +271,5 @@ WindowComponent.prototype.ngOnDestroy = function () {
     };
-    Object.defineProperty(WindowComponent.prototype, "showDefaultActions", {
+    Object.defineProperty(WindowComponent.prototype, "showDefaultTitleBar", {
         get: function () {
-            return !isPresent(this.titleBarActionsContent);
+            return !isPresent(this.titleBarContent);
         },
@@ -418,3 +437,3 @@ enumerable: true,
                 selector: 'kendo-window',
-                template: "\n        <kendo-window-titlebar\n            kendoWindowDraggable\n            [actions]='showDefaultActions'\n            [draggable]='draggable'\n            [resizable]='resizable'\n            [title]='title'\n        >\n            <ng-content select=\"kendo-window-titlebar-actions\" *ngIf=\"!showDefaultActions\"></ng-content>\n        </kendo-window-titlebar>\n\n        <div *ngIf=\"state !== 'minimized' || keepContent\"\n            [hidden]=\"state === 'minimized' && keepContent\"\n            class=\"k-content k-window-content k-dialog-content\">\n            <ng-content></ng-content>\n        </div>\n\n        <ng-template [ngIf]='resizable'>\n            <div *ngFor='let dir of resizeDirections'\n                [direction]=\"dir\"\n                kendoWindowResizeHandle\n                kendoWindowDraggable>\n            </div>\n        </ng-template>\n    "
+                template: "\n        <kendo-window-titlebar *ngIf=\"showDefaultTitleBar\">\n            <div class=\"k-window-title k-dialog-title\">{{title}}</div>\n            <button kendoWindowMinimizeAction></button>\n            <button kendoWindowMaximizeAction></button>\n            <button kendoWindowRestoreAction></button>\n            <button kendoWindowCloseAction></button>\n        </kendo-window-titlebar>\n        <ng-content select=\"kendo-window-titlebar\" *ngIf=\"!showDefaultTitleBar\"></ng-content>\n\n        <div *ngIf=\"state !== 'minimized' || keepContent\"\n            [hidden]=\"state === 'minimized' && keepContent\"\n            class=\"k-content k-window-content k-dialog-content\">\n            <ng-content></ng-content>\n        </div>\n\n        <ng-template [ngIf]='resizable'>\n            <div *ngFor='let dir of resizeDirections'\n                [direction]=\"dir\"\n                kendoWindowResizeHandle\n                kendoWindowDraggable>\n            </div>\n        </ng-template>\n    "
             },] },
@@ -446,4 +465,2 @@ ];
     'resizeEnd': [{ type: Output },],
-    'minimize': [{ type: Output },],
-    'maximize': [{ type: Output },],
     'close': [{ type: Output },],
@@ -458,3 +475,4 @@ 'widthChange': [{ type: Output },],
     'dir': [{ type: HostBinding, args: ['attr.dir',] },],
-    'titleBarActionsContent': [{ type: ContentChild, args: [WindowTitleBarActionsComponent,] },],
+    'titleBarView': [{ type: ViewChild, args: [WindowTitleBarComponent,] },],
+    'titleBarContent': [{ type: ContentChild, args: [WindowTitleBarComponent,] },],
     'resizeHandles': [{ type: ViewChildren, args: [ResizeHandleDirective,] },],
@@ -461,0 +479,0 @@ 'windowClasses': [{ type: HostBinding, args: ['class.k-window-wrapper',] },],

dist/es/window/window.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"WindowComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoWindow","providers":[{"__symbolic":"reference","module":"./window.service","name":"WindowService"},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService"},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX"},"useValue":"kendo.window"}],"selector":"kendo-window","template":"\n        <kendo-window-titlebar\n            kendoWindowDraggable\n            [actions]='showDefaultActions'\n            [draggable]='draggable'\n            [resizable]='resizable'\n            [title]='title'\n        >\n            <ng-content select=\"kendo-window-titlebar-actions\" *ngIf=\"!showDefaultActions\"></ng-content>\n        </kendo-window-titlebar>\n\n        <div *ngIf=\"state !== 'minimized' || keepContent\"\n            [hidden]=\"state === 'minimized' && keepContent\"\n            class=\"k-content k-window-content k-dialog-content\">\n            <ng-content></ng-content>\n        </div>\n\n        <ng-template [ngIf]='resizable'>\n            <div *ngFor='let dir of resizeDirections'\n                [direction]=\"dir\"\n                kendoWindowResizeHandle\n                kendoWindowDraggable>\n            </div>\n        </ng-template>\n    "}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"resizable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"keepContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"top":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"left":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"dragStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dragEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"resizeStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"resizeEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"minimize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"maximize":[{"__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"}}]}],"widthChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"heightChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"topChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"leftChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"stateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.tabIndex"]}]}],"hostClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-window"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"titleBarActionsContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./window-titlebar-actions.component","name":"WindowTitleBarActionsComponent"}]}]}],"resizeHandles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","module":"./window-resize-handle.directive","name":"ResizeHandleDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"RTL"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"./window.service","name":"WindowService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","name":"boolean"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"windowClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-window-wrapper"]}]}],"styleMinWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.minWidth"]}]}],"styleMinHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.minHeight"]}]}],"stylePosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.position"]}]}],"wrapperMaximizedClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-window-maximized"]}]}],"wrapperFocusedClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-focused"]}]}],"onComponentFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focus"]}]}],"onComponentBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"subscribeEvents":[{"__symbolic":"method"}],"setNextZIndex":[{"__symbolic":"method"}],"setInitialOffset":[{"__symbolic":"method"}],"updateAllOffset":[{"__symbolic":"method"}],"updateOffset":[{"__symbolic":"method"}],"setSetting":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"WindowComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoWindow","providers":[{"__symbolic":"reference","module":"./window.service","name":"WindowService"},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService"},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX"},"useValue":"kendo.window"}],"selector":"kendo-window","template":"\n        <kendo-window-titlebar\n            kendoWindowDraggable\n            [actions]='showDefaultActions'\n            [draggable]='draggable'\n            [resizable]='resizable'\n            [title]='title'\n        >\n            <ng-content select=\"kendo-window-titlebar-actions\" *ngIf=\"!showDefaultActions\"></ng-content>\n        </kendo-window-titlebar>\n\n        <div *ngIf=\"state !== 'minimized' || keepContent\"\n            [hidden]=\"state === 'minimized' && keepContent\"\n            class=\"k-content k-window-content k-dialog-content\">\n            <ng-content></ng-content>\n        </div>\n\n        <ng-template [ngIf]='resizable'>\n            <div *ngFor='let dir of resizeDirections'\n                [direction]=\"dir\"\n                kendoWindowResizeHandle\n                kendoWindowDraggable>\n            </div>\n        </ng-template>\n    "}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"resizable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"keepContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"top":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"left":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"dragStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dragEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"resizeStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"resizeEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"minimize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"maximize":[{"__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"}}]}],"widthChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"heightChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"topChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"leftChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"stateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.tabIndex"]}]}],"hostClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-window"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"titleBarActionsContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./window-titlebar-actions.component","name":"WindowTitleBarActionsComponent"}]}]}],"resizeHandles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","module":"./window-resize-handle.directive","name":"ResizeHandleDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"RTL"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"./window.service","name":"WindowService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","name":"boolean"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"windowClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-window-wrapper"]}]}],"styleMinWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.minWidth"]}]}],"styleMinHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.minHeight"]}]}],"stylePosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.position"]}]}],"wrapperMaximizedClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-window-maximized"]}]}],"wrapperFocusedClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-focused"]}]}],"onComponentFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focus"]}]}],"onComponentBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"subscribeEvents":[{"__symbolic":"method"}],"setNextZIndex":[{"__symbolic":"method"}],"setInitialOffset":[{"__symbolic":"method"}],"updateAllOffset":[{"__symbolic":"method"}],"updateOffset":[{"__symbolic":"method"}],"setSetting":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"WindowComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoWindow","providers":[{"__symbolic":"reference","module":"./window.service","name":"WindowService"},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService"},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX"},"useValue":"kendo.window"}],"selector":"kendo-window","template":"\n        <kendo-window-titlebar *ngIf=\"showDefaultTitleBar\">\n            <div class=\"k-window-title k-dialog-title\">{{title}}</div>\n            <button kendoWindowMinimizeAction></button>\n            <button kendoWindowMaximizeAction></button>\n            <button kendoWindowRestoreAction></button>\n            <button kendoWindowCloseAction></button>\n        </kendo-window-titlebar>\n        <ng-content select=\"kendo-window-titlebar\" *ngIf=\"!showDefaultTitleBar\"></ng-content>\n\n        <div *ngIf=\"state !== 'minimized' || keepContent\"\n            [hidden]=\"state === 'minimized' && keepContent\"\n            class=\"k-content k-window-content k-dialog-content\">\n            <ng-content></ng-content>\n        </div>\n\n        <ng-template [ngIf]='resizable'>\n            <div *ngFor='let dir of resizeDirections'\n                [direction]=\"dir\"\n                kendoWindowResizeHandle\n                kendoWindowDraggable>\n            </div>\n        </ng-template>\n    "}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"resizable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"keepContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"top":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"left":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"dragStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dragEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"resizeStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"resizeEnd":[{"__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"}}]}],"widthChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"heightChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"topChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"leftChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"stateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.tabIndex"]}]}],"hostClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-window"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"titleBarView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"./window-titlebar.component","name":"WindowTitleBarComponent"}]}]}],"titleBarContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./window-titlebar.component","name":"WindowTitleBarComponent"}]}]}],"resizeHandles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","module":"./window-resize-handle.directive","name":"ResizeHandleDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"RTL"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"./window.service","name":"WindowService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","name":"boolean"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"windowClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-window-wrapper"]}]}],"styleMinWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.minWidth"]}]}],"styleMinHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.minHeight"]}]}],"stylePosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.position"]}]}],"wrapperMaximizedClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-window-maximized"]}]}],"wrapperFocusedClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-focused"]}]}],"onComponentFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focus"]}]}],"onComponentBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"subscribeEvents":[{"__symbolic":"method"}],"setNextZIndex":[{"__symbolic":"method"}],"setInitialOffset":[{"__symbolic":"method"}],"updateAllOffset":[{"__symbolic":"method"}],"updateOffset":[{"__symbolic":"method"}],"setSetting":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"WindowComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoWindow","providers":[{"__symbolic":"reference","module":"./window.service","name":"WindowService"},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService"},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX"},"useValue":"kendo.window"}],"selector":"kendo-window","template":"\n        <kendo-window-titlebar *ngIf=\"showDefaultTitleBar\">\n            <div class=\"k-window-title k-dialog-title\">{{title}}</div>\n            <button kendoWindowMinimizeAction></button>\n            <button kendoWindowMaximizeAction></button>\n            <button kendoWindowRestoreAction></button>\n            <button kendoWindowCloseAction></button>\n        </kendo-window-titlebar>\n        <ng-content select=\"kendo-window-titlebar\" *ngIf=\"!showDefaultTitleBar\"></ng-content>\n\n        <div *ngIf=\"state !== 'minimized' || keepContent\"\n            [hidden]=\"state === 'minimized' && keepContent\"\n            class=\"k-content k-window-content k-dialog-content\">\n            <ng-content></ng-content>\n        </div>\n\n        <ng-template [ngIf]='resizable'>\n            <div *ngFor='let dir of resizeDirections'\n                [direction]=\"dir\"\n                kendoWindowResizeHandle\n                kendoWindowDraggable>\n            </div>\n        </ng-template>\n    "}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"resizable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"keepContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"top":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"left":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"dragStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dragEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"resizeStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"resizeEnd":[{"__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"}}]}],"widthChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"heightChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"topChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"leftChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"stateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.tabIndex"]}]}],"hostClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-window"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"titleBarView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"./window-titlebar.component","name":"WindowTitleBarComponent"}]}]}],"titleBarContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./window-titlebar.component","name":"WindowTitleBarComponent"}]}]}],"resizeHandles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","module":"./window-resize-handle.directive","name":"ResizeHandleDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"RTL"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"./window.service","name":"WindowService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","name":"boolean"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"windowClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-window-wrapper"]}]}],"styleMinWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.minWidth"]}]}],"styleMinHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.minHeight"]}]}],"stylePosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.position"]}]}],"wrapperMaximizedClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-window-maximized"]}]}],"wrapperFocusedClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-focused"]}]}],"onComponentFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focus"]}]}],"onComponentBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"subscribeEvents":[{"__symbolic":"method"}],"setNextZIndex":[{"__symbolic":"method"}],"setInitialOffset":[{"__symbolic":"method"}],"updateAllOffset":[{"__symbolic":"method"}],"updateOffset":[{"__symbolic":"method"}],"setSetting":[{"__symbolic":"method"}]}}}}]

dist/es/window/window.service.js

@@ -22,2 +22,3 @@ import { Injectable, NgZone, EventEmitter } from "@angular/core";
 var DEFAULT_SETTINGS = {
+    draggable: true,
     height: null,
@@ -28,2 +29,3 @@ left: null,
     position: 'absolute',
+    resizable: true,
     state: 'default',
@@ -30,0 +32,0 @@ top: null,

dist/npm/main.d.ts

@@ -8,3 +8,2 @@ export { DialogComponent } from './dialog/dialog.component';
 export { WindowTitleBarComponent } from './window/window-titlebar.component';
-export { WindowTitleBarActionsComponent } from './window/window-titlebar-actions.component';
 export { WindowMaximizeActionDirective } from './window/actions/window-maximize-action.directive';
@@ -11,0 +10,0 @@ export { WindowMinimizeActionDirective } from './window/actions/window-minimize-action.directive';

dist/npm/main.js

@@ -20,4 +20,2 @@ "use strict";
 exports.WindowTitleBarComponent = window_titlebar_component_1.WindowTitleBarComponent;
-var window_titlebar_actions_component_1 = require("./window/window-titlebar-actions.component");
-exports.WindowTitleBarActionsComponent = window_titlebar_actions_component_1.WindowTitleBarActionsComponent;
 var window_maximize_action_directive_1 = require("./window/actions/window-maximize-action.directive");
@@ -24,0 +22,0 @@ exports.WindowMaximizeActionDirective = window_maximize_action_directive_1.WindowMaximizeActionDirective;

dist/npm/main.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{},"exports":[{"from":"./dialog/dialog.component","export":["DialogComponent"]},{"from":"./dialog/dialog-titlebar.component","export":["DialogTitleBarComponent"]},{"from":"./dialog/dialog-actions.component","export":["DialogActionsComponent"]},{"from":"./dialog/dialog.service","export":["DialogService"]},{"from":"./dialog/dialog-settings","export":["DialogCloseResult","DialogRef","DialogSettings","DialogAction","DialogResult"]},{"from":"./window/window.component","export":["WindowComponent"]},{"from":"./window/window-titlebar.component","export":["WindowTitleBarComponent"]},{"from":"./window/window-titlebar-actions.component","export":["WindowTitleBarActionsComponent"]},{"from":"./window/actions/window-maximize-action.directive","export":["WindowMaximizeActionDirective"]},{"from":"./window/actions/window-minimize-action.directive","export":["WindowMinimizeActionDirective"]},{"from":"./window/actions/window-close-action.directive","export":["WindowCloseActionDirective"]},{"from":"./window/actions/window-restore-action.directive","export":["WindowRestoreActionDirective"]},{"from":"./window/window-settings","export":["WindowState"]},{"from":"./dialog.module","export":["DialogModule"]},{"from":"./window.module","export":["WindowModule"]},{"from":"./dialogs.module","export":["DialogsModule"]}]},{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./dialog/dialog.component","export":["DialogComponent"]},{"from":"./dialog/dialog-titlebar.component","export":["DialogTitleBarComponent"]},{"from":"./dialog/dialog-actions.component","export":["DialogActionsComponent"]},{"from":"./dialog/dialog.service","export":["DialogService"]},{"from":"./dialog/dialog-settings","export":["DialogCloseResult","DialogRef","DialogSettings","DialogAction","DialogResult"]},{"from":"./window/window.component","export":["WindowComponent"]},{"from":"./window/window-titlebar.component","export":["WindowTitleBarComponent"]},{"from":"./window/window-titlebar-actions.component","export":["WindowTitleBarActionsComponent"]},{"from":"./window/actions/window-maximize-action.directive","export":["WindowMaximizeActionDirective"]},{"from":"./window/actions/window-minimize-action.directive","export":["WindowMinimizeActionDirective"]},{"from":"./window/actions/window-close-action.directive","export":["WindowCloseActionDirective"]},{"from":"./window/actions/window-restore-action.directive","export":["WindowRestoreActionDirective"]},{"from":"./window/window-settings","export":["WindowState"]},{"from":"./dialog.module","export":["DialogModule"]},{"from":"./window.module","export":["WindowModule"]},{"from":"./dialogs.module","export":["DialogsModule"]}]}]
+[{"__symbolic":"module","version":3,"metadata":{},"exports":[{"from":"./dialog/dialog.component","export":["DialogComponent"]},{"from":"./dialog/dialog-titlebar.component","export":["DialogTitleBarComponent"]},{"from":"./dialog/dialog-actions.component","export":["DialogActionsComponent"]},{"from":"./dialog/dialog.service","export":["DialogService"]},{"from":"./dialog/dialog-settings","export":["DialogCloseResult","DialogRef","DialogSettings","DialogAction","DialogResult"]},{"from":"./window/window.component","export":["WindowComponent"]},{"from":"./window/window-titlebar.component","export":["WindowTitleBarComponent"]},{"from":"./window/actions/window-maximize-action.directive","export":["WindowMaximizeActionDirective"]},{"from":"./window/actions/window-minimize-action.directive","export":["WindowMinimizeActionDirective"]},{"from":"./window/actions/window-close-action.directive","export":["WindowCloseActionDirective"]},{"from":"./window/actions/window-restore-action.directive","export":["WindowRestoreActionDirective"]},{"from":"./window/window-settings","export":["WindowState"]},{"from":"./dialog.module","export":["DialogModule"]},{"from":"./window.module","export":["WindowModule"]},{"from":"./dialogs.module","export":["DialogsModule"]}]},{"__symbolic":"module","version":1,"metadata":{},"exports":[{"from":"./dialog/dialog.component","export":["DialogComponent"]},{"from":"./dialog/dialog-titlebar.component","export":["DialogTitleBarComponent"]},{"from":"./dialog/dialog-actions.component","export":["DialogActionsComponent"]},{"from":"./dialog/dialog.service","export":["DialogService"]},{"from":"./dialog/dialog-settings","export":["DialogCloseResult","DialogRef","DialogSettings","DialogAction","DialogResult"]},{"from":"./window/window.component","export":["WindowComponent"]},{"from":"./window/window-titlebar.component","export":["WindowTitleBarComponent"]},{"from":"./window/actions/window-maximize-action.directive","export":["WindowMaximizeActionDirective"]},{"from":"./window/actions/window-minimize-action.directive","export":["WindowMinimizeActionDirective"]},{"from":"./window/actions/window-close-action.directive","export":["WindowCloseActionDirective"]},{"from":"./window/actions/window-restore-action.directive","export":["WindowRestoreActionDirective"]},{"from":"./window/window-settings","export":["WindowState"]},{"from":"./dialog.module","export":["DialogModule"]},{"from":"./window.module","export":["WindowModule"]},{"from":"./dialogs.module","export":["DialogsModule"]}]}]

dist/npm/window.module.js

@@ -6,3 +6,2 @@ "use strict";
 var window_titlebar_component_1 = require("./window/window-titlebar.component");
-var window_titlebar_actions_component_1 = require("./window/window-titlebar-actions.component");
 var draggable_directive_1 = require("./window/draggable.directive");
@@ -20,3 +19,2 @@ var window_resize_handle_directive_1 = require("./window/window-resize-handle.directive");
     window_titlebar_component_1.WindowTitleBarComponent,
-    window_titlebar_actions_component_1.WindowTitleBarActionsComponent,
     window_close_action_directive_1.WindowCloseActionDirective,
@@ -33,3 +31,3 @@ window_minimize_action_directive_1.WindowMinimizeActionDirective,
     window_restore_action_directive_1.WindowRestoreActionDirective,
-    window_titlebar_actions_component_1.WindowTitleBarActionsComponent
+    window_titlebar_component_1.WindowTitleBarComponent
 ];
@@ -36,0 +34,0 @@ /**

dist/npm/window.module.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"WindowModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[[{"__symbolic":"reference","module":"./window/draggable.directive","name":"DraggableDirective"},{"__symbolic":"reference","module":"./window/window-resize-handle.directive","name":"ResizeHandleDirective"},{"__symbolic":"reference","module":"./window/window.component","name":"WindowComponent"},{"__symbolic":"reference","module":"./window/window-titlebar.component","name":"WindowTitleBarComponent"},{"__symbolic":"reference","module":"./window/window-titlebar-actions.component","name":"WindowTitleBarActionsComponent"},{"__symbolic":"reference","module":"./window/actions/window-close-action.directive","name":"WindowCloseActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-minimize-action.directive","name":"WindowMinimizeActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-maximize-action.directive","name":"WindowMaximizeActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-restore-action.directive","name":"WindowRestoreActionDirective"}]],"exports":[[{"__symbolic":"reference","module":"./window/window.component","name":"WindowComponent"},{"__symbolic":"reference","module":"./window/actions/window-close-action.directive","name":"WindowCloseActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-minimize-action.directive","name":"WindowMinimizeActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-maximize-action.directive","name":"WindowMaximizeActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-restore-action.directive","name":"WindowRestoreActionDirective"},{"__symbolic":"reference","module":"./window/window-titlebar-actions.component","name":"WindowTitleBarActionsComponent"}],{"__symbolic":"reference","module":"./shared.module","name":"SHARED_DIRECTIVES"}],"imports":[{"__symbolic":"reference","module":"./shared.module","name":"SharedModule"}]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"WindowModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[[{"__symbolic":"reference","module":"./window/draggable.directive","name":"DraggableDirective"},{"__symbolic":"reference","module":"./window/window-resize-handle.directive","name":"ResizeHandleDirective"},{"__symbolic":"reference","module":"./window/window.component","name":"WindowComponent"},{"__symbolic":"reference","module":"./window/window-titlebar.component","name":"WindowTitleBarComponent"},{"__symbolic":"reference","module":"./window/window-titlebar-actions.component","name":"WindowTitleBarActionsComponent"},{"__symbolic":"reference","module":"./window/actions/window-close-action.directive","name":"WindowCloseActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-minimize-action.directive","name":"WindowMinimizeActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-maximize-action.directive","name":"WindowMaximizeActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-restore-action.directive","name":"WindowRestoreActionDirective"}]],"exports":[[{"__symbolic":"reference","module":"./window/window.component","name":"WindowComponent"},{"__symbolic":"reference","module":"./window/actions/window-close-action.directive","name":"WindowCloseActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-minimize-action.directive","name":"WindowMinimizeActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-maximize-action.directive","name":"WindowMaximizeActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-restore-action.directive","name":"WindowRestoreActionDirective"},{"__symbolic":"reference","module":"./window/window-titlebar-actions.component","name":"WindowTitleBarActionsComponent"}],{"__symbolic":"reference","module":"./shared.module","name":"SHARED_DIRECTIVES"}],"imports":[{"__symbolic":"reference","module":"./shared.module","name":"SharedModule"}]}]}]}}}]
+[{"__symbolic":"module","version":3,"metadata":{"WindowModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[[{"__symbolic":"reference","module":"./window/draggable.directive","name":"DraggableDirective"},{"__symbolic":"reference","module":"./window/window-resize-handle.directive","name":"ResizeHandleDirective"},{"__symbolic":"reference","module":"./window/window.component","name":"WindowComponent"},{"__symbolic":"reference","module":"./window/window-titlebar.component","name":"WindowTitleBarComponent"},{"__symbolic":"reference","module":"./window/actions/window-close-action.directive","name":"WindowCloseActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-minimize-action.directive","name":"WindowMinimizeActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-maximize-action.directive","name":"WindowMaximizeActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-restore-action.directive","name":"WindowRestoreActionDirective"}]],"exports":[[{"__symbolic":"reference","module":"./window/window.component","name":"WindowComponent"},{"__symbolic":"reference","module":"./window/actions/window-close-action.directive","name":"WindowCloseActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-minimize-action.directive","name":"WindowMinimizeActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-maximize-action.directive","name":"WindowMaximizeActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-restore-action.directive","name":"WindowRestoreActionDirective"},{"__symbolic":"reference","module":"./window/window-titlebar.component","name":"WindowTitleBarComponent"}],{"__symbolic":"reference","module":"./shared.module","name":"SHARED_DIRECTIVES"}],"imports":[{"__symbolic":"reference","module":"./shared.module","name":"SharedModule"}]}]}]}}},{"__symbolic":"module","version":1,"metadata":{"WindowModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"declarations":[[{"__symbolic":"reference","module":"./window/draggable.directive","name":"DraggableDirective"},{"__symbolic":"reference","module":"./window/window-resize-handle.directive","name":"ResizeHandleDirective"},{"__symbolic":"reference","module":"./window/window.component","name":"WindowComponent"},{"__symbolic":"reference","module":"./window/window-titlebar.component","name":"WindowTitleBarComponent"},{"__symbolic":"reference","module":"./window/actions/window-close-action.directive","name":"WindowCloseActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-minimize-action.directive","name":"WindowMinimizeActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-maximize-action.directive","name":"WindowMaximizeActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-restore-action.directive","name":"WindowRestoreActionDirective"}]],"exports":[[{"__symbolic":"reference","module":"./window/window.component","name":"WindowComponent"},{"__symbolic":"reference","module":"./window/actions/window-close-action.directive","name":"WindowCloseActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-minimize-action.directive","name":"WindowMinimizeActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-maximize-action.directive","name":"WindowMaximizeActionDirective"},{"__symbolic":"reference","module":"./window/actions/window-restore-action.directive","name":"WindowRestoreActionDirective"},{"__symbolic":"reference","module":"./window/window-titlebar.component","name":"WindowTitleBarComponent"}],{"__symbolic":"reference","module":"./shared.module","name":"SHARED_DIRECTIVES"}],"imports":[{"__symbolic":"reference","module":"./shared.module","name":"SharedModule"}]}]}]}}}]

dist/npm/window/window-resize-handle.directive.d.ts

@@ -1,2 +0,2 @@
-import { OnInit, OnDestroy, ElementRef, Renderer2, NgZone } from '@angular/core';
+import { OnInit, OnDestroy, ElementRef, Renderer2 } from '@angular/core';
 import { DraggableDirective } from './draggable.directive';
@@ -11,12 +11,10 @@ import { WindowService } from './window.service';
     private renderer;
-    private ngZone;
     private service;
     direction: string;
     readonly hostClass: boolean;
-    readonly visible: string;
     private subscriptions;
-    private isHidden;
-    constructor(draggable: DraggableDirective, el: ElementRef, renderer: Renderer2, ngZone: NgZone, service: WindowService);
+    constructor(draggable: DraggableDirective, el: ElementRef, renderer: Renderer2, service: WindowService);
     ngOnInit(): void;
     ngOnDestroy(): void;
+    private setDisplay(value?);
 }

dist/npm/window/window-resize-handle.directive.js

@@ -12,10 +12,8 @@ "use strict";
 var ResizeHandleDirective = (function () {
-    function ResizeHandleDirective(draggable, el, renderer, ngZone, service) {
+    function ResizeHandleDirective(draggable, el, renderer, service) {
         this.draggable = draggable;
         this.el = el;
         this.renderer = renderer;
-        this.ngZone = ngZone;
         this.service = service;
         this.subscriptions = new Subscription_1.Subscription();
-        this.isHidden = false;
     }
@@ -29,16 +27,7 @@ Object.defineProperty(ResizeHandleDirective.prototype, "hostClass", {
     });
-    Object.defineProperty(ResizeHandleDirective.prototype, "visible", {
-        get: function () {
-            if (this.service.settings.state === 'default' && !this.isHidden) {
-                return 'block';
-            }
-            return 'none';
-        },
-        enumerable: true,
-        configurable: true
-    });
     ResizeHandleDirective.prototype.ngOnInit = function () {
         var _this = this;
+        this.setDisplay();
         this.renderer.addClass(this.el.nativeElement, 'k-resize-' + this.direction);
-        this.subscriptions.add(Observable_1.Observable.from([this.draggable]).subscribe(function (handle) {
+        this.subscriptions.add(Observable_1.Observable.of(this.draggable).subscribe(function (handle) {
             _this.service.onResize(handle, _this.direction);
@@ -48,20 +37,22 @@ }));
             if (dir !== _this.direction) {
-                _this.isHidden = true;
+                _this.setDisplay('none');
             }
         }));
-        this.subscriptions.add(this.service.resizeEnd.subscribe(function () {
-            _this.ngZone.run(function () { return _this.isHidden = false; });
-        }));
         this.subscriptions.add(this.service.dragStart.subscribe(function () {
-            _this.isHidden = true;
+            _this.setDisplay('none');
         }));
-        this.subscriptions.add(this.service.dragEnd.subscribe(function () {
-            _this.ngZone.run(function () { return _this.isHidden = false; });
+        this.subscriptions.add(Observable_1.Observable.merge(this.service.resizeEnd, this.service.dragEnd).subscribe(function () {
+            _this.setDisplay('block');
         }));
+        this.subscriptions.add(this.service.stateChange.subscribe(function (state) {
+            _this.setDisplay(state === 'default' ? 'block' : 'none');
+        }));
     };
     ResizeHandleDirective.prototype.ngOnDestroy = function () {
-        if (this.subscriptions) {
-            this.subscriptions.unsubscribe();
-        }
+        this.subscriptions.unsubscribe();
     };
+    ResizeHandleDirective.prototype.setDisplay = function (value) {
+        if (value === void 0) { value = 'block'; }
+        this.renderer.setStyle(this.el.nativeElement, 'display', this.service.settings.state === 'default' ? value : 'none');
+    };
     return ResizeHandleDirective;
@@ -79,3 +70,2 @@ }());
     { type: core_1.Renderer2, },
-    { type: core_1.NgZone, },
     { type: window_service_1.WindowService, },
@@ -86,4 +76,3 @@ ]; };
     'hostClass': [{ type: core_1.HostBinding, args: ['class.k-resize-handle',] },],
-    'visible': [{ type: core_1.HostBinding, args: ['style.display',] },],
 };
 exports.ResizeHandleDirective = ResizeHandleDirective;

dist/npm/window/window-resize-handle.directive.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"ResizeHandleDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoWindowResizeHandle]"}]}],"members":{"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hostClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-resize-handle"]}]}],"visible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.display"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host"}}],null,null,null,null],"parameters":[{"__symbolic":"reference","module":"./draggable.directive","name":"DraggableDirective"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","module":"./window.service","name":"WindowService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ResizeHandleDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoWindowResizeHandle]"}]}],"members":{"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hostClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-resize-handle"]}]}],"visible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.display"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host"}}],null,null,null,null],"parameters":[{"__symbolic":"reference","module":"./draggable.directive","name":"DraggableDirective"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","module":"./window.service","name":"WindowService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"ResizeHandleDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoWindowResizeHandle]"}]}],"members":{"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hostClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-resize-handle"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host"}}],null,null,null],"parameters":[{"__symbolic":"reference","module":"./draggable.directive","name":"DraggableDirective"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"./window.service","name":"WindowService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setDisplay":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"ResizeHandleDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[kendoWindowResizeHandle]"}]}],"members":{"direction":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"hostClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-resize-handle"]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host"}}],null,null,null],"parameters":[{"__symbolic":"reference","module":"./draggable.directive","name":"DraggableDirective"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"./window.service","name":"WindowService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"setDisplay":[{"__symbolic":"method"}]}}}}]

dist/npm/window/window-settings.d.ts

@@ -13,2 +13,4 @@ /**
     state: WindowState;
+    draggable: boolean;
+    resizable: boolean;
 }
@@ -15,0 +17,0 @@ /**

dist/npm/window/window-titlebar.component.d.ts

@@ -1,25 +0,25 @@
-import { OnDestroy, OnInit, SimpleChange, OnChanges } from '@angular/core';
-import { DraggableDirective } from './draggable.directive';
+import { OnDestroy, OnInit, ElementRef, NgZone } from '@angular/core';
 import { WindowService } from './window.service';
-/**
- * @hidden
- */
-export declare class WindowTitleBarComponent implements OnInit, OnDestroy, OnChanges {
-    titleBar: DraggableDirective;
+export declare class WindowTitleBarComponent implements OnInit, OnDestroy {
+    el: ElementRef;
     private service;
-    actions: boolean;
-    draggable: boolean;
-    resizable: boolean;
-    title: string;
+    private ngZone;
+    private dragDirective;
     private dragSubscription;
-    constructor(titleBar: DraggableDirective, service: WindowService);
+    constructor(el: ElementRef, service: WindowService, ngZone: NgZone);
     ngOnInit(): void;
-    ngOnChanges(changes: {
-        [propertyName: string]: SimpleChange;
-    }): void;
     ngOnDestroy(): void;
+    /**
+     * @hidden
+     */
     subscribeDrag(): void;
+    /**
+     * @hidden
+     */
     unsubscribeDrag(): void;
     readonly className: true;
+    /**
+     * @hidden
+     */
     handle(ev: MouseEvent): void;
 }

dist/npm/window/window-titlebar.component.js

@@ -9,22 +9,18 @@ "use strict";
 var util_1 = require("../common/util");
-/**
- * @hidden
- */
 var WindowTitleBarComponent = (function () {
-    function WindowTitleBarComponent(titleBar, service) {
-        this.titleBar = titleBar;
+    function WindowTitleBarComponent(el, service, ngZone) {
+        this.el = el;
         this.service = service;
+        this.ngZone = ngZone;
         this.dragSubscription = new Subscription_1.Subscription();
     }
     WindowTitleBarComponent.prototype.ngOnInit = function () {
-        if (this.draggable) {
+        this.dragDirective = new draggable_directive_1.DraggableDirective(this.el, this.ngZone);
+        this.dragDirective.ngOnInit();
+        if (this.service.settings.draggable) {
             this.subscribeDrag();
         }
     };
-    WindowTitleBarComponent.prototype.ngOnChanges = function (changes) {
-        if (util_1.isChanged('draggable', changes)) {
-            this[util_1.isTruthy(changes.draggable.currentValue) ? 'subscribeDrag' : 'unsubscribeDrag']();
-        }
-    };
     WindowTitleBarComponent.prototype.ngOnDestroy = function () {
+        this.dragDirective.ngOnDestroy();
         if (this.dragSubscription) {
@@ -34,8 +30,14 @@ this.unsubscribeDrag();
     };
+    /**
+     * @hidden
+     */
     WindowTitleBarComponent.prototype.subscribeDrag = function () {
         var _this = this;
-        this.dragSubscription = Observable_1.Observable.from([this.titleBar]).subscribe(function (titleBar) {
+        this.dragSubscription = Observable_1.Observable.of(this.dragDirective).subscribe(function (titleBar) {
             _this.service.onDrag(titleBar);
         });
     };
+    /**
+     * @hidden
+     */
     WindowTitleBarComponent.prototype.unsubscribeDrag = function () {
@@ -55,6 +57,9 @@ if (this.dragSubscription) {
     });
+    /**
+     * @hidden
+     */
     WindowTitleBarComponent.prototype.handle = function (ev) {
         var target = ev.target;
         var state = this.service.settings.state;
-        if (!util_1.hasClasses(target, 'k-icon') && !util_1.isFocusable(target, false) && this.resizable) {
+        if (!util_1.hasClasses(target, 'k-icon') && !util_1.isFocusable(target, false) && this.service.settings.resizable) {
             if (state === 'default') {
@@ -73,3 +78,3 @@ this.service.maximizeAction();
                 selector: 'kendo-window-titlebar',
-                template: "\n    <div class=\"k-window-title k-dialog-title\">\n      {{title}}\n    </div>\n    <ng-content></ng-content>\n    <kendo-window-titlebar-actions *ngIf='actions'>\n      <button kendoWindowMinimizeAction></button>\n      <button kendoWindowMaximizeAction></button>\n      <button kendoWindowRestoreAction></button>\n      <button kendoWindowCloseAction></button>\n    </kendo-window-titlebar-actions>\n  "
+                template: "\n    <ng-content></ng-content>\n  "
             },] },
@@ -79,10 +84,7 @@ ];
 WindowTitleBarComponent.ctorParameters = function () { return [
-    { type: draggable_directive_1.DraggableDirective, decorators: [{ type: core_1.Host },] },
+    { type: core_1.ElementRef, },
     { type: window_service_1.WindowService, },
+    { type: core_1.NgZone, },
 ]; };
 WindowTitleBarComponent.propDecorators = {
-    'actions': [{ type: core_1.Input },],
-    'draggable': [{ type: core_1.Input },],
-    'resizable': [{ type: core_1.Input },],
-    'title': [{ type: core_1.Input },],
     'className': [{ type: core_1.HostBinding, args: ['class.k-window-titlebar',] }, { type: core_1.HostBinding, args: ['class.k-dialog-titlebar',] }, { type: core_1.HostBinding, args: ['class.k-header',] },],
@@ -89,0 +91,0 @@ 'handle': [{ type: core_1.HostListener, args: ['dblclick', ['$event'],] },],

dist/npm/window/window-titlebar.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"WindowTitleBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"kendo-window-titlebar","template":"\n    <div class=\"k-window-title k-dialog-title\">\n      {{title}}\n    </div>\n    <ng-content></ng-content>\n    <kendo-window-titlebar-actions *ngIf='actions'>\n      <button kendoWindowMinimizeAction></button>\n      <button kendoWindowMaximizeAction></button>\n      <button kendoWindowRestoreAction></button>\n      <button kendoWindowCloseAction></button>\n    </kendo-window-titlebar-actions>\n  "}]}],"members":{"actions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"resizable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host"}}],null],"parameters":[{"__symbolic":"reference","module":"./draggable.directive","name":"DraggableDirective"},{"__symbolic":"reference","module":"./window.service","name":"WindowService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"subscribeDrag":[{"__symbolic":"method"}],"unsubscribeDrag":[{"__symbolic":"method"}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-window-titlebar"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-dialog-titlebar"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-header"]}]}],"handle":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["dblclick",["$event"]]}]}]}}}},{"__symbolic":"module","version":1,"metadata":{"WindowTitleBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"kendo-window-titlebar","template":"\n    <div class=\"k-window-title k-dialog-title\">\n      {{title}}\n    </div>\n    <ng-content></ng-content>\n    <kendo-window-titlebar-actions *ngIf='actions'>\n      <button kendoWindowMinimizeAction></button>\n      <button kendoWindowMaximizeAction></button>\n      <button kendoWindowRestoreAction></button>\n      <button kendoWindowCloseAction></button>\n    </kendo-window-titlebar-actions>\n  "}]}],"members":{"actions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"resizable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Host"}}],null],"parameters":[{"__symbolic":"reference","module":"./draggable.directive","name":"DraggableDirective"},{"__symbolic":"reference","module":"./window.service","name":"WindowService"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"subscribeDrag":[{"__symbolic":"method"}],"unsubscribeDrag":[{"__symbolic":"method"}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-window-titlebar"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-dialog-titlebar"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-header"]}]}],"handle":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["dblclick",["$event"]]}]}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"WindowTitleBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"kendo-window-titlebar","template":"\n    <ng-content></ng-content>\n  "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"./window.service","name":"WindowService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"subscribeDrag":[{"__symbolic":"method"}],"unsubscribeDrag":[{"__symbolic":"method"}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-window-titlebar"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-dialog-titlebar"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-header"]}]}],"handle":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["dblclick",["$event"]]}]}]}}}},{"__symbolic":"module","version":1,"metadata":{"WindowTitleBarComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"kendo-window-titlebar","template":"\n    <ng-content></ng-content>\n  "}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"./window.service","name":"WindowService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"subscribeDrag":[{"__symbolic":"method"}],"unsubscribeDrag":[{"__symbolic":"method"}],"className":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-window-titlebar"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-dialog-titlebar"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-header"]}]}],"handle":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["dblclick",["$event"]]}]}]}}}}]

dist/npm/window/window.component.d.ts

@@ -5,4 +5,4 @@ import { OnInit, OnDestroy, AfterViewInit, EventEmitter, ElementRef, Renderer2, QueryList, NgZone, OnChanges, SimpleChange } from '@angular/core';
 import { WindowState } from './window-settings';
-import { WindowTitleBarActionsComponent } from './window-titlebar-actions.component';
 import { ResizeHandleDirective } from './window-resize-handle.directive';
+import { WindowTitleBarComponent } from './window-titlebar.component';
 /**
@@ -22,3 +22,3 @@ * Represents the Kendo UI Window component for Angular.
      * Specifies whether the user will be able to drag the component.
-     * The default value is `true`
+     * @default true
      */
@@ -28,3 +28,3 @@ draggable: boolean;
      * Specifies whether the user will be able to resize the component.
-     * The default value is `true`.
+     * @default true
      */
@@ -34,3 +34,3 @@ resizable: boolean;
      * Specifies if the content of the component is persisted in the DOM when minimized.
-     * The default value is `false`.
+     * @default false
      */
@@ -46,3 +46,3 @@ keepContent: boolean;
      * The `minWidth` property has to be set in pixels.
-     * The default value is 120.
+     * @default 120
      */
@@ -53,3 +53,3 @@ minWidth: number;
      * The `minHeight` property has to be set in pixels.
-     * The default value is 100.
+     * @default 100
      */
@@ -94,10 +94,2 @@ minHeight: number;
     /**
-     * Fires when the user minimizes the Window.
-     */
-    minimize: EventEmitter<any>;
-    /**
-     * Fires when the user maximizes the Window.
-     */
-    maximize: EventEmitter<any>;
-    /**
      * Fires when the user closes the Window.
@@ -146,3 +138,4 @@ */
     readonly dir: string;
-    titleBarActionsContent: WindowTitleBarActionsComponent;
+    titleBarView: WindowTitleBarComponent;
+    titleBarContent: WindowTitleBarComponent;
     resizeHandles: QueryList<ResizeHandleDirective>;
@@ -162,3 +155,3 @@ resizeDirections: Array<string>;
     ngOnDestroy(): void;
-    readonly showDefaultActions: boolean;
+    readonly showDefaultTitleBar: boolean;
     readonly windowClasses: boolean;
@@ -165,0 +158,0 @@ readonly styleMinWidth: string;

dist/npm/window/window.component.js

@@ -9,6 +9,6 @@ "use strict";
 var window_service_1 = require("./window.service");
-var window_titlebar_actions_component_1 = require("./window-titlebar-actions.component");
 var util_1 = require("../common/util");
 var util_2 = require("../common/util");
 var window_resize_handle_directive_1 = require("./window-resize-handle.directive");
+var window_titlebar_component_1 = require("./window-titlebar.component");
 /**
@@ -24,14 +24,4 @@ * Represents the Kendo UI Window component for Angular.
         /**
-         * Specifies whether the user will be able to drag the component.
-         * The default value is `true`
-         */
-        this.draggable = true;
-        /**
-         * Specifies whether the user will be able to resize the component.
-         * The default value is `true`.
-         */
-        this.resizable = true;
-        /**
          * Specifies if the content of the component is persisted in the DOM when minimized.
-         * The default value is `false`.
+         * @default false
          */
@@ -56,10 +46,2 @@ this.keepContent = false;
         /**
-         * Fires when the user minimizes the Window.
-         */
-        this.minimize = new core_1.EventEmitter();
-        /**
-         * Fires when the user maximizes the Window.
-         */
-        this.maximize = new core_1.EventEmitter();
-        /**
          * Fires when the user closes the Window.
@@ -115,2 +97,30 @@ */
     }
+    Object.defineProperty(WindowComponent.prototype, "draggable", {
+        get: function () {
+            return this.settings.draggable;
+        },
+        /**
+         * Specifies whether the user will be able to drag the component.
+         * @default true
+         */
+        set: function (value) {
+            this.settings.draggable = value;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(WindowComponent.prototype, "resizable", {
+        get: function () {
+            return this.settings.resizable;
+        },
+        /**
+         * Specifies whether the user will be able to resize the component.
+         * @default true
+         */
+        set: function (value) {
+            this.settings.resizable = value;
+        },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(WindowComponent.prototype, "state", {
@@ -137,3 +147,3 @@ get: function () {
          * The `minWidth` property has to be set in pixels.
-         * The default value is 120.
+         * @default 120
          */
@@ -153,3 +163,3 @@ set: function (value) {
          * The `minHeight` property has to be set in pixels.
-         * The default value is 100.
+         * @default 100
          */
@@ -247,2 +257,11 @@ set: function (value) {
         });
+        if (util_1.isChanged('draggable', changes)) {
+            var titleBar = util_1.isPresent(this.titleBarContent) ? this.titleBarContent : this.titleBarView;
+            if (util_1.isTruthy(changes.draggable.currentValue)) {
+                titleBar.subscribeDrag();
+            }
+            else {
+                titleBar.unsubscribeDrag();
+            }
+        }
     };
@@ -254,5 +273,5 @@ WindowComponent.prototype.ngOnDestroy = function () {
     };
-    Object.defineProperty(WindowComponent.prototype, "showDefaultActions", {
+    Object.defineProperty(WindowComponent.prototype, "showDefaultTitleBar", {
         get: function () {
-            return !util_1.isPresent(this.titleBarActionsContent);
+            return !util_1.isPresent(this.titleBarContent);
         },
@@ -419,3 +438,3 @@ enumerable: true,
                 selector: 'kendo-window',
-                template: "\n        <kendo-window-titlebar\n            kendoWindowDraggable\n            [actions]='showDefaultActions'\n            [draggable]='draggable'\n            [resizable]='resizable'\n            [title]='title'\n        >\n            <ng-content select=\"kendo-window-titlebar-actions\" *ngIf=\"!showDefaultActions\"></ng-content>\n        </kendo-window-titlebar>\n\n        <div *ngIf=\"state !== 'minimized' || keepContent\"\n            [hidden]=\"state === 'minimized' && keepContent\"\n            class=\"k-content k-window-content k-dialog-content\">\n            <ng-content></ng-content>\n        </div>\n\n        <ng-template [ngIf]='resizable'>\n            <div *ngFor='let dir of resizeDirections'\n                [direction]=\"dir\"\n                kendoWindowResizeHandle\n                kendoWindowDraggable>\n            </div>\n        </ng-template>\n    "
+                template: "\n        <kendo-window-titlebar *ngIf=\"showDefaultTitleBar\">\n            <div class=\"k-window-title k-dialog-title\">{{title}}</div>\n            <button kendoWindowMinimizeAction></button>\n            <button kendoWindowMaximizeAction></button>\n            <button kendoWindowRestoreAction></button>\n            <button kendoWindowCloseAction></button>\n        </kendo-window-titlebar>\n        <ng-content select=\"kendo-window-titlebar\" *ngIf=\"!showDefaultTitleBar\"></ng-content>\n\n        <div *ngIf=\"state !== 'minimized' || keepContent\"\n            [hidden]=\"state === 'minimized' && keepContent\"\n            class=\"k-content k-window-content k-dialog-content\">\n            <ng-content></ng-content>\n        </div>\n\n        <ng-template [ngIf]='resizable'>\n            <div *ngFor='let dir of resizeDirections'\n                [direction]=\"dir\"\n                kendoWindowResizeHandle\n                kendoWindowDraggable>\n            </div>\n        </ng-template>\n    "
             },] },
@@ -447,4 +466,2 @@ ];
     'resizeEnd': [{ type: core_1.Output },],
-    'minimize': [{ type: core_1.Output },],
-    'maximize': [{ type: core_1.Output },],
     'close': [{ type: core_1.Output },],
@@ -459,3 +476,4 @@ 'widthChange': [{ type: core_1.Output },],
     'dir': [{ type: core_1.HostBinding, args: ['attr.dir',] },],
-    'titleBarActionsContent': [{ type: core_1.ContentChild, args: [window_titlebar_actions_component_1.WindowTitleBarActionsComponent,] },],
+    'titleBarView': [{ type: core_1.ViewChild, args: [window_titlebar_component_1.WindowTitleBarComponent,] },],
+    'titleBarContent': [{ type: core_1.ContentChild, args: [window_titlebar_component_1.WindowTitleBarComponent,] },],
     'resizeHandles': [{ type: core_1.ViewChildren, args: [window_resize_handle_directive_1.ResizeHandleDirective,] },],
@@ -462,0 +480,0 @@ 'windowClasses': [{ type: core_1.HostBinding, args: ['class.k-window-wrapper',] },],

dist/npm/window/window.component.metadata.json

@@ -1,1 +0,1 @@
-[{"__symbolic":"module","version":3,"metadata":{"WindowComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoWindow","providers":[{"__symbolic":"reference","module":"./window.service","name":"WindowService"},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService"},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX"},"useValue":"kendo.window"}],"selector":"kendo-window","template":"\n        <kendo-window-titlebar\n            kendoWindowDraggable\n            [actions]='showDefaultActions'\n            [draggable]='draggable'\n            [resizable]='resizable'\n            [title]='title'\n        >\n            <ng-content select=\"kendo-window-titlebar-actions\" *ngIf=\"!showDefaultActions\"></ng-content>\n        </kendo-window-titlebar>\n\n        <div *ngIf=\"state !== 'minimized' || keepContent\"\n            [hidden]=\"state === 'minimized' && keepContent\"\n            class=\"k-content k-window-content k-dialog-content\">\n            <ng-content></ng-content>\n        </div>\n\n        <ng-template [ngIf]='resizable'>\n            <div *ngFor='let dir of resizeDirections'\n                [direction]=\"dir\"\n                kendoWindowResizeHandle\n                kendoWindowDraggable>\n            </div>\n        </ng-template>\n    "}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"resizable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"keepContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"top":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"left":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"dragStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dragEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"resizeStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"resizeEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"minimize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"maximize":[{"__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"}}]}],"widthChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"heightChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"topChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"leftChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"stateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.tabIndex"]}]}],"hostClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-window"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"titleBarActionsContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./window-titlebar-actions.component","name":"WindowTitleBarActionsComponent"}]}]}],"resizeHandles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","module":"./window-resize-handle.directive","name":"ResizeHandleDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"RTL"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"./window.service","name":"WindowService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","name":"boolean"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"windowClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-window-wrapper"]}]}],"styleMinWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.minWidth"]}]}],"styleMinHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.minHeight"]}]}],"stylePosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.position"]}]}],"wrapperMaximizedClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-window-maximized"]}]}],"wrapperFocusedClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-focused"]}]}],"onComponentFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focus"]}]}],"onComponentBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"subscribeEvents":[{"__symbolic":"method"}],"setNextZIndex":[{"__symbolic":"method"}],"setInitialOffset":[{"__symbolic":"method"}],"updateAllOffset":[{"__symbolic":"method"}],"updateOffset":[{"__symbolic":"method"}],"setSetting":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"WindowComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoWindow","providers":[{"__symbolic":"reference","module":"./window.service","name":"WindowService"},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService"},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX"},"useValue":"kendo.window"}],"selector":"kendo-window","template":"\n        <kendo-window-titlebar\n            kendoWindowDraggable\n            [actions]='showDefaultActions'\n            [draggable]='draggable'\n            [resizable]='resizable'\n            [title]='title'\n        >\n            <ng-content select=\"kendo-window-titlebar-actions\" *ngIf=\"!showDefaultActions\"></ng-content>\n        </kendo-window-titlebar>\n\n        <div *ngIf=\"state !== 'minimized' || keepContent\"\n            [hidden]=\"state === 'minimized' && keepContent\"\n            class=\"k-content k-window-content k-dialog-content\">\n            <ng-content></ng-content>\n        </div>\n\n        <ng-template [ngIf]='resizable'>\n            <div *ngFor='let dir of resizeDirections'\n                [direction]=\"dir\"\n                kendoWindowResizeHandle\n                kendoWindowDraggable>\n            </div>\n        </ng-template>\n    "}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"resizable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"keepContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"top":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"left":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"dragStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dragEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"resizeStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"resizeEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"minimize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"maximize":[{"__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"}}]}],"widthChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"heightChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"topChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"leftChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"stateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.tabIndex"]}]}],"hostClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-window"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"titleBarActionsContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./window-titlebar-actions.component","name":"WindowTitleBarActionsComponent"}]}]}],"resizeHandles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","module":"./window-resize-handle.directive","name":"ResizeHandleDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"RTL"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"./window.service","name":"WindowService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","name":"boolean"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"windowClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-window-wrapper"]}]}],"styleMinWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.minWidth"]}]}],"styleMinHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.minHeight"]}]}],"stylePosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.position"]}]}],"wrapperMaximizedClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-window-maximized"]}]}],"wrapperFocusedClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-focused"]}]}],"onComponentFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focus"]}]}],"onComponentBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"subscribeEvents":[{"__symbolic":"method"}],"setNextZIndex":[{"__symbolic":"method"}],"setInitialOffset":[{"__symbolic":"method"}],"updateAllOffset":[{"__symbolic":"method"}],"updateOffset":[{"__symbolic":"method"}],"setSetting":[{"__symbolic":"method"}]}}}}]
+[{"__symbolic":"module","version":3,"metadata":{"WindowComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoWindow","providers":[{"__symbolic":"reference","module":"./window.service","name":"WindowService"},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService"},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX"},"useValue":"kendo.window"}],"selector":"kendo-window","template":"\n        <kendo-window-titlebar *ngIf=\"showDefaultTitleBar\">\n            <div class=\"k-window-title k-dialog-title\">{{title}}</div>\n            <button kendoWindowMinimizeAction></button>\n            <button kendoWindowMaximizeAction></button>\n            <button kendoWindowRestoreAction></button>\n            <button kendoWindowCloseAction></button>\n        </kendo-window-titlebar>\n        <ng-content select=\"kendo-window-titlebar\" *ngIf=\"!showDefaultTitleBar\"></ng-content>\n\n        <div *ngIf=\"state !== 'minimized' || keepContent\"\n            [hidden]=\"state === 'minimized' && keepContent\"\n            class=\"k-content k-window-content k-dialog-content\">\n            <ng-content></ng-content>\n        </div>\n\n        <ng-template [ngIf]='resizable'>\n            <div *ngFor='let dir of resizeDirections'\n                [direction]=\"dir\"\n                kendoWindowResizeHandle\n                kendoWindowDraggable>\n            </div>\n        </ng-template>\n    "}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"resizable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"keepContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"top":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"left":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"dragStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dragEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"resizeStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"resizeEnd":[{"__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"}}]}],"widthChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"heightChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"topChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"leftChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"stateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.tabIndex"]}]}],"hostClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-window"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"titleBarView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"./window-titlebar.component","name":"WindowTitleBarComponent"}]}]}],"titleBarContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./window-titlebar.component","name":"WindowTitleBarComponent"}]}]}],"resizeHandles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","module":"./window-resize-handle.directive","name":"ResizeHandleDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"RTL"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"./window.service","name":"WindowService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","name":"boolean"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"windowClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-window-wrapper"]}]}],"styleMinWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.minWidth"]}]}],"styleMinHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.minHeight"]}]}],"stylePosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.position"]}]}],"wrapperMaximizedClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-window-maximized"]}]}],"wrapperFocusedClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-focused"]}]}],"onComponentFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focus"]}]}],"onComponentBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"subscribeEvents":[{"__symbolic":"method"}],"setNextZIndex":[{"__symbolic":"method"}],"setInitialOffset":[{"__symbolic":"method"}],"updateAllOffset":[{"__symbolic":"method"}],"updateOffset":[{"__symbolic":"method"}],"setSetting":[{"__symbolic":"method"}]}}}},{"__symbolic":"module","version":1,"metadata":{"WindowComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"exportAs":"kendoWindow","providers":[{"__symbolic":"reference","module":"./window.service","name":"WindowService"},{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"LocalizationService"},{"provide":{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"L10N_PREFIX"},"useValue":"kendo.window"}],"selector":"kendo-window","template":"\n        <kendo-window-titlebar *ngIf=\"showDefaultTitleBar\">\n            <div class=\"k-window-title k-dialog-title\">{{title}}</div>\n            <button kendoWindowMinimizeAction></button>\n            <button kendoWindowMaximizeAction></button>\n            <button kendoWindowRestoreAction></button>\n            <button kendoWindowCloseAction></button>\n        </kendo-window-titlebar>\n        <ng-content select=\"kendo-window-titlebar\" *ngIf=\"!showDefaultTitleBar\"></ng-content>\n\n        <div *ngIf=\"state !== 'minimized' || keepContent\"\n            [hidden]=\"state === 'minimized' && keepContent\"\n            class=\"k-content k-window-content k-dialog-content\">\n            <ng-content></ng-content>\n        </div>\n\n        <ng-template [ngIf]='resizable'>\n            <div *ngFor='let dir of resizeDirections'\n                [direction]=\"dir\"\n                kendoWindowResizeHandle\n                kendoWindowDraggable>\n            </div>\n        </ng-template>\n    "}]}],"members":{"title":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"draggable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"resizable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"keepContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"state":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"minHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"width":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"height":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"top":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"left":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"dragStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"dragEnd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"resizeStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"resizeEnd":[{"__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"}}]}],"widthChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"heightChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"topChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"leftChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"stateChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"tabIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.tabIndex"]}]}],"hostClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-widget"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-window"]}]}],"dir":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["attr.dir"]}]}],"titleBarView":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":[{"__symbolic":"reference","module":"./window-titlebar.component","name":"WindowTitleBarComponent"}]}]}],"titleBarContent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","module":"./window-titlebar.component","name":"WindowTitleBarComponent"}]}]}],"resizeHandles":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","module":"./window-resize-handle.directive","name":"ResizeHandleDirective"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[null,null,null,null,[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject"},"arguments":[{"__symbolic":"reference","module":"@progress/kendo-angular-l10n","name":"RTL"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"./window.service","name":"WindowService"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","name":"boolean"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"windowClasses":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-window-wrapper"]}]}],"styleMinWidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.minWidth"]}]}],"styleMinHeight":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.minHeight"]}]}],"stylePosition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["style.position"]}]}],"wrapperMaximizedClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-window-maximized"]}]}],"wrapperFocusedClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding"},"arguments":["class.k-state-focused"]}]}],"onComponentFocus":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["focus"]}]}],"onComponentBlur":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener"},"arguments":["blur"]}]}],"subscribeEvents":[{"__symbolic":"method"}],"setNextZIndex":[{"__symbolic":"method"}],"setInitialOffset":[{"__symbolic":"method"}],"updateAllOffset":[{"__symbolic":"method"}],"updateOffset":[{"__symbolic":"method"}],"setSetting":[{"__symbolic":"method"}]}}}}]

dist/npm/window/window.service.js

@@ -24,2 +24,3 @@ "use strict";
 var DEFAULT_SETTINGS = {
+    draggable: true,
     height: null,
@@ -30,2 +31,3 @@ left: null,
     position: 'absolute',
+    resizable: true,
     state: 'default',
@@ -32,0 +34,0 @@ top: null,

dist/systemjs/kendo-angular-dialog.js

@@ -1,1 +0,1 @@
-System.register("@progress/kendo-angular-dialog",["@angular/animations","@angular/core","@progress/kendo-angular-l10n","tslib","rxjs/add/operator/map","rxjs/add/observable/merge","rxjs/Observable","rxjs/add/operator/take","rxjs/Subject","rxjs/Subscription","rxjs/add/observable/from","@progress/kendo-angular-buttons","rxjs/add/operator/first","rxjs/add/operator/filter","rxjs/add/observable/of","rxjs/add/operator/do","rxjs/add/operator/delay","rxjs/add/operator/switchMap","@progress/kendo-popup-common","rxjs/add/operator/takeUntil","@telerik/kendo-draggable","@angular/common"],function(t){var e,n,i,o,r,a,s,d,c,p,u,l,g,m,f,_,h,b,y,v,w,E;function C(t){return t.__useDefault?t.default:t}return{setters:[function(t){e=C(t)},function(t){n=C(t)},function(t){i=C(t)},function(t){o=C(t)},function(t){r=C(t)},function(t){a=C(t)},function(t){s=C(t)},function(t){d=C(t)},function(t){c=C(t)},function(t){p=C(t)},function(t){u=C(t)},function(t){l=C(t)},function(t){g=C(t)},function(t){m=C(t)},function(t){f=C(t)},function(t){_=C(t)},function(t){h=C(t)},function(t){b=C(t)},function(t){y=C(t)},function(t){v=C(t)},function(t){w=C(t)},function(t){E=C(t)}],execute:function(){!function(t){var e={};function n(i){if(e[i])return e[i].exports;var o=e[i]={exports:{},id:i,loaded:!1};return t[i].call(o.exports,o,o.exports,n),o.loaded=!0,o.exports}n.m=t,n.c=e,n.p="",n(0)}([function(e,n,i){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var o=i(1);n.DialogComponent=o.DialogComponent;var r=i(7);n.DialogTitleBarComponent=r.DialogTitleBarComponent;var a=i(6);n.DialogActionsComponent=a.DialogActionsComponent;var s=i(8);n.DialogService=s.DialogService;var d=i(15);n.DialogCloseResult=d.DialogCloseResult,n.DialogRef=d.DialogRef,n.DialogSettings=d.DialogSettings,n.DialogAction=d.DialogAction;var c=i(16);n.WindowComponent=c.WindowComponent;var p=i(33);n.WindowTitleBarComponent=p.WindowTitleBarComponent;var u=i(29);n.WindowTitleBarActionsComponent=u.WindowTitleBarActionsComponent;var l=i(34);n.WindowMaximizeActionDirective=l.WindowMaximizeActionDirective;var g=i(36);n.WindowMinimizeActionDirective=g.WindowMinimizeActionDirective;var m=i(37);n.WindowCloseActionDirective=m.WindowCloseActionDirective;var f=i(38);n.WindowRestoreActionDirective=f.WindowRestoreActionDirective;var _=i(39);n.DialogModule=_.DialogModule;var h=i(43);n.WindowModule=h.WindowModule;var b=i(44);n.DialogsModule=b.DialogsModule,function(e){for(var n in e)t(n,e[n])}(n)},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(4),a=n(5),s=n(6),d=n(7),c=function(){function t(t,e,n){this._elRef=t,this._renderer=e,this.action=new o.EventEmitter,this.close=new o.EventEmitter,this.subscriptions=[],this.direction=n?"rtl":"ltr"}return Object.defineProperty(t.prototype,"dir",{get:function(){return this.direction},enumerable:!0,configurable:!0}),t.prototype.ngAfterContentInit=function(){this.bubble("close",this.titlebarContent)},t.prototype.ngAfterViewInit=function(){this.bubble("close",this.titlebarView),this.bubble("action",this.actionsView)},t.prototype.ngOnInit=function(){this._renderer.removeAttribute(this._elRef.nativeElement,"title")},t.prototype.ngOnDestroy=function(){this.subscriptions.forEach(function(t){return t.unsubscribe()}),this.subscriptions=[]},Object.defineProperty(t.prototype,"wrapperClass",{get:function(){return!0},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"styles",{get:function(){var t={};return this.width&&(t.width=this.width+"px"),this.height&&(t.height=this.height+"px"),this.minWidth&&(t.minWidth=this.minWidth+"px"),t},enumerable:!0,configurable:!0}),t.prototype.bubble=function(t,e){var n=this;if(e){var i=e[t].subscribe(function(e){return n[t].emit(e)});this.subscriptions.push(i)}},t}();i.__decorate([o.Input(),i.__metadata("design:type",String)],c.prototype,"title",void 0),i.__decorate([o.Input(),i.__metadata("design:type",String)],c.prototype,"actions",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Number)],c.prototype,"width",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Number)],c.prototype,"minWidth",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Number)],c.prototype,"height",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],c.prototype,"action",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],c.prototype,"close",void 0),i.__decorate([o.HostBinding("attr.dir"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],c.prototype,"dir",null),i.__decorate([o.ContentChild(d.DialogTitleBarComponent),i.__metadata("design:type",d.DialogTitleBarComponent)],c.prototype,"titlebarContent",void 0),i.__decorate([o.ViewChild(d.DialogTitleBarComponent),i.__metadata("design:type",d.DialogTitleBarComponent)],c.prototype,"titlebarView",void 0),i.__decorate([o.ViewChild(s.DialogActionsComponent),i.__metadata("design:type",s.DialogActionsComponent)],c.prototype,"actionsView",void 0),i.__decorate([o.HostBinding("class.k-dialog-wrapper"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],c.prototype,"wrapperClass",null),c=i.__decorate([o.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(0, 0)"})),r.transition("void => *",[r.style({transform:"translate(0, -10%)"}),r.animate(".3s cubic-bezier(.2, 1, .2, 1)")])])],exportAs:"kendoDialog",selector:"kendo-dialog",template:'\n    <div class="k-overlay" @overlayAppear></div>\n\n    <div class="k-widget k-window k-dialog" [ngStyle]="styles" @dialogSlideInAppear>\n\n      <kendo-dialog-titlebar *ngIf="title">{{title}}</kendo-dialog-titlebar>\n      <ng-content select="kendo-dialog-titlebar" *ngIf="!title"></ng-content>\n\n      <div class="k-content k-window-content k-dialog-content">\n        <ng-content *ngIf="!contentTemplate"></ng-content>\n        <ng-template [ngTemplateOutlet]="contentTemplate" *ngIf="contentTemplate"></ng-template>\n      </div>\n\n      <ng-content select="kendo-dialog-actions" *ngIf="!actions"></ng-content>\n      <kendo-dialog-actions [actions]="actions" *ngIf="actions"></kendo-dialog-actions>\n\n    </div>\n  '}),i.__param(2,o.Optional()),i.__param(2,o.Inject(a.RTL)),i.__metadata("design:paramtypes",[o.ElementRef,o.Renderer2,Boolean])],c),e.DialogComponent=c},function(t,e){t.exports=o},function(t,e){t.exports=n},function(t,n){t.exports=e},function(t,e){t.exports=i},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=function(){function t(){this.action=new o.EventEmitter}return Object.defineProperty(t.prototype,"className",{get:function(){return!0},enumerable:!0,configurable:!0}),t.prototype.actionTemplate=function(){return this.actions instanceof o.TemplateRef},t.prototype.onButtonClick=function(t,e){this.action.emit(t)},t.prototype.buttonClass=function(t){var e=["k-button"];return t.primary&&e.push("k-primary"),e.join(" ")},t}();i.__decorate([o.Input(),i.__metadata("design:type",Object)],r.prototype,"actions",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],r.prototype,"action",void 0),i.__decorate([o.HostBinding("class.k-button-group"),o.HostBinding("class.k-dialog-buttongroup"),o.HostBinding("class.k-dialog-button-layout-stretched"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],r.prototype,"className",null),r=i.__decorate([o.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, $event)"\n        *ngFor="let action of actions">\n        {{ action.text }}\n      </button>\n    </ng-container>\n    <ng-template [ngTemplateOutlet]="actions" *ngIf="actionTemplate()"></ng-template>\n  '})],r),e.DialogActionsComponent=r},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=function(){function t(){this.close=new o.EventEmitter}return Object.defineProperty(t.prototype,"className",{get:function(){return!0},enumerable:!0,configurable:!0}),t.prototype.onCloseClick=function(t){t.preventDefault(),this.close.emit()},t}();i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],r.prototype,"close",void 0),i.__decorate([o.HostBinding("class.k-window-titlebar"),o.HostBinding("class.k-dialog-titlebar"),o.HostBinding("class.k-header"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],r.prototype,"className",null),r=i.__decorate([o.Component({selector:"kendo-dialog-titlebar",template:'\n    <div class="k-window-title k-dialog-title">\n      <ng-content></ng-content>\n    </div>\n    <div class="k-window-actions k-dialog-actions">\n      <a href="#" role="button"\n         aria-label="Close"\n         class="k-button k-bare k-button-icon k-window-action k-dialog-action k-dialog-close"\n         (click)="onCloseClick($event)">\n        <span class="k-icon k-i-x"></span>\n      </a>\n    </div>\n  '})],r),e.DialogTitleBarComponent=r},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2);n(9),n(10),n(11);var o=n(12),r=n(13),a=n(3),s=n(1),d=n(14),c=n(15),p=function(){function t(t,e){this.resolver=t,this.containerService=e}return t.prototype.open=function(t){var e=this.resolver.resolveComponentFactory(s.DialogComponent),n=t.appendTo||this.containerService.container;if(!n)throw new Error("\nCannot attach dialog to the page.\nAdd an element that uses the kendoDialogContainer directive, or set the 'appendTo' property.\nSee http://www.telerik.com/kendo-angular-ui/components/dialog/service/ .\n          ");var i=this.contentFrom(t.content,n),a=n.createComponent(e,void 0,void 0,i.nodes);this.applyOptions(a.instance,t);var d=new r.Subject,p=function(t){d.next(t||new c.DialogCloseResult),i.componentRef&&i.componentRef.destroy(),a.destroy()},u=o.Observable.merge(d,a.instance.close,a.instance.action).take(1);return u.subscribe(p),{close:p,content:i.componentRef||null,dialog:a,result:u}},t.prototype.applyOptions=function(t,e){t.title=e.title,t.actions=e.actions,t.width=e.width,t.minWidth=e.minWidth,t.height=e.height,e.content instanceof a.TemplateRef&&(t.contentTemplate=e.content)},t.prototype.contentFrom=function(t,e){var n=e.injector.get(a.Renderer2),i=[],o=null;if("string"==typeof t)i=[n.createText(t)];else if(t&&!(t instanceof a.TemplateRef)){var r=this.resolver.resolveComponentFactory(t);i=[(o=e.createComponent(r)).location.nativeElement]}return{componentRef:o,nodes:[[],i,[]]}},t}();p=i.__decorate([a.Injectable(),i.__metadata("design:paramtypes",[a.ComponentFactoryResolver,d.DialogContainerService])],p),e.DialogService=p},function(t,e){t.exports=r},function(t,e){t.exports=d},function(t,e){t.exports=a},function(t,e){t.exports=s},function(t,e){t.exports=c},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i,o=n(2),r=n(3),a=i=function(){function t(){}return Object.defineProperty(t.prototype,"container",{get:function(){return i.container},set:function(t){i.container=t},enumerable:!0,configurable:!0}),t}();a=i=o.__decorate([r.Injectable()],a),e.DialogContainerService=a},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(){return function(){}}();e.DialogAction=n;var i=function(){return function(){}}();e.DialogCloseResult=i;var o=function(){return function(){}}();e.DialogSettings=o;var r=function(){return function(){}}();e.DialogRef=r},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(5),a=n(5),s=n(17);n(18);var d=n(19),c=n(29),p=n(27),u=n(27),l=n(30),g=function(){function t(t,e,n,i,r){this.el=t,this.renderer=e,this.service=n,this.ngZone=i,this.draggable=!0,this.resizable=!0,this.keepContent=!1,this.dragStart=new o.EventEmitter,this.dragEnd=new o.EventEmitter,this.resizeStart=new o.EventEmitter,this.resizeEnd=new o.EventEmitter,this.minimize=new o.EventEmitter,this.maximize=new o.EventEmitter,this.close=new o.EventEmitter,this.widthChange=new o.EventEmitter,this.heightChange=new o.EventEmitter,this.topChange=new o.EventEmitter,this.leftChange=new o.EventEmitter,this.stateChange=new o.EventEmitter,this.tabIndex=0,this.focused=!1,this.draged=!1,this.resized=!1,this.windowSubscription=new s.Subscription,this.direction=r?"rtl":"ltr",this.resizeDirections=u.RESIZE_DIRECTIONS,this.subscribeEvents()}return Object.defineProperty(t.prototype,"state",{get:function(){return this.settings.state},set:function(t){this.settings.state=t},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"minWidth",{get:function(){return this.settings.minWidth},set:function(t){this.setSetting("minWidth",t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"minHeight",{get:function(){return this.settings.minHeight},set:function(t){this.setSetting("minHeight",t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"width",{get:function(){return this.settings.width},set:function(t){this.setSetting("width",t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"height",{get:function(){return this.settings.height},set:function(t){this.setSetting("height",t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"top",{get:function(){return this.settings.top},set:function(t){this.setSetting("top",t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"left",{get:function(){return this.settings.left},set:function(t){this.setSetting("left",t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"hostClasses",{get:function(){return!0},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"dir",{get:function(){return this.direction},enumerable:!0,configurable:!0}),t.prototype.ngAfterViewInit=function(){this.setNextZIndex(),this.setInitialOffset()},t.prototype.ngOnInit=function(){this.renderer.removeAttribute(this.el.nativeElement,"title"),this.service.init(this.el)},t.prototype.ngOnChanges=function(t){var e=this;p.OFFSET_STYLES.forEach(function(n){p.isChanged(n,t)&&e.updateOffset(n,e.settings[n])})},t.prototype.ngOnDestroy=function(){this.windowSubscription&&this.windowSubscription.unsubscribe()},Object.defineProperty(t.prototype,"showDefaultActions",{get:function(){return!p.isPresent(this.titleBarActionsContent)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"windowClasses",{get:function(){return!0},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"styleMinWidth",{get:function(){return this.minWidth+"px"},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"styleMinHeight",{get:function(){return this.minHeight+"px"},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"stylePosition",{get:function(){return this.settings.position},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"wrapperMaximizedClass",{get:function(){return"maximized"===this.state},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"wrapperFocusedClass",{get:function(){return this.focused},enumerable:!0,configurable:!0}),t.prototype.onComponentFocus=function(){this.focused=!0,this.setNextZIndex()},t.prototype.onComponentBlur=function(){this.focused=!1},t.prototype.subscribeEvents=function(){var t=this;u.isDocumentAvailable()&&(this.windowSubscription.add(this.service.focus.subscribe(function(){t.el.nativeElement.focus()})),this.windowSubscription.add(this.service.dragStart.subscribe(function(){t.draged=!0,t.dragStart.emit()})),this.windowSubscription.add(this.service.dragEnd.subscribe(function(){t.draged&&(t.draged=!1,t.dragEnd.emit())})),this.windowSubscription.add(this.service.close.subscribe(function(){t.close.emit()})),this.windowSubscription.add(this.service.resizeStart.subscribe(function(){t.resized=!0,t.resizeStart.emit()})),this.windowSubscription.add(this.service.resizeEnd.subscribe(function(){t.resized&&(t.resized=!1,t.resizeEnd.emit())})),this.windowSubscription.add(this.service.change.subscribe(function(e){p.OFFSET_STYLES.forEach(function(n){p.isPresent(e[n])&&(t.updateOffset(n,e[n]),"maximized"!==t.state&&t.ngZone.run(function(){t[n+"Change"].emit(e[n])}))})})),this.windowSubscription.add(this.service.stateChange.subscribe(function(e){t.updateAllOffset(),t.stateChange.emit(e)})))},t.prototype.setNextZIndex=function(){this.renderer.setStyle(this.el.nativeElement,"z-index",this.service.nextZIndex)},t.prototype.setInitialOffset=function(){"maximized"!==this.state&&this.updateAllOffset(),p.isPresent(this.left)||p.isPresent(this.top)||"maximized"===this.state||this.service.center()},t.prototype.updateAllOffset=function(){var t=this;p.OFFSET_STYLES.forEach(function(e){p.isPresent(t[e])&&t.updateOffset(e,t[e])})},t.prototype.updateOffset=function(t,e){this.renderer.setStyle(this.el.nativeElement,t,e+"px")},Object.defineProperty(t.prototype,"settings",{get:function(){return this.service.settings},enumerable:!0,configurable:!0}),t.prototype.setSetting=function(t,e){if("number"==typeof e)this.settings[t]=e;else{if("string"!=typeof e)throw new Error("Invalid type used for "+t);this.settings[t]=parseInt(e,10)}},t}();i.__decorate([o.Input(),i.__metadata("design:type",String)],g.prototype,"title",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Boolean)],g.prototype,"draggable",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Boolean)],g.prototype,"resizable",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Boolean)],g.prototype,"keepContent",void 0),i.__decorate([o.Input(),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[String])],g.prototype,"state",null),i.__decorate([o.Input(),i.__metadata("design:type",Number),i.__metadata("design:paramtypes",[Number])],g.prototype,"minWidth",null),i.__decorate([o.Input(),i.__metadata("design:type",Number),i.__metadata("design:paramtypes",[Number])],g.prototype,"minHeight",null),i.__decorate([o.Input(),i.__metadata("design:type",Number),i.__metadata("design:paramtypes",[Number])],g.prototype,"width",null),i.__decorate([o.Input(),i.__metadata("design:type",Number),i.__metadata("design:paramtypes",[Number])],g.prototype,"height",null),i.__decorate([o.Input(),i.__metadata("design:type",Number),i.__metadata("design:paramtypes",[Number])],g.prototype,"top",null),i.__decorate([o.Input(),i.__metadata("design:type",Number),i.__metadata("design:paramtypes",[Number])],g.prototype,"left",null),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],g.prototype,"dragStart",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],g.prototype,"dragEnd",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],g.prototype,"resizeStart",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],g.prototype,"resizeEnd",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],g.prototype,"minimize",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],g.prototype,"maximize",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],g.prototype,"close",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],g.prototype,"widthChange",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],g.prototype,"heightChange",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],g.prototype,"topChange",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],g.prototype,"leftChange",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],g.prototype,"stateChange",void 0),i.__decorate([o.HostBinding("attr.tabIndex"),i.__metadata("design:type",Number)],g.prototype,"tabIndex",void 0),i.__decorate([o.HostBinding("class.k-widget"),o.HostBinding("class.k-window"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],g.prototype,"hostClasses",null),i.__decorate([o.HostBinding("attr.dir"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],g.prototype,"dir",null),i.__decorate([o.ContentChild(c.WindowTitleBarActionsComponent),i.__metadata("design:type",c.WindowTitleBarActionsComponent)],g.prototype,"titleBarActionsContent",void 0),i.__decorate([o.ViewChildren(l.ResizeHandleDirective),i.__metadata("design:type",o.QueryList)],g.prototype,"resizeHandles",void 0),i.__decorate([o.HostBinding("class.k-window-wrapper"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],g.prototype,"windowClasses",null),i.__decorate([o.HostBinding("style.minWidth"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],g.prototype,"styleMinWidth",null),i.__decorate([o.HostBinding("style.minHeight"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],g.prototype,"styleMinHeight",null),i.__decorate([o.HostBinding("style.position"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],g.prototype,"stylePosition",null),i.__decorate([o.HostBinding("class.k-window-maximized"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],g.prototype,"wrapperMaximizedClass",null),i.__decorate([o.HostBinding("class.k-state-focused"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],g.prototype,"wrapperFocusedClass",null),i.__decorate([o.HostListener("focus"),i.__metadata("design:type",Function),i.__metadata("design:paramtypes",[]),i.__metadata("design:returntype",void 0)],g.prototype,"onComponentFocus",null),i.__decorate([o.HostListener("blur"),i.__metadata("design:type",Function),i.__metadata("design:paramtypes",[]),i.__metadata("design:returntype",void 0)],g.prototype,"onComponentBlur",null),g=i.__decorate([o.Component({exportAs:"kendoWindow",providers:[d.WindowService,a.LocalizationService,{provide:a.L10N_PREFIX,useValue:"kendo.window"}],selector:"kendo-window",template:"\n        <kendo-window-titlebar\n            kendoWindowDraggable\n            [actions]='showDefaultActions'\n            [draggable]='draggable'\n            [resizable]='resizable'\n            [title]='title'\n        >\n            <ng-content select=\"kendo-window-titlebar-actions\" *ngIf=\"!showDefaultActions\"></ng-content>\n        </kendo-window-titlebar>\n\n        <div *ngIf=\"state !== 'minimized' || keepContent\"\n            [hidden]=\"state === 'minimized' && keepContent\"\n            class=\"k-content k-window-content k-dialog-content\">\n            <ng-content></ng-content>\n        </div>\n\n        <ng-template [ngIf]='resizable'>\n            <div *ngFor='let dir of resizeDirections'\n                [direction]=\"dir\"\n                kendoWindowResizeHandle\n                kendoWindowDraggable>\n            </div>\n        </ng-template>\n    "}),i.__param(4,o.Optional()),i.__param(4,o.Inject(r.RTL)),i.__metadata("design:paramtypes",[o.ElementRef,o.Renderer2,d.WindowService,o.NgZone,Boolean])],g),e.WindowComponent=g},function(t,e){t.exports=p},function(t,e){t.exports=u},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(17);n(20),n(21),n(22),n(23),n(24),n(9),n(25),n(26),n(10);var a=n(27),s=n(28),d=10002,c={height:null,left:null,minHeight:100,minWidth:120,position:"absolute",state:"default",top:null,width:null},p=function(t,e){return function(n){return t.kendo.drag.takeUntil(t.kendo.release.do(function(){e.emit()})).map(function(t){var e=t.pageX,i=t.pageY;return{originalX:n.pageX,originalY:n.pageY,pageX:e,pageY:i}})}},u=function(){function t(t){this.ngZone=t,this.close=new o.EventEmitter,this.focus=new o.EventEmitter,this.change=new o.EventEmitter,this.stateChange=new o.EventEmitter,this.dragStart=new o.EventEmitter,this.dragEnd=new o.EventEmitter,this.resizeStart=new o.EventEmitter,this.resizeEnd=new o.EventEmitter,this.settings=Object.assign({},c),this.subscriptions=new r.Subscription,this.dragSubscription=new r.Subscription}return t.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe(),this.dragSubscription&&this.dragSubscription.unsubscribe()},t.prototype.init=function(t){this.window=t,"minimized"===this.settings.state&&(this.restoreSettings=Object.assign({},this.settings),this.settings.height=0,this.settings.minHeight=0)},t.prototype.onDrag=function(t){var e=this;this.subscriptions.add(this.ngZone.runOutsideAngular(function(){var n,i;e.dragSubscription=t.kendo.press.do(function(t){a.preventDefault(t),e.focus.emit(),n=e.currentPosition(),i=!1}).switchMap(a.preventOnDblClick(t.kendo.release)).switchMap(p(t,e.dragEnd)).subscribe(function(t){var o=t.pageX,r=t.pageY,a=t.originalX,s=t.originalY;i||(e.dragStart.emit(),i=!0),e.handleDrag({originalX:a,originalY:s,pageX:o,pageY:r,startPosition:n})})}))},t.prototype.handleDrag=function(t){var e=t.originalX,n=t.originalY,i=t.pageX,o=t.pageY,r=t.startPosition;this.settings.left=r.x+i-e,this.settings.top=r.y+o-n,"minimized"===this.settings.state&&a.isPresent(this.restoreSettings)&&(this.restoreSettings.left=this.settings.left,this.restoreSettings.top=this.settings.top),this.change.emit({left:r.x+i-e,top:r.y+o-n})},t.prototype.onResize=function(t,e){var n=this;this.subscriptions.add(this.ngZone.runOutsideAngular(function(){var i,o=!1;t.kendo.press.do(function(t){a.preventDefault(t),n.focus.emit(),i=n.currentOffsetAndPosition(),o=!1}).switchMap(a.preventOnDblClick(t.kendo.release)).switchMap(p(t,n.resizeEnd)).subscribe(function(t){var r=t.pageX,a=t.pageY,s=t.originalX,d=t.originalY;o||(n.resizeStart.emit(e),o=!0);var c=r-s,p=a-d;n.handleResize(i,e,c,p)})}))},t.prototype.handleResize=function(t,e,n,i){var o=this,r=this.settings,s={};e.indexOf("e")>=0&&((p=t.width+n)!==r.width&&p>=r.minWidth&&(s.width=p));if(e.indexOf("n")>=0){var d=t.height-i,c=t.y+i;d!==r.height&&d>=r.minHeight&&c!==r.top&&(s.height=d,s.top=c)}e.indexOf("s")>=0&&((d=t.height+i)!==r.height&&d>=r.minHeight&&(s.height=d));if(e.indexOf("w")>=0){var p,u=t.x+n;(p=t.width-n)!==r.width&&p>=r.minWidth&&u!==r.left&&(s.width=p,s.left=u)}(a.isPresent(s.width)||a.isPresent(s.height))&&(a.OFFSET_STYLES.forEach(function(t){a.isPresent(s[t])&&(o.settings[t]=s[t])}),this.change.emit(s))},t.prototype.restoreAction=function(){a.isPresent(this.restoreSettings)&&(this.settings=Object.assign({},this.restoreSettings)),this.settings.state="default",this.stateChange.emit("default")},t.prototype.storeSettings=function(){if(this.restoreSettings=Object.assign({},this.settings),!a.isPresent(this.settings.width)||!a.isPresent(this.settings.height)){var t=s.offset(this.window.nativeElement);this.restoreSettings.width=t.width,this.restoreSettings.height=t.height}},t.prototype.maximizeAction=function(){if("maximized"!==this.settings.state){this.storeSettings();var t=s.getWindowViewPort(this.window.nativeElement);this.settings=Object.assign({},this.settings,{height:t.height,left:0,position:"fixed",state:"maximized",top:0,width:t.width}),this.stateChange.emit("maximized")}},t.prototype.minimizeAction=function(){"minimized"!==this.settings.state&&(this.storeSettings(),this.settings=Object.assign({},this.settings,{height:0,minHeight:0,state:"minimized"}),this.stateChange.emit("minimized"))},t.prototype.closeAction=function(){this.close.emit()},t.prototype.center=function(){if("maximized"!==this.settings.state){var t=s.scrollPosition(this.window.nativeElement),e=s.getWindowViewPort(this.window.nativeElement),n=s.offset(this.window.nativeElement);this.settings.left=t.x+Math.max(0,(e.width-n.width)/2),this.settings.top=t.y+Math.max(0,(e.height-n.height)/2),this.change.emit({left:this.settings.left,top:this.settings.top})}},t.prototype.currentOffsetAndPosition=function(){var t=this.settings,e=s.offset(this.window.nativeElement);return Object.assign({},this.currentPosition(),{height:t.height?t.height:e.height,width:t.width?t.width:e.width})},t.prototype.currentPosition=function(){var t=this.settings;return t.top&&t.left||this.setPosition(),{x:this.settings.left,y:this.settings.top}},t.prototype.setPosition=function(){var t=s.positionWithScroll(this.window.nativeElement,s.getDocumentElement(this.window.nativeElement));this.settings.left=t.left,this.settings.top=t.top},Object.defineProperty(t.prototype,"nextZIndex",{get:function(){return d++},enumerable:!0,configurable:!0}),t}();u=i.__decorate([o.Injectable(),i.__metadata("design:paramtypes",[o.NgZone])],u),e.WindowService=u},function(t,e){t.exports=g},function(t,e){t.exports=f},function(t,e){t.exports=h},function(t,e){t.exports=_},function(t,e){t.exports=m},function(t,e){t.exports=b},function(t,e){t.exports=v},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(12);e.isPresent=function(t){return null!==t&&void 0!==t},e.isTruthy=function(t){return!!t};var o=function(t){return String(t).trim().split(" ")},r=/^(?:a|input|select|textarea|button|object)$/i;e.hasClasses=function(t,e){var n=o(e);return Boolean(o(t.className).find(function(t){return n.indexOf(t)>=0}))},e.isVisible=function(t){var e=t.getBoundingClientRect();return!(!e.width||!e.height)&&"hidden"!==window.getComputedStyle(t).visibility},e.isFocusable=function(t,n){if(void 0===n&&(n=!0),t.tagName){var i=t.tagName.toLowerCase(),o=t.getAttribute("tabIndex"),a=null!==o&&!isNaN(o)&&o>-1;return(r.test(i)?!t.disabled:a)&&(!n||e.isVisible(t))}return!1},e.isChanged=function(t,e,n){return void 0===n&&(n=!0),e[t]&&(!e[t].isFirstChange()||!n)&&e[t].previousValue!==e[t].currentValue},e.preventDefault=function(t){var e=t.originalEvent;e.stopPropagation(),e.preventDefault()},e.isDocumentAvailable=function(){return"undefined"!=typeof document&&!!document.body},e.isWindowAvailable=function(){return"undefined"!=typeof window},e.preventOnDblClick=function(t){return function(e){return i.Observable.of(e).delay(150).takeUntil(t)}},e.RESIZE_DIRECTIONS=["n","e","s","w","se","sw","ne","nw"],e.OFFSET_STYLES=["top","left","width","height"]},function(t,e){t.exports=y},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=function(){return function(){}}();r=i.__decorate([o.Component({selector:"kendo-window-titlebar-actions",template:"\n  <ng-content></ng-content>\n"})],r),e.WindowTitleBarActionsComponent=r},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(31),a=n(19),s=n(17),d=n(12),c=function(){function t(t,e,n,i,o){this.draggable=t,this.el=e,this.renderer=n,this.ngZone=i,this.service=o,this.subscriptions=new s.Subscription,this.isHidden=!1}return Object.defineProperty(t.prototype,"hostClass",{get:function(){return!0},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"visible",{get:function(){return"default"!==this.service.settings.state||this.isHidden?"none":"block"},enumerable:!0,configurable:!0}),t.prototype.ngOnInit=function(){var t=this;this.renderer.addClass(this.el.nativeElement,"k-resize-"+this.direction),this.subscriptions.add(d.Observable.from([this.draggable]).subscribe(function(e){t.service.onResize(e,t.direction)})),this.subscriptions.add(this.service.resizeStart.subscribe(function(e){e!==t.direction&&(t.isHidden=!0)})),this.subscriptions.add(this.service.resizeEnd.subscribe(function(){t.ngZone.run(function(){return t.isHidden=!1})})),this.subscriptions.add(this.service.dragStart.subscribe(function(){t.isHidden=!0})),this.subscriptions.add(this.service.dragEnd.subscribe(function(){t.ngZone.run(function(){return t.isHidden=!1})}))},t.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe()},t}();i.__decorate([o.Input(),i.__metadata("design:type",String)],c.prototype,"direction",void 0),i.__decorate([o.HostBinding("class.k-resize-handle"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],c.prototype,"hostClass",null),i.__decorate([o.HostBinding("style.display"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],c.prototype,"visible",null),c=i.__decorate([o.Directive({selector:"[kendoWindowResizeHandle]"}),i.__param(0,o.Host()),i.__metadata("design:paramtypes",[r.DraggableDirective,o.ElementRef,o.Renderer2,o.NgZone,a.WindowService])],c),e.ResizeHandleDirective=c},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(32),a=function(){function t(t,e){this.elem=t,this.ngZone=e,this.kendo={drag:new o.EventEmitter,press:new o.EventEmitter,release:new o.EventEmitter}}return t.prototype.ngOnInit=function(){var t=this;"undefined"!=typeof document&&(this.draggable=new r.default({drag:function(e){return t.kendo.drag.next(e)},press:function(e){return t.kendo.press.next(e)},release:function(e){return t.kendo.release.next(e)}}),this.ngZone.runOutsideAngular(function(){return t.draggable.bindTo(t.elem.nativeElement)}))},t.prototype.ngOnDestroy=function(){"undefined"!=typeof document&&this.draggable.destroy()},Object.defineProperty(t.prototype,"nativeElement",{get:function(){return this.elem.nativeElement},enumerable:!0,configurable:!0}),t}();a=i.__decorate([o.Directive({outputs:["kendo.press","kendo.drag","kendo.release"],selector:"[kendoWindowDraggable]"}),i.__metadata("design:paramtypes",[o.ElementRef,o.NgZone])],a),e.DraggableDirective=a},function(t,e){t.exports=w},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(31),a=n(19),s=n(17),d=n(12),c=n(27),p=function(){function t(t,e){this.titleBar=t,this.service=e,this.dragSubscription=new s.Subscription}return t.prototype.ngOnInit=function(){this.draggable&&this.subscribeDrag()},t.prototype.ngOnChanges=function(t){c.isChanged("draggable",t)&&this[c.isTruthy(t.draggable.currentValue)?"subscribeDrag":"unsubscribeDrag"]()},t.prototype.ngOnDestroy=function(){this.dragSubscription&&this.unsubscribeDrag()},t.prototype.subscribeDrag=function(){var t=this;this.dragSubscription=d.Observable.from([this.titleBar]).subscribe(function(e){t.service.onDrag(e)})},t.prototype.unsubscribeDrag=function(){this.dragSubscription&&(this.service.dragSubscription.unsubscribe(),this.dragSubscription.unsubscribe(),this.dragSubscription=null)},Object.defineProperty(t.prototype,"className",{get:function(){return!0},enumerable:!0,configurable:!0}),t.prototype.handle=function(t){var e=t.target,n=this.service.settings.state;c.hasClasses(e,"k-icon")||c.isFocusable(e,!1)||!this.resizable||("default"===n?this.service.maximizeAction():"maximized"===n&&this.service.restoreAction())},t}();i.__decorate([o.Input(),i.__metadata("design:type",Boolean)],p.prototype,"actions",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Boolean)],p.prototype,"draggable",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Boolean)],p.prototype,"resizable",void 0),i.__decorate([o.Input(),i.__metadata("design:type",String)],p.prototype,"title",void 0),i.__decorate([o.HostBinding("class.k-window-titlebar"),o.HostBinding("class.k-dialog-titlebar"),o.HostBinding("class.k-header"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],p.prototype,"className",null),i.__decorate([o.HostListener("dblclick",["$event"]),i.__metadata("design:type",Function),i.__metadata("design:paramtypes",[MouseEvent]),i.__metadata("design:returntype",void 0)],p.prototype,"handle",null),p=i.__decorate([o.Component({selector:"kendo-window-titlebar",template:"\n    <div class=\"k-window-title k-dialog-title\">\n      {{title}}\n    </div>\n    <ng-content></ng-content>\n    <kendo-window-titlebar-actions *ngIf='actions'>\n      <button kendoWindowMinimizeAction></button>\n      <button kendoWindowMaximizeAction></button>\n      <button kendoWindowRestoreAction></button>\n      <button kendoWindowCloseAction></button>\n    </kendo-window-titlebar-actions>\n  "}),i.__param(0,o.Host()),i.__metadata("design:paramtypes",[r.DraggableDirective,a.WindowService])],p),e.WindowTitleBarComponent=p},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(19),a=n(35),s=n(5),d=function(t){function e(e,n,i,o){var r=t.call(this,e,n,null,o)||this;return r.window=i,r.look="bare",r.icon="window-maximize",r}return i.__extends(e,t),e.prototype.onClick=function(){this.window.maximizeAction()},Object.defineProperty(e.prototype,"visible",{get:function(){return"default"===this.window.settings.state?"inline-flex":"none"},enumerable:!0,configurable:!0}),e}(a.Button);i.__decorate([o.HostListener("click"),i.__metadata("design:type",Function),i.__metadata("design:paramtypes",[]),i.__metadata("design:returntype",void 0)],d.prototype,"onClick",null),i.__decorate([o.HostBinding("style.display"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],d.prototype,"visible",null),d=i.__decorate([o.Directive({exportAs:"kendoWindowMaximizeAction",selector:"button[kendoWindowMaximizeAction]"}),i.__param(3,o.Optional()),i.__param(3,o.Inject(s.RTL)),i.__metadata("design:paramtypes",[o.ElementRef,o.Renderer2,r.WindowService,Boolean])],d),e.WindowMaximizeActionDirective=d},function(t,e){t.exports=l},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(19),a=n(35),s=n(5),d=function(t){function e(e,n,i,o){var r=t.call(this,e,n,null,o)||this;return r.window=i,r.look="bare",r.icon="window-minimize",r}return i.__extends(e,t),e.prototype.onClick=function(){this.window.minimizeAction()},Object.defineProperty(e.prototype,"visible",{get:function(){return"default"===this.window.settings.state?"inline-flex":"none"},enumerable:!0,configurable:!0}),e}(a.Button);i.__decorate([o.HostListener("click"),i.__metadata("design:type",Function),i.__metadata("design:paramtypes",[]),i.__metadata("design:returntype",void 0)],d.prototype,"onClick",null),i.__decorate([o.HostBinding("style.display"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],d.prototype,"visible",null),d=i.__decorate([o.Directive({exportAs:"kendoWindowMinimizeAction",selector:"button[kendoWindowMinimizeAction]"}),i.__param(3,o.Optional()),i.__param(3,o.Inject(s.RTL)),i.__metadata("design:paramtypes",[o.ElementRef,o.Renderer2,r.WindowService,Boolean])],d),e.WindowMinimizeActionDirective=d},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(35),a=n(5),s=n(19),d=function(t){function e(e,n,i,o){var r=t.call(this,e,n,null,o)||this;return r.window=i,r.look="bare",r.icon="close",r}return i.__extends(e,t),e.prototype.onClick=function(){this.window.closeAction()},e}(r.Button);i.__decorate([o.HostListener("click"),i.__metadata("design:type",Function),i.__metadata("design:paramtypes",[]),i.__metadata("design:returntype",void 0)],d.prototype,"onClick",null),d=i.__decorate([o.Directive({exportAs:"kendoWindowCloseAction",selector:"button[kendoWindowCloseAction]"}),i.__param(3,o.Optional()),i.__param(3,o.Inject(a.RTL)),i.__metadata("design:paramtypes",[o.ElementRef,o.Renderer2,s.WindowService,Boolean])],d),e.WindowCloseActionDirective=d},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(19),a=n(35),s=n(5),d=function(t){function e(e,n,i,o){var r=t.call(this,e,n,null,o)||this;return r.window=i,r.look="bare",r.icon="window-restore",r}return i.__extends(e,t),e.prototype.onClick=function(){this.window.restoreAction()},Object.defineProperty(e.prototype,"visible",{get:function(){return"default"===this.window.settings.state?"none":"inline-flex"},enumerable:!0,configurable:!0}),e}(a.Button);i.__decorate([o.HostListener("click"),i.__metadata("design:type",Function),i.__metadata("design:paramtypes",[]),i.__metadata("design:returntype",void 0)],d.prototype,"onClick",null),i.__decorate([o.HostBinding("style.display"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],d.prototype,"visible",null),d=i.__decorate([o.Directive({exportAs:"kendoWindowRestoreAction",selector:"button[kendoWindowRestoreAction]"}),i.__param(3,o.Optional()),i.__param(3,o.Inject(s.RTL)),i.__metadata("design:paramtypes",[o.ElementRef,o.Renderer2,r.WindowService,Boolean])],d),e.WindowRestoreActionDirective=d},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(1),a=n(7),s=n(8),d=n(40),c=n(14),p=n(41);e.DIALOG_DIRECTIVES=[r.DialogComponent,a.DialogTitleBarComponent];var u=function(){return function(){}}();u=i.__decorate([o.NgModule({declarations:[e.DIALOG_DIRECTIVES,d.DialogContainerDirective],entryComponents:[e.DIALOG_DIRECTIVES],exports:[e.DIALOG_DIRECTIVES,p.SHARED_DIRECTIVES,d.DialogContainerDirective],imports:[p.SharedModule],providers:[c.DialogContainerService,s.DialogService]})],u),e.DialogModule=u},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(14),a=function(){return function(t,e){e.container=t}}();a=i.__decorate([o.Directive({selector:"[kendoDialogContainer]"}),i.__metadata("design:paramtypes",[o.ViewContainerRef,r.DialogContainerService])],a),e.DialogContainerDirective=a},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(42),a=n(6);e.SHARED_DIRECTIVES=[a.DialogActionsComponent];var s=function(){return function(){}}();s=i.__decorate([o.NgModule({declarations:[e.SHARED_DIRECTIVES],exports:[e.SHARED_DIRECTIVES,r.CommonModule],imports:[r.CommonModule]})],s),e.SharedModule=s},function(t,e){t.exports=E},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(16),a=n(33),s=n(29),d=n(31),c=n(30),p=n(34),u=n(36),l=n(37),g=n(38),m=n(41),f=[d.DraggableDirective,c.ResizeHandleDirective,r.WindowComponent,a.WindowTitleBarComponent,s.WindowTitleBarActionsComponent,l.WindowCloseActionDirective,u.WindowMinimizeActionDirective,p.WindowMaximizeActionDirective,g.WindowRestoreActionDirective],_=[r.WindowComponent,l.WindowCloseActionDirective,u.WindowMinimizeActionDirective,p.WindowMaximizeActionDirective,g.WindowRestoreActionDirective,s.WindowTitleBarActionsComponent],h=function(){return function(){}}();h=i.__decorate([o.NgModule({declarations:[f],exports:[_,m.SHARED_DIRECTIVES],imports:[m.SharedModule]})],h),e.WindowModule=h},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(39),a=n(43),s=function(){return function(){}}();s=i.__decorate([o.NgModule({exports:[r.DialogModule,a.WindowModule]})],s),e.DialogsModule=s}])}}});
+System.register("@progress/kendo-angular-dialog",["tslib","@angular/animations","@progress/kendo-angular-l10n","@angular/core","rxjs/Observable","rxjs/add/operator/map","rxjs/add/operator/take","rxjs/add/observable/merge","rxjs/Subject","rxjs/Subscription","rxjs/add/observable/from","@progress/kendo-angular-buttons","@telerik/kendo-draggable","rxjs/add/operator/first","rxjs/add/observable/of","rxjs/add/operator/filter","rxjs/add/operator/do","rxjs/add/operator/delay","rxjs/add/operator/switchMap","rxjs/add/operator/takeUntil","@progress/kendo-popup-common","@angular/common"],function(t){var e,n,i,o,r,a,s,d,c,p,u,l,g,m,f,h,_,b,y,v,w,E;function C(t){return t.__useDefault?t.default:t}return{setters:[function(t){e=C(t)},function(t){n=C(t)},function(t){i=C(t)},function(t){o=C(t)},function(t){r=C(t)},function(t){a=C(t)},function(t){s=C(t)},function(t){d=C(t)},function(t){c=C(t)},function(t){p=C(t)},function(t){u=C(t)},function(t){l=C(t)},function(t){g=C(t)},function(t){m=C(t)},function(t){f=C(t)},function(t){h=C(t)},function(t){_=C(t)},function(t){b=C(t)},function(t){y=C(t)},function(t){v=C(t)},function(t){w=C(t)},function(t){E=C(t)}],execute:function(){!function(t){var e={};function n(i){if(e[i])return e[i].exports;var o=e[i]={exports:{},id:i,loaded:!1};return t[i].call(o.exports,o,o.exports,n),o.loaded=!0,o.exports}n.m=t,n.c=e,n.p="",n(0)}([function(e,n,i){"use strict";Object.defineProperty(n,"__esModule",{value:!0});var o=i(1);n.DialogComponent=o.DialogComponent;var r=i(7);n.DialogTitleBarComponent=r.DialogTitleBarComponent;var a=i(6);n.DialogActionsComponent=a.DialogActionsComponent;var s=i(8);n.DialogService=s.DialogService;var d=i(15);n.DialogCloseResult=d.DialogCloseResult,n.DialogRef=d.DialogRef,n.DialogSettings=d.DialogSettings,n.DialogAction=d.DialogAction;var c=i(16);n.WindowComponent=c.WindowComponent;var p=i(32);n.WindowTitleBarComponent=p.WindowTitleBarComponent;var u=i(33);n.WindowMaximizeActionDirective=u.WindowMaximizeActionDirective;var l=i(35);n.WindowMinimizeActionDirective=l.WindowMinimizeActionDirective;var g=i(36);n.WindowCloseActionDirective=g.WindowCloseActionDirective;var m=i(37);n.WindowRestoreActionDirective=m.WindowRestoreActionDirective;var f=i(38);n.DialogModule=f.DialogModule;var h=i(42);n.WindowModule=h.WindowModule;var _=i(43);n.DialogsModule=_.DialogsModule,function(e){for(var n in e)t(n,e[n])}(n)},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(4),a=n(5),s=n(6),d=n(7),c=function(){function t(t,e,n){this._elRef=t,this._renderer=e,this.action=new o.EventEmitter,this.close=new o.EventEmitter,this.subscriptions=[],this.direction=n?"rtl":"ltr"}return Object.defineProperty(t.prototype,"dir",{get:function(){return this.direction},enumerable:!0,configurable:!0}),t.prototype.ngAfterContentInit=function(){this.bubble("close",this.titlebarContent)},t.prototype.ngAfterViewInit=function(){this.bubble("close",this.titlebarView),this.bubble("action",this.actionsView)},t.prototype.ngOnInit=function(){this._renderer.removeAttribute(this._elRef.nativeElement,"title")},t.prototype.ngOnDestroy=function(){this.subscriptions.forEach(function(t){return t.unsubscribe()}),this.subscriptions=[]},Object.defineProperty(t.prototype,"wrapperClass",{get:function(){return!0},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"styles",{get:function(){var t={};return this.width&&(t.width=this.width+"px"),this.height&&(t.height=this.height+"px"),this.minWidth&&(t.minWidth=this.minWidth+"px"),t},enumerable:!0,configurable:!0}),t.prototype.bubble=function(t,e){var n=this;if(e){var i=e[t].subscribe(function(e){return n[t].emit(e)});this.subscriptions.push(i)}},t}();i.__decorate([o.Input(),i.__metadata("design:type",String)],c.prototype,"title",void 0),i.__decorate([o.Input(),i.__metadata("design:type",String)],c.prototype,"actions",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Number)],c.prototype,"width",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Number)],c.prototype,"minWidth",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Number)],c.prototype,"height",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],c.prototype,"action",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],c.prototype,"close",void 0),i.__decorate([o.HostBinding("attr.dir"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],c.prototype,"dir",null),i.__decorate([o.ContentChild(d.DialogTitleBarComponent),i.__metadata("design:type",d.DialogTitleBarComponent)],c.prototype,"titlebarContent",void 0),i.__decorate([o.ViewChild(d.DialogTitleBarComponent),i.__metadata("design:type",d.DialogTitleBarComponent)],c.prototype,"titlebarView",void 0),i.__decorate([o.ViewChild(s.DialogActionsComponent),i.__metadata("design:type",s.DialogActionsComponent)],c.prototype,"actionsView",void 0),i.__decorate([o.HostBinding("class.k-dialog-wrapper"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],c.prototype,"wrapperClass",null),c=i.__decorate([o.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(0, 0)"})),r.transition("void => *",[r.style({transform:"translate(0, -10%)"}),r.animate(".3s cubic-bezier(.2, 1, .2, 1)")])])],exportAs:"kendoDialog",selector:"kendo-dialog",template:'\n    <div class="k-overlay" @overlayAppear></div>\n\n    <div class="k-widget k-window k-dialog" [ngStyle]="styles" @dialogSlideInAppear>\n\n      <kendo-dialog-titlebar *ngIf="title">{{title}}</kendo-dialog-titlebar>\n      <ng-content select="kendo-dialog-titlebar" *ngIf="!title"></ng-content>\n\n      <div class="k-content k-window-content k-dialog-content">\n        <ng-content *ngIf="!contentTemplate"></ng-content>\n        <ng-template [ngTemplateOutlet]="contentTemplate" *ngIf="contentTemplate"></ng-template>\n      </div>\n\n      <ng-content select="kendo-dialog-actions" *ngIf="!actions"></ng-content>\n      <kendo-dialog-actions [actions]="actions" *ngIf="actions"></kendo-dialog-actions>\n\n    </div>\n  '}),i.__param(2,o.Optional()),i.__param(2,o.Inject(a.RTL)),i.__metadata("design:paramtypes",[o.ElementRef,o.Renderer2,Boolean])],c),e.DialogComponent=c},function(t,n){t.exports=e},function(t,e){t.exports=o},function(t,e){t.exports=n},function(t,e){t.exports=i},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=function(){function t(){this.action=new o.EventEmitter}return Object.defineProperty(t.prototype,"className",{get:function(){return!0},enumerable:!0,configurable:!0}),t.prototype.actionTemplate=function(){return this.actions instanceof o.TemplateRef},t.prototype.onButtonClick=function(t,e){this.action.emit(t)},t.prototype.buttonClass=function(t){var e=["k-button"];return t.primary&&e.push("k-primary"),e.join(" ")},t}();i.__decorate([o.Input(),i.__metadata("design:type",Object)],r.prototype,"actions",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],r.prototype,"action",void 0),i.__decorate([o.HostBinding("class.k-button-group"),o.HostBinding("class.k-dialog-buttongroup"),o.HostBinding("class.k-dialog-button-layout-stretched"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],r.prototype,"className",null),r=i.__decorate([o.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, $event)"\n        *ngFor="let action of actions">\n        {{ action.text }}\n      </button>\n    </ng-container>\n    <ng-template [ngTemplateOutlet]="actions" *ngIf="actionTemplate()"></ng-template>\n  '})],r),e.DialogActionsComponent=r},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=function(){function t(){this.close=new o.EventEmitter}return Object.defineProperty(t.prototype,"className",{get:function(){return!0},enumerable:!0,configurable:!0}),t.prototype.onCloseClick=function(t){t.preventDefault(),this.close.emit()},t}();i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],r.prototype,"close",void 0),i.__decorate([o.HostBinding("class.k-window-titlebar"),o.HostBinding("class.k-dialog-titlebar"),o.HostBinding("class.k-header"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],r.prototype,"className",null),r=i.__decorate([o.Component({selector:"kendo-dialog-titlebar",template:'\n    <div class="k-window-title k-dialog-title">\n      <ng-content></ng-content>\n    </div>\n    <div class="k-window-actions k-dialog-actions">\n      <a href="#" role="button"\n         aria-label="Close"\n         class="k-button k-bare k-button-icon k-window-action k-dialog-action k-dialog-close"\n         (click)="onCloseClick($event)">\n        <span class="k-icon k-i-x"></span>\n      </a>\n    </div>\n  '})],r),e.DialogTitleBarComponent=r},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2);n(9),n(10),n(11);var o=n(12),r=n(13),a=n(3),s=n(1),d=n(14),c=n(15),p=function(){function t(t,e){this.resolver=t,this.containerService=e}return t.prototype.open=function(t){var e=this.resolver.resolveComponentFactory(s.DialogComponent),n=t.appendTo||this.containerService.container;if(!n)throw new Error("\nCannot attach dialog to the page.\nAdd an element that uses the kendoDialogContainer directive, or set the 'appendTo' property.\nSee http://www.telerik.com/kendo-angular-ui/components/dialog/service/ .\n          ");var i=this.contentFrom(t.content,n),a=n.createComponent(e,void 0,void 0,i.nodes);this.applyOptions(a.instance,t);var d=new r.Subject,p=function(t){d.next(t||new c.DialogCloseResult),i.componentRef&&i.componentRef.destroy(),a.destroy()},u=o.Observable.merge(d,a.instance.close,a.instance.action).take(1);return u.subscribe(p),{close:p,content:i.componentRef||null,dialog:a,result:u}},t.prototype.applyOptions=function(t,e){t.title=e.title,t.actions=e.actions,t.width=e.width,t.minWidth=e.minWidth,t.height=e.height,e.content instanceof a.TemplateRef&&(t.contentTemplate=e.content)},t.prototype.contentFrom=function(t,e){var n=e.injector.get(a.Renderer2),i=[],o=null;if("string"==typeof t)i=[n.createText(t)];else if(t&&!(t instanceof a.TemplateRef)){var r=this.resolver.resolveComponentFactory(t);i=[(o=e.createComponent(r)).location.nativeElement]}return{componentRef:o,nodes:[[],i,[]]}},t}();p=i.__decorate([a.Injectable(),i.__metadata("design:paramtypes",[a.ComponentFactoryResolver,d.DialogContainerService])],p),e.DialogService=p},function(t,e){t.exports=a},function(t,e){t.exports=s},function(t,e){t.exports=d},function(t,e){t.exports=r},function(t,e){t.exports=c},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i,o=n(2),r=n(3),a=i=function(){function t(){}return Object.defineProperty(t.prototype,"container",{get:function(){return i.container},set:function(t){i.container=t},enumerable:!0,configurable:!0}),t}();a=i=o.__decorate([r.Injectable()],a),e.DialogContainerService=a},function(t,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var n=function(){return function(){}}();e.DialogAction=n;var i=function(){return function(){}}();e.DialogCloseResult=i;var o=function(){return function(){}}();e.DialogSettings=o;var r=function(){return function(){}}();e.DialogRef=r},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(5),a=n(5),s=n(17);n(18);var d=n(19),c=n(27),p=n(27),u=n(29),l=n(32),g=function(){function t(t,e,n,i,r){this.el=t,this.renderer=e,this.service=n,this.ngZone=i,this.keepContent=!1,this.dragStart=new o.EventEmitter,this.dragEnd=new o.EventEmitter,this.resizeStart=new o.EventEmitter,this.resizeEnd=new o.EventEmitter,this.close=new o.EventEmitter,this.widthChange=new o.EventEmitter,this.heightChange=new o.EventEmitter,this.topChange=new o.EventEmitter,this.leftChange=new o.EventEmitter,this.stateChange=new o.EventEmitter,this.tabIndex=0,this.focused=!1,this.draged=!1,this.resized=!1,this.windowSubscription=new s.Subscription,this.direction=r?"rtl":"ltr",this.resizeDirections=p.RESIZE_DIRECTIONS,this.subscribeEvents()}return Object.defineProperty(t.prototype,"draggable",{get:function(){return this.settings.draggable},set:function(t){this.settings.draggable=t},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"resizable",{get:function(){return this.settings.resizable},set:function(t){this.settings.resizable=t},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"state",{get:function(){return this.settings.state},set:function(t){this.settings.state=t},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"minWidth",{get:function(){return this.settings.minWidth},set:function(t){this.setSetting("minWidth",t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"minHeight",{get:function(){return this.settings.minHeight},set:function(t){this.setSetting("minHeight",t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"width",{get:function(){return this.settings.width},set:function(t){this.setSetting("width",t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"height",{get:function(){return this.settings.height},set:function(t){this.setSetting("height",t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"top",{get:function(){return this.settings.top},set:function(t){this.setSetting("top",t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"left",{get:function(){return this.settings.left},set:function(t){this.setSetting("left",t)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"hostClasses",{get:function(){return!0},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"dir",{get:function(){return this.direction},enumerable:!0,configurable:!0}),t.prototype.ngAfterViewInit=function(){this.setNextZIndex(),this.setInitialOffset()},t.prototype.ngOnInit=function(){this.renderer.removeAttribute(this.el.nativeElement,"title"),this.service.init(this.el)},t.prototype.ngOnChanges=function(t){var e=this;if(c.OFFSET_STYLES.forEach(function(n){c.isChanged(n,t)&&e.updateOffset(n,e.settings[n])}),c.isChanged("draggable",t)){var n=c.isPresent(this.titleBarContent)?this.titleBarContent:this.titleBarView;c.isTruthy(t.draggable.currentValue)?n.subscribeDrag():n.unsubscribeDrag()}},t.prototype.ngOnDestroy=function(){this.windowSubscription&&this.windowSubscription.unsubscribe()},Object.defineProperty(t.prototype,"showDefaultTitleBar",{get:function(){return!c.isPresent(this.titleBarContent)},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"windowClasses",{get:function(){return!0},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"styleMinWidth",{get:function(){return this.minWidth+"px"},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"styleMinHeight",{get:function(){return this.minHeight+"px"},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"stylePosition",{get:function(){return this.settings.position},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"wrapperMaximizedClass",{get:function(){return"maximized"===this.state},enumerable:!0,configurable:!0}),Object.defineProperty(t.prototype,"wrapperFocusedClass",{get:function(){return this.focused},enumerable:!0,configurable:!0}),t.prototype.onComponentFocus=function(){this.focused=!0,this.setNextZIndex()},t.prototype.onComponentBlur=function(){this.focused=!1},t.prototype.subscribeEvents=function(){var t=this;p.isDocumentAvailable()&&(this.windowSubscription.add(this.service.focus.subscribe(function(){t.el.nativeElement.focus()})),this.windowSubscription.add(this.service.dragStart.subscribe(function(){t.draged=!0,t.dragStart.emit()})),this.windowSubscription.add(this.service.dragEnd.subscribe(function(){t.draged&&(t.draged=!1,t.dragEnd.emit())})),this.windowSubscription.add(this.service.close.subscribe(function(){t.close.emit()})),this.windowSubscription.add(this.service.resizeStart.subscribe(function(){t.resized=!0,t.resizeStart.emit()})),this.windowSubscription.add(this.service.resizeEnd.subscribe(function(){t.resized&&(t.resized=!1,t.resizeEnd.emit())})),this.windowSubscription.add(this.service.change.subscribe(function(e){c.OFFSET_STYLES.forEach(function(n){c.isPresent(e[n])&&(t.updateOffset(n,e[n]),"maximized"!==t.state&&t.ngZone.run(function(){t[n+"Change"].emit(e[n])}))})})),this.windowSubscription.add(this.service.stateChange.subscribe(function(e){t.updateAllOffset(),t.stateChange.emit(e)})))},t.prototype.setNextZIndex=function(){this.renderer.setStyle(this.el.nativeElement,"z-index",this.service.nextZIndex)},t.prototype.setInitialOffset=function(){"maximized"!==this.state&&this.updateAllOffset(),c.isPresent(this.left)||c.isPresent(this.top)||"maximized"===this.state||this.service.center()},t.prototype.updateAllOffset=function(){var t=this;c.OFFSET_STYLES.forEach(function(e){c.isPresent(t[e])&&t.updateOffset(e,t[e])})},t.prototype.updateOffset=function(t,e){this.renderer.setStyle(this.el.nativeElement,t,e+"px")},Object.defineProperty(t.prototype,"settings",{get:function(){return this.service.settings},enumerable:!0,configurable:!0}),t.prototype.setSetting=function(t,e){if("number"==typeof e)this.settings[t]=e;else{if("string"!=typeof e)throw new Error("Invalid type used for "+t);this.settings[t]=parseInt(e,10)}},t}();i.__decorate([o.Input(),i.__metadata("design:type",String)],g.prototype,"title",void 0),i.__decorate([o.Input(),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[Boolean])],g.prototype,"draggable",null),i.__decorate([o.Input(),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[Boolean])],g.prototype,"resizable",null),i.__decorate([o.Input(),i.__metadata("design:type",Boolean)],g.prototype,"keepContent",void 0),i.__decorate([o.Input(),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[String])],g.prototype,"state",null),i.__decorate([o.Input(),i.__metadata("design:type",Number),i.__metadata("design:paramtypes",[Number])],g.prototype,"minWidth",null),i.__decorate([o.Input(),i.__metadata("design:type",Number),i.__metadata("design:paramtypes",[Number])],g.prototype,"minHeight",null),i.__decorate([o.Input(),i.__metadata("design:type",Number),i.__metadata("design:paramtypes",[Number])],g.prototype,"width",null),i.__decorate([o.Input(),i.__metadata("design:type",Number),i.__metadata("design:paramtypes",[Number])],g.prototype,"height",null),i.__decorate([o.Input(),i.__metadata("design:type",Number),i.__metadata("design:paramtypes",[Number])],g.prototype,"top",null),i.__decorate([o.Input(),i.__metadata("design:type",Number),i.__metadata("design:paramtypes",[Number])],g.prototype,"left",null),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],g.prototype,"dragStart",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],g.prototype,"dragEnd",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],g.prototype,"resizeStart",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],g.prototype,"resizeEnd",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],g.prototype,"close",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],g.prototype,"widthChange",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],g.prototype,"heightChange",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],g.prototype,"topChange",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],g.prototype,"leftChange",void 0),i.__decorate([o.Output(),i.__metadata("design:type",o.EventEmitter)],g.prototype,"stateChange",void 0),i.__decorate([o.HostBinding("attr.tabIndex"),i.__metadata("design:type",Number)],g.prototype,"tabIndex",void 0),i.__decorate([o.HostBinding("class.k-widget"),o.HostBinding("class.k-window"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],g.prototype,"hostClasses",null),i.__decorate([o.HostBinding("attr.dir"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],g.prototype,"dir",null),i.__decorate([o.ViewChild(l.WindowTitleBarComponent),i.__metadata("design:type",l.WindowTitleBarComponent)],g.prototype,"titleBarView",void 0),i.__decorate([o.ContentChild(l.WindowTitleBarComponent),i.__metadata("design:type",l.WindowTitleBarComponent)],g.prototype,"titleBarContent",void 0),i.__decorate([o.ViewChildren(u.ResizeHandleDirective),i.__metadata("design:type",o.QueryList)],g.prototype,"resizeHandles",void 0),i.__decorate([o.HostBinding("class.k-window-wrapper"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],g.prototype,"windowClasses",null),i.__decorate([o.HostBinding("style.minWidth"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],g.prototype,"styleMinWidth",null),i.__decorate([o.HostBinding("style.minHeight"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],g.prototype,"styleMinHeight",null),i.__decorate([o.HostBinding("style.position"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],g.prototype,"stylePosition",null),i.__decorate([o.HostBinding("class.k-window-maximized"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],g.prototype,"wrapperMaximizedClass",null),i.__decorate([o.HostBinding("class.k-state-focused"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],g.prototype,"wrapperFocusedClass",null),i.__decorate([o.HostListener("focus"),i.__metadata("design:type",Function),i.__metadata("design:paramtypes",[]),i.__metadata("design:returntype",void 0)],g.prototype,"onComponentFocus",null),i.__decorate([o.HostListener("blur"),i.__metadata("design:type",Function),i.__metadata("design:paramtypes",[]),i.__metadata("design:returntype",void 0)],g.prototype,"onComponentBlur",null),g=i.__decorate([o.Component({exportAs:"kendoWindow",providers:[d.WindowService,a.LocalizationService,{provide:a.L10N_PREFIX,useValue:"kendo.window"}],selector:"kendo-window",template:'\n        <kendo-window-titlebar *ngIf="showDefaultTitleBar">\n            <div class="k-window-title k-dialog-title">{{title}}</div>\n            <button kendoWindowMinimizeAction></button>\n            <button kendoWindowMaximizeAction></button>\n            <button kendoWindowRestoreAction></button>\n            <button kendoWindowCloseAction></button>\n        </kendo-window-titlebar>\n        <ng-content select="kendo-window-titlebar" *ngIf="!showDefaultTitleBar"></ng-content>\n\n        <div *ngIf="state !== \'minimized\' || keepContent"\n            [hidden]="state === \'minimized\' && keepContent"\n            class="k-content k-window-content k-dialog-content">\n            <ng-content></ng-content>\n        </div>\n\n        <ng-template [ngIf]=\'resizable\'>\n            <div *ngFor=\'let dir of resizeDirections\'\n                [direction]="dir"\n                kendoWindowResizeHandle\n                kendoWindowDraggable>\n            </div>\n        </ng-template>\n    '}),i.__param(4,o.Optional()),i.__param(4,o.Inject(r.RTL)),i.__metadata("design:paramtypes",[o.ElementRef,o.Renderer2,d.WindowService,o.NgZone,Boolean])],g),e.WindowComponent=g},function(t,e){t.exports=p},function(t,e){t.exports=u},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(17);n(20),n(21),n(22),n(23),n(24),n(9),n(25),n(26),n(10);var a=n(27),s=n(28),d=10002,c={draggable:!0,height:null,left:null,minHeight:100,minWidth:120,position:"absolute",resizable:!0,state:"default",top:null,width:null},p=function(t,e){return function(n){return t.kendo.drag.takeUntil(t.kendo.release.do(function(){e.emit()})).map(function(t){var e=t.pageX,i=t.pageY;return{originalX:n.pageX,originalY:n.pageY,pageX:e,pageY:i}})}},u=function(){function t(t){this.ngZone=t,this.close=new o.EventEmitter,this.focus=new o.EventEmitter,this.change=new o.EventEmitter,this.stateChange=new o.EventEmitter,this.dragStart=new o.EventEmitter,this.dragEnd=new o.EventEmitter,this.resizeStart=new o.EventEmitter,this.resizeEnd=new o.EventEmitter,this.settings=Object.assign({},c),this.subscriptions=new r.Subscription,this.dragSubscription=new r.Subscription}return t.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe(),this.dragSubscription&&this.dragSubscription.unsubscribe()},t.prototype.init=function(t){this.window=t,"minimized"===this.settings.state&&(this.restoreSettings=Object.assign({},this.settings),this.settings.height=0,this.settings.minHeight=0)},t.prototype.onDrag=function(t){var e=this;this.subscriptions.add(this.ngZone.runOutsideAngular(function(){var n,i;e.dragSubscription=t.kendo.press.do(function(t){a.preventDefault(t),e.focus.emit(),n=e.currentPosition(),i=!1}).switchMap(a.preventOnDblClick(t.kendo.release)).switchMap(p(t,e.dragEnd)).subscribe(function(t){var o=t.pageX,r=t.pageY,a=t.originalX,s=t.originalY;i||(e.dragStart.emit(),i=!0),e.handleDrag({originalX:a,originalY:s,pageX:o,pageY:r,startPosition:n})})}))},t.prototype.handleDrag=function(t){var e=t.originalX,n=t.originalY,i=t.pageX,o=t.pageY,r=t.startPosition;this.settings.left=r.x+i-e,this.settings.top=r.y+o-n,"minimized"===this.settings.state&&a.isPresent(this.restoreSettings)&&(this.restoreSettings.left=this.settings.left,this.restoreSettings.top=this.settings.top),this.change.emit({left:r.x+i-e,top:r.y+o-n})},t.prototype.onResize=function(t,e){var n=this;this.subscriptions.add(this.ngZone.runOutsideAngular(function(){var i,o=!1;t.kendo.press.do(function(t){a.preventDefault(t),n.focus.emit(),i=n.currentOffsetAndPosition(),o=!1}).switchMap(a.preventOnDblClick(t.kendo.release)).switchMap(p(t,n.resizeEnd)).subscribe(function(t){var r=t.pageX,a=t.pageY,s=t.originalX,d=t.originalY;o||(n.resizeStart.emit(e),o=!0);var c=r-s,p=a-d;n.handleResize(i,e,c,p)})}))},t.prototype.handleResize=function(t,e,n,i){var o=this,r=this.settings,s={};e.indexOf("e")>=0&&((p=t.width+n)!==r.width&&p>=r.minWidth&&(s.width=p));if(e.indexOf("n")>=0){var d=t.height-i,c=t.y+i;d!==r.height&&d>=r.minHeight&&c!==r.top&&(s.height=d,s.top=c)}e.indexOf("s")>=0&&((d=t.height+i)!==r.height&&d>=r.minHeight&&(s.height=d));if(e.indexOf("w")>=0){var p,u=t.x+n;(p=t.width-n)!==r.width&&p>=r.minWidth&&u!==r.left&&(s.width=p,s.left=u)}(a.isPresent(s.width)||a.isPresent(s.height))&&(a.OFFSET_STYLES.forEach(function(t){a.isPresent(s[t])&&(o.settings[t]=s[t])}),this.change.emit(s))},t.prototype.restoreAction=function(){a.isPresent(this.restoreSettings)&&(this.settings=Object.assign({},this.restoreSettings)),this.settings.state="default",this.stateChange.emit("default")},t.prototype.storeSettings=function(){if(this.restoreSettings=Object.assign({},this.settings),!a.isPresent(this.settings.width)||!a.isPresent(this.settings.height)){var t=s.offset(this.window.nativeElement);this.restoreSettings.width=t.width,this.restoreSettings.height=t.height}},t.prototype.maximizeAction=function(){if("maximized"!==this.settings.state){this.storeSettings();var t=s.getWindowViewPort(this.window.nativeElement);this.settings=Object.assign({},this.settings,{height:t.height,left:0,position:"fixed",state:"maximized",top:0,width:t.width}),this.stateChange.emit("maximized")}},t.prototype.minimizeAction=function(){"minimized"!==this.settings.state&&(this.storeSettings(),this.settings=Object.assign({},this.settings,{height:0,minHeight:0,state:"minimized"}),this.stateChange.emit("minimized"))},t.prototype.closeAction=function(){this.close.emit()},t.prototype.center=function(){if("maximized"!==this.settings.state){var t=s.scrollPosition(this.window.nativeElement),e=s.getWindowViewPort(this.window.nativeElement),n=s.offset(this.window.nativeElement);this.settings.left=t.x+Math.max(0,(e.width-n.width)/2),this.settings.top=t.y+Math.max(0,(e.height-n.height)/2),this.change.emit({left:this.settings.left,top:this.settings.top})}},t.prototype.currentOffsetAndPosition=function(){var t=this.settings,e=s.offset(this.window.nativeElement);return Object.assign({},this.currentPosition(),{height:t.height?t.height:e.height,width:t.width?t.width:e.width})},t.prototype.currentPosition=function(){var t=this.settings;return t.top&&t.left||this.setPosition(),{x:this.settings.left,y:this.settings.top}},t.prototype.setPosition=function(){var t=s.positionWithScroll(this.window.nativeElement,s.getDocumentElement(this.window.nativeElement));this.settings.left=t.left,this.settings.top=t.top},Object.defineProperty(t.prototype,"nextZIndex",{get:function(){return d++},enumerable:!0,configurable:!0}),t}();u=i.__decorate([o.Injectable(),i.__metadata("design:paramtypes",[o.NgZone])],u),e.WindowService=u},function(t,e){t.exports=m},function(t,e){t.exports=f},function(t,e){t.exports=b},function(t,e){t.exports=_},function(t,e){t.exports=h},function(t,e){t.exports=y},function(t,e){t.exports=v},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(12);e.isPresent=function(t){return null!==t&&void 0!==t},e.isTruthy=function(t){return!!t};var o=function(t){return String(t).trim().split(" ")},r=/^(?:a|input|select|textarea|button|object)$/i;e.hasClasses=function(t,e){var n=o(e);return Boolean(o(t.className).find(function(t){return n.indexOf(t)>=0}))},e.isVisible=function(t){var e=t.getBoundingClientRect();return!(!e.width||!e.height)&&"hidden"!==window.getComputedStyle(t).visibility},e.isFocusable=function(t,n){if(void 0===n&&(n=!0),t.tagName){var i=t.tagName.toLowerCase(),o=t.getAttribute("tabIndex"),a=null!==o&&!isNaN(o)&&o>-1;return(r.test(i)?!t.disabled:a)&&(!n||e.isVisible(t))}return!1},e.isChanged=function(t,e,n){return void 0===n&&(n=!0),e[t]&&(!e[t].isFirstChange()||!n)&&e[t].previousValue!==e[t].currentValue},e.preventDefault=function(t){var e=t.originalEvent;e.stopPropagation(),e.preventDefault()},e.isDocumentAvailable=function(){return"undefined"!=typeof document&&!!document.body},e.isWindowAvailable=function(){return"undefined"!=typeof window},e.preventOnDblClick=function(t){return function(e){return i.Observable.of(e).delay(150).takeUntil(t)}},e.RESIZE_DIRECTIONS=["n","e","s","w","se","sw","ne","nw"],e.OFFSET_STYLES=["top","left","width","height"]},function(t,e){t.exports=w},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(30),a=n(19),s=n(17),d=n(12),c=function(){function t(t,e,n,i){this.draggable=t,this.el=e,this.renderer=n,this.service=i,this.subscriptions=new s.Subscription}return Object.defineProperty(t.prototype,"hostClass",{get:function(){return!0},enumerable:!0,configurable:!0}),t.prototype.ngOnInit=function(){var t=this;this.setDisplay(),this.renderer.addClass(this.el.nativeElement,"k-resize-"+this.direction),this.subscriptions.add(d.Observable.of(this.draggable).subscribe(function(e){t.service.onResize(e,t.direction)})),this.subscriptions.add(this.service.resizeStart.subscribe(function(e){e!==t.direction&&t.setDisplay("none")})),this.subscriptions.add(this.service.dragStart.subscribe(function(){t.setDisplay("none")})),this.subscriptions.add(d.Observable.merge(this.service.resizeEnd,this.service.dragEnd).subscribe(function(){t.setDisplay("block")})),this.subscriptions.add(this.service.stateChange.subscribe(function(e){t.setDisplay("default"===e?"block":"none")}))},t.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},t.prototype.setDisplay=function(t){void 0===t&&(t="block"),this.renderer.setStyle(this.el.nativeElement,"display","default"===this.service.settings.state?t:"none")},t}();i.__decorate([o.Input(),i.__metadata("design:type",String)],c.prototype,"direction",void 0),i.__decorate([o.HostBinding("class.k-resize-handle"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],c.prototype,"hostClass",null),c=i.__decorate([o.Directive({selector:"[kendoWindowResizeHandle]"}),i.__param(0,o.Host()),i.__metadata("design:paramtypes",[r.DraggableDirective,o.ElementRef,o.Renderer2,a.WindowService])],c),e.ResizeHandleDirective=c},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(31),a=function(){function t(t,e){this.elem=t,this.ngZone=e,this.kendo={drag:new o.EventEmitter,press:new o.EventEmitter,release:new o.EventEmitter}}return t.prototype.ngOnInit=function(){var t=this;"undefined"!=typeof document&&(this.draggable=new r.default({drag:function(e){return t.kendo.drag.next(e)},press:function(e){return t.kendo.press.next(e)},release:function(e){return t.kendo.release.next(e)}}),this.ngZone.runOutsideAngular(function(){return t.draggable.bindTo(t.elem.nativeElement)}))},t.prototype.ngOnDestroy=function(){"undefined"!=typeof document&&this.draggable.destroy()},Object.defineProperty(t.prototype,"nativeElement",{get:function(){return this.elem.nativeElement},enumerable:!0,configurable:!0}),t}();a=i.__decorate([o.Directive({outputs:["kendo.press","kendo.drag","kendo.release"],selector:"[kendoWindowDraggable]"}),i.__metadata("design:paramtypes",[o.ElementRef,o.NgZone])],a),e.DraggableDirective=a},function(t,e){t.exports=g},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(30),a=n(19),s=n(17),d=n(12),c=n(27),p=function(){function t(t,e,n){this.el=t,this.service=e,this.ngZone=n,this.dragSubscription=new s.Subscription}return t.prototype.ngOnInit=function(){this.dragDirective=new r.DraggableDirective(this.el,this.ngZone),this.dragDirective.ngOnInit(),this.service.settings.draggable&&this.subscribeDrag()},t.prototype.ngOnDestroy=function(){this.dragDirective.ngOnDestroy(),this.dragSubscription&&this.unsubscribeDrag()},t.prototype.subscribeDrag=function(){var t=this;this.dragSubscription=d.Observable.of(this.dragDirective).subscribe(function(e){t.service.onDrag(e)})},t.prototype.unsubscribeDrag=function(){this.dragSubscription&&(this.service.dragSubscription.unsubscribe(),this.dragSubscription.unsubscribe(),this.dragSubscription=null)},Object.defineProperty(t.prototype,"className",{get:function(){return!0},enumerable:!0,configurable:!0}),t.prototype.handle=function(t){var e=t.target,n=this.service.settings.state;c.hasClasses(e,"k-icon")||c.isFocusable(e,!1)||!this.service.settings.resizable||("default"===n?this.service.maximizeAction():"maximized"===n&&this.service.restoreAction())},t}();i.__decorate([o.HostBinding("class.k-window-titlebar"),o.HostBinding("class.k-dialog-titlebar"),o.HostBinding("class.k-header"),i.__metadata("design:type",Boolean),i.__metadata("design:paramtypes",[])],p.prototype,"className",null),i.__decorate([o.HostListener("dblclick",["$event"]),i.__metadata("design:type",Function),i.__metadata("design:paramtypes",[MouseEvent]),i.__metadata("design:returntype",void 0)],p.prototype,"handle",null),p=i.__decorate([o.Component({selector:"kendo-window-titlebar",template:"\n    <ng-content></ng-content>\n  "}),i.__metadata("design:paramtypes",[o.ElementRef,a.WindowService,o.NgZone])],p),e.WindowTitleBarComponent=p},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(19),a=n(34),s=n(5),d=function(t){function e(e,n,i,o){var r=t.call(this,e,n,null,o)||this;return r.window=i,r.look="bare",r.icon="window-maximize",r}return i.__extends(e,t),e.prototype.onClick=function(){this.window.maximizeAction()},Object.defineProperty(e.prototype,"visible",{get:function(){return"default"===this.window.settings.state?"inline-flex":"none"},enumerable:!0,configurable:!0}),e}(a.Button);i.__decorate([o.HostListener("click"),i.__metadata("design:type",Function),i.__metadata("design:paramtypes",[]),i.__metadata("design:returntype",void 0)],d.prototype,"onClick",null),i.__decorate([o.HostBinding("style.display"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],d.prototype,"visible",null),d=i.__decorate([o.Directive({exportAs:"kendoWindowMaximizeAction",selector:"button[kendoWindowMaximizeAction]"}),i.__param(3,o.Optional()),i.__param(3,o.Inject(s.RTL)),i.__metadata("design:paramtypes",[o.ElementRef,o.Renderer2,r.WindowService,Boolean])],d),e.WindowMaximizeActionDirective=d},function(t,e){t.exports=l},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(19),a=n(34),s=n(5),d=function(t){function e(e,n,i,o){var r=t.call(this,e,n,null,o)||this;return r.window=i,r.look="bare",r.icon="window-minimize",r}return i.__extends(e,t),e.prototype.onClick=function(){this.window.minimizeAction()},Object.defineProperty(e.prototype,"visible",{get:function(){return"default"===this.window.settings.state?"inline-flex":"none"},enumerable:!0,configurable:!0}),e}(a.Button);i.__decorate([o.HostListener("click"),i.__metadata("design:type",Function),i.__metadata("design:paramtypes",[]),i.__metadata("design:returntype",void 0)],d.prototype,"onClick",null),i.__decorate([o.HostBinding("style.display"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],d.prototype,"visible",null),d=i.__decorate([o.Directive({exportAs:"kendoWindowMinimizeAction",selector:"button[kendoWindowMinimizeAction]"}),i.__param(3,o.Optional()),i.__param(3,o.Inject(s.RTL)),i.__metadata("design:paramtypes",[o.ElementRef,o.Renderer2,r.WindowService,Boolean])],d),e.WindowMinimizeActionDirective=d},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(34),a=n(5),s=n(19),d=function(t){function e(e,n,i,o){var r=t.call(this,e,n,null,o)||this;return r.window=i,r.look="bare",r.icon="close",r}return i.__extends(e,t),e.prototype.onClick=function(){this.window.closeAction()},e}(r.Button);i.__decorate([o.HostListener("click"),i.__metadata("design:type",Function),i.__metadata("design:paramtypes",[]),i.__metadata("design:returntype",void 0)],d.prototype,"onClick",null),d=i.__decorate([o.Directive({exportAs:"kendoWindowCloseAction",selector:"button[kendoWindowCloseAction]"}),i.__param(3,o.Optional()),i.__param(3,o.Inject(a.RTL)),i.__metadata("design:paramtypes",[o.ElementRef,o.Renderer2,s.WindowService,Boolean])],d),e.WindowCloseActionDirective=d},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(19),a=n(34),s=n(5),d=function(t){function e(e,n,i,o){var r=t.call(this,e,n,null,o)||this;return r.window=i,r.look="bare",r.icon="window-restore",r}return i.__extends(e,t),e.prototype.onClick=function(){this.window.restoreAction()},Object.defineProperty(e.prototype,"visible",{get:function(){return"default"===this.window.settings.state?"none":"inline-flex"},enumerable:!0,configurable:!0}),e}(a.Button);i.__decorate([o.HostListener("click"),i.__metadata("design:type",Function),i.__metadata("design:paramtypes",[]),i.__metadata("design:returntype",void 0)],d.prototype,"onClick",null),i.__decorate([o.HostBinding("style.display"),i.__metadata("design:type",String),i.__metadata("design:paramtypes",[])],d.prototype,"visible",null),d=i.__decorate([o.Directive({exportAs:"kendoWindowRestoreAction",selector:"button[kendoWindowRestoreAction]"}),i.__param(3,o.Optional()),i.__param(3,o.Inject(s.RTL)),i.__metadata("design:paramtypes",[o.ElementRef,o.Renderer2,r.WindowService,Boolean])],d),e.WindowRestoreActionDirective=d},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(1),a=n(7),s=n(8),d=n(39),c=n(14),p=n(40);e.DIALOG_DIRECTIVES=[r.DialogComponent,a.DialogTitleBarComponent];var u=function(){return function(){}}();u=i.__decorate([o.NgModule({declarations:[e.DIALOG_DIRECTIVES,d.DialogContainerDirective],entryComponents:[e.DIALOG_DIRECTIVES],exports:[e.DIALOG_DIRECTIVES,p.SHARED_DIRECTIVES,d.DialogContainerDirective],imports:[p.SharedModule],providers:[c.DialogContainerService,s.DialogService]})],u),e.DialogModule=u},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(14),a=function(){return function(t,e){e.container=t}}();a=i.__decorate([o.Directive({selector:"[kendoDialogContainer]"}),i.__metadata("design:paramtypes",[o.ViewContainerRef,r.DialogContainerService])],a),e.DialogContainerDirective=a},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(41),a=n(6);e.SHARED_DIRECTIVES=[a.DialogActionsComponent];var s=function(){return function(){}}();s=i.__decorate([o.NgModule({declarations:[e.SHARED_DIRECTIVES],exports:[e.SHARED_DIRECTIVES,r.CommonModule],imports:[r.CommonModule]})],s),e.SharedModule=s},function(t,e){t.exports=E},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(16),a=n(32),s=n(30),d=n(29),c=n(33),p=n(35),u=n(36),l=n(37),g=n(40),m=[s.DraggableDirective,d.ResizeHandleDirective,r.WindowComponent,a.WindowTitleBarComponent,u.WindowCloseActionDirective,p.WindowMinimizeActionDirective,c.WindowMaximizeActionDirective,l.WindowRestoreActionDirective],f=[r.WindowComponent,u.WindowCloseActionDirective,p.WindowMinimizeActionDirective,c.WindowMaximizeActionDirective,l.WindowRestoreActionDirective,a.WindowTitleBarComponent],h=function(){return function(){}}();h=i.__decorate([o.NgModule({declarations:[m],exports:[f,g.SHARED_DIRECTIVES],imports:[g.SharedModule]})],h),e.WindowModule=h},function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var i=n(2),o=n(3),r=n(38),a=n(42),s=function(){return function(){}}();s=i.__decorate([o.NgModule({exports:[r.DialogModule,a.WindowModule]})],s),e.DialogsModule=s}])}}});

package.json

 {
   "name": "@progress/kendo-angular-dialog",
   "description": "Dialog Package for Angular 2",
-  "version": "1.4.0-dev.201801110944",
+  "version": "1.4.0-dev.201801111646",
   "main": "dist/npm/main.js",
@@ -6,0 +6,0 @@ "module": "dist/es/main.js",

Fixed alerts

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

Improved metrics

Number of medium supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

503492

decreased by-2.34%

Number of package files

151

decreased by-3.82%

Lines of code

5739

decreased by-0.85%

No dependency changes