@smart-webcomponents-angular/window 13.0.9 → 14.2.0

package/esm2020/window/smart.window.module.mjs

@@ -4,10 +4,10 @@ import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import * as i0 from "@angular/core";
 export class WindowModule {
 }
-WindowModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: WindowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-WindowModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: WindowModule, declarations: [WindowComponent], exports: [WindowComponent] });
-WindowModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: WindowModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: WindowModule, decorators: [{
+WindowModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: WindowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+WindowModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: WindowModule, declarations: [WindowComponent], exports: [WindowComponent] });
+WindowModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: WindowModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: WindowModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [WindowComponent],

package/fesm2015/smart-webcomponents-angular-window.mjs

@@ -9,7 +9,7 @@ import './../source/modules/smart.window';
 
 import { __awaiter } from 'tslib';
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Output, Input, Directive, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { EventEmitter, Directive, Output, Input, NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 
 class BaseElement {
     constructor(ref) {
@@ -80,13 +80,10 @@ class BaseElement {
         this.nativeElement ? this.nativeElement.theme = value : undefined;
     }
 }
-BaseElement.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: BaseElement, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-BaseElement.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.2", type: BaseElement, selector: "ng-component", inputs: { locale: "locale", localizeFormatFunction: "localizeFormatFunction", messages: "messages", rightToLeft: "rightToLeft", theme: "theme" }, outputs: { onCreate: "onCreate", onReady: "onReady", onAttach: "onAttach", onDetach: "onDetach" }, ngImport: i0, template: '', isInline: true });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: BaseElement, decorators: [{
-            type: Component,
-            args: [{
-                    template: ''
-                }]
+BaseElement.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BaseElement, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+BaseElement.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.6", type: BaseElement, inputs: { locale: "locale", localizeFormatFunction: "localizeFormatFunction", messages: "messages", rightToLeft: "rightToLeft", theme: "theme" }, outputs: { onCreate: "onCreate", onReady: "onReady", onAttach: "onAttach", onDetach: "onDetach" }, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: BaseElement, decorators: [{
+            type: Directive
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { onCreate: [{
                 type: Output
             }], onReady: [{
@@ -247,6 +244,20 @@ class WindowComponent extends BaseElement {
     set disableSnap(value) {
         this.nativeElement ? this.nativeElement.disableSnap = value : undefined;
     }
+    /** @description By default the window is closing after the 'Escape' key is pressed. Set this property to true, if you want to disable that. */
+    get disableEscape() {
+        return this.nativeElement ? this.nativeElement.disableEscape : undefined;
+    }
+    set disableEscape(value) {
+        this.nativeElement ? this.nativeElement.disableEscape = value : undefined;
+    }
+    /** @description By default the window is handling keyboard keys like 'Arrows', 'Escape', etc. Set this property to true, if you want to disable that. */
+    get disableKeyboard() {
+        return this.nativeElement ? this.nativeElement.disableKeyboard : undefined;
+    }
+    set disableKeyboard(value) {
+        this.nativeElement ? this.nativeElement.disableKeyboard = value : undefined;
+    }
     /** @description Determines how the characters are displayed inside the input. Applicable to Prompt Window. */
     get displayMode() {
         return this.nativeElement ? this.nativeElement.displayMode : undefined;
@@ -766,37 +777,20 @@ class WindowComponent extends BaseElement {
             return result;
         });
     }
-    /** @description Removes a tab and its associated content section. Applicable only to TabsWindow.
-    * @param {number} index. The index of the tab to remove.
+    /** @description Moves the window to a new position
+    * @param {string | number} left. Left position. For example: '100px'.
+    * @param {string | number} top. Top position. For example: '100px'.
     */
-    removeAt(index) {
+    move(left, top) {
         if (this.nativeElement.isRendered) {
-            this.nativeElement.removeAt(index);
+            this.nativeElement.move(left, top);
         }
         else {
             this.nativeElement.whenRendered(() => {
-                this.nativeElement.removeAt(index);
+                this.nativeElement.move(left, top);
             });
         }
     }
-    /** @description Removes a child "smart-tab-item" node. Applicable only to TabsWindow.
-    * @param {Node} node. The "smart-tab-item" node to remove.
-    * @returns {Node}
-  */
-    removeChild(node) {
-        return __awaiter(this, void 0, void 0, function* () {
-            const getResultOnRender = () => {
-                return new Promise(resolve => {
-                    this.nativeElement.whenRendered(() => {
-                        const result = this.nativeElement.removeChild(node);
-                        resolve(result);
-                    });
-                });
-            };
-            const result = yield getResultOnRender();
-            return result;
-        });
-    }
     /** @description Maximizes the window to fill the area.
     */
     maximize() {
@@ -845,6 +839,37 @@ class WindowComponent extends BaseElement {
             });
         }
     }
+    /** @description Removes a tab and its associated content section. Applicable only to TabsWindow.
+    * @param {number} index. The index of the tab to remove.
+    */
+    removeAt(index) {
+        if (this.nativeElement.isRendered) {
+            this.nativeElement.removeAt(index);
+        }
+        else {
+            this.nativeElement.whenRendered(() => {
+                this.nativeElement.removeAt(index);
+            });
+        }
+    }
+    /** @description Removes a child "smart-tab-item" node. Applicable only to TabsWindow.
+    * @param {Node} node. The "smart-tab-item" node to remove.
+    * @returns {Node}
+  */
+    removeChild(node) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const getResultOnRender = () => {
+                return new Promise(resolve => {
+                    this.nativeElement.whenRendered(() => {
+                        const result = this.nativeElement.removeChild(node);
+                        resolve(result);
+                    });
+                });
+            };
+            const result = yield getResultOnRender();
+            return result;
+        });
+    }
     /** @description Restores the window to it's previous size before maximization/minimization.
     */
     restore() {
@@ -882,7 +907,33 @@ class WindowComponent extends BaseElement {
             });
         }
     }
-    /** @description Updates a tab and its associated content section.  Applicalbe only to TabsWindow elements.
+    /** @description Updates the header label.
+    * @param {string} label. The new label of the Header.
+    */
+    updateLabel(label) {
+        if (this.nativeElement.isRendered) {
+            this.nativeElement.updateLabel(label);
+        }
+        else {
+            this.nativeElement.whenRendered(() => {
+                this.nativeElement.updateLabel(label);
+            });
+        }
+    }
+    /** @description Updates the content.
+    * @param {string | HTMLElement} content. The new content of the window.
+    */
+    updateContent(content) {
+        if (this.nativeElement.isRendered) {
+            this.nativeElement.updateContent(content);
+        }
+        else {
+            this.nativeElement.whenRendered(() => {
+                this.nativeElement.updateContent(content);
+            });
+        }
+    }
+    /** @description Updates a TAB in TAB Window and its associated content section.  Applies only to TabsWindow elements.
     * @param {number} index. The index of the tab to update.
     * @param {string} label. The new label of the tab. The value can be the id of an HTMLTemplateElement
     * @param {string | HTMLElement} content. The new content of the tab.
@@ -996,12 +1047,12 @@ class WindowComponent extends BaseElement {
         }
     }
 }
-WindowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: WindowComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-WindowComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.2", type: WindowComponent, selector: "smart-window, [smart-window], smart-tabs-window, smart-prompt-window, smart-multilineprompt-window, smart-dialog-window,  smart-alert-window, smart-progress-window, smart-wait-window", inputs: { addNewTab: "addNewTab", animation: "animation", autoCapitalize: "autoCapitalize", autoExpand: "autoExpand", cancelLabel: "cancelLabel", completeLabel: "completeLabel", confirmLabel: "confirmLabel", collapsed: "collapsed", closeOnMaskClick: "closeOnMaskClick", dataSource: "dataSource", disabled: "disabled", disableSnap: "disableSnap", displayMode: "displayMode", dropPosition: "dropPosition", formatFunction: "formatFunction", footerPosition: "footerPosition", footerTemplate: "footerTemplate", headerButtons: "headerButtons", headerTemplate: "headerTemplate", headerPosition: "headerPosition", hint: "hint", indeterminate: "indeterminate", inverted: "inverted", label: "label", liveResize: "liveResize", layout: "layout", locale: "locale", locked: "locked", localizeFormatFunction: "localizeFormatFunction", maximized: "maximized", messages: "messages", modal: "modal", max: "max", min: "min", minimized: "minimized", maxLength: "maxLength", minLength: "minLength", opened: "opened", pinned: "pinned", placeholder: "placeholder", promptLabel: "promptLabel", readonly: "readonly", resizeIndicator: "resizeIndicator", resizeMode: "resizeMode", rightToLeft: "rightToLeft", required: "required", requiredMessage: "requiredMessage", selectAllOnFocus: "selectAllOnFocus", selectedIndex: "selectedIndex", selectionMode: "selectionMode", selectionEnd: "selectionEnd", selectionStart: "selectionStart", showProgressValue: "showProgressValue", siblings: "siblings", size: "size", spellCheck: "spellCheck", tabCloseButtons: "tabCloseButtons", tabCloseButtonMode: "tabCloseButtonMode", tabOverflow: "tabOverflow", tabPosition: "tabPosition", tabScrollButtonsPosition: "tabScrollButtonsPosition", tabTextOrientation: "tabTextOrientation", theme: "theme", unfocusable: "unfocusable", value: "value", windowParent: "windowParent", wrap: "wrap" }, outputs: { onOpening: "onOpening", onOpen: "onOpen", onClosing: "onClosing", onClose: "onClose", onCollapse: "onCollapse", onDragEnd: "onDragEnd", onDragStart: "onDragStart", onExpand: "onExpand", onMaximize: "onMaximize", onMinimize: "onMinimize", onResizeEnd: "onResizeEnd", onResizeStart: "onResizeStart", onRestore: "onRestore" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: WindowComponent, decorators: [{
+WindowComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: WindowComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+WindowComponent.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.6", type: WindowComponent, selector: "smart-window, [smart-window], smart-tabs-window, smart-prompt-window, smart-multilineprompt-window, smart-dialog-window,  smart-alert-window, smart-progress-window, smart-wait-window", inputs: { addNewTab: "addNewTab", animation: "animation", autoCapitalize: "autoCapitalize", autoExpand: "autoExpand", cancelLabel: "cancelLabel", completeLabel: "completeLabel", confirmLabel: "confirmLabel", collapsed: "collapsed", closeOnMaskClick: "closeOnMaskClick", dataSource: "dataSource", disabled: "disabled", disableSnap: "disableSnap", disableEscape: "disableEscape", disableKeyboard: "disableKeyboard", displayMode: "displayMode", dropPosition: "dropPosition", formatFunction: "formatFunction", footerPosition: "footerPosition", footerTemplate: "footerTemplate", headerButtons: "headerButtons", headerTemplate: "headerTemplate", headerPosition: "headerPosition", hint: "hint", indeterminate: "indeterminate", inverted: "inverted", label: "label", liveResize: "liveResize", layout: "layout", locale: "locale", locked: "locked", localizeFormatFunction: "localizeFormatFunction", maximized: "maximized", messages: "messages", modal: "modal", max: "max", min: "min", minimized: "minimized", maxLength: "maxLength", minLength: "minLength", opened: "opened", pinned: "pinned", placeholder: "placeholder", promptLabel: "promptLabel", readonly: "readonly", resizeIndicator: "resizeIndicator", resizeMode: "resizeMode", rightToLeft: "rightToLeft", required: "required", requiredMessage: "requiredMessage", selectAllOnFocus: "selectAllOnFocus", selectedIndex: "selectedIndex", selectionMode: "selectionMode", selectionEnd: "selectionEnd", selectionStart: "selectionStart", showProgressValue: "showProgressValue", siblings: "siblings", size: "size", spellCheck: "spellCheck", tabCloseButtons: "tabCloseButtons", tabCloseButtonMode: "tabCloseButtonMode", tabOverflow: "tabOverflow", tabPosition: "tabPosition", tabScrollButtonsPosition: "tabScrollButtonsPosition", tabTextOrientation: "tabTextOrientation", theme: "theme", unfocusable: "unfocusable", value: "value", windowParent: "windowParent", wrap: "wrap" }, outputs: { onOpening: "onOpening", onOpen: "onOpen", onClosing: "onClosing", onClose: "onClose", onCollapse: "onCollapse", onDragEnd: "onDragEnd", onDragStart: "onDragStart", onExpand: "onExpand", onMaximize: "onMaximize", onMinimize: "onMinimize", onResizeEnd: "onResizeEnd", onResizeStart: "onResizeStart", onRestore: "onRestore" }, exportAs: ["smart-window"], usesInheritance: true, usesOnChanges: true, ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: WindowComponent, decorators: [{
             type: Directive,
             args: [{
-                    selector: 'smart-window, [smart-window], smart-tabs-window, smart-prompt-window, smart-multilineprompt-window, smart-dialog-window,  smart-alert-window, smart-progress-window, smart-wait-window'
+                    exportAs: 'smart-window', selector: 'smart-window, [smart-window], smart-tabs-window, smart-prompt-window, smart-multilineprompt-window, smart-dialog-window,  smart-alert-window, smart-progress-window, smart-wait-window'
                 }]
         }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { addNewTab: [{
                 type: Input
@@ -1027,6 +1078,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
                 type: Input
             }], disableSnap: [{
                 type: Input
+            }], disableEscape: [{
+                type: Input
+            }], disableKeyboard: [{
+                type: Input
             }], displayMode: [{
                 type: Input
             }], dropPosition: [{
@@ -1167,10 +1222,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImpor
 
 class WindowModule {
 }
-WindowModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: WindowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-WindowModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: WindowModule, declarations: [WindowComponent], exports: [WindowComponent] });
-WindowModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: WindowModule });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.2", ngImport: i0, type: WindowModule, decorators: [{
+WindowModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: WindowModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+WindowModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: WindowModule, declarations: [WindowComponent], exports: [WindowComponent] });
+WindowModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: WindowModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.6", ngImport: i0, type: WindowModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [WindowComponent],