devextreme-angular 18.1.13 → 18.1.17

package/ui/responsive-box.js.map

@@ -1 +1 @@
-{"version":3,"file":"responsive-box.js","sourceRoot":"","sources":["responsive-box.ts"],"names":[],"mappings":"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","sourcesContent":["/*!\n * devextreme-angular\n * Version: 18.1.13\n * Build date: Wed Apr 01 2020\n *\n * Copyright (c) 2012 - 2020 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 DxResponsiveBox from 'devextreme/ui/responsive_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 { DxiColModule } from './nested/col-dxi';\r\nimport { DxiItemModule } from './nested/item-dxi';\r\nimport { DxiLocationModule } from './nested/location-dxi';\r\nimport { DxiRowModule } from './nested/row-dxi';\r\n\r\nimport { DxiColComponent } from './nested/col-dxi';\r\nimport { DxiItemComponent } from './nested/item-dxi';\r\nimport { DxiRowComponent } from './nested/row-dxi';\r\n\r\n\r\n\r\n\r\n/**\r\n * The ResponsiveBox widget allows you to create an application or a website with a layout adapted to different screen sizes.\r\n */\r\n@Component({\r\n    selector: 'dx-responsive-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 DxResponsiveBoxComponent extends DxComponent implements OnDestroy, OnChanges, DoCheck {\r\n    instance: DxResponsiveBox;\r\n\r\n\r\n    /**\r\n     * Specifies the collection of columns for the grid used to position layout elements.\r\n     */\r\n    @Input()\r\n    get cols(): Array<any | { baseSize?: number | string, ratio?: number, screen?: string, shrink?: number }> {\r\n        return this._getOption('cols');\r\n    }\r\n    set cols(value: Array<any | { baseSize?: number | string, ratio?: number, screen?: string, shrink?: number }>) {\r\n        this._setOption('cols', 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 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 | { disabled?: boolean, html?: string, location?: Array<any | { col?: number, colspan?: number, row?: number, rowspan?: number, screen?: string }>, template?: any, text?: string, visible?: boolean }> {\r\n        return this._getOption('items');\r\n    }\r\n    set items(value: Array<string | any | { disabled?: boolean, html?: string, location?: Array<any | { col?: number, colspan?: number, row?: number, rowspan?: number, screen?: string }>, 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     * Specifies the collection of rows for the grid used to position layout elements.\r\n     */\r\n    @Input()\r\n    get rows(): Array<any | { baseSize?: number | string, ratio?: number, screen?: string, shrink?: number }> {\r\n        return this._getOption('rows');\r\n    }\r\n    set rows(value: Array<any | { baseSize?: number | string, ratio?: number, screen?: string, shrink?: number }>) {\r\n        this._setOption('rows', 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 the function returning the size qualifier depending on the screen's width.\r\n     */\r\n    @Input()\r\n    get screenByWidth(): Function {\r\n        return this._getOption('screenByWidth');\r\n    }\r\n    set screenByWidth(value: Function) {\r\n        this._setOption('screenByWidth', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies on which screens all layout elements should be arranged in a single column. Accepts a single or several size qualifiers separated by a space.\r\n     */\r\n    @Input()\r\n    get singleColumnScreen(): string {\r\n        return this._getOption('singleColumnScreen');\r\n    }\r\n    set singleColumnScreen(value: string) {\r\n        this._setOption('singleColumnScreen', 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 colsChange event.\r\n     */\r\n    @Output() colsChange: EventEmitter<Array<any | { baseSize?: number | string, ratio?: number, screen?: string, shrink?: number }>>;\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 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 | { disabled?: boolean, html?: string, location?: Array<any | { col?: number, colspan?: number, row?: number, rowspan?: number, screen?: string }>, 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 rowsChange event.\r\n     */\r\n    @Output() rowsChange: EventEmitter<Array<any | { baseSize?: number | string, ratio?: number, screen?: string, shrink?: number }>>;\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 screenByWidthChange event.\r\n     */\r\n    @Output() screenByWidthChange: EventEmitter<Function>;\r\n\r\n    /**\r\n     * A handler for the singleColumnScreenChange event.\r\n     */\r\n    @Output() singleColumnScreenChange: EventEmitter<string>;\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(DxiColComponent)\r\n    get colsChildren(): QueryList<DxiColComponent> {\r\n        return this._getOption('cols');\r\n    }\r\n    set colsChildren(value) {\r\n        this.setChildren('cols', value);\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    @ContentChildren(DxiRowComponent)\r\n    get rowsChildren(): QueryList<DxiRowComponent> {\r\n        return this._getOption('rows');\r\n    }\r\n    set rowsChildren(value) {\r\n        this.setChildren('rows', 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: 'colsChange' },\r\n            { emit: 'dataSourceChange' },\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: 'rowsChange' },\r\n            { emit: 'rtlEnabledChange' },\r\n            { emit: 'screenByWidthChange' },\r\n            { emit: 'singleColumnScreenChange' },\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 DxResponsiveBox(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('cols', changes);\r\n        this.setupChanges('dataSource', changes);\r\n        this.setupChanges('items', changes);\r\n        this.setupChanges('rows', 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('cols');\r\n        this._idh.doCheck('dataSource');\r\n        this._idh.doCheck('items');\r\n        this._idh.doCheck('rows');\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    DxiColModule,\r\n    DxiItemModule,\r\n    DxiLocationModule,\r\n    DxiRowModule,\r\n    DxIntegrationModule,\r\n    DxTemplateModule,\r\n    BrowserTransferStateModule\r\n  ],\r\n  declarations: [\r\n    DxResponsiveBoxComponent\r\n  ],\r\n  exports: [\r\n    DxResponsiveBoxComponent,\r\n    DxiColModule,\r\n    DxiItemModule,\r\n    DxiLocationModule,\r\n    DxiRowModule,\r\n    DxTemplateModule\r\n  ]\r\n})\r\nexport class DxResponsiveBoxModule { }\r\n"]}
+{"version":3,"file":"responsive-box.js","sourceRoot":"","sources":["responsive-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 DxResponsiveBox from 'devextreme/ui/responsive_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 { DxiColModule } from './nested/col-dxi';\nimport { DxiItemModule } from './nested/item-dxi';\nimport { DxiLocationModule } from './nested/location-dxi';\nimport { DxiRowModule } from './nested/row-dxi';\n\nimport { DxiColComponent } from './nested/col-dxi';\nimport { DxiItemComponent } from './nested/item-dxi';\nimport { DxiRowComponent } from './nested/row-dxi';\n\n\n\n\n/**\n * The ResponsiveBox widget allows you to create an application or a website with a layout adapted to different screen sizes.\n */\n@Component({\n    selector: 'dx-responsive-box',\n    template: '',\n    providers: [\n        DxTemplateHost,\n        WatcherHelper,\n        NestedOptionHost,\n        IterableDifferHelper\n    ]\n})\nexport class DxResponsiveBoxComponent extends DxComponent implements OnDestroy, OnChanges, DoCheck {\n    instance: DxResponsiveBox;\n\n\n    /**\n     * Specifies the collection of columns for the grid used to position layout elements.\n     */\n    @Input()\n    get cols(): Array<any | { baseSize?: number | string, ratio?: number, screen?: string, shrink?: number }> {\n        return this._getOption('cols');\n    }\n    set cols(value: Array<any | { baseSize?: number | string, ratio?: number, screen?: string, shrink?: number }>) {\n        this._setOption('cols', 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 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 | { disabled?: boolean, html?: string, location?: Array<any | { col?: number, colspan?: number, row?: number, rowspan?: number, screen?: string }>, template?: any, text?: string, visible?: boolean }> {\n        return this._getOption('items');\n    }\n    set items(value: Array<string | any | { disabled?: boolean, html?: string, location?: Array<any | { col?: number, colspan?: number, row?: number, rowspan?: number, screen?: string }>, 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     * Specifies the collection of rows for the grid used to position layout elements.\n     */\n    @Input()\n    get rows(): Array<any | { baseSize?: number | string, ratio?: number, screen?: string, shrink?: number }> {\n        return this._getOption('rows');\n    }\n    set rows(value: Array<any | { baseSize?: number | string, ratio?: number, screen?: string, shrink?: number }>) {\n        this._setOption('rows', 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 the function returning the size qualifier depending on the screen's width.\n     */\n    @Input()\n    get screenByWidth(): Function {\n        return this._getOption('screenByWidth');\n    }\n    set screenByWidth(value: Function) {\n        this._setOption('screenByWidth', value);\n    }\n\n\n    /**\n     * Specifies on which screens all layout elements should be arranged in a single column. Accepts a single or several size qualifiers separated by a space.\n     */\n    @Input()\n    get singleColumnScreen(): string {\n        return this._getOption('singleColumnScreen');\n    }\n    set singleColumnScreen(value: string) {\n        this._setOption('singleColumnScreen', 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 colsChange event.\n     */\n    @Output() colsChange: EventEmitter<Array<any | { baseSize?: number | string, ratio?: number, screen?: string, shrink?: number }>>;\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 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 | { disabled?: boolean, html?: string, location?: Array<any | { col?: number, colspan?: number, row?: number, rowspan?: number, screen?: string }>, 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 rowsChange event.\n     */\n    @Output() rowsChange: EventEmitter<Array<any | { baseSize?: number | string, ratio?: number, screen?: string, shrink?: number }>>;\n\n    /**\n     * A handler for the rtlEnabledChange event.\n     */\n    @Output() rtlEnabledChange: EventEmitter<boolean>;\n\n    /**\n     * A handler for the screenByWidthChange event.\n     */\n    @Output() screenByWidthChange: EventEmitter<Function>;\n\n    /**\n     * A handler for the singleColumnScreenChange event.\n     */\n    @Output() singleColumnScreenChange: EventEmitter<string>;\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(DxiColComponent)\n    get colsChildren(): QueryList<DxiColComponent> {\n        return this._getOption('cols');\n    }\n    set colsChildren(value) {\n        this.setChildren('cols', value);\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    @ContentChildren(DxiRowComponent)\n    get rowsChildren(): QueryList<DxiRowComponent> {\n        return this._getOption('rows');\n    }\n    set rowsChildren(value) {\n        this.setChildren('rows', 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: 'colsChange' },\n            { emit: 'dataSourceChange' },\n            { emit: 'disabledChange' },\n            { emit: 'elementAttrChange' },\n            { emit: 'heightChange' },\n            { emit: 'hoverStateEnabledChange' },\n            { emit: 'itemHoldTimeoutChange' },\n            { emit: 'itemsChange' },\n            { emit: 'itemTemplateChange' },\n            { emit: 'rowsChange' },\n            { emit: 'rtlEnabledChange' },\n            { emit: 'screenByWidthChange' },\n            { emit: 'singleColumnScreenChange' },\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 DxResponsiveBox(element, options);\n    }\n\n    ngOnDestroy() {\n        this._destroyWidget();\n    }\n\n    ngOnChanges(changes: SimpleChanges) {\n        super.ngOnChanges(changes);\n        this.setupChanges('cols', changes);\n        this.setupChanges('dataSource', changes);\n        this.setupChanges('items', changes);\n        this.setupChanges('rows', 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('cols');\n        this._idh.doCheck('dataSource');\n        this._idh.doCheck('items');\n        this._idh.doCheck('rows');\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    DxiColModule,\n    DxiItemModule,\n    DxiLocationModule,\n    DxiRowModule,\n    DxIntegrationModule,\n    DxTemplateModule,\n    BrowserTransferStateModule\n  ],\n  declarations: [\n    DxResponsiveBoxComponent\n  ],\n  exports: [\n    DxResponsiveBoxComponent,\n    DxiColModule,\n    DxiItemModule,\n    DxiLocationModule,\n    DxiRowModule,\n    DxTemplateModule\n  ]\n})\nexport class DxResponsiveBoxModule { }\n"]}