devextreme-angular

/*! * devextreme-angular * Version: 24.2.6 * Build date: Mon Mar 17 2025 * * Copyright (c) 2012 - 2025 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, ElementRef, NgZone, OnDestroy, EventEmitter } from '@angular/core'; import { ResizeHandle, DisposingEvent, InitializedEvent, OptionChangedEvent, ResizeEvent, ResizeEndEvent, ResizeStartEvent } from 'devextreme/ui/resizable'; import DxResizable from 'devextreme/ui/resizable'; import { DxComponent, DxTemplateHost, NestedOptionHost, WatcherHelper } from 'devextreme-angular/core'; import type * as DxResizableTypes from "devextreme/ui/resizable_types"; import * as i0 from "@angular/core"; import * as i1 from "devextreme-angular/core"; /** * The Resizable UI component enables its content to be resizable in the UI. */ export declare class DxResizableComponent extends DxComponent implements OnDestroy { instance: DxResizable; /** * Specifies the area within which users can resize the UI component. */ get area(): any | string | undefined; set area(value: any | string | undefined); /** * Specifies the global attributes to be attached to the UI component's container element. */ get elementAttr(): Record<string, any>; set elementAttr(value: Record<string, any>); /** * Specifies which borders of the UI component element are used as a handle. */ get handles(): ResizeHandle | string; set handles(value: ResizeHandle | string); /** * Specifies the UI component's height. */ get height(): (() => number | string) | number | string; set height(value: (() => number | string) | number | string); /** * Specifies whether to resize the UI component's content proportionally when you use corner handles. */ get keepAspectRatio(): boolean; set keepAspectRatio(value: boolean); /** * Specifies the upper height boundary for resizing. */ get maxHeight(): number; set maxHeight(value: number); /** * Specifies the upper width boundary for resizing. */ get maxWidth(): number; set maxWidth(value: number); /** * Specifies the lower height boundary for resizing. */ get minHeight(): number; set minHeight(value: number); /** * Specifies the lower width boundary for resizing. */ get minWidth(): number; set minWidth(value: number); /** * Switches the UI component to a right-to-left representation. */ get rtlEnabled(): boolean; set rtlEnabled(value: boolean); /** * Specifies the UI component's width. */ get width(): (() => number | string) | number | string; set width(value: (() => number | string) | number | string); /** * A function that is executed before the UI component is disposed of. */ onDisposing: EventEmitter<DisposingEvent>; /** * A function used in JavaScript frameworks to save the UI component instance. */ onInitialized: EventEmitter<InitializedEvent>; /** * A function that is executed after a UI component property is changed. */ onOptionChanged: EventEmitter<OptionChangedEvent>; /** * A function that is executed each time the UI component is resized by one pixel. */ onResize: EventEmitter<ResizeEvent>; /** * A function that is executed when resizing ends. */ onResizeEnd: EventEmitter<ResizeEndEvent>; /** * A function that is executed when resizing starts. */ onResizeStart: EventEmitter<ResizeStartEvent>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ areaChange: EventEmitter<any | string | undefined>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ elementAttrChange: EventEmitter<Record<string, any>>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ handlesChange: EventEmitter<ResizeHandle | string>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ heightChange: EventEmitter<(() => number | string) | number | string>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ keepAspectRatioChange: EventEmitter<boolean>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ maxHeightChange: EventEmitter<number>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ maxWidthChange: EventEmitter<number>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ minHeightChange: EventEmitter<number>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ minWidthChange: EventEmitter<number>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ rtlEnabledChange: EventEmitter<boolean>; /** * This member supports the internal infrastructure and is not intended to be used directly from your code. */ widthChange: EventEmitter<(() => number | string) | number | string>; constructor(elementRef: ElementRef, ngZone: NgZone, templateHost: DxTemplateHost, _watcherHelper: WatcherHelper, optionHost: NestedOptionHost, transferState: TransferState, platformId: any); protected _createInstance(element: any, options: any): DxResizable; ngOnDestroy(): void; static ɵfac: i0.ɵɵFactoryDeclaration<DxResizableComponent, never>; static ɵcmp: i0.ɵɵComponentDeclaration<DxResizableComponent, "dx-resizable", never, { "area": { "alias": "area"; "required": false; }; "elementAttr": { "alias": "elementAttr"; "required": false; }; "handles": { "alias": "handles"; "required": false; }; "height": { "alias": "height"; "required": false; }; "keepAspectRatio": { "alias": "keepAspectRatio"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "rtlEnabled": { "alias": "rtlEnabled"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "onDisposing": "onDisposing"; "onInitialized": "onInitialized"; "onOptionChanged": "onOptionChanged"; "onResize": "onResize"; "onResizeEnd": "onResizeEnd"; "onResizeStart": "onResizeStart"; "areaChange": "areaChange"; "elementAttrChange": "elementAttrChange"; "handlesChange": "handlesChange"; "heightChange": "heightChange"; "keepAspectRatioChange": "keepAspectRatioChange"; "maxHeightChange": "maxHeightChange"; "maxWidthChange": "maxWidthChange"; "minHeightChange": "minHeightChange"; "minWidthChange": "minWidthChange"; "rtlEnabledChange": "rtlEnabledChange"; "widthChange": "widthChange"; }, never, ["*"], false, never>; } export declare class DxResizableModule { static ɵfac: i0.ɵɵFactoryDeclaration<DxResizableModule, never>; static ɵmod: i0.ɵɵNgModuleDeclaration<DxResizableModule, [typeof DxResizableComponent], [typeof i1.DxIntegrationModule, typeof i1.DxTemplateModule], [typeof DxResizableComponent, typeof i1.DxTemplateModule]>; static ɵinj: i0.ɵɵInjectorDeclaration<DxResizableModule>; } export { DxResizableTypes };