devextreme-angular 18.1.16 → 18.1.17

package/ui/box.js.map

@@ -1 +1 @@
-{"version":3,"file":"box.js","sourceRoot":"","sources":["box.ts"],"names":[],"mappings":"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","sourcesContent":["/*!\n * devextreme-angular\n * Version: 18.1.16\n * Build date: Fri Apr 30 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\n/* tslint:disable:max-line-length */\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\nimport { BrowserTransferStateModule } from '@angular/platform-browser';\r\nimport { TransferState } from '@angular/platform-browser';\r\n\r\nimport {\r\n    Component,\r\n    NgModule,\r\n    ElementRef,\r\n    NgZone,\r\n    PLATFORM_ID,\r\n    Inject,\r\n\r\n    Input,\r\n    Output,\r\n    OnDestroy,\r\n    EventEmitter,\r\n    OnChanges,\r\n    DoCheck,\r\n    SimpleChanges,\r\n    ContentChildren,\r\n    QueryList\r\n} from '@angular/core';\r\n\r\n\r\nimport DevExpress from 'devextreme/bundles/dx.all';\r\n\r\nimport DxBox from 'devextreme/ui/box';\r\n\r\n\r\nimport { DxComponent } from '../core/component';\r\nimport { DxTemplateHost } from '../core/template-host';\r\nimport { DxIntegrationModule } from '../core/integration';\r\nimport { DxTemplateModule } from '../core/template';\r\nimport { NestedOptionHost } from '../core/nested-option';\r\nimport { WatcherHelper } from '../core/watcher-helper';\r\nimport { IterableDifferHelper } from '../core/iterable-differ-helper';\r\n\r\nimport { DxiItemModule } from './nested/item-dxi';\r\nimport { DxoBoxModule } from './nested/box';\r\n\r\nimport { DxiItemComponent } from './nested/item-dxi';\r\n\r\n\r\n\r\n\r\n/**\r\n * 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.\r\n */\r\n@Component({\r\n    selector: 'dx-box',\r\n    template: '',\r\n    providers: [\r\n        DxTemplateHost,\r\n        WatcherHelper,\r\n        NestedOptionHost,\r\n        IterableDifferHelper\r\n    ]\r\n})\r\nexport class DxBoxComponent extends DxComponent implements OnDestroy, OnChanges, DoCheck {\r\n    instance: DxBox;\r\n\r\n\r\n    /**\r\n     * Specifies how widget items are aligned along the main direction.\r\n     */\r\n    @Input()\r\n    get align(): string {\r\n        return this._getOption('align');\r\n    }\r\n    set align(value: string) {\r\n        this._setOption('align', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies how widget items are aligned cross-wise.\r\n     */\r\n    @Input()\r\n    get crossAlign(): string {\r\n        return this._getOption('crossAlign');\r\n    }\r\n    set crossAlign(value: string) {\r\n        this._setOption('crossAlign', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * A data source used to fetch data to be displayed by the widget.\r\n     */\r\n    @Input()\r\n    get dataSource(): DevExpress.data.DataSource | DevExpress.data.DataSourceOptions | string | Array<string | DevExpress.ui.CollectionWidgetItemTemplate> {\r\n        return this._getOption('dataSource');\r\n    }\r\n    set dataSource(value: DevExpress.data.DataSource | DevExpress.data.DataSourceOptions | string | Array<string | DevExpress.ui.CollectionWidgetItemTemplate>) {\r\n        this._setOption('dataSource', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the direction of item positioning in the widget.\r\n     */\r\n    @Input()\r\n    get direction(): string {\r\n        return this._getOption('direction');\r\n    }\r\n    set direction(value: string) {\r\n        this._setOption('direction', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies whether the widget responds to user interaction.\r\n     */\r\n    @Input()\r\n    get disabled(): boolean {\r\n        return this._getOption('disabled');\r\n    }\r\n    set disabled(value: boolean) {\r\n        this._setOption('disabled', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the attributes to be attached to the widget's root element.\r\n     */\r\n    @Input()\r\n    get elementAttr(): any {\r\n        return this._getOption('elementAttr');\r\n    }\r\n    set elementAttr(value: any) {\r\n        this._setOption('elementAttr', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the widget's height.\r\n     */\r\n    @Input()\r\n    get height(): number | Function | string {\r\n        return this._getOption('height');\r\n    }\r\n    set height(value: number | Function | string) {\r\n        this._setOption('height', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies whether the widget changes its state when a user pauses on it.\r\n     */\r\n    @Input()\r\n    get hoverStateEnabled(): boolean {\r\n        return this._getOption('hoverStateEnabled');\r\n    }\r\n    set hoverStateEnabled(value: boolean) {\r\n        this._setOption('hoverStateEnabled', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * The time period in milliseconds before the onItemHold event is raised.\r\n     */\r\n    @Input()\r\n    get itemHoldTimeout(): number {\r\n        return this._getOption('itemHoldTimeout');\r\n    }\r\n    set itemHoldTimeout(value: number) {\r\n        this._setOption('itemHoldTimeout', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * An array of items displayed by the widget.\r\n     */\r\n    @Input()\r\n    get items(): Array<string | any | { baseSize?: number | string, box?: DevExpress.ui.dxBoxOptions, disabled?: boolean, html?: string, ratio?: number, shrink?: number, template?: any, text?: string, visible?: boolean }> {\r\n        return this._getOption('items');\r\n    }\r\n    set items(value: Array<string | any | { baseSize?: number | string, box?: DevExpress.ui.dxBoxOptions, disabled?: boolean, html?: string, ratio?: number, shrink?: number, template?: any, text?: string, visible?: boolean }>) {\r\n        this._setOption('items', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies a custom template for items.\r\n     */\r\n    @Input()\r\n    get itemTemplate(): any {\r\n        return this._getOption('itemTemplate');\r\n    }\r\n    set itemTemplate(value: any) {\r\n        this._setOption('itemTemplate', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Switches the widget to a right-to-left representation.\r\n     */\r\n    @Input()\r\n    get rtlEnabled(): boolean {\r\n        return this._getOption('rtlEnabled');\r\n    }\r\n    set rtlEnabled(value: boolean) {\r\n        this._setOption('rtlEnabled', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies whether the widget is visible.\r\n     */\r\n    @Input()\r\n    get visible(): boolean {\r\n        return this._getOption('visible');\r\n    }\r\n    set visible(value: boolean) {\r\n        this._setOption('visible', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the widget's width.\r\n     */\r\n    @Input()\r\n    get width(): number | Function | string {\r\n        return this._getOption('width');\r\n    }\r\n    set width(value: number | Function | string) {\r\n        this._setOption('width', value);\r\n    }\r\n\r\n    /**\r\n     * A function that is executed when the widget's content is ready and each time the content is changed.\r\n     */\r\n    @Output() onContentReady: EventEmitter<any>;\r\n\r\n    /**\r\n     * A function that is executed before the widget is disposed of.\r\n     */\r\n    @Output() onDisposing: EventEmitter<any>;\r\n\r\n    /**\r\n     * A function that is executed only once, after the widget is initialized.\r\n     */\r\n    @Output() onInitialized: EventEmitter<any>;\r\n\r\n    /**\r\n     * A function that is executed when a collection item is clicked or tapped.\r\n     */\r\n    @Output() onItemClick: EventEmitter<any>;\r\n\r\n    /**\r\n     * A function that is executed when a collection item is right-clicked or pressed.\r\n     */\r\n    @Output() onItemContextMenu: EventEmitter<any>;\r\n\r\n    /**\r\n     * A function that is executed when a collection item has been held for a specified period.\r\n     */\r\n    @Output() onItemHold: EventEmitter<any>;\r\n\r\n    /**\r\n     * A function that is executed after a collection item is rendered.\r\n     */\r\n    @Output() onItemRendered: EventEmitter<any>;\r\n\r\n    /**\r\n     * A function that is executed after a widget option is changed.\r\n     */\r\n    @Output() onOptionChanged: EventEmitter<any>;\r\n\r\n    /**\r\n     * A handler for the alignChange event.\r\n     */\r\n    @Output() alignChange: EventEmitter<string>;\r\n\r\n    /**\r\n     * A handler for the crossAlignChange event.\r\n     */\r\n    @Output() crossAlignChange: EventEmitter<string>;\r\n\r\n    /**\r\n     * A handler for the dataSourceChange event.\r\n     */\r\n    @Output() dataSourceChange: EventEmitter<DevExpress.data.DataSource | DevExpress.data.DataSourceOptions | string | Array<string | DevExpress.ui.CollectionWidgetItemTemplate>>;\r\n\r\n    /**\r\n     * A handler for the directionChange event.\r\n     */\r\n    @Output() directionChange: EventEmitter<string>;\r\n\r\n    /**\r\n     * A handler for the disabledChange event.\r\n     */\r\n    @Output() disabledChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n     * A handler for the elementAttrChange event.\r\n     */\r\n    @Output() elementAttrChange: EventEmitter<any>;\r\n\r\n    /**\r\n     * A handler for the heightChange event.\r\n     */\r\n    @Output() heightChange: EventEmitter<number | Function | string>;\r\n\r\n    /**\r\n     * A handler for the hoverStateEnabledChange event.\r\n     */\r\n    @Output() hoverStateEnabledChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n     * A handler for the itemHoldTimeoutChange event.\r\n     */\r\n    @Output() itemHoldTimeoutChange: EventEmitter<number>;\r\n\r\n    /**\r\n     * A handler for the itemsChange event.\r\n     */\r\n    @Output() itemsChange: EventEmitter<Array<string | any | { baseSize?: number | string, box?: DevExpress.ui.dxBoxOptions, disabled?: boolean, html?: string, ratio?: number, shrink?: number, template?: any, text?: string, visible?: boolean }>>;\r\n\r\n    /**\r\n     * A handler for the itemTemplateChange event.\r\n     */\r\n    @Output() itemTemplateChange: EventEmitter<any>;\r\n\r\n    /**\r\n     * A handler for the rtlEnabledChange event.\r\n     */\r\n    @Output() rtlEnabledChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n     * A handler for the visibleChange event.\r\n     */\r\n    @Output() visibleChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n     * A handler for the widthChange event.\r\n     */\r\n    @Output() widthChange: EventEmitter<number | Function | string>;\r\n\r\n\r\n\r\n\r\n    @ContentChildren(DxiItemComponent)\r\n    get itemsChildren(): QueryList<DxiItemComponent> {\r\n        return this._getOption('items');\r\n    }\r\n    set itemsChildren(value) {\r\n        this.setChildren('items', value);\r\n    }\r\n\r\n\r\n    constructor(elementRef: ElementRef, ngZone: NgZone, templateHost: DxTemplateHost,\r\n            private _watcherHelper: WatcherHelper,\r\n            private _idh: IterableDifferHelper, optionHost: NestedOptionHost,\r\n            transferState: TransferState,\r\n            @Inject(PLATFORM_ID) platformId: any) {\r\n\r\n        super(elementRef, ngZone, templateHost, _watcherHelper, transferState, platformId);\r\n\r\n        this._createEventEmitters([\r\n            { subscribe: 'contentReady', emit: 'onContentReady' },\r\n            { subscribe: 'disposing', emit: 'onDisposing' },\r\n            { subscribe: 'initialized', emit: 'onInitialized' },\r\n            { subscribe: 'itemClick', emit: 'onItemClick' },\r\n            { subscribe: 'itemContextMenu', emit: 'onItemContextMenu' },\r\n            { subscribe: 'itemHold', emit: 'onItemHold' },\r\n            { subscribe: 'itemRendered', emit: 'onItemRendered' },\r\n            { subscribe: 'optionChanged', emit: 'onOptionChanged' },\r\n            { emit: 'alignChange' },\r\n            { emit: 'crossAlignChange' },\r\n            { emit: 'dataSourceChange' },\r\n            { emit: 'directionChange' },\r\n            { emit: 'disabledChange' },\r\n            { emit: 'elementAttrChange' },\r\n            { emit: 'heightChange' },\r\n            { emit: 'hoverStateEnabledChange' },\r\n            { emit: 'itemHoldTimeoutChange' },\r\n            { emit: 'itemsChange' },\r\n            { emit: 'itemTemplateChange' },\r\n            { emit: 'rtlEnabledChange' },\r\n            { emit: 'visibleChange' },\r\n            { emit: 'widthChange' }\r\n        ]);\r\n\r\n        this._idh.setHost(this);\r\n        optionHost.setHost(this);\r\n    }\r\n\r\n    protected _createInstance(element, options) {\r\n        return new DxBox(element, options);\r\n    }\r\n\r\n    ngOnDestroy() {\r\n        this._destroyWidget();\r\n    }\r\n\r\n    ngOnChanges(changes: SimpleChanges) {\r\n        super.ngOnChanges(changes);\r\n        this.setupChanges('dataSource', changes);\r\n        this.setupChanges('items', changes);\r\n    }\r\n\r\n    setupChanges(prop: string, changes: SimpleChanges) {\r\n        if (!(prop in this._optionsToUpdate)) {\r\n            this._idh.setup(prop, changes);\r\n        }\r\n    }\r\n\r\n    ngDoCheck() {\r\n        this._idh.doCheck('dataSource');\r\n        this._idh.doCheck('items');\r\n        this._watcherHelper.checkWatchers();\r\n        super.ngDoCheck();\r\n        super.clearChangedOptions();\r\n    }\r\n\r\n    _setOption(name: string, value: any) {\r\n        let isSetup = this._idh.setupSingle(name, value);\r\n        let isChanged = this._idh.getChanges(name, value) !== null;\r\n\r\n        if (isSetup || isChanged) {\r\n            super._setOption(name, value);\r\n        }\r\n    }\r\n\r\n}\r\n\r\n@NgModule({\r\n  imports: [\r\n    DxiItemModule,\r\n    DxoBoxModule,\r\n    DxIntegrationModule,\r\n    DxTemplateModule,\r\n    BrowserTransferStateModule\r\n  ],\r\n  declarations: [\r\n    DxBoxComponent\r\n  ],\r\n  exports: [\r\n    DxBoxComponent,\r\n    DxiItemModule,\r\n    DxoBoxModule,\r\n    DxTemplateModule\r\n  ]\r\n})\r\nexport class DxBoxModule { }\r\n"]}
+{"version":3,"file":"box.js","sourceRoot":"","sources":["box.ts"],"names":[],"mappings":"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","sourcesContent":["/*!\n * devextreme-angular\n * Version: 18.1.17\n * Build date: Thu Dec 09 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\n/* tslint:disable:max-line-length */\n\n\n\n\n\n\n\n\n\n\n\nimport { BrowserTransferStateModule } from '@angular/platform-browser';\nimport { TransferState } from '@angular/platform-browser';\n\nimport {\n    Component,\n    NgModule,\n    ElementRef,\n    NgZone,\n    PLATFORM_ID,\n    Inject,\n\n    Input,\n    Output,\n    OnDestroy,\n    EventEmitter,\n    OnChanges,\n    DoCheck,\n    SimpleChanges,\n    ContentChildren,\n    QueryList\n} from '@angular/core';\n\n\nimport DevExpress from 'devextreme/bundles/dx.all';\n\nimport DxBox from 'devextreme/ui/box';\n\n\nimport { DxComponent } from '../core/component';\nimport { DxTemplateHost } from '../core/template-host';\nimport { DxIntegrationModule } from '../core/integration';\nimport { DxTemplateModule } from '../core/template';\nimport { NestedOptionHost } from '../core/nested-option';\nimport { WatcherHelper } from '../core/watcher-helper';\nimport { IterableDifferHelper } from '../core/iterable-differ-helper';\n\nimport { DxiItemModule } from './nested/item-dxi';\nimport { DxoBoxModule } from './nested/box';\n\nimport { DxiItemComponent } from './nested/item-dxi';\n\n\n\n\n/**\n * 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.\n */\n@Component({\n    selector: 'dx-box',\n    template: '',\n    providers: [\n        DxTemplateHost,\n        WatcherHelper,\n        NestedOptionHost,\n        IterableDifferHelper\n    ]\n})\nexport class DxBoxComponent extends DxComponent implements OnDestroy, OnChanges, DoCheck {\n    instance: DxBox;\n\n\n    /**\n     * Specifies how widget items are aligned along the main direction.\n     */\n    @Input()\n    get align(): string {\n        return this._getOption('align');\n    }\n    set align(value: string) {\n        this._setOption('align', value);\n    }\n\n\n    /**\n     * Specifies how widget items are aligned cross-wise.\n     */\n    @Input()\n    get crossAlign(): string {\n        return this._getOption('crossAlign');\n    }\n    set crossAlign(value: string) {\n        this._setOption('crossAlign', value);\n    }\n\n\n    /**\n     * A data source used to fetch data to be displayed by the widget.\n     */\n    @Input()\n    get dataSource(): DevExpress.data.DataSource | DevExpress.data.DataSourceOptions | string | Array<string | DevExpress.ui.CollectionWidgetItemTemplate> {\n        return this._getOption('dataSource');\n    }\n    set dataSource(value: DevExpress.data.DataSource | DevExpress.data.DataSourceOptions | string | Array<string | DevExpress.ui.CollectionWidgetItemTemplate>) {\n        this._setOption('dataSource', value);\n    }\n\n\n    /**\n     * Specifies the direction of item positioning in the widget.\n     */\n    @Input()\n    get direction(): string {\n        return this._getOption('direction');\n    }\n    set direction(value: string) {\n        this._setOption('direction', value);\n    }\n\n\n    /**\n     * Specifies whether the widget responds to user interaction.\n     */\n    @Input()\n    get disabled(): boolean {\n        return this._getOption('disabled');\n    }\n    set disabled(value: boolean) {\n        this._setOption('disabled', value);\n    }\n\n\n    /**\n     * Specifies the attributes to be attached to the widget's root element.\n     */\n    @Input()\n    get elementAttr(): any {\n        return this._getOption('elementAttr');\n    }\n    set elementAttr(value: any) {\n        this._setOption('elementAttr', value);\n    }\n\n\n    /**\n     * Specifies the widget's height.\n     */\n    @Input()\n    get height(): number | Function | string {\n        return this._getOption('height');\n    }\n    set height(value: number | Function | string) {\n        this._setOption('height', value);\n    }\n\n\n    /**\n     * Specifies whether the widget changes its state when a user pauses on it.\n     */\n    @Input()\n    get hoverStateEnabled(): boolean {\n        return this._getOption('hoverStateEnabled');\n    }\n    set hoverStateEnabled(value: boolean) {\n        this._setOption('hoverStateEnabled', value);\n    }\n\n\n    /**\n     * The time period in milliseconds before the onItemHold event is raised.\n     */\n    @Input()\n    get itemHoldTimeout(): number {\n        return this._getOption('itemHoldTimeout');\n    }\n    set itemHoldTimeout(value: number) {\n        this._setOption('itemHoldTimeout', value);\n    }\n\n\n    /**\n     * An array of items displayed by the widget.\n     */\n    @Input()\n    get items(): Array<string | any | { baseSize?: number | string, box?: DevExpress.ui.dxBoxOptions, disabled?: boolean, html?: string, ratio?: number, shrink?: number, template?: any, text?: string, visible?: boolean }> {\n        return this._getOption('items');\n    }\n    set items(value: Array<string | any | { baseSize?: number | string, box?: DevExpress.ui.dxBoxOptions, disabled?: boolean, html?: string, ratio?: number, shrink?: number, template?: any, text?: string, visible?: boolean }>) {\n        this._setOption('items', value);\n    }\n\n\n    /**\n     * Specifies a custom template for items.\n     */\n    @Input()\n    get itemTemplate(): any {\n        return this._getOption('itemTemplate');\n    }\n    set itemTemplate(value: any) {\n        this._setOption('itemTemplate', value);\n    }\n\n\n    /**\n     * Switches the widget to a right-to-left representation.\n     */\n    @Input()\n    get rtlEnabled(): boolean {\n        return this._getOption('rtlEnabled');\n    }\n    set rtlEnabled(value: boolean) {\n        this._setOption('rtlEnabled', value);\n    }\n\n\n    /**\n     * Specifies whether the widget is visible.\n     */\n    @Input()\n    get visible(): boolean {\n        return this._getOption('visible');\n    }\n    set visible(value: boolean) {\n        this._setOption('visible', value);\n    }\n\n\n    /**\n     * Specifies the widget's width.\n     */\n    @Input()\n    get width(): number | Function | string {\n        return this._getOption('width');\n    }\n    set width(value: number | Function | string) {\n        this._setOption('width', value);\n    }\n\n    /**\n     * A function that is executed when the widget's content is ready and each time the content is changed.\n     */\n    @Output() onContentReady: EventEmitter<any>;\n\n    /**\n     * A function that is executed before the widget is disposed of.\n     */\n    @Output() onDisposing: EventEmitter<any>;\n\n    /**\n     * A function that is executed only once, after the widget is initialized.\n     */\n    @Output() onInitialized: EventEmitter<any>;\n\n    /**\n     * A function that is executed when a collection item is clicked or tapped.\n     */\n    @Output() onItemClick: EventEmitter<any>;\n\n    /**\n     * A function that is executed when a collection item is right-clicked or pressed.\n     */\n    @Output() onItemContextMenu: EventEmitter<any>;\n\n    /**\n     * A function that is executed when a collection item has been held for a specified period.\n     */\n    @Output() onItemHold: EventEmitter<any>;\n\n    /**\n     * A function that is executed after a collection item is rendered.\n     */\n    @Output() onItemRendered: EventEmitter<any>;\n\n    /**\n     * A function that is executed after a widget option is changed.\n     */\n    @Output() onOptionChanged: EventEmitter<any>;\n\n    /**\n     * A handler for the alignChange event.\n     */\n    @Output() alignChange: EventEmitter<string>;\n\n    /**\n     * A handler for the crossAlignChange event.\n     */\n    @Output() crossAlignChange: EventEmitter<string>;\n\n    /**\n     * A handler for the dataSourceChange event.\n     */\n    @Output() dataSourceChange: EventEmitter<DevExpress.data.DataSource | DevExpress.data.DataSourceOptions | string | Array<string | DevExpress.ui.CollectionWidgetItemTemplate>>;\n\n    /**\n     * A handler for the directionChange event.\n     */\n    @Output() directionChange: EventEmitter<string>;\n\n    /**\n     * A handler for the disabledChange event.\n     */\n    @Output() disabledChange: EventEmitter<boolean>;\n\n    /**\n     * A handler for the elementAttrChange event.\n     */\n    @Output() elementAttrChange: EventEmitter<any>;\n\n    /**\n     * A handler for the heightChange event.\n     */\n    @Output() heightChange: EventEmitter<number | Function | string>;\n\n    /**\n     * A handler for the hoverStateEnabledChange event.\n     */\n    @Output() hoverStateEnabledChange: EventEmitter<boolean>;\n\n    /**\n     * A handler for the itemHoldTimeoutChange event.\n     */\n    @Output() itemHoldTimeoutChange: EventEmitter<number>;\n\n    /**\n     * A handler for the itemsChange event.\n     */\n    @Output() itemsChange: EventEmitter<Array<string | any | { baseSize?: number | string, box?: DevExpress.ui.dxBoxOptions, disabled?: boolean, html?: string, ratio?: number, shrink?: number, template?: any, text?: string, visible?: boolean }>>;\n\n    /**\n     * A handler for the itemTemplateChange event.\n     */\n    @Output() itemTemplateChange: EventEmitter<any>;\n\n    /**\n     * A handler for the rtlEnabledChange event.\n     */\n    @Output() rtlEnabledChange: EventEmitter<boolean>;\n\n    /**\n     * A handler for the visibleChange event.\n     */\n    @Output() visibleChange: EventEmitter<boolean>;\n\n    /**\n     * A handler for the widthChange event.\n     */\n    @Output() widthChange: EventEmitter<number | Function | string>;\n\n\n\n\n    @ContentChildren(DxiItemComponent)\n    get itemsChildren(): QueryList<DxiItemComponent> {\n        return this._getOption('items');\n    }\n    set itemsChildren(value) {\n        this.setChildren('items', value);\n    }\n\n\n    constructor(elementRef: ElementRef, ngZone: NgZone, templateHost: DxTemplateHost,\n            private _watcherHelper: WatcherHelper,\n            private _idh: IterableDifferHelper, optionHost: NestedOptionHost,\n            transferState: TransferState,\n            @Inject(PLATFORM_ID) platformId: any) {\n\n        super(elementRef, ngZone, templateHost, _watcherHelper, transferState, platformId);\n\n        this._createEventEmitters([\n            { subscribe: 'contentReady', emit: 'onContentReady' },\n            { subscribe: 'disposing', emit: 'onDisposing' },\n            { subscribe: 'initialized', emit: 'onInitialized' },\n            { subscribe: 'itemClick', emit: 'onItemClick' },\n            { subscribe: 'itemContextMenu', emit: 'onItemContextMenu' },\n            { subscribe: 'itemHold', emit: 'onItemHold' },\n            { subscribe: 'itemRendered', emit: 'onItemRendered' },\n            { subscribe: 'optionChanged', emit: 'onOptionChanged' },\n            { emit: 'alignChange' },\n            { emit: 'crossAlignChange' },\n            { emit: 'dataSourceChange' },\n            { emit: 'directionChange' },\n            { emit: 'disabledChange' },\n            { emit: 'elementAttrChange' },\n            { emit: 'heightChange' },\n            { emit: 'hoverStateEnabledChange' },\n            { emit: 'itemHoldTimeoutChange' },\n            { emit: 'itemsChange' },\n            { emit: 'itemTemplateChange' },\n            { emit: 'rtlEnabledChange' },\n            { emit: 'visibleChange' },\n            { emit: 'widthChange' }\n        ]);\n\n        this._idh.setHost(this);\n        optionHost.setHost(this);\n    }\n\n    protected _createInstance(element, options) {\n        return new DxBox(element, options);\n    }\n\n    ngOnDestroy() {\n        this._destroyWidget();\n    }\n\n    ngOnChanges(changes: SimpleChanges) {\n        super.ngOnChanges(changes);\n        this.setupChanges('dataSource', changes);\n        this.setupChanges('items', changes);\n    }\n\n    setupChanges(prop: string, changes: SimpleChanges) {\n        if (!(prop in this._optionsToUpdate)) {\n            this._idh.setup(prop, changes);\n        }\n    }\n\n    ngDoCheck() {\n        this._idh.doCheck('dataSource');\n        this._idh.doCheck('items');\n        this._watcherHelper.checkWatchers();\n        super.ngDoCheck();\n        super.clearChangedOptions();\n    }\n\n    _setOption(name: string, value: any) {\n        let isSetup = this._idh.setupSingle(name, value);\n        let isChanged = this._idh.getChanges(name, value) !== null;\n\n        if (isSetup || isChanged) {\n            super._setOption(name, value);\n        }\n    }\n\n}\n\n@NgModule({\n  imports: [\n    DxiItemModule,\n    DxoBoxModule,\n    DxIntegrationModule,\n    DxTemplateModule,\n    BrowserTransferStateModule\n  ],\n  declarations: [\n    DxBoxComponent\n  ],\n  exports: [\n    DxBoxComponent,\n    DxiItemModule,\n    DxoBoxModule,\n    DxTemplateModule\n  ]\n})\nexport class DxBoxModule { }\n"]}

package/ui/bullet.d.ts

@@ -1,281 +1,281 @@
-/*!
- * 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
- */
-import { TransferState } from '@angular/platform-browser';
-import { ElementRef, NgZone, OnDestroy, EventEmitter } from '@angular/core';
-import DevExpress from 'devextreme/bundles/dx.all';
-import DxBullet from 'devextreme/viz/bullet';
-import { DxComponent } from '../core/component';
-import { DxTemplateHost } from '../core/template-host';
-import { NestedOptionHost } from '../core/nested-option';
-import { WatcherHelper } from '../core/watcher-helper';
-/**
- * The Bullet widget is useful when you need to compare a single measure to a target value. The widget comprises a horizontal bar indicating the measure and a vertical line indicating the target value.
- */
-export declare class DxBulletComponent extends DxComponent implements OnDestroy {
-    instance: DxBullet;
-    /**
-     * Specifies a color for the bullet bar.
-     */
-    color: string;
-    /**
-     * Specifies whether the widget responds to the user interaction.
-     */
-    disabled: boolean;
-    /**
-     * Specifies the attributes to be attached to the widget's root element.
-     */
-    elementAttr: any;
-    /**
-     * Specifies an end value for the invisible scale.
-     */
-    endScaleValue: number;
-    /**
-     * Generates space around the widget.
-     */
-    margin: {
-        bottom?: number;
-        left?: number;
-        right?: number;
-        top?: number;
-    };
-    /**
-     * Notifies the widget that it is embedded into an HTML page that uses a tag modifying the path.
-     */
-    pathModified: boolean;
-    /**
-     * Switches the widget to a right-to-left representation.
-     */
-    rtlEnabled: boolean;
-    /**
-     * Specifies whether or not to show the target line.
-     */
-    showTarget: boolean;
-    /**
-     * Specifies whether or not to show the line indicating zero on the invisible scale.
-     */
-    showZeroLevel: boolean;
-    /**
-     * Specifies the widget's size in pixels.
-     */
-    size: {
-        height?: number;
-        width?: number;
-    };
-    /**
-     * Specifies a start value for the invisible scale.
-     */
-    startScaleValue: number;
-    /**
-     * Specifies the value indicated by the target line.
-     */
-    target: number;
-    /**
-     * Specifies a color for both the target and zero level lines.
-     */
-    targetColor: string;
-    /**
-     * Specifies the width of the target line.
-     */
-    targetWidth: number;
-    /**
-     * Sets the name of the theme the widget uses.
-     */
-    theme: string;
-    /**
-     * Configures the tooltip.
-     */
-    tooltip: {
-        arrowLength?: number;
-        border?: {
-            color?: string;
-            dashStyle?: string;
-            opacity?: number;
-            visible?: boolean;
-            width?: number;
-        };
-        color?: string;
-        container?: Element | JQuery;
-        customizeTooltip?: Function;
-        enabled?: boolean;
-        font?: DevExpress.viz.Font;
-        format?: DevExpress.ui.format | string;
-        horizontalAlignment?: string;
-        opacity?: number;
-        paddingLeftRight?: number;
-        paddingTopBottom?: number;
-        precision?: number;
-        shadow?: {
-            blur?: number;
-            color?: string;
-            offsetX?: number;
-            offsetY?: number;
-            opacity?: number;
-        };
-        verticalAlignment?: string;
-        zIndex?: number;
-    };
-    /**
-     * Specifies the primary value indicated by the bullet bar.
-     */
-    value: number;
-    /**
-     * A function that is executed before the widget is disposed of.
-     */
-    onDisposing: EventEmitter<any>;
-    /**
-     * A function that is executed when the widget's rendering has finished.
-     */
-    onDrawn: EventEmitter<any>;
-    /**
-     * A function that is executed after the widget is exported.
-     */
-    onExported: EventEmitter<any>;
-    /**
-     * A function that is executed before the widget is exported.
-     */
-    onExporting: EventEmitter<any>;
-    /**
-     * A function that is executed before a file with exported widget is saved to the user's local storage.
-     */
-    onFileSaving: EventEmitter<any>;
-    /**
-     * A function that is executed when an error or warning occurs.
-     */
-    onIncidentOccurred: EventEmitter<any>;
-    /**
-     * A function that is executed only once, after the widget is initialized.
-     */
-    onInitialized: EventEmitter<any>;
-    /**
-     * A function that is executed after a widget option is changed.
-     */
-    onOptionChanged: EventEmitter<any>;
-    /**
-     * A function that is executed when a tooltip becomes hidden.
-     */
-    onTooltipHidden: EventEmitter<any>;
-    /**
-     * A function that is executed when a tooltip appears.
-     */
-    onTooltipShown: EventEmitter<any>;
-    /**
-     * A handler for the colorChange event.
-     */
-    colorChange: EventEmitter<string>;
-    /**
-     * A handler for the disabledChange event.
-     */
-    disabledChange: EventEmitter<boolean>;
-    /**
-     * A handler for the elementAttrChange event.
-     */
-    elementAttrChange: EventEmitter<any>;
-    /**
-     * A handler for the endScaleValueChange event.
-     */
-    endScaleValueChange: EventEmitter<number>;
-    /**
-     * A handler for the marginChange event.
-     */
-    marginChange: EventEmitter<{
-        bottom?: number;
-        left?: number;
-        right?: number;
-        top?: number;
-    }>;
-    /**
-     * A handler for the pathModifiedChange event.
-     */
-    pathModifiedChange: EventEmitter<boolean>;
-    /**
-     * A handler for the rtlEnabledChange event.
-     */
-    rtlEnabledChange: EventEmitter<boolean>;
-    /**
-     * A handler for the showTargetChange event.
-     */
-    showTargetChange: EventEmitter<boolean>;
-    /**
-     * A handler for the showZeroLevelChange event.
-     */
-    showZeroLevelChange: EventEmitter<boolean>;
-    /**
-     * A handler for the sizeChange event.
-     */
-    sizeChange: EventEmitter<{
-        height?: number;
-        width?: number;
-    }>;
-    /**
-     * A handler for the startScaleValueChange event.
-     */
-    startScaleValueChange: EventEmitter<number>;
-    /**
-     * A handler for the targetChange event.
-     */
-    targetChange: EventEmitter<number>;
-    /**
-     * A handler for the targetColorChange event.
-     */
-    targetColorChange: EventEmitter<string>;
-    /**
-     * A handler for the targetWidthChange event.
-     */
-    targetWidthChange: EventEmitter<number>;
-    /**
-     * A handler for the themeChange event.
-     */
-    themeChange: EventEmitter<string>;
-    /**
-     * A handler for the tooltipChange event.
-     */
-    tooltipChange: EventEmitter<{
-        arrowLength?: number;
-        border?: {
-            color?: string;
-            dashStyle?: string;
-            opacity?: number;
-            visible?: boolean;
-            width?: number;
-        };
-        color?: string;
-        container?: Element | JQuery;
-        customizeTooltip?: Function;
-        enabled?: boolean;
-        font?: DevExpress.viz.Font;
-        format?: DevExpress.ui.format | string;
-        horizontalAlignment?: string;
-        opacity?: number;
-        paddingLeftRight?: number;
-        paddingTopBottom?: number;
-        precision?: number;
-        shadow?: {
-            blur?: number;
-            color?: string;
-            offsetX?: number;
-            offsetY?: number;
-            opacity?: number;
-        };
-        verticalAlignment?: string;
-        zIndex?: number;
-    }>;
-    /**
-     * A handler for the valueChange event.
-     */
-    valueChange: EventEmitter<number>;
-    constructor(elementRef: ElementRef, ngZone: NgZone, templateHost: DxTemplateHost, _watcherHelper: WatcherHelper, optionHost: NestedOptionHost, transferState: TransferState, platformId: any);
-    protected _createInstance(element: any, options: any): DxBullet;
-    ngOnDestroy(): void;
-}
-export declare class DxBulletModule {
-}
+/*!
+ * 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
+ */
+import { TransferState } from '@angular/platform-browser';
+import { ElementRef, NgZone, OnDestroy, EventEmitter } from '@angular/core';
+import DevExpress from 'devextreme/bundles/dx.all';
+import DxBullet from 'devextreme/viz/bullet';
+import { DxComponent } from '../core/component';
+import { DxTemplateHost } from '../core/template-host';
+import { NestedOptionHost } from '../core/nested-option';
+import { WatcherHelper } from '../core/watcher-helper';
+/**
+ * The Bullet widget is useful when you need to compare a single measure to a target value. The widget comprises a horizontal bar indicating the measure and a vertical line indicating the target value.
+ */
+export declare class DxBulletComponent extends DxComponent implements OnDestroy {
+    instance: DxBullet;
+    /**
+     * Specifies a color for the bullet bar.
+     */
+    color: string;
+    /**
+     * Specifies whether the widget responds to the user interaction.
+     */
+    disabled: boolean;
+    /**
+     * Specifies the attributes to be attached to the widget's root element.
+     */
+    elementAttr: any;
+    /**
+     * Specifies an end value for the invisible scale.
+     */
+    endScaleValue: number;
+    /**
+     * Generates space around the widget.
+     */
+    margin: {
+        bottom?: number;
+        left?: number;
+        right?: number;
+        top?: number;
+    };
+    /**
+     * Notifies the widget that it is embedded into an HTML page that uses a tag modifying the path.
+     */
+    pathModified: boolean;
+    /**
+     * Switches the widget to a right-to-left representation.
+     */
+    rtlEnabled: boolean;
+    /**
+     * Specifies whether or not to show the target line.
+     */
+    showTarget: boolean;
+    /**
+     * Specifies whether or not to show the line indicating zero on the invisible scale.
+     */
+    showZeroLevel: boolean;
+    /**
+     * Specifies the widget's size in pixels.
+     */
+    size: {
+        height?: number;
+        width?: number;
+    };
+    /**
+     * Specifies a start value for the invisible scale.
+     */
+    startScaleValue: number;
+    /**
+     * Specifies the value indicated by the target line.
+     */
+    target: number;
+    /**
+     * Specifies a color for both the target and zero level lines.
+     */
+    targetColor: string;
+    /**
+     * Specifies the width of the target line.
+     */
+    targetWidth: number;
+    /**
+     * Sets the name of the theme the widget uses.
+     */
+    theme: string;
+    /**
+     * Configures the tooltip.
+     */
+    tooltip: {
+        arrowLength?: number;
+        border?: {
+            color?: string;
+            dashStyle?: string;
+            opacity?: number;
+            visible?: boolean;
+            width?: number;
+        };
+        color?: string;
+        container?: Element | JQuery;
+        customizeTooltip?: Function;
+        enabled?: boolean;
+        font?: DevExpress.viz.Font;
+        format?: DevExpress.ui.format | string;
+        horizontalAlignment?: string;
+        opacity?: number;
+        paddingLeftRight?: number;
+        paddingTopBottom?: number;
+        precision?: number;
+        shadow?: {
+            blur?: number;
+            color?: string;
+            offsetX?: number;
+            offsetY?: number;
+            opacity?: number;
+        };
+        verticalAlignment?: string;
+        zIndex?: number;
+    };
+    /**
+     * Specifies the primary value indicated by the bullet bar.
+     */
+    value: number;
+    /**
+     * A function that is executed before the widget is disposed of.
+     */
+    onDisposing: EventEmitter<any>;
+    /**
+     * A function that is executed when the widget's rendering has finished.
+     */
+    onDrawn: EventEmitter<any>;
+    /**
+     * A function that is executed after the widget is exported.
+     */
+    onExported: EventEmitter<any>;
+    /**
+     * A function that is executed before the widget is exported.
+     */
+    onExporting: EventEmitter<any>;
+    /**
+     * A function that is executed before a file with exported widget is saved to the user's local storage.
+     */
+    onFileSaving: EventEmitter<any>;
+    /**
+     * A function that is executed when an error or warning occurs.
+     */
+    onIncidentOccurred: EventEmitter<any>;
+    /**
+     * A function that is executed only once, after the widget is initialized.
+     */
+    onInitialized: EventEmitter<any>;
+    /**
+     * A function that is executed after a widget option is changed.
+     */
+    onOptionChanged: EventEmitter<any>;
+    /**
+     * A function that is executed when a tooltip becomes hidden.
+     */
+    onTooltipHidden: EventEmitter<any>;
+    /**
+     * A function that is executed when a tooltip appears.
+     */
+    onTooltipShown: EventEmitter<any>;
+    /**
+     * A handler for the colorChange event.
+     */
+    colorChange: EventEmitter<string>;
+    /**
+     * A handler for the disabledChange event.
+     */
+    disabledChange: EventEmitter<boolean>;
+    /**
+     * A handler for the elementAttrChange event.
+     */
+    elementAttrChange: EventEmitter<any>;
+    /**
+     * A handler for the endScaleValueChange event.
+     */
+    endScaleValueChange: EventEmitter<number>;
+    /**
+     * A handler for the marginChange event.
+     */
+    marginChange: EventEmitter<{
+        bottom?: number;
+        left?: number;
+        right?: number;
+        top?: number;
+    }>;
+    /**
+     * A handler for the pathModifiedChange event.
+     */
+    pathModifiedChange: EventEmitter<boolean>;
+    /**
+     * A handler for the rtlEnabledChange event.
+     */
+    rtlEnabledChange: EventEmitter<boolean>;
+    /**
+     * A handler for the showTargetChange event.
+     */
+    showTargetChange: EventEmitter<boolean>;
+    /**
+     * A handler for the showZeroLevelChange event.
+     */
+    showZeroLevelChange: EventEmitter<boolean>;
+    /**
+     * A handler for the sizeChange event.
+     */
+    sizeChange: EventEmitter<{
+        height?: number;
+        width?: number;
+    }>;
+    /**
+     * A handler for the startScaleValueChange event.
+     */
+    startScaleValueChange: EventEmitter<number>;
+    /**
+     * A handler for the targetChange event.
+     */
+    targetChange: EventEmitter<number>;
+    /**
+     * A handler for the targetColorChange event.
+     */
+    targetColorChange: EventEmitter<string>;
+    /**
+     * A handler for the targetWidthChange event.
+     */
+    targetWidthChange: EventEmitter<number>;
+    /**
+     * A handler for the themeChange event.
+     */
+    themeChange: EventEmitter<string>;
+    /**
+     * A handler for the tooltipChange event.
+     */
+    tooltipChange: EventEmitter<{
+        arrowLength?: number;
+        border?: {
+            color?: string;
+            dashStyle?: string;
+            opacity?: number;
+            visible?: boolean;
+            width?: number;
+        };
+        color?: string;
+        container?: Element | JQuery;
+        customizeTooltip?: Function;
+        enabled?: boolean;
+        font?: DevExpress.viz.Font;
+        format?: DevExpress.ui.format | string;
+        horizontalAlignment?: string;
+        opacity?: number;
+        paddingLeftRight?: number;
+        paddingTopBottom?: number;
+        precision?: number;
+        shadow?: {
+            blur?: number;
+            color?: string;
+            offsetX?: number;
+            offsetY?: number;
+            opacity?: number;
+        };
+        verticalAlignment?: string;
+        zIndex?: number;
+    }>;
+    /**
+     * A handler for the valueChange event.
+     */
+    valueChange: EventEmitter<number>;
+    constructor(elementRef: ElementRef, ngZone: NgZone, templateHost: DxTemplateHost, _watcherHelper: WatcherHelper, optionHost: NestedOptionHost, transferState: TransferState, platformId: any);
+    protected _createInstance(element: any, options: any): DxBullet;
+    ngOnDestroy(): void;
+}
+export declare class DxBulletModule {
+}