devextreme-angular 18.1.16 → 18.1.17

package/ui/box.js

@@ -1,389 +1,389 @@
-"use strict";
-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 __());
-    };
-})();
-/*!
- * devextreme-angular
- * Version: 18.1.16
- * Build date: Fri Apr 30 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
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-var platform_browser_1 = require("@angular/platform-browser");
-var platform_browser_2 = require("@angular/platform-browser");
-var core_1 = require("@angular/core");
-var box_1 = require("devextreme/ui/box");
-var component_1 = require("../core/component");
-var template_host_1 = require("../core/template-host");
-var integration_1 = require("../core/integration");
-var template_1 = require("../core/template");
-var nested_option_1 = require("../core/nested-option");
-var watcher_helper_1 = require("../core/watcher-helper");
-var iterable_differ_helper_1 = require("../core/iterable-differ-helper");
-var item_dxi_1 = require("./nested/item-dxi");
-var box_2 = require("./nested/box");
-var item_dxi_2 = require("./nested/item-dxi");
-/**
- * The Box widget allows you to arrange various elements within it. Separate and adaptive, the Box widget acts as a building block for the layout.
- */
-var DxBoxComponent = (function (_super) {
-    __extends(DxBoxComponent, _super);
-    function DxBoxComponent(elementRef, ngZone, templateHost, _watcherHelper, _idh, optionHost, transferState, platformId) {
-        var _this = _super.call(this, elementRef, ngZone, templateHost, _watcherHelper, transferState, platformId) || this;
-        _this._watcherHelper = _watcherHelper;
-        _this._idh = _idh;
-        _this._createEventEmitters([
-            { subscribe: 'contentReady', emit: 'onContentReady' },
-            { subscribe: 'disposing', emit: 'onDisposing' },
-            { subscribe: 'initialized', emit: 'onInitialized' },
-            { subscribe: 'itemClick', emit: 'onItemClick' },
-            { subscribe: 'itemContextMenu', emit: 'onItemContextMenu' },
-            { subscribe: 'itemHold', emit: 'onItemHold' },
-            { subscribe: 'itemRendered', emit: 'onItemRendered' },
-            { subscribe: 'optionChanged', emit: 'onOptionChanged' },
-            { emit: 'alignChange' },
-            { emit: 'crossAlignChange' },
-            { emit: 'dataSourceChange' },
-            { emit: 'directionChange' },
-            { emit: 'disabledChange' },
-            { emit: 'elementAttrChange' },
-            { emit: 'heightChange' },
-            { emit: 'hoverStateEnabledChange' },
-            { emit: 'itemHoldTimeoutChange' },
-            { emit: 'itemsChange' },
-            { emit: 'itemTemplateChange' },
-            { emit: 'rtlEnabledChange' },
-            { emit: 'visibleChange' },
-            { emit: 'widthChange' }
-        ]);
-        _this._idh.setHost(_this);
-        optionHost.setHost(_this);
-        return _this;
-    }
-    Object.defineProperty(DxBoxComponent.prototype, "align", {
-        get: /**
-             * Specifies how widget items are aligned along the main direction.
-             */
-        function () {
-            return this._getOption('align');
-        },
-        set: function (value) {
-            this._setOption('align', value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DxBoxComponent.prototype, "crossAlign", {
-        get: /**
-             * Specifies how widget items are aligned cross-wise.
-             */
-        function () {
-            return this._getOption('crossAlign');
-        },
-        set: function (value) {
-            this._setOption('crossAlign', value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DxBoxComponent.prototype, "dataSource", {
-        get: /**
-             * A data source used to fetch data to be displayed by the widget.
-             */
-        function () {
-            return this._getOption('dataSource');
-        },
-        set: function (value) {
-            this._setOption('dataSource', value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DxBoxComponent.prototype, "direction", {
-        get: /**
-             * Specifies the direction of item positioning in the widget.
-             */
-        function () {
-            return this._getOption('direction');
-        },
-        set: function (value) {
-            this._setOption('direction', value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DxBoxComponent.prototype, "disabled", {
-        get: /**
-             * Specifies whether the widget responds to user interaction.
-             */
-        function () {
-            return this._getOption('disabled');
-        },
-        set: function (value) {
-            this._setOption('disabled', value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DxBoxComponent.prototype, "elementAttr", {
-        get: /**
-             * Specifies the attributes to be attached to the widget's root element.
-             */
-        function () {
-            return this._getOption('elementAttr');
-        },
-        set: function (value) {
-            this._setOption('elementAttr', value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DxBoxComponent.prototype, "height", {
-        get: /**
-             * Specifies the widget's height.
-             */
-        function () {
-            return this._getOption('height');
-        },
-        set: function (value) {
-            this._setOption('height', value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DxBoxComponent.prototype, "hoverStateEnabled", {
-        get: /**
-             * Specifies whether the widget changes its state when a user pauses on it.
-             */
-        function () {
-            return this._getOption('hoverStateEnabled');
-        },
-        set: function (value) {
-            this._setOption('hoverStateEnabled', value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DxBoxComponent.prototype, "itemHoldTimeout", {
-        get: /**
-             * The time period in milliseconds before the onItemHold event is raised.
-             */
-        function () {
-            return this._getOption('itemHoldTimeout');
-        },
-        set: function (value) {
-            this._setOption('itemHoldTimeout', value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DxBoxComponent.prototype, "items", {
-        get: /**
-             * An array of items displayed by the widget.
-             */
-        function () {
-            return this._getOption('items');
-        },
-        set: function (value) {
-            this._setOption('items', value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DxBoxComponent.prototype, "itemTemplate", {
-        get: /**
-             * Specifies a custom template for items.
-             */
-        function () {
-            return this._getOption('itemTemplate');
-        },
-        set: function (value) {
-            this._setOption('itemTemplate', value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DxBoxComponent.prototype, "rtlEnabled", {
-        get: /**
-             * Switches the widget to a right-to-left representation.
-             */
-        function () {
-            return this._getOption('rtlEnabled');
-        },
-        set: function (value) {
-            this._setOption('rtlEnabled', value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DxBoxComponent.prototype, "visible", {
-        get: /**
-             * Specifies whether the widget is visible.
-             */
-        function () {
-            return this._getOption('visible');
-        },
-        set: function (value) {
-            this._setOption('visible', value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DxBoxComponent.prototype, "width", {
-        get: /**
-             * Specifies the widget's width.
-             */
-        function () {
-            return this._getOption('width');
-        },
-        set: function (value) {
-            this._setOption('width', value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(DxBoxComponent.prototype, "itemsChildren", {
-        get: function () {
-            return this._getOption('items');
-        },
-        set: function (value) {
-            this.setChildren('items', value);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    DxBoxComponent.prototype._createInstance = function (element, options) {
-        return new box_1.default(element, options);
-    };
-    DxBoxComponent.prototype.ngOnDestroy = function () {
-        this._destroyWidget();
-    };
-    DxBoxComponent.prototype.ngOnChanges = function (changes) {
-        _super.prototype.ngOnChanges.call(this, changes);
-        this.setupChanges('dataSource', changes);
-        this.setupChanges('items', changes);
-    };
-    DxBoxComponent.prototype.setupChanges = function (prop, changes) {
-        if (!(prop in this._optionsToUpdate)) {
-            this._idh.setup(prop, changes);
-        }
-    };
-    DxBoxComponent.prototype.ngDoCheck = function () {
-        this._idh.doCheck('dataSource');
-        this._idh.doCheck('items');
-        this._watcherHelper.checkWatchers();
-        _super.prototype.ngDoCheck.call(this);
-        _super.prototype.clearChangedOptions.call(this);
-    };
-    DxBoxComponent.prototype._setOption = function (name, value) {
-        var isSetup = this._idh.setupSingle(name, value);
-        var isChanged = this._idh.getChanges(name, value) !== null;
-        if (isSetup || isChanged) {
-            _super.prototype._setOption.call(this, name, value);
-        }
-    };
-    DxBoxComponent.decorators = [
-        { type: core_1.Component, args: [{
-                    selector: 'dx-box',
-                    template: '',
-                    providers: [
-                        template_host_1.DxTemplateHost,
-                        watcher_helper_1.WatcherHelper,
-                        nested_option_1.NestedOptionHost,
-                        iterable_differ_helper_1.IterableDifferHelper
-                    ]
-                },] },
-    ];
-    /** @nocollapse */
-    DxBoxComponent.ctorParameters = function () { return [
-        { type: core_1.ElementRef, },
-        { type: core_1.NgZone, },
-        { type: template_host_1.DxTemplateHost, },
-        { type: watcher_helper_1.WatcherHelper, },
-        { type: iterable_differ_helper_1.IterableDifferHelper, },
-        { type: nested_option_1.NestedOptionHost, },
-        { type: platform_browser_2.TransferState, },
-        { type: undefined, decorators: [{ type: core_1.Inject, args: [core_1.PLATFORM_ID,] },] },
-    ]; };
-    DxBoxComponent.propDecorators = {
-        "align": [{ type: core_1.Input },],
-        "crossAlign": [{ type: core_1.Input },],
-        "dataSource": [{ type: core_1.Input },],
-        "direction": [{ type: core_1.Input },],
-        "disabled": [{ type: core_1.Input },],
-        "elementAttr": [{ type: core_1.Input },],
-        "height": [{ type: core_1.Input },],
-        "hoverStateEnabled": [{ type: core_1.Input },],
-        "itemHoldTimeout": [{ type: core_1.Input },],
-        "items": [{ type: core_1.Input },],
-        "itemTemplate": [{ type: core_1.Input },],
-        "rtlEnabled": [{ type: core_1.Input },],
-        "visible": [{ type: core_1.Input },],
-        "width": [{ type: core_1.Input },],
-        "onContentReady": [{ type: core_1.Output },],
-        "onDisposing": [{ type: core_1.Output },],
-        "onInitialized": [{ type: core_1.Output },],
-        "onItemClick": [{ type: core_1.Output },],
-        "onItemContextMenu": [{ type: core_1.Output },],
-        "onItemHold": [{ type: core_1.Output },],
-        "onItemRendered": [{ type: core_1.Output },],
-        "onOptionChanged": [{ type: core_1.Output },],
-        "alignChange": [{ type: core_1.Output },],
-        "crossAlignChange": [{ type: core_1.Output },],
-        "dataSourceChange": [{ type: core_1.Output },],
-        "directionChange": [{ type: core_1.Output },],
-        "disabledChange": [{ type: core_1.Output },],
-        "elementAttrChange": [{ type: core_1.Output },],
-        "heightChange": [{ type: core_1.Output },],
-        "hoverStateEnabledChange": [{ type: core_1.Output },],
-        "itemHoldTimeoutChange": [{ type: core_1.Output },],
-        "itemsChange": [{ type: core_1.Output },],
-        "itemTemplateChange": [{ type: core_1.Output },],
-        "rtlEnabledChange": [{ type: core_1.Output },],
-        "visibleChange": [{ type: core_1.Output },],
-        "widthChange": [{ type: core_1.Output },],
-        "itemsChildren": [{ type: core_1.ContentChildren, args: [item_dxi_2.DxiItemComponent,] },],
-    };
-    return DxBoxComponent;
-}(component_1.DxComponent));
-exports.DxBoxComponent = DxBoxComponent;
-var DxBoxModule = (function () {
-    function DxBoxModule() {
-    }
-    DxBoxModule.decorators = [
-        { type: core_1.NgModule, args: [{
-                    imports: [
-                        item_dxi_1.DxiItemModule,
-                        box_2.DxoBoxModule,
-                        integration_1.DxIntegrationModule,
-                        template_1.DxTemplateModule,
-                        platform_browser_1.BrowserTransferStateModule
-                    ],
-                    declarations: [
-                        DxBoxComponent
-                    ],
-                    exports: [
-                        DxBoxComponent,
-                        item_dxi_1.DxiItemModule,
-                        box_2.DxoBoxModule,
-                        template_1.DxTemplateModule
-                    ]
-                },] },
-    ];
-    return DxBoxModule;
-}());
-exports.DxBoxModule = DxBoxModule;
+"use strict";
+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 __());
+    };
+})();
+/*!
+ * devextreme-angular
+ * Version: 18.1.17
+ * Build date: Thu Dec 09 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
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+var platform_browser_1 = require("@angular/platform-browser");
+var platform_browser_2 = require("@angular/platform-browser");
+var core_1 = require("@angular/core");
+var box_1 = require("devextreme/ui/box");
+var component_1 = require("../core/component");
+var template_host_1 = require("../core/template-host");
+var integration_1 = require("../core/integration");
+var template_1 = require("../core/template");
+var nested_option_1 = require("../core/nested-option");
+var watcher_helper_1 = require("../core/watcher-helper");
+var iterable_differ_helper_1 = require("../core/iterable-differ-helper");
+var item_dxi_1 = require("./nested/item-dxi");
+var box_2 = require("./nested/box");
+var item_dxi_2 = require("./nested/item-dxi");
+/**
+ * The Box widget allows you to arrange various elements within it. Separate and adaptive, the Box widget acts as a building block for the layout.
+ */
+var DxBoxComponent = (function (_super) {
+    __extends(DxBoxComponent, _super);
+    function DxBoxComponent(elementRef, ngZone, templateHost, _watcherHelper, _idh, optionHost, transferState, platformId) {
+        var _this = _super.call(this, elementRef, ngZone, templateHost, _watcherHelper, transferState, platformId) || this;
+        _this._watcherHelper = _watcherHelper;
+        _this._idh = _idh;
+        _this._createEventEmitters([
+            { subscribe: 'contentReady', emit: 'onContentReady' },
+            { subscribe: 'disposing', emit: 'onDisposing' },
+            { subscribe: 'initialized', emit: 'onInitialized' },
+            { subscribe: 'itemClick', emit: 'onItemClick' },
+            { subscribe: 'itemContextMenu', emit: 'onItemContextMenu' },
+            { subscribe: 'itemHold', emit: 'onItemHold' },
+            { subscribe: 'itemRendered', emit: 'onItemRendered' },
+            { subscribe: 'optionChanged', emit: 'onOptionChanged' },
+            { emit: 'alignChange' },
+            { emit: 'crossAlignChange' },
+            { emit: 'dataSourceChange' },
+            { emit: 'directionChange' },
+            { emit: 'disabledChange' },
+            { emit: 'elementAttrChange' },
+            { emit: 'heightChange' },
+            { emit: 'hoverStateEnabledChange' },
+            { emit: 'itemHoldTimeoutChange' },
+            { emit: 'itemsChange' },
+            { emit: 'itemTemplateChange' },
+            { emit: 'rtlEnabledChange' },
+            { emit: 'visibleChange' },
+            { emit: 'widthChange' }
+        ]);
+        _this._idh.setHost(_this);
+        optionHost.setHost(_this);
+        return _this;
+    }
+    Object.defineProperty(DxBoxComponent.prototype, "align", {
+        get: /**
+             * Specifies how widget items are aligned along the main direction.
+             */
+        function () {
+            return this._getOption('align');
+        },
+        set: function (value) {
+            this._setOption('align', value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DxBoxComponent.prototype, "crossAlign", {
+        get: /**
+             * Specifies how widget items are aligned cross-wise.
+             */
+        function () {
+            return this._getOption('crossAlign');
+        },
+        set: function (value) {
+            this._setOption('crossAlign', value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DxBoxComponent.prototype, "dataSource", {
+        get: /**
+             * A data source used to fetch data to be displayed by the widget.
+             */
+        function () {
+            return this._getOption('dataSource');
+        },
+        set: function (value) {
+            this._setOption('dataSource', value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DxBoxComponent.prototype, "direction", {
+        get: /**
+             * Specifies the direction of item positioning in the widget.
+             */
+        function () {
+            return this._getOption('direction');
+        },
+        set: function (value) {
+            this._setOption('direction', value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DxBoxComponent.prototype, "disabled", {
+        get: /**
+             * Specifies whether the widget responds to user interaction.
+             */
+        function () {
+            return this._getOption('disabled');
+        },
+        set: function (value) {
+            this._setOption('disabled', value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DxBoxComponent.prototype, "elementAttr", {
+        get: /**
+             * Specifies the attributes to be attached to the widget's root element.
+             */
+        function () {
+            return this._getOption('elementAttr');
+        },
+        set: function (value) {
+            this._setOption('elementAttr', value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DxBoxComponent.prototype, "height", {
+        get: /**
+             * Specifies the widget's height.
+             */
+        function () {
+            return this._getOption('height');
+        },
+        set: function (value) {
+            this._setOption('height', value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DxBoxComponent.prototype, "hoverStateEnabled", {
+        get: /**
+             * Specifies whether the widget changes its state when a user pauses on it.
+             */
+        function () {
+            return this._getOption('hoverStateEnabled');
+        },
+        set: function (value) {
+            this._setOption('hoverStateEnabled', value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DxBoxComponent.prototype, "itemHoldTimeout", {
+        get: /**
+             * The time period in milliseconds before the onItemHold event is raised.
+             */
+        function () {
+            return this._getOption('itemHoldTimeout');
+        },
+        set: function (value) {
+            this._setOption('itemHoldTimeout', value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DxBoxComponent.prototype, "items", {
+        get: /**
+             * An array of items displayed by the widget.
+             */
+        function () {
+            return this._getOption('items');
+        },
+        set: function (value) {
+            this._setOption('items', value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DxBoxComponent.prototype, "itemTemplate", {
+        get: /**
+             * Specifies a custom template for items.
+             */
+        function () {
+            return this._getOption('itemTemplate');
+        },
+        set: function (value) {
+            this._setOption('itemTemplate', value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DxBoxComponent.prototype, "rtlEnabled", {
+        get: /**
+             * Switches the widget to a right-to-left representation.
+             */
+        function () {
+            return this._getOption('rtlEnabled');
+        },
+        set: function (value) {
+            this._setOption('rtlEnabled', value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DxBoxComponent.prototype, "visible", {
+        get: /**
+             * Specifies whether the widget is visible.
+             */
+        function () {
+            return this._getOption('visible');
+        },
+        set: function (value) {
+            this._setOption('visible', value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DxBoxComponent.prototype, "width", {
+        get: /**
+             * Specifies the widget's width.
+             */
+        function () {
+            return this._getOption('width');
+        },
+        set: function (value) {
+            this._setOption('width', value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(DxBoxComponent.prototype, "itemsChildren", {
+        get: function () {
+            return this._getOption('items');
+        },
+        set: function (value) {
+            this.setChildren('items', value);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    DxBoxComponent.prototype._createInstance = function (element, options) {
+        return new box_1.default(element, options);
+    };
+    DxBoxComponent.prototype.ngOnDestroy = function () {
+        this._destroyWidget();
+    };
+    DxBoxComponent.prototype.ngOnChanges = function (changes) {
+        _super.prototype.ngOnChanges.call(this, changes);
+        this.setupChanges('dataSource', changes);
+        this.setupChanges('items', changes);
+    };
+    DxBoxComponent.prototype.setupChanges = function (prop, changes) {
+        if (!(prop in this._optionsToUpdate)) {
+            this._idh.setup(prop, changes);
+        }
+    };
+    DxBoxComponent.prototype.ngDoCheck = function () {
+        this._idh.doCheck('dataSource');
+        this._idh.doCheck('items');
+        this._watcherHelper.checkWatchers();
+        _super.prototype.ngDoCheck.call(this);
+        _super.prototype.clearChangedOptions.call(this);
+    };
+    DxBoxComponent.prototype._setOption = function (name, value) {
+        var isSetup = this._idh.setupSingle(name, value);
+        var isChanged = this._idh.getChanges(name, value) !== null;
+        if (isSetup || isChanged) {
+            _super.prototype._setOption.call(this, name, value);
+        }
+    };
+    DxBoxComponent.decorators = [
+        { type: core_1.Component, args: [{
+                    selector: 'dx-box',
+                    template: '',
+                    providers: [
+                        template_host_1.DxTemplateHost,
+                        watcher_helper_1.WatcherHelper,
+                        nested_option_1.NestedOptionHost,
+                        iterable_differ_helper_1.IterableDifferHelper
+                    ]
+                },] },
+    ];
+    /** @nocollapse */
+    DxBoxComponent.ctorParameters = function () { return [
+        { type: core_1.ElementRef, },
+        { type: core_1.NgZone, },
+        { type: template_host_1.DxTemplateHost, },
+        { type: watcher_helper_1.WatcherHelper, },
+        { type: iterable_differ_helper_1.IterableDifferHelper, },
+        { type: nested_option_1.NestedOptionHost, },
+        { type: platform_browser_2.TransferState, },
+        { type: undefined, decorators: [{ type: core_1.Inject, args: [core_1.PLATFORM_ID,] },] },
+    ]; };
+    DxBoxComponent.propDecorators = {
+        "align": [{ type: core_1.Input },],
+        "crossAlign": [{ type: core_1.Input },],
+        "dataSource": [{ type: core_1.Input },],
+        "direction": [{ type: core_1.Input },],
+        "disabled": [{ type: core_1.Input },],
+        "elementAttr": [{ type: core_1.Input },],
+        "height": [{ type: core_1.Input },],
+        "hoverStateEnabled": [{ type: core_1.Input },],
+        "itemHoldTimeout": [{ type: core_1.Input },],
+        "items": [{ type: core_1.Input },],
+        "itemTemplate": [{ type: core_1.Input },],
+        "rtlEnabled": [{ type: core_1.Input },],
+        "visible": [{ type: core_1.Input },],
+        "width": [{ type: core_1.Input },],
+        "onContentReady": [{ type: core_1.Output },],
+        "onDisposing": [{ type: core_1.Output },],
+        "onInitialized": [{ type: core_1.Output },],
+        "onItemClick": [{ type: core_1.Output },],
+        "onItemContextMenu": [{ type: core_1.Output },],
+        "onItemHold": [{ type: core_1.Output },],
+        "onItemRendered": [{ type: core_1.Output },],
+        "onOptionChanged": [{ type: core_1.Output },],
+        "alignChange": [{ type: core_1.Output },],
+        "crossAlignChange": [{ type: core_1.Output },],
+        "dataSourceChange": [{ type: core_1.Output },],
+        "directionChange": [{ type: core_1.Output },],
+        "disabledChange": [{ type: core_1.Output },],
+        "elementAttrChange": [{ type: core_1.Output },],
+        "heightChange": [{ type: core_1.Output },],
+        "hoverStateEnabledChange": [{ type: core_1.Output },],
+        "itemHoldTimeoutChange": [{ type: core_1.Output },],
+        "itemsChange": [{ type: core_1.Output },],
+        "itemTemplateChange": [{ type: core_1.Output },],
+        "rtlEnabledChange": [{ type: core_1.Output },],
+        "visibleChange": [{ type: core_1.Output },],
+        "widthChange": [{ type: core_1.Output },],
+        "itemsChildren": [{ type: core_1.ContentChildren, args: [item_dxi_2.DxiItemComponent,] },],
+    };
+    return DxBoxComponent;
+}(component_1.DxComponent));
+exports.DxBoxComponent = DxBoxComponent;
+var DxBoxModule = (function () {
+    function DxBoxModule() {
+    }
+    DxBoxModule.decorators = [
+        { type: core_1.NgModule, args: [{
+                    imports: [
+                        item_dxi_1.DxiItemModule,
+                        box_2.DxoBoxModule,
+                        integration_1.DxIntegrationModule,
+                        template_1.DxTemplateModule,
+                        platform_browser_1.BrowserTransferStateModule
+                    ],
+                    declarations: [
+                        DxBoxComponent
+                    ],
+                    exports: [
+                        DxBoxComponent,
+                        item_dxi_1.DxiItemModule,
+                        box_2.DxoBoxModule,
+                        template_1.DxTemplateModule
+                    ]
+                },] },
+    ];
+    return DxBoxModule;
+}());
+exports.DxBoxModule = DxBoxModule;
 //# sourceMappingURL=box.js.map