devextreme-angular 17.2.17 → 17.2.18

package/core/component.d.ts

@@ -1,59 +1,59 @@
-/*!
- * 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
- */
-import { ElementRef, NgZone, QueryList, AfterViewInit, DoCheck, OnChanges, AfterContentChecked, SimpleChanges } from '@angular/core';
-import { DxTemplateDirective } from './template';
-import { IDxTemplateHost, DxTemplateHost } from './template-host';
-import { EmitterHelper } from './events-strategy';
-import { WatcherHelper } from './watcher-helper';
-import { INestedOptionContainer, ICollectionNestedOption, ICollectionNestedOptionContainer } from './nested-option';
-export declare abstract class DxComponent implements AfterViewInit, DoCheck, OnChanges, AfterContentChecked, INestedOptionContainer, ICollectionNestedOptionContainer, IDxTemplateHost {
-    protected element: ElementRef;
-    private ngZone;
-    private watcherHelper;
-    private _initialOptions;
-    protected _optionsToUpdate: any;
-    private _collectionContainerImpl;
-    eventHelper: EmitterHelper;
-    templates: DxTemplateDirective[];
-    instance: any;
-    isLinked: boolean;
-    changedOptions: {};
-    renderOnViewInit: boolean;
-    widgetUpdateLocked: boolean;
-    protected _events: {
-        subscribe?: string;
-        emit: string;
-    }[];
-    private _initTemplates();
-    private _initOptions();
-    protected _createEventEmitters(events: any): void;
-    _shouldOptionChange(name: string, value: any): boolean;
-    clearChangedOptions(): void;
-    protected _getOption(name: string): any;
-    lockWidgetUpdate(): void;
-    protected _setOption(name: string, value: any): void;
-    protected abstract _createInstance(element: any, options: any): any;
-    protected _createWidget(element: any): void;
-    protected _destroyWidget(): void;
-    constructor(element: ElementRef, ngZone: NgZone, templateHost: DxTemplateHost, watcherHelper: WatcherHelper);
-    ngAfterViewInit(): void;
-    ngAfterContentChecked(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngDoCheck(): void;
-    applyOptions(): void;
-    setTemplate(template: DxTemplateDirective): void;
-    setChildren<T extends ICollectionNestedOption>(propertyName: string, items: QueryList<T>): any;
-}
-export declare abstract class DxComponentExtension extends DxComponent {
-    createInstance(element: any): void;
-}
+/*!
+ * 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
+ */
+import { ElementRef, NgZone, QueryList, AfterViewInit, DoCheck, OnChanges, AfterContentChecked, SimpleChanges } from '@angular/core';
+import { DxTemplateDirective } from './template';
+import { IDxTemplateHost, DxTemplateHost } from './template-host';
+import { EmitterHelper } from './events-strategy';
+import { WatcherHelper } from './watcher-helper';
+import { INestedOptionContainer, ICollectionNestedOption, ICollectionNestedOptionContainer } from './nested-option';
+export declare abstract class DxComponent implements AfterViewInit, DoCheck, OnChanges, AfterContentChecked, INestedOptionContainer, ICollectionNestedOptionContainer, IDxTemplateHost {
+    protected element: ElementRef;
+    private ngZone;
+    private watcherHelper;
+    private _initialOptions;
+    protected _optionsToUpdate: any;
+    private _collectionContainerImpl;
+    eventHelper: EmitterHelper;
+    templates: DxTemplateDirective[];
+    instance: any;
+    isLinked: boolean;
+    changedOptions: {};
+    renderOnViewInit: boolean;
+    widgetUpdateLocked: boolean;
+    protected _events: {
+        subscribe?: string;
+        emit: string;
+    }[];
+    private _initTemplates();
+    private _initOptions();
+    protected _createEventEmitters(events: any): void;
+    _shouldOptionChange(name: string, value: any): boolean;
+    clearChangedOptions(): void;
+    protected _getOption(name: string): any;
+    lockWidgetUpdate(): void;
+    protected _setOption(name: string, value: any): void;
+    protected abstract _createInstance(element: any, options: any): any;
+    protected _createWidget(element: any): void;
+    protected _destroyWidget(): void;
+    constructor(element: ElementRef, ngZone: NgZone, templateHost: DxTemplateHost, watcherHelper: WatcherHelper);
+    ngAfterViewInit(): void;
+    ngAfterContentChecked(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngDoCheck(): void;
+    applyOptions(): void;
+    setTemplate(template: DxTemplateDirective): void;
+    setChildren<T extends ICollectionNestedOption>(propertyName: string, items: QueryList<T>): any;
+}
+export declare abstract class DxComponentExtension extends DxComponent {
+    createInstance(element: any): void;
+}

package/core/component.js

@@ -1,176 +1,176 @@
-"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 events_strategy_1 = require("./events-strategy");
-var events = require("devextreme/events");
-var utils_1 = require("./utils");
-var nested_option_1 = require("./nested-option");
-var DxComponent = (function () {
-    function DxComponent(element, ngZone, templateHost, watcherHelper) {
-        this.element = element;
-        this.ngZone = ngZone;
-        this.watcherHelper = watcherHelper;
-        this._initialOptions = {};
-        this._optionsToUpdate = {};
-        this.isLinked = true;
-        this.changedOptions = {};
-        this.renderOnViewInit = true;
-        this.widgetUpdateLocked = false;
-        this.templates = [];
-        templateHost.setHost(this);
-        this._collectionContainerImpl = new nested_option_1.CollectionNestedOptionContainerImpl(this._setOption.bind(this));
-        this.eventHelper = new events_strategy_1.EmitterHelper(this.ngZone, this);
-    }
-    DxComponent.prototype._initTemplates = function () {
-        if (this.templates.length) {
-            var initialTemplates_1 = {};
-            this.templates.forEach(function (template) {
-                initialTemplates_1[template.name] = template;
-            });
-            this._initialOptions.integrationOptions.templates = initialTemplates_1;
-        }
-    };
-    DxComponent.prototype._initOptions = function () {
-        this._initialOptions.eventsStrategy = this.eventHelper.strategy;
-        this._initialOptions.integrationOptions.watchMethod = this.watcherHelper.getWatchMethod();
-    };
-    DxComponent.prototype._createEventEmitters = function (events) {
-        var _this = this;
-        events.forEach(function (event) {
-            _this.eventHelper.createEmitter(event.emit, event.subscribe);
-        });
-    };
-    DxComponent.prototype._shouldOptionChange = function (name, value) {
-        if (this.changedOptions.hasOwnProperty(name)) {
-            var prevValue = this.changedOptions[name];
-            delete this.changedOptions[name];
-            return value !== prevValue;
-        }
-        return true;
-    };
-    DxComponent.prototype.clearChangedOptions = function () {
-        this.changedOptions = {};
-    };
-    DxComponent.prototype._getOption = function (name) {
-        return this.instance ?
-            this.instance.option(name) :
-            this._initialOptions[name];
-    };
-    DxComponent.prototype.lockWidgetUpdate = function () {
-        if (!this.widgetUpdateLocked && this.instance) {
-            this.instance.beginUpdate();
-            this.widgetUpdateLocked = true;
-        }
-    };
-    DxComponent.prototype._setOption = function (name, value) {
-        this.lockWidgetUpdate();
-        if (!this._shouldOptionChange(name, value)) {
-            return;
-        }
-        if (this.instance) {
-            this.instance.option(name, value);
-        }
-        else {
-            this._initialOptions[name] = value;
-        }
-    };
-    DxComponent.prototype._createWidget = function (element) {
-        var _this = this;
-        this._initialOptions.integrationOptions = {};
-        this._initTemplates();
-        this._initOptions();
-        var optionChangeHandler = function (e) {
-            _this.eventHelper.rememberEvent(e.name);
-        };
-        this._initialOptions.onInitializing = function () {
-            this.on('optionChanged', optionChangeHandler);
-        };
-        this.instance = this._createInstance(element, this._initialOptions);
-        this._initialOptions = {};
-        this.instance.off('optionChanged', optionChangeHandler);
-        this.instance.on('optionChanged', function (e) {
-            _this.changedOptions[e.name] = e.value;
-            _this.eventHelper.fireNgEvent(e.name + 'Change', [e.value]);
-        });
-    };
-    DxComponent.prototype._destroyWidget = function () {
-        if (this.instance) {
-            var element = this.instance.element();
-            events.triggerHandler(element, { type: 'dxremove', _angularIntegration: true });
-            this.instance.dispose();
-            utils_1.removeElement(element);
-        }
-    };
-    DxComponent.prototype.ngAfterViewInit = function () {
-        if (this.renderOnViewInit) {
-            this._createWidget(this.element.nativeElement);
-        }
-    };
-    DxComponent.prototype.ngAfterContentChecked = function () {
-        this.applyOptions();
-        if (this.widgetUpdateLocked) {
-            this.widgetUpdateLocked = false;
-            this.instance.endUpdate();
-        }
-    };
-    DxComponent.prototype.ngOnChanges = function (changes) {
-        for (var key in changes) {
-            var change = changes[key];
-            if (change.currentValue !== this[key]) {
-                this._optionsToUpdate[key] = changes[key].currentValue;
-            }
-        }
-    };
-    DxComponent.prototype.ngDoCheck = function () {
-        this.applyOptions();
-    };
-    DxComponent.prototype.applyOptions = function () {
-        if (Object.keys(this._optionsToUpdate).length) {
-            if (this.instance) {
-                this.instance.option(this._optionsToUpdate);
-            }
-            this._optionsToUpdate = {};
-        }
-    };
-    DxComponent.prototype.setTemplate = function (template) {
-        this.templates.push(template);
-    };
-    DxComponent.prototype.setChildren = function (propertyName, items) {
-        return this._collectionContainerImpl.setChildren(propertyName, items);
-    };
-    return DxComponent;
-}());
-exports.DxComponent = DxComponent;
-var DxComponentExtension = (function (_super) {
-    __extends(DxComponentExtension, _super);
-    function DxComponentExtension() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    DxComponentExtension.prototype.createInstance = function (element) {
-        this._createWidget(element);
-    };
-    return DxComponentExtension;
-}(DxComponent));
-exports.DxComponentExtension = DxComponentExtension;
+"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 events_strategy_1 = require("./events-strategy");
+var events = require("devextreme/events");
+var utils_1 = require("./utils");
+var nested_option_1 = require("./nested-option");
+var DxComponent = (function () {
+    function DxComponent(element, ngZone, templateHost, watcherHelper) {
+        this.element = element;
+        this.ngZone = ngZone;
+        this.watcherHelper = watcherHelper;
+        this._initialOptions = {};
+        this._optionsToUpdate = {};
+        this.isLinked = true;
+        this.changedOptions = {};
+        this.renderOnViewInit = true;
+        this.widgetUpdateLocked = false;
+        this.templates = [];
+        templateHost.setHost(this);
+        this._collectionContainerImpl = new nested_option_1.CollectionNestedOptionContainerImpl(this._setOption.bind(this));
+        this.eventHelper = new events_strategy_1.EmitterHelper(this.ngZone, this);
+    }
+    DxComponent.prototype._initTemplates = function () {
+        if (this.templates.length) {
+            var initialTemplates_1 = {};
+            this.templates.forEach(function (template) {
+                initialTemplates_1[template.name] = template;
+            });
+            this._initialOptions.integrationOptions.templates = initialTemplates_1;
+        }
+    };
+    DxComponent.prototype._initOptions = function () {
+        this._initialOptions.eventsStrategy = this.eventHelper.strategy;
+        this._initialOptions.integrationOptions.watchMethod = this.watcherHelper.getWatchMethod();
+    };
+    DxComponent.prototype._createEventEmitters = function (events) {
+        var _this = this;
+        events.forEach(function (event) {
+            _this.eventHelper.createEmitter(event.emit, event.subscribe);
+        });
+    };
+    DxComponent.prototype._shouldOptionChange = function (name, value) {
+        if (this.changedOptions.hasOwnProperty(name)) {
+            var prevValue = this.changedOptions[name];
+            delete this.changedOptions[name];
+            return value !== prevValue;
+        }
+        return true;
+    };
+    DxComponent.prototype.clearChangedOptions = function () {
+        this.changedOptions = {};
+    };
+    DxComponent.prototype._getOption = function (name) {
+        return this.instance ?
+            this.instance.option(name) :
+            this._initialOptions[name];
+    };
+    DxComponent.prototype.lockWidgetUpdate = function () {
+        if (!this.widgetUpdateLocked && this.instance) {
+            this.instance.beginUpdate();
+            this.widgetUpdateLocked = true;
+        }
+    };
+    DxComponent.prototype._setOption = function (name, value) {
+        this.lockWidgetUpdate();
+        if (!this._shouldOptionChange(name, value)) {
+            return;
+        }
+        if (this.instance) {
+            this.instance.option(name, value);
+        }
+        else {
+            this._initialOptions[name] = value;
+        }
+    };
+    DxComponent.prototype._createWidget = function (element) {
+        var _this = this;
+        this._initialOptions.integrationOptions = {};
+        this._initTemplates();
+        this._initOptions();
+        var optionChangeHandler = function (e) {
+            _this.eventHelper.rememberEvent(e.name);
+        };
+        this._initialOptions.onInitializing = function () {
+            this.on('optionChanged', optionChangeHandler);
+        };
+        this.instance = this._createInstance(element, this._initialOptions);
+        this._initialOptions = {};
+        this.instance.off('optionChanged', optionChangeHandler);
+        this.instance.on('optionChanged', function (e) {
+            _this.changedOptions[e.name] = e.value;
+            _this.eventHelper.fireNgEvent(e.name + 'Change', [e.value]);
+        });
+    };
+    DxComponent.prototype._destroyWidget = function () {
+        if (this.instance) {
+            var element = this.instance.element();
+            events.triggerHandler(element, { type: 'dxremove', _angularIntegration: true });
+            this.instance.dispose();
+            utils_1.removeElement(element);
+        }
+    };
+    DxComponent.prototype.ngAfterViewInit = function () {
+        if (this.renderOnViewInit) {
+            this._createWidget(this.element.nativeElement);
+        }
+    };
+    DxComponent.prototype.ngAfterContentChecked = function () {
+        this.applyOptions();
+        if (this.widgetUpdateLocked) {
+            this.widgetUpdateLocked = false;
+            this.instance.endUpdate();
+        }
+    };
+    DxComponent.prototype.ngOnChanges = function (changes) {
+        for (var key in changes) {
+            var change = changes[key];
+            if (change.currentValue !== this[key]) {
+                this._optionsToUpdate[key] = changes[key].currentValue;
+            }
+        }
+    };
+    DxComponent.prototype.ngDoCheck = function () {
+        this.applyOptions();
+    };
+    DxComponent.prototype.applyOptions = function () {
+        if (Object.keys(this._optionsToUpdate).length) {
+            if (this.instance) {
+                this.instance.option(this._optionsToUpdate);
+            }
+            this._optionsToUpdate = {};
+        }
+    };
+    DxComponent.prototype.setTemplate = function (template) {
+        this.templates.push(template);
+    };
+    DxComponent.prototype.setChildren = function (propertyName, items) {
+        return this._collectionContainerImpl.setChildren(propertyName, items);
+    };
+    return DxComponent;
+}());
+exports.DxComponent = DxComponent;
+var DxComponentExtension = (function (_super) {
+    __extends(DxComponentExtension, _super);
+    function DxComponentExtension() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DxComponentExtension.prototype.createInstance = function (element) {
+        this._createWidget(element);
+    };
+    return DxComponentExtension;
+}(DxComponent));
+exports.DxComponentExtension = DxComponentExtension;
 //# sourceMappingURL=component.js.map

package/core/component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["component.ts"],"names":[],"mappings":"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","file":"component.js","sourceRoot":"","sourcesContent":["/*!\n * devextreme-angular\n * Version: 17.2.17\n * Build date: Fri Apr 23 2021\n *\n * Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED\n *\n * This software may be modified and distributed under the terms\n * of the MIT license. See the LICENSE file in the root of the project for details.\n *\n * https://github.com/DevExpress/devextreme-angular\n */\n\nimport {\r\n    ElementRef,\r\n    NgZone,\r\n    QueryList,\r\n    AfterViewInit,\r\n    DoCheck,\r\n    OnChanges,\r\n    AfterContentChecked,\r\n    SimpleChanges\r\n} from '@angular/core';\r\n\r\nimport { DxTemplateDirective } from './template';\r\nimport { IDxTemplateHost, DxTemplateHost } from './template-host';\r\nimport { EmitterHelper } from './events-strategy';\r\nimport { WatcherHelper } from './watcher-helper';\r\nimport * as events from 'devextreme/events';\r\nimport { removeElement } from './utils';\r\nimport {\r\n    INestedOptionContainer,\r\n    ICollectionNestedOption,\r\n    ICollectionNestedOptionContainer,\r\n    CollectionNestedOptionContainerImpl\r\n} from './nested-option';\r\n\r\nexport abstract class DxComponent implements AfterViewInit, DoCheck, OnChanges, AfterContentChecked,\r\n    INestedOptionContainer, ICollectionNestedOptionContainer, IDxTemplateHost {\r\n    private _initialOptions: any = {};\r\n    protected _optionsToUpdate: any = {};\r\n    private _collectionContainerImpl: ICollectionNestedOptionContainer;\r\n    eventHelper: EmitterHelper;\r\n    templates: DxTemplateDirective[];\r\n    instance: any;\r\n    isLinked = true;\r\n    changedOptions = {};\r\n    renderOnViewInit = true;\r\n    widgetUpdateLocked = false;\r\n\r\n    protected _events: { subscribe?: string, emit: string }[];\r\n\r\n    private _initTemplates() {\r\n        if (this.templates.length) {\r\n            let initialTemplates = {};\r\n            this.templates.forEach(template => {\r\n                initialTemplates[template.name] = template;\r\n            });\r\n            this._initialOptions.integrationOptions.templates = initialTemplates;\r\n        }\r\n    }\r\n    private _initOptions() {\r\n        this._initialOptions.eventsStrategy = this.eventHelper.strategy;\r\n        this._initialOptions.integrationOptions.watchMethod = this.watcherHelper.getWatchMethod();\r\n    }\r\n    protected _createEventEmitters(events) {\r\n        events.forEach(event => {\r\n            this.eventHelper.createEmitter(event.emit, event.subscribe);\r\n        });\r\n    }\r\n    _shouldOptionChange(name: string, value: any) {\r\n        if (this.changedOptions.hasOwnProperty(name)) {\r\n            const prevValue = this.changedOptions[name];\r\n            delete this.changedOptions[name];\r\n\r\n            return value !== prevValue;\r\n        }\r\n        return true;\r\n    }\r\n    clearChangedOptions() {\r\n        this.changedOptions = {};\r\n    }\r\n    protected _getOption(name: string) {\r\n        return this.instance ?\r\n            this.instance.option(name) :\r\n            this._initialOptions[name];\r\n    }\r\n    lockWidgetUpdate() {\r\n        if (!this.widgetUpdateLocked && this.instance) {\r\n            this.instance.beginUpdate();\r\n            this.widgetUpdateLocked = true;\r\n        }\r\n    }\r\n    protected _setOption(name: string, value: any) {\r\n        this.lockWidgetUpdate();\r\n\r\n        if (!this._shouldOptionChange(name, value)) {\r\n            return;\r\n        }\r\n\r\n        if (this.instance) {\r\n            this.instance.option(name, value);\r\n        } else {\r\n            this._initialOptions[name] = value;\r\n        }\r\n    }\r\n    protected abstract _createInstance(element, options)\r\n    protected _createWidget(element: any) {\r\n        this._initialOptions.integrationOptions = {};\r\n        this._initTemplates();\r\n        this._initOptions();\r\n\r\n        let optionChangeHandler = (e) => {\r\n            this.eventHelper.rememberEvent(e.name);\r\n        };\r\n\r\n        this._initialOptions.onInitializing = function () {\r\n            this.on('optionChanged', optionChangeHandler);\r\n        };\r\n        this.instance = this._createInstance(element, this._initialOptions);\r\n        this._initialOptions = {};\r\n\r\n        this.instance.off('optionChanged', optionChangeHandler);\r\n        this.instance.on('optionChanged', (e) => {\r\n            this.changedOptions[e.name] = e.value;\r\n            this.eventHelper.fireNgEvent(e.name + 'Change', [e.value]);\r\n        });\r\n    }\r\n    protected _destroyWidget() {\r\n        if (this.instance) {\r\n            let element = this.instance.element();\r\n            events.triggerHandler(element, { type: 'dxremove', _angularIntegration: true });\r\n            this.instance.dispose();\r\n            removeElement(element);\r\n        }\r\n    }\r\n    constructor(protected element: ElementRef, private ngZone: NgZone, templateHost: DxTemplateHost, private watcherHelper: WatcherHelper) {\r\n        this.templates = [];\r\n        templateHost.setHost(this);\r\n        this._collectionContainerImpl = new CollectionNestedOptionContainerImpl(this._setOption.bind(this));\r\n        this.eventHelper = new EmitterHelper(this.ngZone, this);\r\n    }\r\n    ngAfterViewInit() {\r\n        if (this.renderOnViewInit) {\r\n            this._createWidget(this.element.nativeElement);\r\n        }\r\n    }\r\n    ngAfterContentChecked() {\r\n        this.applyOptions();\r\n        if (this.widgetUpdateLocked) {\r\n            this.widgetUpdateLocked = false;\r\n            this.instance.endUpdate();\r\n        }\r\n    }\r\n    ngOnChanges(changes: SimpleChanges) {\r\n        for (let key in changes) {\r\n            let change = changes[key];\r\n            if (change.currentValue !== this[key]) {\r\n                this._optionsToUpdate[key] = changes[key].currentValue;\r\n            }\r\n        }\r\n    }\r\n    ngDoCheck() {\r\n        this.applyOptions();\r\n    }\r\n    applyOptions() {\r\n        if (Object.keys(this._optionsToUpdate).length) {\r\n            if (this.instance) {\r\n                this.instance.option(this._optionsToUpdate);\r\n            }\r\n            this._optionsToUpdate = {};\r\n        }\r\n    }\r\n    setTemplate(template: DxTemplateDirective) {\r\n        this.templates.push(template);\r\n    }\r\n    setChildren<T extends ICollectionNestedOption>(propertyName: string, items: QueryList<T>) {\r\n        return this._collectionContainerImpl.setChildren(propertyName, items);\r\n    }\r\n}\r\n\r\nexport abstract class DxComponentExtension extends DxComponent {\r\n    createInstance(element: any) {\r\n        this._createWidget(element);\r\n    }\r\n}\r\n"]}
+{"version":3,"sources":["component.ts"],"names":[],"mappings":"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","file":"component.js","sourceRoot":"","sourcesContent":["/*!\n * devextreme-angular\n * Version: 17.2.18\n * Build date: Tue Dec 07 2021\n *\n * Copyright (c) 2012 - 2021 Developer Express Inc. ALL RIGHTS RESERVED\n *\n * This software may be modified and distributed under the terms\n * of the MIT license. See the LICENSE file in the root of the project for details.\n *\n * https://github.com/DevExpress/devextreme-angular\n */\n\nimport {\n    ElementRef,\n    NgZone,\n    QueryList,\n    AfterViewInit,\n    DoCheck,\n    OnChanges,\n    AfterContentChecked,\n    SimpleChanges\n} from '@angular/core';\n\nimport { DxTemplateDirective } from './template';\nimport { IDxTemplateHost, DxTemplateHost } from './template-host';\nimport { EmitterHelper } from './events-strategy';\nimport { WatcherHelper } from './watcher-helper';\nimport * as events from 'devextreme/events';\nimport { removeElement } from './utils';\nimport {\n    INestedOptionContainer,\n    ICollectionNestedOption,\n    ICollectionNestedOptionContainer,\n    CollectionNestedOptionContainerImpl\n} from './nested-option';\n\nexport abstract class DxComponent implements AfterViewInit, DoCheck, OnChanges, AfterContentChecked,\n    INestedOptionContainer, ICollectionNestedOptionContainer, IDxTemplateHost {\n    private _initialOptions: any = {};\n    protected _optionsToUpdate: any = {};\n    private _collectionContainerImpl: ICollectionNestedOptionContainer;\n    eventHelper: EmitterHelper;\n    templates: DxTemplateDirective[];\n    instance: any;\n    isLinked = true;\n    changedOptions = {};\n    renderOnViewInit = true;\n    widgetUpdateLocked = false;\n\n    protected _events: { subscribe?: string, emit: string }[];\n\n    private _initTemplates() {\n        if (this.templates.length) {\n            let initialTemplates = {};\n            this.templates.forEach(template => {\n                initialTemplates[template.name] = template;\n            });\n            this._initialOptions.integrationOptions.templates = initialTemplates;\n        }\n    }\n    private _initOptions() {\n        this._initialOptions.eventsStrategy = this.eventHelper.strategy;\n        this._initialOptions.integrationOptions.watchMethod = this.watcherHelper.getWatchMethod();\n    }\n    protected _createEventEmitters(events) {\n        events.forEach(event => {\n            this.eventHelper.createEmitter(event.emit, event.subscribe);\n        });\n    }\n    _shouldOptionChange(name: string, value: any) {\n        if (this.changedOptions.hasOwnProperty(name)) {\n            const prevValue = this.changedOptions[name];\n            delete this.changedOptions[name];\n\n            return value !== prevValue;\n        }\n        return true;\n    }\n    clearChangedOptions() {\n        this.changedOptions = {};\n    }\n    protected _getOption(name: string) {\n        return this.instance ?\n            this.instance.option(name) :\n            this._initialOptions[name];\n    }\n    lockWidgetUpdate() {\n        if (!this.widgetUpdateLocked && this.instance) {\n            this.instance.beginUpdate();\n            this.widgetUpdateLocked = true;\n        }\n    }\n    protected _setOption(name: string, value: any) {\n        this.lockWidgetUpdate();\n\n        if (!this._shouldOptionChange(name, value)) {\n            return;\n        }\n\n        if (this.instance) {\n            this.instance.option(name, value);\n        } else {\n            this._initialOptions[name] = value;\n        }\n    }\n    protected abstract _createInstance(element, options)\n    protected _createWidget(element: any) {\n        this._initialOptions.integrationOptions = {};\n        this._initTemplates();\n        this._initOptions();\n\n        let optionChangeHandler = (e) => {\n            this.eventHelper.rememberEvent(e.name);\n        };\n\n        this._initialOptions.onInitializing = function () {\n            this.on('optionChanged', optionChangeHandler);\n        };\n        this.instance = this._createInstance(element, this._initialOptions);\n        this._initialOptions = {};\n\n        this.instance.off('optionChanged', optionChangeHandler);\n        this.instance.on('optionChanged', (e) => {\n            this.changedOptions[e.name] = e.value;\n            this.eventHelper.fireNgEvent(e.name + 'Change', [e.value]);\n        });\n    }\n    protected _destroyWidget() {\n        if (this.instance) {\n            let element = this.instance.element();\n            events.triggerHandler(element, { type: 'dxremove', _angularIntegration: true });\n            this.instance.dispose();\n            removeElement(element);\n        }\n    }\n    constructor(protected element: ElementRef, private ngZone: NgZone, templateHost: DxTemplateHost, private watcherHelper: WatcherHelper) {\n        this.templates = [];\n        templateHost.setHost(this);\n        this._collectionContainerImpl = new CollectionNestedOptionContainerImpl(this._setOption.bind(this));\n        this.eventHelper = new EmitterHelper(this.ngZone, this);\n    }\n    ngAfterViewInit() {\n        if (this.renderOnViewInit) {\n            this._createWidget(this.element.nativeElement);\n        }\n    }\n    ngAfterContentChecked() {\n        this.applyOptions();\n        if (this.widgetUpdateLocked) {\n            this.widgetUpdateLocked = false;\n            this.instance.endUpdate();\n        }\n    }\n    ngOnChanges(changes: SimpleChanges) {\n        for (let key in changes) {\n            let change = changes[key];\n            if (change.currentValue !== this[key]) {\n                this._optionsToUpdate[key] = changes[key].currentValue;\n            }\n        }\n    }\n    ngDoCheck() {\n        this.applyOptions();\n    }\n    applyOptions() {\n        if (Object.keys(this._optionsToUpdate).length) {\n            if (this.instance) {\n                this.instance.option(this._optionsToUpdate);\n            }\n            this._optionsToUpdate = {};\n        }\n    }\n    setTemplate(template: DxTemplateDirective) {\n        this.templates.push(template);\n    }\n    setChildren<T extends ICollectionNestedOption>(propertyName: string, items: QueryList<T>) {\n        return this._collectionContainerImpl.setChildren(propertyName, items);\n    }\n}\n\nexport abstract class DxComponentExtension extends DxComponent {\n    createInstance(element: any) {\n        this._createWidget(element);\n    }\n}\n"]}

package/core/events-strategy.d.ts

@@ -1,35 +1,35 @@
-/*!
- * 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
- */
-import { NgZone } from '@angular/core';
-import { DxComponent } from './component';
-export declare class NgEventsStrategy {
-    private component;
-    private ngZone;
-    private subscriptions;
-    constructor(component: DxComponent, ngZone: NgZone);
-    hasEvent(name: string): number;
-    fireEvent(name: any, args: any): void;
-    on(name: any, handler: any): void;
-    off(name: any, handler: any): void;
-    dispose(): void;
-    private getEmitter(eventName);
-}
-export declare class EmitterHelper {
-    component: DxComponent;
-    strategy: NgEventsStrategy;
-    lockedValueChangeEvent: boolean;
-    constructor(ngZone: NgZone, component: DxComponent);
-    fireNgEvent(eventName: string, eventArgs: any): void;
-    createEmitter(ngEventName: string, dxEventName: string): void;
-    rememberEvent(name: string): void;
-}
+/*!
+ * 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
+ */
+import { NgZone } from '@angular/core';
+import { DxComponent } from './component';
+export declare class NgEventsStrategy {
+    private component;
+    private ngZone;
+    private subscriptions;
+    constructor(component: DxComponent, ngZone: NgZone);
+    hasEvent(name: string): number;
+    fireEvent(name: any, args: any): void;
+    on(name: any, handler: any): void;
+    off(name: any, handler: any): void;
+    dispose(): void;
+    private getEmitter(eventName);
+}
+export declare class EmitterHelper {
+    component: DxComponent;
+    strategy: NgEventsStrategy;
+    lockedValueChangeEvent: boolean;
+    constructor(ngZone: NgZone, component: DxComponent);
+    fireNgEvent(eventName: string, eventArgs: any): void;
+    createEmitter(ngEventName: string, dxEventName: string): void;
+    rememberEvent(name: string): void;
+}