devextreme-angular
Version:
DevExtreme UI and Visualization Components for Angular
1 lines • 15.6 kB
Source Map (JSON)
{"version":3,"file":"devextreme-angular-ui-resizable.mjs","sources":["../../../dist/ui/resizable/index.ts","../../../dist/ui/resizable/devextreme-angular-ui-resizable.ts"],"sourcesContent":["/*!\n * devextreme-angular\n * Version: 26.1.3\n * Build date: Wed Jun 10 2026\n *\n * Copyright (c) 2012 - 2026 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\n */\n\n/* tslint:disable:max-line-length */\n\n\nimport {\n TransferState,\n Component,\n NgModule,\n ElementRef,\n NgZone,\n PLATFORM_ID,\n Inject,\n\n Input,\n Output,\n OnDestroy,\n EventEmitter\n} from '@angular/core';\n\n\nimport type { ResizeHandle, DisposingEvent, InitializedEvent, OptionChangedEvent, ResizeEvent, ResizeEndEvent, ResizeStartEvent } from 'devextreme/ui/resizable';\n\nimport DxResizable from 'devextreme/ui/resizable';\n\n\nimport {\n DxComponent,\n DxTemplateHost,\n DxIntegrationModule,\n DxTemplateModule,\n NestedOptionHost,\n WatcherHelper,\n} from 'devextreme-angular/core';\n\n\n\n\n/**\n * The Resizable UI component enables its content to be resizable in the UI.\n\n */\n@Component({\n selector: 'dx-resizable',\n template: '<ng-content></ng-content>',\n host: { ngSkipHydration: 'true' },\n imports: [ DxIntegrationModule ],\n providers: [\n DxTemplateHost,\n WatcherHelper,\n NestedOptionHost\n ]\n})\nexport class DxResizableComponent extends DxComponent implements OnDestroy {\n\n instance: DxResizable = null;\n\n /**\n * Specifies the area within which users can resize the UI component.\n \n */\n @Input()\n get area(): any | string | undefined {\n return this._getOption('area');\n }\n set area(value: any | string | undefined) {\n this._setOption('area', value);\n }\n\n\n /**\n * Specifies the global attributes to be attached to the UI component's container element.\n \n */\n @Input()\n get elementAttr(): Record<string, any> {\n return this._getOption('elementAttr');\n }\n set elementAttr(value: Record<string, any>) {\n this._setOption('elementAttr', value);\n }\n\n\n /**\n * Specifies which borders of the UI component element are used as a handle.\n \n */\n @Input()\n get handles(): ResizeHandle | string {\n return this._getOption('handles');\n }\n set handles(value: ResizeHandle | string) {\n this._setOption('handles', value);\n }\n\n\n /**\n * Specifies the UI component's height.\n \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 whether to resize the UI component's content proportionally when you use corner handles.\n \n */\n @Input()\n get keepAspectRatio(): boolean {\n return this._getOption('keepAspectRatio');\n }\n set keepAspectRatio(value: boolean) {\n this._setOption('keepAspectRatio', value);\n }\n\n\n /**\n * Specifies the upper height boundary for resizing.\n \n */\n @Input()\n get maxHeight(): number {\n return this._getOption('maxHeight');\n }\n set maxHeight(value: number) {\n this._setOption('maxHeight', value);\n }\n\n\n /**\n * Specifies the upper width boundary for resizing.\n \n */\n @Input()\n get maxWidth(): number {\n return this._getOption('maxWidth');\n }\n set maxWidth(value: number) {\n this._setOption('maxWidth', value);\n }\n\n\n /**\n * Specifies the lower height boundary for resizing.\n \n */\n @Input()\n get minHeight(): number {\n return this._getOption('minHeight');\n }\n set minHeight(value: number) {\n this._setOption('minHeight', value);\n }\n\n\n /**\n * Specifies the lower width boundary for resizing.\n \n */\n @Input()\n get minWidth(): number {\n return this._getOption('minWidth');\n }\n set minWidth(value: number) {\n this._setOption('minWidth', value);\n }\n\n\n /**\n * Switches the UI component to a right-to-left representation.\n \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 UI component's width.\n \n */\n @Input()\n get width(): number | string {\n return this._getOption('width');\n }\n set width(value: number | string) {\n this._setOption('width', value);\n }\n\n /**\n \n * A function that is executed before the UI component is disposed of.\n \n \n */\n @Output() onDisposing: EventEmitter<DisposingEvent>;\n\n /**\n \n * A function used in JavaScript frameworks to save the UI component instance.\n \n \n */\n @Output() onInitialized: EventEmitter<InitializedEvent>;\n\n /**\n \n * A function that is executed after a UI component property is changed.\n \n \n */\n @Output() onOptionChanged: EventEmitter<OptionChangedEvent>;\n\n /**\n \n * A function that is executed each time the UI component is resized by one pixel.\n \n \n */\n @Output() onResize: EventEmitter<ResizeEvent>;\n\n /**\n \n * A function that is executed when resizing ends.\n \n \n */\n @Output() onResizeEnd: EventEmitter<ResizeEndEvent>;\n\n /**\n \n * A function that is executed when resizing starts.\n \n \n */\n @Output() onResizeStart: EventEmitter<ResizeStartEvent>;\n\n /**\n \n * This member supports the internal infrastructure and is not intended to be used directly from your code.\n \n */\n @Output() areaChange: EventEmitter<any | string | undefined>;\n\n /**\n \n * This member supports the internal infrastructure and is not intended to be used directly from your code.\n \n */\n @Output() elementAttrChange: EventEmitter<Record<string, any>>;\n\n /**\n \n * This member supports the internal infrastructure and is not intended to be used directly from your code.\n \n */\n @Output() handlesChange: EventEmitter<ResizeHandle | string>;\n\n /**\n \n * This member supports the internal infrastructure and is not intended to be used directly from your code.\n \n */\n @Output() heightChange: EventEmitter<number | string>;\n\n /**\n \n * This member supports the internal infrastructure and is not intended to be used directly from your code.\n \n */\n @Output() keepAspectRatioChange: EventEmitter<boolean>;\n\n /**\n \n * This member supports the internal infrastructure and is not intended to be used directly from your code.\n \n */\n @Output() maxHeightChange: EventEmitter<number>;\n\n /**\n \n * This member supports the internal infrastructure and is not intended to be used directly from your code.\n \n */\n @Output() maxWidthChange: EventEmitter<number>;\n\n /**\n \n * This member supports the internal infrastructure and is not intended to be used directly from your code.\n \n */\n @Output() minHeightChange: EventEmitter<number>;\n\n /**\n \n * This member supports the internal infrastructure and is not intended to be used directly from your code.\n \n */\n @Output() minWidthChange: EventEmitter<number>;\n\n /**\n \n * This member supports the internal infrastructure and is not intended to be used directly from your code.\n \n */\n @Output() rtlEnabledChange: EventEmitter<boolean>;\n\n /**\n \n * This member supports the internal infrastructure and is not intended to be used directly from your code.\n \n */\n @Output() widthChange: EventEmitter<number | string>;\n\n\n\n\n constructor(elementRef: ElementRef, ngZone: NgZone, templateHost: DxTemplateHost,\n _watcherHelper: WatcherHelper,\n 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: 'disposing', emit: 'onDisposing' },\n { subscribe: 'initialized', emit: 'onInitialized' },\n { subscribe: 'optionChanged', emit: 'onOptionChanged' },\n { subscribe: 'resize', emit: 'onResize' },\n { subscribe: 'resizeEnd', emit: 'onResizeEnd' },\n { subscribe: 'resizeStart', emit: 'onResizeStart' },\n { emit: 'areaChange' },\n { emit: 'elementAttrChange' },\n { emit: 'handlesChange' },\n { emit: 'heightChange' },\n { emit: 'keepAspectRatioChange' },\n { emit: 'maxHeightChange' },\n { emit: 'maxWidthChange' },\n { emit: 'minHeightChange' },\n { emit: 'minWidthChange' },\n { emit: 'rtlEnabledChange' },\n { emit: 'widthChange' }\n ]);\n optionHost.setHost(this);\n }\n\n protected _createInstance(element, options) {\n\n return new DxResizable(element, options);\n }\n\n\n ngOnDestroy() {\n this._destroyWidget();\n }\n\n}\n\n@NgModule({\n imports: [\n DxResizableComponent,\n DxIntegrationModule,\n DxTemplateModule\n ],\n exports: [\n DxResizableComponent,\n DxTemplateModule\n ]\n})\nexport class DxResizableModule { }\n\n\nimport type * as DxResizableTypes from \"devextreme/ui/resizable_types\";\nexport { DxResizableTypes };\n\n\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}