devextreme-angular 18.1.13 → 18.1.17

package/ui/tile-view.js.map

@@ -1 +1 @@
-{"version":3,"file":"tile-view.js","sourceRoot":"","sources":["tile-view.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 DxTileView from 'devextreme/ui/tile_view';\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\n\r\nimport { DxiItemComponent } from './nested/item-dxi';\r\n\r\n\r\n\r\n\r\n/**\r\n * The TileView widget contains a collection of tiles. Tiles can store much more information than ordinary buttons, that is why they are very popular in apps designed for touch devices.\r\n */\r\n@Component({\r\n    selector: 'dx-tile-view',\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 DxTileViewComponent extends DxComponent implements OnDestroy, OnChanges, DoCheck {\r\n    instance: DxTileView;\r\n\r\n\r\n    /**\r\n     * Specifies the shortcut key that sets focus on the widget.\r\n     */\r\n    @Input()\r\n    get accessKey(): string {\r\n        return this._getOption('accessKey');\r\n    }\r\n    set accessKey(value: string) {\r\n        this._setOption('accessKey', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * A Boolean value specifying whether or not the widget changes its state when interacting with a user.\r\n     */\r\n    @Input()\r\n    get activeStateEnabled(): boolean {\r\n        return this._getOption('activeStateEnabled');\r\n    }\r\n    set activeStateEnabled(value: boolean) {\r\n        this._setOption('activeStateEnabled', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the height of the base tile view item.\r\n     */\r\n    @Input()\r\n    get baseItemHeight(): number {\r\n        return this._getOption('baseItemHeight');\r\n    }\r\n    set baseItemHeight(value: number) {\r\n        this._setOption('baseItemHeight', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the width of the base tile view item.\r\n     */\r\n    @Input()\r\n    get baseItemWidth(): number {\r\n        return this._getOption('baseItemWidth');\r\n    }\r\n    set baseItemWidth(value: number) {\r\n        this._setOption('baseItemWidth', 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 tiles are placed horizontally or vertically.\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 whether the widget can be focused using keyboard navigation.\r\n     */\r\n    @Input()\r\n    get focusStateEnabled(): boolean {\r\n        return this._getOption('focusStateEnabled');\r\n    }\r\n    set focusStateEnabled(value: boolean) {\r\n        this._setOption('focusStateEnabled', 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 | string {\r\n        return this._getOption('height');\r\n    }\r\n    set height(value: number | string) {\r\n        this._setOption('height', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies text for a hint that appears when a user pauses on the widget.\r\n     */\r\n    @Input()\r\n    get hint(): string {\r\n        return this._getOption('hint');\r\n    }\r\n    set hint(value: string) {\r\n        this._setOption('hint', 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     * Specifies the distance in pixels between adjacent tiles.\r\n     */\r\n    @Input()\r\n    get itemMargin(): number {\r\n        return this._getOption('itemMargin');\r\n    }\r\n    set itemMargin(value: number) {\r\n        this._setOption('itemMargin', 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, heightRatio?: number, html?: string, template?: any, text?: string, visible?: boolean, widthRatio?: number }> {\r\n        return this._getOption('items');\r\n    }\r\n    set items(value: Array<string | any | { disabled?: boolean, heightRatio?: number, html?: string, template?: any, text?: string, visible?: boolean, widthRatio?: number }>) {\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     * The text or HTML markup displayed by the widget if the item collection is empty.\r\n     */\r\n    @Input()\r\n    get noDataText(): string {\r\n        return this._getOption('noDataText');\r\n    }\r\n    set noDataText(value: string) {\r\n        this._setOption('noDataText', 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     * A Boolean value specifying whether or not to display a scrollbar.\r\n     */\r\n    @Input()\r\n    get showScrollbar(): boolean {\r\n        return this._getOption('showScrollbar');\r\n    }\r\n    set showScrollbar(value: boolean) {\r\n        this._setOption('showScrollbar', value);\r\n    }\r\n\r\n\r\n    /**\r\n     * Specifies the number of the element when the Tab key is used for navigating.\r\n     */\r\n    @Input()\r\n    get tabIndex(): number {\r\n        return this._getOption('tabIndex');\r\n    }\r\n    set tabIndex(value: number) {\r\n        this._setOption('tabIndex', 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 accessKeyChange event.\r\n     */\r\n    @Output() accessKeyChange: EventEmitter<string>;\r\n\r\n    /**\r\n     * A handler for the activeStateEnabledChange event.\r\n     */\r\n    @Output() activeStateEnabledChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n     * A handler for the baseItemHeightChange event.\r\n     */\r\n    @Output() baseItemHeightChange: EventEmitter<number>;\r\n\r\n    /**\r\n     * A handler for the baseItemWidthChange event.\r\n     */\r\n    @Output() baseItemWidthChange: EventEmitter<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 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 focusStateEnabledChange event.\r\n     */\r\n    @Output() focusStateEnabledChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n     * A handler for the heightChange event.\r\n     */\r\n    @Output() heightChange: EventEmitter<number | string>;\r\n\r\n    /**\r\n     * A handler for the hintChange event.\r\n     */\r\n    @Output() hintChange: EventEmitter<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 itemMarginChange event.\r\n     */\r\n    @Output() itemMarginChange: 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, heightRatio?: number, html?: string, template?: any, text?: string, visible?: boolean, widthRatio?: number }>>;\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 noDataTextChange event.\r\n     */\r\n    @Output() noDataTextChange: EventEmitter<string>;\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 showScrollbarChange event.\r\n     */\r\n    @Output() showScrollbarChange: EventEmitter<boolean>;\r\n\r\n    /**\r\n     * A handler for the tabIndexChange event.\r\n     */\r\n    @Output() tabIndexChange: EventEmitter<number>;\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: 'accessKeyChange' },\r\n            { emit: 'activeStateEnabledChange' },\r\n            { emit: 'baseItemHeightChange' },\r\n            { emit: 'baseItemWidthChange' },\r\n            { emit: 'dataSourceChange' },\r\n            { emit: 'directionChange' },\r\n            { emit: 'disabledChange' },\r\n            { emit: 'elementAttrChange' },\r\n            { emit: 'focusStateEnabledChange' },\r\n            { emit: 'heightChange' },\r\n            { emit: 'hintChange' },\r\n            { emit: 'hoverStateEnabledChange' },\r\n            { emit: 'itemHoldTimeoutChange' },\r\n            { emit: 'itemMarginChange' },\r\n            { emit: 'itemsChange' },\r\n            { emit: 'itemTemplateChange' },\r\n            { emit: 'noDataTextChange' },\r\n            { emit: 'rtlEnabledChange' },\r\n            { emit: 'showScrollbarChange' },\r\n            { emit: 'tabIndexChange' },\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 DxTileView(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    DxIntegrationModule,\r\n    DxTemplateModule,\r\n    BrowserTransferStateModule\r\n  ],\r\n  declarations: [\r\n    DxTileViewComponent\r\n  ],\r\n  exports: [\r\n    DxTileViewComponent,\r\n    DxiItemModule,\r\n    DxTemplateModule\r\n  ]\r\n})\r\nexport class DxTileViewModule { }\r\n"]}
+{"version":3,"file":"tile-view.js","sourceRoot":"","sources":["tile-view.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 DxTileView from 'devextreme/ui/tile_view';\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';\n\nimport { DxiItemComponent } from './nested/item-dxi';\n\n\n\n\n/**\n * The TileView widget contains a collection of tiles. Tiles can store much more information than ordinary buttons, that is why they are very popular in apps designed for touch devices.\n */\n@Component({\n    selector: 'dx-tile-view',\n    template: '',\n    providers: [\n        DxTemplateHost,\n        WatcherHelper,\n        NestedOptionHost,\n        IterableDifferHelper\n    ]\n})\nexport class DxTileViewComponent extends DxComponent implements OnDestroy, OnChanges, DoCheck {\n    instance: DxTileView;\n\n\n    /**\n     * Specifies the shortcut key that sets focus on the widget.\n     */\n    @Input()\n    get accessKey(): string {\n        return this._getOption('accessKey');\n    }\n    set accessKey(value: string) {\n        this._setOption('accessKey', value);\n    }\n\n\n    /**\n     * A Boolean value specifying whether or not the widget changes its state when interacting with a user.\n     */\n    @Input()\n    get activeStateEnabled(): boolean {\n        return this._getOption('activeStateEnabled');\n    }\n    set activeStateEnabled(value: boolean) {\n        this._setOption('activeStateEnabled', value);\n    }\n\n\n    /**\n     * Specifies the height of the base tile view item.\n     */\n    @Input()\n    get baseItemHeight(): number {\n        return this._getOption('baseItemHeight');\n    }\n    set baseItemHeight(value: number) {\n        this._setOption('baseItemHeight', value);\n    }\n\n\n    /**\n     * Specifies the width of the base tile view item.\n     */\n    @Input()\n    get baseItemWidth(): number {\n        return this._getOption('baseItemWidth');\n    }\n    set baseItemWidth(value: number) {\n        this._setOption('baseItemWidth', 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 tiles are placed horizontally or vertically.\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 whether the widget can be focused using keyboard navigation.\n     */\n    @Input()\n    get focusStateEnabled(): boolean {\n        return this._getOption('focusStateEnabled');\n    }\n    set focusStateEnabled(value: boolean) {\n        this._setOption('focusStateEnabled', value);\n    }\n\n\n    /**\n     * Specifies the widget's height.\n     */\n    @Input()\n    get height(): number | string {\n        return this._getOption('height');\n    }\n    set height(value: number | string) {\n        this._setOption('height', value);\n    }\n\n\n    /**\n     * Specifies text for a hint that appears when a user pauses on the widget.\n     */\n    @Input()\n    get hint(): string {\n        return this._getOption('hint');\n    }\n    set hint(value: string) {\n        this._setOption('hint', 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     * Specifies the distance in pixels between adjacent tiles.\n     */\n    @Input()\n    get itemMargin(): number {\n        return this._getOption('itemMargin');\n    }\n    set itemMargin(value: number) {\n        this._setOption('itemMargin', 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, heightRatio?: number, html?: string, template?: any, text?: string, visible?: boolean, widthRatio?: number }> {\n        return this._getOption('items');\n    }\n    set items(value: Array<string | any | { disabled?: boolean, heightRatio?: number, html?: string, template?: any, text?: string, visible?: boolean, widthRatio?: number }>) {\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     * The text or HTML markup displayed by the widget if the item collection is empty.\n     */\n    @Input()\n    get noDataText(): string {\n        return this._getOption('noDataText');\n    }\n    set noDataText(value: string) {\n        this._setOption('noDataText', 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     * A Boolean value specifying whether or not to display a scrollbar.\n     */\n    @Input()\n    get showScrollbar(): boolean {\n        return this._getOption('showScrollbar');\n    }\n    set showScrollbar(value: boolean) {\n        this._setOption('showScrollbar', value);\n    }\n\n\n    /**\n     * Specifies the number of the element when the Tab key is used for navigating.\n     */\n    @Input()\n    get tabIndex(): number {\n        return this._getOption('tabIndex');\n    }\n    set tabIndex(value: number) {\n        this._setOption('tabIndex', 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 accessKeyChange event.\n     */\n    @Output() accessKeyChange: EventEmitter<string>;\n\n    /**\n     * A handler for the activeStateEnabledChange event.\n     */\n    @Output() activeStateEnabledChange: EventEmitter<boolean>;\n\n    /**\n     * A handler for the baseItemHeightChange event.\n     */\n    @Output() baseItemHeightChange: EventEmitter<number>;\n\n    /**\n     * A handler for the baseItemWidthChange event.\n     */\n    @Output() baseItemWidthChange: EventEmitter<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 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 focusStateEnabledChange event.\n     */\n    @Output() focusStateEnabledChange: EventEmitter<boolean>;\n\n    /**\n     * A handler for the heightChange event.\n     */\n    @Output() heightChange: EventEmitter<number | string>;\n\n    /**\n     * A handler for the hintChange event.\n     */\n    @Output() hintChange: EventEmitter<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 itemMarginChange event.\n     */\n    @Output() itemMarginChange: EventEmitter<number>;\n\n    /**\n     * A handler for the itemsChange event.\n     */\n    @Output() itemsChange: EventEmitter<Array<string | any | { disabled?: boolean, heightRatio?: number, html?: string, template?: any, text?: string, visible?: boolean, widthRatio?: number }>>;\n\n    /**\n     * A handler for the itemTemplateChange event.\n     */\n    @Output() itemTemplateChange: EventEmitter<any>;\n\n    /**\n     * A handler for the noDataTextChange event.\n     */\n    @Output() noDataTextChange: EventEmitter<string>;\n\n    /**\n     * A handler for the rtlEnabledChange event.\n     */\n    @Output() rtlEnabledChange: EventEmitter<boolean>;\n\n    /**\n     * A handler for the showScrollbarChange event.\n     */\n    @Output() showScrollbarChange: EventEmitter<boolean>;\n\n    /**\n     * A handler for the tabIndexChange event.\n     */\n    @Output() tabIndexChange: EventEmitter<number>;\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: 'accessKeyChange' },\n            { emit: 'activeStateEnabledChange' },\n            { emit: 'baseItemHeightChange' },\n            { emit: 'baseItemWidthChange' },\n            { emit: 'dataSourceChange' },\n            { emit: 'directionChange' },\n            { emit: 'disabledChange' },\n            { emit: 'elementAttrChange' },\n            { emit: 'focusStateEnabledChange' },\n            { emit: 'heightChange' },\n            { emit: 'hintChange' },\n            { emit: 'hoverStateEnabledChange' },\n            { emit: 'itemHoldTimeoutChange' },\n            { emit: 'itemMarginChange' },\n            { emit: 'itemsChange' },\n            { emit: 'itemTemplateChange' },\n            { emit: 'noDataTextChange' },\n            { emit: 'rtlEnabledChange' },\n            { emit: 'showScrollbarChange' },\n            { emit: 'tabIndexChange' },\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 DxTileView(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    DxIntegrationModule,\n    DxTemplateModule,\n    BrowserTransferStateModule\n  ],\n  declarations: [\n    DxTileViewComponent\n  ],\n  exports: [\n    DxTileViewComponent,\n    DxiItemModule,\n    DxTemplateModule\n  ]\n})\nexport class DxTileViewModule { }\n"]}