devextreme-angular 17.2.17 → 17.2.18

package/ui/slide-out-view.js

@@ -1,326 +1,326 @@
-"use strict";
-/*!
- * devextreme-angular
- * Version: 17.2.17
- * Build date: Fri Apr 23 2021
- *
- * Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
- *
- * This software may be modified and distributed under the terms
- * of the MIT license. See the LICENSE file in the root of the project for details.
- *
- * https://github.com/DevExpress/devextreme-angular
- */
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = Object.setPrototypeOf ||
-        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
-    return function (d, b) {
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-var core_1 = require("@angular/core");
-var slide_out_view_1 = require("devextreme/ui/slide_out_view");
-var component_1 = require("../core/component");
-var template_host_1 = require("../core/template-host");
-var template_1 = require("../core/template");
-var nested_option_1 = require("../core/nested-option");
-var watcher_helper_1 = require("../core/watcher-helper");
-/**
- * The SlideOutView widget is a classic slide-out menu paired with a view. This widget is very similar to the SlideOut with only one difference - the SlideOut always contains the List in the slide-out menu, while the SlideOutView can hold any collection there.
- */
-var DxSlideOutViewComponent = (function (_super) {
-    __extends(DxSlideOutViewComponent, _super);
-    function DxSlideOutViewComponent(elementRef, ngZone, templateHost, _watcherHelper, optionHost) {
-        var _this = _super.call(this, elementRef, ngZone, templateHost, _watcherHelper) || this;
-        _this._createEventEmitters([
-            { subscribe: 'disposing', emit: 'onDisposing' },
-            { subscribe: 'initialized', emit: 'onInitialized' },
-            { subscribe: 'optionChanged', emit: 'onOptionChanged' },
-            { emit: 'activeStateEnabledChange' },
-            { emit: 'contentTemplateChange' },
-            { emit: 'disabledChange' },
-            { emit: 'elementAttrChange' },
-            { emit: 'heightChange' },
-            { emit: 'hintChange' },
-            { emit: 'hoverStateEnabledChange' },
-            { emit: 'menuPositionChange' },
-            { emit: 'menuTemplateChange' },
-            { emit: 'menuVisibleChange' },
-            { emit: 'rtlEnabledChange' },
-            { emit: 'swipeEnabledChange' },
-            { emit: 'visibleChange' },
-            { emit: 'widthChange' }
-        ]);
-        optionHost.setHost(_this);
-        return _this;
-    }
-    Object.defineProperty(DxSlideOutViewComponent.prototype, "activeStateEnabled", {
-        /**
-         * Specifies whether or not the widget changes its state when interacting with a user.
-         */
-        get: function () {
-            return this._getOption('activeStateEnabled');
-        },
-        set: function (value) {
-            this._setOption('activeStateEnabled', value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DxSlideOutViewComponent.prototype, "contentTemplate", {
-        /**
-         * Specifies a custom template for the widget content.
-         */
-        get: function () {
-            return this._getOption('contentTemplate');
-        },
-        set: function (value) {
-            this._setOption('contentTemplate', value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DxSlideOutViewComponent.prototype, "disabled", {
-        /**
-         * Specifies whether the widget responds to user interaction.
-         */
-        get: function () {
-            return this._getOption('disabled');
-        },
-        set: function (value) {
-            this._setOption('disabled', value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DxSlideOutViewComponent.prototype, "elementAttr", {
-        /**
-         * Specifies the attributes to be attached to the widget's root element.
-         */
-        get: function () {
-            return this._getOption('elementAttr');
-        },
-        set: function (value) {
-            this._setOption('elementAttr', value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DxSlideOutViewComponent.prototype, "height", {
-        /**
-         * Specifies the widget's height.
-         */
-        get: function () {
-            return this._getOption('height');
-        },
-        set: function (value) {
-            this._setOption('height', value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DxSlideOutViewComponent.prototype, "hint", {
-        /**
-         * Specifies text for a hint that appears when a user pauses on the widget.
-         */
-        get: function () {
-            return this._getOption('hint');
-        },
-        set: function (value) {
-            this._setOption('hint', value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DxSlideOutViewComponent.prototype, "hoverStateEnabled", {
-        /**
-         * Specifies whether the widget changes its state when a user pauses on it.
-         */
-        get: function () {
-            return this._getOption('hoverStateEnabled');
-        },
-        set: function (value) {
-            this._setOption('hoverStateEnabled', value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DxSlideOutViewComponent.prototype, "menuPosition", {
-        /**
-         * Specifies the current menu position.
-         */
-        get: function () {
-            return this._getOption('menuPosition');
-        },
-        set: function (value) {
-            this._setOption('menuPosition', value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DxSlideOutViewComponent.prototype, "menuTemplate", {
-        /**
-         * Specifies a custom template for the menu content.
-         */
-        get: function () {
-            return this._getOption('menuTemplate');
-        },
-        set: function (value) {
-            this._setOption('menuTemplate', value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DxSlideOutViewComponent.prototype, "menuVisible", {
-        /**
-         * Specifies whether or not the menu panel is visible.
-         */
-        get: function () {
-            return this._getOption('menuVisible');
-        },
-        set: function (value) {
-            this._setOption('menuVisible', value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DxSlideOutViewComponent.prototype, "rtlEnabled", {
-        /**
-         * Switches the widget to a right-to-left representation.
-         */
-        get: function () {
-            return this._getOption('rtlEnabled');
-        },
-        set: function (value) {
-            this._setOption('rtlEnabled', value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DxSlideOutViewComponent.prototype, "swipeEnabled", {
-        /**
-         * Specifies whether or not the menu is shown when a user swipes the widget content.
-         */
-        get: function () {
-            return this._getOption('swipeEnabled');
-        },
-        set: function (value) {
-            this._setOption('swipeEnabled', value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DxSlideOutViewComponent.prototype, "visible", {
-        /**
-         * Specifies whether the widget is visible.
-         */
-        get: function () {
-            return this._getOption('visible');
-        },
-        set: function (value) {
-            this._setOption('visible', value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DxSlideOutViewComponent.prototype, "width", {
-        /**
-         * Specifies the widget's width.
-         */
-        get: function () {
-            return this._getOption('width');
-        },
-        set: function (value) {
-            this._setOption('width', value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    DxSlideOutViewComponent.prototype._createInstance = function (element, options) {
-        return new slide_out_view_1.default(element, options);
-    };
-    DxSlideOutViewComponent.prototype.ngOnDestroy = function () {
-        this._destroyWidget();
-    };
-    DxSlideOutViewComponent.decorators = [
-        { type: core_1.Component, args: [{
-                    selector: 'dx-slide-out-view',
-                    template: '',
-                    providers: [
-                        template_host_1.DxTemplateHost,
-                        watcher_helper_1.WatcherHelper,
-                        nested_option_1.NestedOptionHost
-                    ]
-                },] },
-    ];
-    /** @nocollapse */
-    DxSlideOutViewComponent.ctorParameters = function () { return [
-        { type: core_1.ElementRef, },
-        { type: core_1.NgZone, },
-        { type: template_host_1.DxTemplateHost, },
-        { type: watcher_helper_1.WatcherHelper, },
-        { type: nested_option_1.NestedOptionHost, },
-    ]; };
-    DxSlideOutViewComponent.propDecorators = {
-        'activeStateEnabled': [{ type: core_1.Input },],
-        'contentTemplate': [{ type: core_1.Input },],
-        'disabled': [{ type: core_1.Input },],
-        'elementAttr': [{ type: core_1.Input },],
-        'height': [{ type: core_1.Input },],
-        'hint': [{ type: core_1.Input },],
-        'hoverStateEnabled': [{ type: core_1.Input },],
-        'menuPosition': [{ type: core_1.Input },],
-        'menuTemplate': [{ type: core_1.Input },],
-        'menuVisible': [{ type: core_1.Input },],
-        'rtlEnabled': [{ type: core_1.Input },],
-        'swipeEnabled': [{ type: core_1.Input },],
-        'visible': [{ type: core_1.Input },],
-        'width': [{ type: core_1.Input },],
-        'onDisposing': [{ type: core_1.Output },],
-        'onInitialized': [{ type: core_1.Output },],
-        'onOptionChanged': [{ type: core_1.Output },],
-        'activeStateEnabledChange': [{ type: core_1.Output },],
-        'contentTemplateChange': [{ type: core_1.Output },],
-        'disabledChange': [{ type: core_1.Output },],
-        'elementAttrChange': [{ type: core_1.Output },],
-        'heightChange': [{ type: core_1.Output },],
-        'hintChange': [{ type: core_1.Output },],
-        'hoverStateEnabledChange': [{ type: core_1.Output },],
-        'menuPositionChange': [{ type: core_1.Output },],
-        'menuTemplateChange': [{ type: core_1.Output },],
-        'menuVisibleChange': [{ type: core_1.Output },],
-        'rtlEnabledChange': [{ type: core_1.Output },],
-        'swipeEnabledChange': [{ type: core_1.Output },],
-        'visibleChange': [{ type: core_1.Output },],
-        'widthChange': [{ type: core_1.Output },],
-    };
-    return DxSlideOutViewComponent;
-}(component_1.DxComponent));
-exports.DxSlideOutViewComponent = DxSlideOutViewComponent;
-var DxSlideOutViewModule = (function () {
-    function DxSlideOutViewModule() {
-    }
-    DxSlideOutViewModule.decorators = [
-        { type: core_1.NgModule, args: [{
-                    imports: [
-                        template_1.DxTemplateModule
-                    ],
-                    declarations: [
-                        DxSlideOutViewComponent
-                    ],
-                    exports: [
-                        DxSlideOutViewComponent,
-                        template_1.DxTemplateModule
-                    ],
-                },] },
-    ];
-    /** @nocollapse */
-    DxSlideOutViewModule.ctorParameters = function () { return []; };
-    return DxSlideOutViewModule;
-}());
-exports.DxSlideOutViewModule = DxSlideOutViewModule;
+"use strict";
+/*!
+ * devextreme-angular
+ * Version: 17.2.18
+ * Build date: Tue Dec 07 2021
+ *
+ * Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED
+ *
+ * This software may be modified and distributed under the terms
+ * of the MIT license. See the LICENSE file in the root of the project for details.
+ *
+ * https://github.com/DevExpress/devextreme-angular
+ */
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = Object.setPrototypeOf ||
+        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
+    return function (d, b) {
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+var core_1 = require("@angular/core");
+var slide_out_view_1 = require("devextreme/ui/slide_out_view");
+var component_1 = require("../core/component");
+var template_host_1 = require("../core/template-host");
+var template_1 = require("../core/template");
+var nested_option_1 = require("../core/nested-option");
+var watcher_helper_1 = require("../core/watcher-helper");
+/**
+ * The SlideOutView widget is a classic slide-out menu paired with a view. This widget is very similar to the SlideOut with only one difference - the SlideOut always contains the List in the slide-out menu, while the SlideOutView can hold any collection there.
+ */
+var DxSlideOutViewComponent = (function (_super) {
+    __extends(DxSlideOutViewComponent, _super);
+    function DxSlideOutViewComponent(elementRef, ngZone, templateHost, _watcherHelper, optionHost) {
+        var _this = _super.call(this, elementRef, ngZone, templateHost, _watcherHelper) || this;
+        _this._createEventEmitters([
+            { subscribe: 'disposing', emit: 'onDisposing' },
+            { subscribe: 'initialized', emit: 'onInitialized' },
+            { subscribe: 'optionChanged', emit: 'onOptionChanged' },
+            { emit: 'activeStateEnabledChange' },
+            { emit: 'contentTemplateChange' },
+            { emit: 'disabledChange' },
+            { emit: 'elementAttrChange' },
+            { emit: 'heightChange' },
+            { emit: 'hintChange' },
+            { emit: 'hoverStateEnabledChange' },
+            { emit: 'menuPositionChange' },
+            { emit: 'menuTemplateChange' },
+            { emit: 'menuVisibleChange' },
+            { emit: 'rtlEnabledChange' },
+            { emit: 'swipeEnabledChange' },
+            { emit: 'visibleChange' },
+            { emit: 'widthChange' }
+        ]);
+        optionHost.setHost(_this);
+        return _this;
+    }
+    Object.defineProperty(DxSlideOutViewComponent.prototype, "activeStateEnabled", {
+        /**
+         * Specifies whether or not the widget changes its state when interacting with a user.
+         */
+        get: function () {
+            return this._getOption('activeStateEnabled');
+        },
+        set: function (value) {
+            this._setOption('activeStateEnabled', value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DxSlideOutViewComponent.prototype, "contentTemplate", {
+        /**
+         * Specifies a custom template for the widget content.
+         */
+        get: function () {
+            return this._getOption('contentTemplate');
+        },
+        set: function (value) {
+            this._setOption('contentTemplate', value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DxSlideOutViewComponent.prototype, "disabled", {
+        /**
+         * Specifies whether the widget responds to user interaction.
+         */
+        get: function () {
+            return this._getOption('disabled');
+        },
+        set: function (value) {
+            this._setOption('disabled', value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DxSlideOutViewComponent.prototype, "elementAttr", {
+        /**
+         * Specifies the attributes to be attached to the widget's root element.
+         */
+        get: function () {
+            return this._getOption('elementAttr');
+        },
+        set: function (value) {
+            this._setOption('elementAttr', value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DxSlideOutViewComponent.prototype, "height", {
+        /**
+         * Specifies the widget's height.
+         */
+        get: function () {
+            return this._getOption('height');
+        },
+        set: function (value) {
+            this._setOption('height', value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DxSlideOutViewComponent.prototype, "hint", {
+        /**
+         * Specifies text for a hint that appears when a user pauses on the widget.
+         */
+        get: function () {
+            return this._getOption('hint');
+        },
+        set: function (value) {
+            this._setOption('hint', value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DxSlideOutViewComponent.prototype, "hoverStateEnabled", {
+        /**
+         * Specifies whether the widget changes its state when a user pauses on it.
+         */
+        get: function () {
+            return this._getOption('hoverStateEnabled');
+        },
+        set: function (value) {
+            this._setOption('hoverStateEnabled', value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DxSlideOutViewComponent.prototype, "menuPosition", {
+        /**
+         * Specifies the current menu position.
+         */
+        get: function () {
+            return this._getOption('menuPosition');
+        },
+        set: function (value) {
+            this._setOption('menuPosition', value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DxSlideOutViewComponent.prototype, "menuTemplate", {
+        /**
+         * Specifies a custom template for the menu content.
+         */
+        get: function () {
+            return this._getOption('menuTemplate');
+        },
+        set: function (value) {
+            this._setOption('menuTemplate', value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DxSlideOutViewComponent.prototype, "menuVisible", {
+        /**
+         * Specifies whether or not the menu panel is visible.
+         */
+        get: function () {
+            return this._getOption('menuVisible');
+        },
+        set: function (value) {
+            this._setOption('menuVisible', value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DxSlideOutViewComponent.prototype, "rtlEnabled", {
+        /**
+         * Switches the widget to a right-to-left representation.
+         */
+        get: function () {
+            return this._getOption('rtlEnabled');
+        },
+        set: function (value) {
+            this._setOption('rtlEnabled', value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DxSlideOutViewComponent.prototype, "swipeEnabled", {
+        /**
+         * Specifies whether or not the menu is shown when a user swipes the widget content.
+         */
+        get: function () {
+            return this._getOption('swipeEnabled');
+        },
+        set: function (value) {
+            this._setOption('swipeEnabled', value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DxSlideOutViewComponent.prototype, "visible", {
+        /**
+         * Specifies whether the widget is visible.
+         */
+        get: function () {
+            return this._getOption('visible');
+        },
+        set: function (value) {
+            this._setOption('visible', value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DxSlideOutViewComponent.prototype, "width", {
+        /**
+         * Specifies the widget's width.
+         */
+        get: function () {
+            return this._getOption('width');
+        },
+        set: function (value) {
+            this._setOption('width', value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    DxSlideOutViewComponent.prototype._createInstance = function (element, options) {
+        return new slide_out_view_1.default(element, options);
+    };
+    DxSlideOutViewComponent.prototype.ngOnDestroy = function () {
+        this._destroyWidget();
+    };
+    DxSlideOutViewComponent.decorators = [
+        { type: core_1.Component, args: [{
+                    selector: 'dx-slide-out-view',
+                    template: '',
+                    providers: [
+                        template_host_1.DxTemplateHost,
+                        watcher_helper_1.WatcherHelper,
+                        nested_option_1.NestedOptionHost
+                    ]
+                },] },
+    ];
+    /** @nocollapse */
+    DxSlideOutViewComponent.ctorParameters = function () { return [
+        { type: core_1.ElementRef, },
+        { type: core_1.NgZone, },
+        { type: template_host_1.DxTemplateHost, },
+        { type: watcher_helper_1.WatcherHelper, },
+        { type: nested_option_1.NestedOptionHost, },
+    ]; };
+    DxSlideOutViewComponent.propDecorators = {
+        'activeStateEnabled': [{ type: core_1.Input },],
+        'contentTemplate': [{ type: core_1.Input },],
+        'disabled': [{ type: core_1.Input },],
+        'elementAttr': [{ type: core_1.Input },],
+        'height': [{ type: core_1.Input },],
+        'hint': [{ type: core_1.Input },],
+        'hoverStateEnabled': [{ type: core_1.Input },],
+        'menuPosition': [{ type: core_1.Input },],
+        'menuTemplate': [{ type: core_1.Input },],
+        'menuVisible': [{ type: core_1.Input },],
+        'rtlEnabled': [{ type: core_1.Input },],
+        'swipeEnabled': [{ type: core_1.Input },],
+        'visible': [{ type: core_1.Input },],
+        'width': [{ type: core_1.Input },],
+        'onDisposing': [{ type: core_1.Output },],
+        'onInitialized': [{ type: core_1.Output },],
+        'onOptionChanged': [{ type: core_1.Output },],
+        'activeStateEnabledChange': [{ type: core_1.Output },],
+        'contentTemplateChange': [{ type: core_1.Output },],
+        'disabledChange': [{ type: core_1.Output },],
+        'elementAttrChange': [{ type: core_1.Output },],
+        'heightChange': [{ type: core_1.Output },],
+        'hintChange': [{ type: core_1.Output },],
+        'hoverStateEnabledChange': [{ type: core_1.Output },],
+        'menuPositionChange': [{ type: core_1.Output },],
+        'menuTemplateChange': [{ type: core_1.Output },],
+        'menuVisibleChange': [{ type: core_1.Output },],
+        'rtlEnabledChange': [{ type: core_1.Output },],
+        'swipeEnabledChange': [{ type: core_1.Output },],
+        'visibleChange': [{ type: core_1.Output },],
+        'widthChange': [{ type: core_1.Output },],
+    };
+    return DxSlideOutViewComponent;
+}(component_1.DxComponent));
+exports.DxSlideOutViewComponent = DxSlideOutViewComponent;
+var DxSlideOutViewModule = (function () {
+    function DxSlideOutViewModule() {
+    }
+    DxSlideOutViewModule.decorators = [
+        { type: core_1.NgModule, args: [{
+                    imports: [
+                        template_1.DxTemplateModule
+                    ],
+                    declarations: [
+                        DxSlideOutViewComponent
+                    ],
+                    exports: [
+                        DxSlideOutViewComponent,
+                        template_1.DxTemplateModule
+                    ],
+                },] },
+    ];
+    /** @nocollapse */
+    DxSlideOutViewModule.ctorParameters = function () { return []; };
+    return DxSlideOutViewModule;
+}());
+exports.DxSlideOutViewModule = DxSlideOutViewModule;
 //# sourceMappingURL=slide-out-view.js.map