/*! * devextreme-angular * Version: 19.1.16 * Build date: Tue Oct 18 2022 * * Copyright (c) 2012 - 2022 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, OnChanges, DoCheck, SimpleChanges } from '@angular/core'; import DevExpress from 'devextreme/bundles/dx.all'; import DxTreeMap from 'devextreme/viz/tree_map'; import { DxComponent } from '../core/component'; import { DxTemplateHost } from '../core/template-host'; import { NestedOptionHost } from '../core/nested-option'; import { WatcherHelper } from '../core/watcher-helper'; import { IterableDifferHelper } from '../core/iterable-differ-helper'; /** * The TreeMap is a widget that displays hierarchical data by using nested rectangles. */ export declare class DxTreeMapComponent extends DxComponent implements OnDestroy, OnChanges, DoCheck { private _watcherHelper; private _idh; instance: DxTreeMap; /** * Specifies the name of the data source field that provides nested items for a group. Applies to hierarchical data sources only. */ childrenField: string; /** * Specifies the name of the data source field that provides colors for tiles. */ colorField: string; /** * Manages the color settings. */ colorizer: { colorCodeField?: string; colorizeGroups?: boolean; palette?: string | Array; paletteExtensionMode?: string; range?: Array; type?: string; }; /** * Binds the widget to data. */ dataSource: DevExpress.data.DataSource | DevExpress.data.DataSourceOptions | string | Array; /** * 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; /** * Configures the exporting and printing features. */ export: { backgroundColor?: string; enabled?: boolean; fileName?: string; formats?: Array; margin?: number; printingEnabled?: boolean; proxyUrl?: string; }; /** * Configures groups. */ group: { border?: { color?: string; width?: number; }; color?: string; headerHeight?: number; hoverEnabled?: boolean; hoverStyle?: { border?: { color?: string; width?: number; }; color?: string; }; label?: { font?: DevExpress.viz.Font; textOverflow?: string; visible?: boolean; }; selectionStyle?: { border?: { color?: string; width?: number; }; color?: string; }; }; /** * Specifies whether tiles and groups change their style when a user pauses on them. */ hoverEnabled: boolean; /** * Specifies the name of the data source field that provides IDs for items. Applies to plain data sources only. */ idField: string; /** * Specifies whether the user will interact with a single tile or its group. */ interactWithGroup: boolean; /** * Specifies the name of the data source field that provides texts for tile and group labels. */ labelField: string; /** * Specifies the layout algorithm. */ layoutAlgorithm: Function | string; /** * Specifies the direction in which the items will be laid out. */ layoutDirection: string; /** * Configures the loading indicator. */ loadingIndicator: { backgroundColor?: string; enabled?: boolean; font?: DevExpress.viz.Font; show?: boolean; text?: string; }; /** * Specifies how many hierarchical levels must be visualized. */ maxDepth: number; /** * Specifies the name of the data source field that provides parent IDs for items. Applies to plain data sources only. */ parentField: string; /** * Notifies the widget that it is embedded into an HTML page that uses a tag modifying the path. */ pathModified: boolean; /** * Specifies whether to redraw the widget when the size of the parent browser window changes or a mobile device rotates. */ redrawOnResize: boolean; /** * Use the tile.label.textOverflow option instead. */ resolveLabelOverflow: string; /** * Switches the widget to a right-to-left representation. */ rtlEnabled: boolean; /** * Specifies whether a single or multiple nodes can be in the selected state simultaneously. */ selectionMode: string; /** * Specifies the widget's size in pixels. */ size: { height?: number; width?: number; }; /** * Sets the name of the theme the widget uses. */ theme: string; /** * Configures tiles. */ tile: { border?: { color?: string; width?: number; }; color?: string; hoverStyle?: { border?: { color?: string; width?: number; }; color?: string; }; label?: { font?: DevExpress.viz.Font; textOverflow?: string; visible?: boolean; wordWrap?: string; }; selectionStyle?: { border?: { color?: string; width?: number; }; color?: string; }; }; /** * Configures the widget's title. */ title: string | { font?: DevExpress.viz.Font; horizontalAlignment?: string; margin?: number | { bottom?: number; left?: number; right?: number; top?: number; }; placeholderSize?: number; subtitle?: string | { font?: DevExpress.viz.Font; offset?: number; text?: string; textOverflow?: string; wordWrap?: string; }; text?: string; textOverflow?: string; verticalAlignment?: string; wordWrap?: string; }; /** * Configures tooltips - small pop-up rectangles that display information about a data-visualizing widget element being pressed or hovered over with the mouse pointer. */ tooltip: { arrowLength?: number; border?: { color?: string; dashStyle?: string; opacity?: number; visible?: boolean; width?: number; }; color?: string; container?: Element | JQuery; cornerRadius?: number; customizeTooltip?: Function; enabled?: boolean; font?: DevExpress.viz.Font; format?: DevExpress.ui.format | string; opacity?: number; paddingLeftRight?: number; paddingTopBottom?: number; shadow?: { blur?: number; color?: string; offsetX?: number; offsetY?: number; opacity?: number; }; zIndex?: number; }; /** * Specifies the name of the data source field that provides values for tiles. */ valueField: string; /** * A function that is executed when a node is clicked or tapped. */ onClick: EventEmitter; /** * A function that is executed before the widget is disposed of. */ onDisposing: EventEmitter; /** * A function that is executed when the widget's rendering has finished. */ onDrawn: EventEmitter; /** * A function that is executed when a user drills up or down. */ onDrill: EventEmitter; /** * A function that is executed after the widget is exported. */ onExported: EventEmitter; /** * A function that is executed before the widget is exported. */ onExporting: EventEmitter; /** * A function that is executed before a file with exported widget is saved to the user's local storage. */ onFileSaving: EventEmitter; /** * A function that is executed after the pointer enters or leaves a node. */ onHoverChanged: EventEmitter; /** * A function that is executed when an error or warning occurs. */ onIncidentOccurred: EventEmitter; /** * A function used in JavaScript frameworks to save the widget instance. */ onInitialized: EventEmitter; /** * A function that is executed only once, after the nodes are initialized. */ onNodesInitialized: EventEmitter; /** * A function that is executed before the nodes are displayed and each time the collection of active nodes is changed. */ onNodesRendering: EventEmitter; /** * A function that is executed after a widget option is changed. */ onOptionChanged: EventEmitter; /** * A function that is executed when a node is selected or selection is canceled. */ onSelectionChanged: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ childrenFieldChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ colorFieldChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ colorizerChange: EventEmitter<{ colorCodeField?: string; colorizeGroups?: boolean; palette?: string | Array; paletteExtensionMode?: string; range?: Array; type?: string; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ dataSourceChange: EventEmitter>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ disabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ elementAttrChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ exportChange: EventEmitter<{ backgroundColor?: string; enabled?: boolean; fileName?: string; formats?: Array; margin?: number; printingEnabled?: boolean; proxyUrl?: string; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ groupChange: EventEmitter<{ border?: { color?: string; width?: number; }; color?: string; headerHeight?: number; hoverEnabled?: boolean; hoverStyle?: { border?: { color?: string; width?: number; }; color?: string; }; label?: { font?: DevExpress.viz.Font; textOverflow?: string; visible?: boolean; }; selectionStyle?: { border?: { color?: string; width?: number; }; color?: string; }; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ hoverEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ idFieldChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ interactWithGroupChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ labelFieldChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ layoutAlgorithmChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ layoutDirectionChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ loadingIndicatorChange: EventEmitter<{ backgroundColor?: string; enabled?: boolean; font?: DevExpress.viz.Font; show?: boolean; text?: string; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ maxDepthChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ parentFieldChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ pathModifiedChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ redrawOnResizeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ resolveLabelOverflowChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ rtlEnabledChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ selectionModeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ sizeChange: EventEmitter<{ height?: number; width?: number; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ themeChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ tileChange: EventEmitter<{ border?: { color?: string; width?: number; }; color?: string; hoverStyle?: { border?: { color?: string; width?: number; }; color?: string; }; label?: { font?: DevExpress.viz.Font; textOverflow?: string; visible?: boolean; wordWrap?: string; }; selectionStyle?: { border?: { color?: string; width?: number; }; color?: string; }; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ titleChange: EventEmitter; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ tooltipChange: EventEmitter<{ arrowLength?: number; border?: { color?: string; dashStyle?: string; opacity?: number; visible?: boolean; width?: number; }; color?: string; container?: Element | JQuery; cornerRadius?: number; customizeTooltip?: Function; enabled?: boolean; font?: DevExpress.viz.Font; format?: DevExpress.ui.format | string; opacity?: number; paddingLeftRight?: number; paddingTopBottom?: number; shadow?: { blur?: number; color?: string; offsetX?: number; offsetY?: number; opacity?: number; }; zIndex?: number; }>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ valueFieldChange: EventEmitter; constructor(elementRef: ElementRef, ngZone: NgZone, templateHost: DxTemplateHost, _watcherHelper: WatcherHelper, _idh: IterableDifferHelper, optionHost: NestedOptionHost, transferState: TransferState, platformId: any); protected _createInstance(element: any, options: any): DxTreeMap; ngOnDestroy(): void; ngOnChanges(changes: SimpleChanges): void; setupChanges(prop: string, changes: SimpleChanges): void; ngDoCheck(): void; _setOption(name: string, value: any): void; } export declare class DxTreeMapModule { }