UNPKG

devextreme-angular

Version:

DevExtreme UI and Visualization Components for Angular

1 lines • 103 kB
{"version":3,"file":"devextreme-angular-ui-drop-down-button-nested.mjs","sources":["../../../dist/ui/drop-down-button/nested/animation.ts","../../../dist/ui/drop-down-button/nested/at.ts","../../../dist/ui/drop-down-button/nested/boundary-offset.ts","../../../dist/ui/drop-down-button/nested/collision.ts","../../../dist/ui/drop-down-button/nested/drop-down-options.ts","../../../dist/ui/drop-down-button/nested/from.ts","../../../dist/ui/drop-down-button/nested/hide.ts","../../../dist/ui/drop-down-button/nested/item-dxi.ts","../../../dist/ui/drop-down-button/nested/my.ts","../../../dist/ui/drop-down-button/nested/offset.ts","../../../dist/ui/drop-down-button/nested/position.ts","../../../dist/ui/drop-down-button/nested/show.ts","../../../dist/ui/drop-down-button/nested/to.ts","../../../dist/ui/drop-down-button/nested/toolbar-item-dxi.ts","../../../dist/ui/drop-down-button/nested/index.ts","../../../dist/ui/drop-down-button/nested/devextreme-angular-ui-drop-down-button-nested.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 Component,\n OnInit,\n OnDestroy,\n NgModule,\n Host,\n SkipSelf,\n Input\n} from '@angular/core';\n\n\n\n\nimport type { AnimationConfig } from 'devextreme/common/core/animation';\n\nimport {\n DxIntegrationModule,\n NestedOptionHost,\n} from 'devextreme-angular/core';\nimport { NestedOption } from 'devextreme-angular/core';\n\n\n@Component({\n selector: 'dxo-drop-down-button-animation',\n template: '',\n styles: [''],\n imports: [ DxIntegrationModule ],\n providers: [NestedOptionHost]\n})\nexport class DxoDropDownButtonAnimationComponent extends NestedOption implements OnDestroy, OnInit {\n @Input()\n get hide(): AnimationConfig {\n return this._getOption('hide');\n }\n set hide(value: AnimationConfig) {\n this._setOption('hide', value);\n }\n\n @Input()\n get show(): AnimationConfig {\n return this._getOption('show');\n }\n set show(value: AnimationConfig) {\n this._setOption('show', value);\n }\n\n\n protected get _optionPath() {\n return 'animation';\n }\n\n\n constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\n @Host() optionHost: NestedOptionHost) {\n super();\n parentOptionHost.setNestedOption(this);\n optionHost.setHost(this, this._fullOptionPath.bind(this));\n }\n\n\n ngOnInit() {\n this._addRecreatedComponent();\n }\n\n ngOnDestroy() {\n this._addRemovedOption(this._getOptionPath());\n }\n\n\n}\n\n@NgModule({\n imports: [\n DxoDropDownButtonAnimationComponent\n ],\n exports: [\n DxoDropDownButtonAnimationComponent\n ],\n})\nexport class DxoDropDownButtonAnimationModule { }\n","/*!\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 Component,\n OnInit,\n OnDestroy,\n NgModule,\n Host,\n SkipSelf,\n Input\n} from '@angular/core';\n\n\n\n\nimport type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';\n\nimport {\n DxIntegrationModule,\n NestedOptionHost,\n} from 'devextreme-angular/core';\nimport { NestedOption } from 'devextreme-angular/core';\n\n\n@Component({\n selector: 'dxo-drop-down-button-at',\n template: '',\n styles: [''],\n imports: [ DxIntegrationModule ],\n providers: [NestedOptionHost]\n})\nexport class DxoDropDownButtonAtComponent extends NestedOption implements OnDestroy, OnInit {\n @Input()\n get x(): HorizontalAlignment {\n return this._getOption('x');\n }\n set x(value: HorizontalAlignment) {\n this._setOption('x', value);\n }\n\n @Input()\n get y(): VerticalAlignment {\n return this._getOption('y');\n }\n set y(value: VerticalAlignment) {\n this._setOption('y', value);\n }\n\n\n protected get _optionPath() {\n return 'at';\n }\n\n\n constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\n @Host() optionHost: NestedOptionHost) {\n super();\n parentOptionHost.setNestedOption(this);\n optionHost.setHost(this, this._fullOptionPath.bind(this));\n }\n\n\n ngOnInit() {\n this._addRecreatedComponent();\n }\n\n ngOnDestroy() {\n this._addRemovedOption(this._getOptionPath());\n }\n\n\n}\n\n@NgModule({\n imports: [\n DxoDropDownButtonAtComponent\n ],\n exports: [\n DxoDropDownButtonAtComponent\n ],\n})\nexport class DxoDropDownButtonAtModule { }\n","/*!\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 Component,\n OnInit,\n OnDestroy,\n NgModule,\n Host,\n SkipSelf,\n Input\n} from '@angular/core';\n\n\n\n\n\nimport {\n DxIntegrationModule,\n NestedOptionHost,\n} from 'devextreme-angular/core';\nimport { NestedOption } from 'devextreme-angular/core';\n\n\n@Component({\n selector: 'dxo-drop-down-button-boundary-offset',\n template: '',\n styles: [''],\n imports: [ DxIntegrationModule ],\n providers: [NestedOptionHost]\n})\nexport class DxoDropDownButtonBoundaryOffsetComponent extends NestedOption implements OnDestroy, OnInit {\n @Input()\n get x(): number {\n return this._getOption('x');\n }\n set x(value: number) {\n this._setOption('x', value);\n }\n\n @Input()\n get y(): number {\n return this._getOption('y');\n }\n set y(value: number) {\n this._setOption('y', value);\n }\n\n\n protected get _optionPath() {\n return 'boundaryOffset';\n }\n\n\n constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\n @Host() optionHost: NestedOptionHost) {\n super();\n parentOptionHost.setNestedOption(this);\n optionHost.setHost(this, this._fullOptionPath.bind(this));\n }\n\n\n ngOnInit() {\n this._addRecreatedComponent();\n }\n\n ngOnDestroy() {\n this._addRemovedOption(this._getOptionPath());\n }\n\n\n}\n\n@NgModule({\n imports: [\n DxoDropDownButtonBoundaryOffsetComponent\n ],\n exports: [\n DxoDropDownButtonBoundaryOffsetComponent\n ],\n})\nexport class DxoDropDownButtonBoundaryOffsetModule { }\n","/*!\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 Component,\n OnInit,\n OnDestroy,\n NgModule,\n Host,\n SkipSelf,\n Input\n} from '@angular/core';\n\n\n\n\nimport type { CollisionResolution } from 'devextreme/common/core/animation';\n\nimport {\n DxIntegrationModule,\n NestedOptionHost,\n} from 'devextreme-angular/core';\nimport { NestedOption } from 'devextreme-angular/core';\n\n\n@Component({\n selector: 'dxo-drop-down-button-collision',\n template: '',\n styles: [''],\n imports: [ DxIntegrationModule ],\n providers: [NestedOptionHost]\n})\nexport class DxoDropDownButtonCollisionComponent extends NestedOption implements OnDestroy, OnInit {\n @Input()\n get x(): CollisionResolution {\n return this._getOption('x');\n }\n set x(value: CollisionResolution) {\n this._setOption('x', value);\n }\n\n @Input()\n get y(): CollisionResolution {\n return this._getOption('y');\n }\n set y(value: CollisionResolution) {\n this._setOption('y', value);\n }\n\n\n protected get _optionPath() {\n return 'collision';\n }\n\n\n constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\n @Host() optionHost: NestedOptionHost) {\n super();\n parentOptionHost.setNestedOption(this);\n optionHost.setHost(this, this._fullOptionPath.bind(this));\n }\n\n\n ngOnInit() {\n this._addRecreatedComponent();\n }\n\n ngOnDestroy() {\n this._addRemovedOption(this._getOptionPath());\n }\n\n\n}\n\n@NgModule({\n imports: [\n DxoDropDownButtonCollisionComponent\n ],\n exports: [\n DxoDropDownButtonCollisionComponent\n ],\n})\nexport class DxoDropDownButtonCollisionModule { }\n","/*!\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 Component,\n OnInit,\n OnDestroy,\n NgModule,\n Host,\n SkipSelf,\n Input,\n Output,\n EventEmitter,\n ContentChildren,\n QueryList\n} from '@angular/core';\n\n\n\n\nimport type dxOverlay from 'devextreme/ui/overlay';\nimport type DOMComponent from 'devextreme/core/dom_component';\nimport type { AnimationConfig, PositionConfig } from 'devextreme/common/core/animation';\nimport type { event } from 'devextreme/events/events.types';\nimport type { EventInfo } from 'devextreme/common/core/events';\nimport type { Component as CoreComponent } from 'devextreme/core/component';\nimport type { PositionAlignment } from 'devextreme/common';\nimport type { default as dxPopup, dxPopupToolbarItem } from 'devextreme/ui/popup';\n\nimport {\n DxIntegrationModule,\n NestedOptionHost,\n CollectionNestedOption,\n} from 'devextreme-angular/core';\nimport { NestedOption } from 'devextreme-angular/core';\n\nimport {\n PROPERTY_TOKEN_toolbarItems,\n} from 'devextreme-angular/core/tokens';\n\n@Component({\n selector: 'dxo-drop-down-button-drop-down-options',\n template: '',\n styles: [''],\n imports: [ DxIntegrationModule ],\n providers: [NestedOptionHost]\n})\nexport class DxoDropDownButtonDropDownOptionsComponent extends NestedOption implements OnDestroy, OnInit {\n @ContentChildren(PROPERTY_TOKEN_toolbarItems)\n set _toolbarItemsContentChildren(value: QueryList<CollectionNestedOption>) {\n this.setChildren('toolbarItems', value);\n }\n \n @Input()\n get accessKey(): string | undefined {\n return this._getOption('accessKey');\n }\n set accessKey(value: string | undefined) {\n this._setOption('accessKey', value);\n }\n\n @Input()\n get animation(): { hide?: AnimationConfig, show?: AnimationConfig } {\n return this._getOption('animation');\n }\n set animation(value: { hide?: AnimationConfig, show?: AnimationConfig }) {\n this._setOption('animation', value);\n }\n\n @Input()\n get container(): any | string | undefined {\n return this._getOption('container');\n }\n set container(value: any | string | undefined) {\n this._setOption('container', value);\n }\n\n @Input()\n get contentTemplate(): any {\n return this._getOption('contentTemplate');\n }\n set contentTemplate(value: any) {\n this._setOption('contentTemplate', value);\n }\n\n @Input()\n get deferRendering(): boolean {\n return this._getOption('deferRendering');\n }\n set deferRendering(value: boolean) {\n this._setOption('deferRendering', value);\n }\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 @Input()\n get dragAndResizeArea(): any | string | undefined {\n return this._getOption('dragAndResizeArea');\n }\n set dragAndResizeArea(value: any | string | undefined) {\n this._setOption('dragAndResizeArea', value);\n }\n\n @Input()\n get dragEnabled(): boolean {\n return this._getOption('dragEnabled');\n }\n set dragEnabled(value: boolean) {\n this._setOption('dragEnabled', value);\n }\n\n @Input()\n get dragOutsideBoundary(): boolean {\n return this._getOption('dragOutsideBoundary');\n }\n set dragOutsideBoundary(value: boolean) {\n this._setOption('dragOutsideBoundary', value);\n }\n\n @Input()\n get enableBodyScroll(): boolean {\n return this._getOption('enableBodyScroll');\n }\n set enableBodyScroll(value: boolean) {\n this._setOption('enableBodyScroll', value);\n }\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 @Input()\n get fullScreen(): boolean {\n return this._getOption('fullScreen');\n }\n set fullScreen(value: boolean) {\n this._setOption('fullScreen', value);\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 @Input()\n get hideOnOutsideClick(): boolean | ((event: event) => boolean) {\n return this._getOption('hideOnOutsideClick');\n }\n set hideOnOutsideClick(value: boolean | ((event: event) => boolean)) {\n this._setOption('hideOnOutsideClick', value);\n }\n\n @Input()\n get hideOnParentScroll(): boolean {\n return this._getOption('hideOnParentScroll');\n }\n set hideOnParentScroll(value: boolean) {\n this._setOption('hideOnParentScroll', value);\n }\n\n @Input()\n get hint(): string | undefined {\n return this._getOption('hint');\n }\n set hint(value: string | undefined) {\n this._setOption('hint', value);\n }\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 @Input()\n get maxHeight(): number | string {\n return this._getOption('maxHeight');\n }\n set maxHeight(value: number | string) {\n this._setOption('maxHeight', value);\n }\n\n @Input()\n get maxWidth(): number | string {\n return this._getOption('maxWidth');\n }\n set maxWidth(value: number | string) {\n this._setOption('maxWidth', value);\n }\n\n @Input()\n get minHeight(): number | string {\n return this._getOption('minHeight');\n }\n set minHeight(value: number | string) {\n this._setOption('minHeight', value);\n }\n\n @Input()\n get minWidth(): number | string {\n return this._getOption('minWidth');\n }\n set minWidth(value: number | string) {\n this._setOption('minWidth', value);\n }\n\n @Input()\n get onContentReady(): ((e: EventInfo<any>) => void) {\n return this._getOption('onContentReady');\n }\n set onContentReady(value: ((e: EventInfo<any>) => void)) {\n this._setOption('onContentReady', value);\n }\n\n @Input()\n get onDisposing(): ((e: EventInfo<any>) => void) {\n return this._getOption('onDisposing');\n }\n set onDisposing(value: ((e: EventInfo<any>) => void)) {\n this._setOption('onDisposing', value);\n }\n\n @Input()\n get onHidden(): ((e: EventInfo<any>) => void) {\n return this._getOption('onHidden');\n }\n set onHidden(value: ((e: EventInfo<any>) => void)) {\n this._setOption('onHidden', value);\n }\n\n @Input()\n get onHiding(): ((e: { cancel: boolean | any, component: dxOverlay<any>, element: any, model: any }) => void) {\n return this._getOption('onHiding');\n }\n set onHiding(value: ((e: { cancel: boolean | any, component: dxOverlay<any>, element: any, model: any }) => void)) {\n this._setOption('onHiding', value);\n }\n\n @Input()\n get onInitialized(): ((e: { component: CoreComponent<any>, element: any }) => void) {\n return this._getOption('onInitialized');\n }\n set onInitialized(value: ((e: { component: CoreComponent<any>, element: any }) => void)) {\n this._setOption('onInitialized', value);\n }\n\n @Input()\n get onOptionChanged(): ((e: { component: DOMComponent, element: any, fullName: string, model: any, name: string, previousValue: any, value: any }) => void) {\n return this._getOption('onOptionChanged');\n }\n set onOptionChanged(value: ((e: { component: DOMComponent, element: any, fullName: string, model: any, name: string, previousValue: any, value: any }) => void)) {\n this._setOption('onOptionChanged', value);\n }\n\n @Input()\n get onResize(): ((e: { component: dxPopup, element: any, event: event, height: number, model: any, width: number }) => void) {\n return this._getOption('onResize');\n }\n set onResize(value: ((e: { component: dxPopup, element: any, event: event, height: number, model: any, width: number }) => void)) {\n this._setOption('onResize', value);\n }\n\n @Input()\n get onResizeEnd(): ((e: { component: dxPopup, element: any, event: event, height: number, model: any, width: number }) => void) {\n return this._getOption('onResizeEnd');\n }\n set onResizeEnd(value: ((e: { component: dxPopup, element: any, event: event, height: number, model: any, width: number }) => void)) {\n this._setOption('onResizeEnd', value);\n }\n\n @Input()\n get onResizeStart(): ((e: { component: dxPopup, element: any, event: event, height: number, model: any, width: number }) => void) {\n return this._getOption('onResizeStart');\n }\n set onResizeStart(value: ((e: { component: dxPopup, element: any, event: event, height: number, model: any, width: number }) => void)) {\n this._setOption('onResizeStart', value);\n }\n\n @Input()\n get onShowing(): ((e: { cancel: boolean | any, component: dxOverlay<any>, element: any, model: any }) => void) {\n return this._getOption('onShowing');\n }\n set onShowing(value: ((e: { cancel: boolean | any, component: dxOverlay<any>, element: any, model: any }) => void)) {\n this._setOption('onShowing', value);\n }\n\n @Input()\n get onShown(): ((e: EventInfo<any>) => void) {\n return this._getOption('onShown');\n }\n set onShown(value: ((e: EventInfo<any>) => void)) {\n this._setOption('onShown', value);\n }\n\n @Input()\n get onTitleRendered(): ((e: { component: dxPopup, element: any, model: any, titleElement: any }) => void) {\n return this._getOption('onTitleRendered');\n }\n set onTitleRendered(value: ((e: { component: dxPopup, element: any, model: any, titleElement: any }) => void)) {\n this._setOption('onTitleRendered', value);\n }\n\n @Input()\n get position(): Function | PositionAlignment | PositionConfig {\n return this._getOption('position');\n }\n set position(value: Function | PositionAlignment | PositionConfig) {\n this._setOption('position', value);\n }\n\n @Input()\n get resizeEnabled(): boolean {\n return this._getOption('resizeEnabled');\n }\n set resizeEnabled(value: boolean) {\n this._setOption('resizeEnabled', value);\n }\n\n @Input()\n get restorePosition(): boolean {\n return this._getOption('restorePosition');\n }\n set restorePosition(value: boolean) {\n this._setOption('restorePosition', value);\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 @Input()\n get shading(): boolean {\n return this._getOption('shading');\n }\n set shading(value: boolean) {\n this._setOption('shading', value);\n }\n\n @Input()\n get shadingColor(): string {\n return this._getOption('shadingColor');\n }\n set shadingColor(value: string) {\n this._setOption('shadingColor', value);\n }\n\n @Input()\n get showCloseButton(): boolean {\n return this._getOption('showCloseButton');\n }\n set showCloseButton(value: boolean) {\n this._setOption('showCloseButton', value);\n }\n\n @Input()\n get showTitle(): boolean {\n return this._getOption('showTitle');\n }\n set showTitle(value: boolean) {\n this._setOption('showTitle', value);\n }\n\n @Input()\n get tabFocusLoopEnabled(): boolean {\n return this._getOption('tabFocusLoopEnabled');\n }\n set tabFocusLoopEnabled(value: boolean) {\n this._setOption('tabFocusLoopEnabled', value);\n }\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 @Input()\n get title(): string {\n return this._getOption('title');\n }\n set title(value: string) {\n this._setOption('title', value);\n }\n\n @Input()\n get titleTemplate(): any {\n return this._getOption('titleTemplate');\n }\n set titleTemplate(value: any) {\n this._setOption('titleTemplate', value);\n }\n\n @Input()\n get toolbarItems(): Array<dxPopupToolbarItem> {\n return this._getOption('toolbarItems');\n }\n set toolbarItems(value: Array<dxPopupToolbarItem>) {\n this._setOption('toolbarItems', value);\n }\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 @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 @Input()\n get wrapperAttr(): any {\n return this._getOption('wrapperAttr');\n }\n set wrapperAttr(value: any) {\n this._setOption('wrapperAttr', value);\n }\n\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() positionChange: EventEmitter<Function | PositionAlignment | PositionConfig>;\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() visibleChange: 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 protected get _optionPath() {\n return 'dropDownOptions';\n }\n\n\n constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\n @Host() optionHost: NestedOptionHost) {\n super();\n this._createEventEmitters([\n { emit: 'heightChange' },\n { emit: 'positionChange' },\n { emit: 'visibleChange' },\n { emit: 'widthChange' }\n ]);\n\n parentOptionHost.setNestedOption(this);\n optionHost.setHost(this, this._fullOptionPath.bind(this));\n }\n\n\n ngOnInit() {\n this._addRecreatedComponent();\n }\n\n ngOnDestroy() {\n this._addRemovedOption(this._getOptionPath());\n }\n\n\n}\n\n@NgModule({\n imports: [\n DxoDropDownButtonDropDownOptionsComponent\n ],\n exports: [\n DxoDropDownButtonDropDownOptionsComponent\n ],\n})\nexport class DxoDropDownButtonDropDownOptionsModule { }\n","/*!\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 Component,\n OnInit,\n OnDestroy,\n NgModule,\n Host,\n SkipSelf,\n Input\n} from '@angular/core';\n\n\n\n\nimport type { PositionConfig } from 'devextreme/common/core/animation';\n\nimport {\n DxIntegrationModule,\n NestedOptionHost,\n} from 'devextreme-angular/core';\nimport { NestedOption } from 'devextreme-angular/core';\n\n\n@Component({\n selector: 'dxo-drop-down-button-from',\n template: '',\n styles: [''],\n imports: [ DxIntegrationModule ],\n providers: [NestedOptionHost]\n})\nexport class DxoDropDownButtonFromComponent extends NestedOption implements OnDestroy, OnInit {\n @Input()\n get left(): number {\n return this._getOption('left');\n }\n set left(value: number) {\n this._setOption('left', value);\n }\n\n @Input()\n get opacity(): number {\n return this._getOption('opacity');\n }\n set opacity(value: number) {\n this._setOption('opacity', value);\n }\n\n @Input()\n get position(): PositionConfig {\n return this._getOption('position');\n }\n set position(value: PositionConfig) {\n this._setOption('position', value);\n }\n\n @Input()\n get scale(): number {\n return this._getOption('scale');\n }\n set scale(value: number) {\n this._setOption('scale', value);\n }\n\n @Input()\n get top(): number {\n return this._getOption('top');\n }\n set top(value: number) {\n this._setOption('top', value);\n }\n\n\n protected get _optionPath() {\n return 'from';\n }\n\n\n constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\n @Host() optionHost: NestedOptionHost) {\n super();\n parentOptionHost.setNestedOption(this);\n optionHost.setHost(this, this._fullOptionPath.bind(this));\n }\n\n\n ngOnInit() {\n this._addRecreatedComponent();\n }\n\n ngOnDestroy() {\n this._addRemovedOption(this._getOptionPath());\n }\n\n\n}\n\n@NgModule({\n imports: [\n DxoDropDownButtonFromComponent\n ],\n exports: [\n DxoDropDownButtonFromComponent\n ],\n})\nexport class DxoDropDownButtonFromModule { }\n","/*!\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 Component,\n OnInit,\n OnDestroy,\n NgModule,\n Host,\n SkipSelf,\n Input\n} from '@angular/core';\n\n\n\n\nimport type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';\nimport type { Direction } from 'devextreme/common';\n\nimport {\n DxIntegrationModule,\n NestedOptionHost,\n} from 'devextreme-angular/core';\nimport { NestedOption } from 'devextreme-angular/core';\n\n\n@Component({\n selector: 'dxo-drop-down-button-hide',\n template: '',\n styles: [''],\n imports: [ DxIntegrationModule ],\n providers: [NestedOptionHost]\n})\nexport class DxoDropDownButtonHideComponent extends NestedOption implements OnDestroy, OnInit {\n @Input()\n get complete(): (($element: any, config: AnimationConfig) => void) {\n return this._getOption('complete');\n }\n set complete(value: (($element: any, config: AnimationConfig) => void)) {\n this._setOption('complete', value);\n }\n\n @Input()\n get delay(): number {\n return this._getOption('delay');\n }\n set delay(value: number) {\n this._setOption('delay', value);\n }\n\n @Input()\n get direction(): Direction | undefined {\n return this._getOption('direction');\n }\n set direction(value: Direction | undefined) {\n this._setOption('direction', value);\n }\n\n @Input()\n get duration(): number {\n return this._getOption('duration');\n }\n set duration(value: number) {\n this._setOption('duration', value);\n }\n\n @Input()\n get easing(): string {\n return this._getOption('easing');\n }\n set easing(value: string) {\n this._setOption('easing', value);\n }\n\n @Input()\n get from(): AnimationState {\n return this._getOption('from');\n }\n set from(value: AnimationState) {\n this._setOption('from', value);\n }\n\n @Input()\n get staggerDelay(): number | undefined {\n return this._getOption('staggerDelay');\n }\n set staggerDelay(value: number | undefined) {\n this._setOption('staggerDelay', value);\n }\n\n @Input()\n get start(): (($element: any, config: AnimationConfig) => void) {\n return this._getOption('start');\n }\n set start(value: (($element: any, config: AnimationConfig) => void)) {\n this._setOption('start', value);\n }\n\n @Input()\n get to(): AnimationState {\n return this._getOption('to');\n }\n set to(value: AnimationState) {\n this._setOption('to', value);\n }\n\n @Input()\n get type(): AnimationType {\n return this._getOption('type');\n }\n set type(value: AnimationType) {\n this._setOption('type', value);\n }\n\n\n protected get _optionPath() {\n return 'hide';\n }\n\n\n constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\n @Host() optionHost: NestedOptionHost) {\n super();\n parentOptionHost.setNestedOption(this);\n optionHost.setHost(this, this._fullOptionPath.bind(this));\n }\n\n\n ngOnInit() {\n this._addRecreatedComponent();\n }\n\n ngOnDestroy() {\n this._addRemovedOption(this._getOptionPath());\n }\n\n\n}\n\n@NgModule({\n imports: [\n DxoDropDownButtonHideComponent\n ],\n exports: [\n DxoDropDownButtonHideComponent\n ],\n})\nexport class DxoDropDownButtonHideModule { }\n","/*!\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 Component,\n NgModule,\n Host,\n ElementRef,\n Renderer2,\n Inject,\n AfterViewInit,\n SkipSelf,\n Input\n} from '@angular/core';\n\nimport { DOCUMENT } from '@angular/common';\n\n\nimport type { ItemClickEvent } from 'devextreme/ui/drop_down_button';\n\nimport {\n DxIntegrationModule,\n NestedOptionHost,\n extractTemplate,\n DxTemplateDirective,\n IDxTemplateHost,\n DxTemplateHost,\n} from 'devextreme-angular/core';\nimport { CollectionNestedOption } from 'devextreme-angular/core';\n\nimport { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';\n\n@Component({\n selector: 'dxi-drop-down-button-item',\n template: '<ng-content></ng-content>',\n styles: [':host { display: block; }'],\n imports: [ DxIntegrationModule ],\n providers: [\n NestedOptionHost,\n DxTemplateHost,\n {\n provide: PROPERTY_TOKEN_items,\n useExisting: DxiDropDownButtonItemComponent,\n }\n ]\n})\nexport class DxiDropDownButtonItemComponent extends CollectionNestedOption implements AfterViewInit,\n IDxTemplateHost {\n @Input()\n get badge(): string {\n return this._getOption('badge');\n }\n set badge(value: string) {\n this._setOption('badge', value);\n }\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 @Input()\n get html(): string {\n return this._getOption('html');\n }\n set html(value: string) {\n this._setOption('html', value);\n }\n\n @Input()\n get icon(): string {\n return this._getOption('icon');\n }\n set icon(value: string) {\n this._setOption('icon', value);\n }\n\n @Input()\n get onClick(): ((e: ItemClickEvent) => void) {\n return this._getOption('onClick');\n }\n set onClick(value: ((e: ItemClickEvent) => void)) {\n this._setOption('onClick', value);\n }\n\n @Input()\n get template(): any {\n return this._getOption('template');\n }\n set template(value: any) {\n this._setOption('template', value);\n }\n\n @Input()\n get text(): string {\n return this._getOption('text');\n }\n set text(value: string) {\n this._setOption('text', value);\n }\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 protected get _optionPath() {\n return 'items';\n }\n\n\n constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\n @Host() optionHost: NestedOptionHost,\n private renderer: Renderer2,\n @Inject(DOCUMENT) private document: any,\n @Host() templateHost: DxTemplateHost,\n private element: ElementRef) {\n super();\n parentOptionHost.setNestedOption(this);\n optionHost.setHost(this, this._fullOptionPath.bind(this));\n templateHost.setHost(this);\n }\n\n setTemplate(template: DxTemplateDirective) {\n this.template = template;\n }\n ngAfterViewInit() {\n extractTemplate(this, this.element, this.renderer, this.document);\n }\n\n\n\n ngOnDestroy() {\n this._deleteRemovedOptions(this._fullOptionPath());\n }\n\n}\n\n@NgModule({\n imports: [\n DxiDropDownButtonItemComponent\n ],\n exports: [\n DxiDropDownButtonItemComponent\n ],\n})\nexport class DxiDropDownButtonItemModule { }\n","/*!\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 Component,\n OnInit,\n OnDestroy,\n NgModule,\n Host,\n SkipSelf,\n Input\n} from '@angular/core';\n\n\n\n\nimport type { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';\n\nimport {\n DxIntegrationModule,\n NestedOptionHost,\n} from 'devextreme-angular/core';\nimport { NestedOption } from 'devextreme-angular/core';\n\n\n@Component({\n selector: 'dxo-drop-down-button-my',\n template: '',\n styles: [''],\n imports: [ DxIntegrationModule ],\n providers: [NestedOptionHost]\n})\nexport class DxoDropDownButtonMyComponent extends NestedOption implements OnDestroy, OnInit {\n @Input()\n get x(): HorizontalAlignment {\n return this._getOption('x');\n }\n set x(value: HorizontalAlignment) {\n this._setOption('x', value);\n }\n\n @Input()\n get y(): VerticalAlignment {\n return this._getOption('y');\n }\n set y(value: VerticalAlignment) {\n this._setOption('y', value);\n }\n\n\n protected get _optionPath() {\n return 'my';\n }\n\n\n constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\n @Host() optionHost: NestedOptionHost) {\n super();\n parentOptionHost.setNestedOption(this);\n optionHost.setHost(this, this._fullOptionPath.bind(this));\n }\n\n\n ngOnInit() {\n this._addRecreatedComponent();\n }\n\n ngOnDestroy() {\n this._addRemovedOption(this._getOptionPath());\n }\n\n\n}\n\n@NgModule({\n imports: [\n DxoDropDownButtonMyComponent\n ],\n exports: [\n DxoDropDownButtonMyComponent\n ],\n})\nexport class DxoDropDownButtonMyModule { }\n","/*!\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 Component,\n OnInit,\n OnDestroy,\n NgModule,\n Host,\n SkipSelf,\n Input\n} from '@angular/core';\n\n\n\n\n\nimport {\n DxIntegrationModule,\n NestedOptionHost,\n} from 'devextreme-angular/core';\nimport { NestedOption } from 'devextreme-angular/core';\n\n\n@Component({\n selector: 'dxo-drop-down-button-offset',\n template: '',\n styles: [''],\n imports: [ DxIntegrationModule ],\n providers: [NestedOptionHost]\n})\nexport class DxoDropDownButtonOffsetComponent extends NestedOption implements OnDestroy, OnInit {\n @Input()\n get x(): number {\n return this._getOption('x');\n }\n set x(value: number) {\n this._setOption('x', value);\n }\n\n @Input()\n get y(): number {\n return this._getOption('y');\n }\n set y(value: number) {\n this._setOption('y', value);\n }\n\n\n protected get _optionPath() {\n return 'offset';\n }\n\n\n constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\n @Host() optionHost: NestedOptionHost) {\n super();\n parentOptionHost.setNestedOption(this);\n optionHost.setHost(this, this._fullOptionPath.bind(this));\n }\n\n\n ngOnInit() {\n this._addRecreatedComponent();\n }\n\n ngOnDestroy() {\n this._addRemovedOption(this._getOptionPath());\n }\n\n\n}\n\n@NgModule({\n imports: [\n DxoDropDownButtonOffsetComponent\n ],\n exports: [\n DxoDropDownButtonOffsetComponent\n ],\n})\nexport class DxoDropDownButtonOffsetModule { }\n","/*!\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 Component,\n OnInit,\n OnDestroy,\n NgModule,\n Host,\n SkipSelf,\n Input\n} from '@angular/core';\n\n\n\n\nimport type { PositionAlignment, HorizontalAlignment, VerticalAlignment } from 'devextreme/common';\nimport type { CollisionResolutionCombination, CollisionResolution } from 'devextreme/common/core/animation';\n\nimport {\n DxIntegrationModule,\n NestedOptionHost,\n} from 'devextreme-angular/core';\nimport { NestedOption } from 'devextreme-angular/core';\n\n\n@Component({\n selector: 'dxo-drop-down-button-position',\n template: '',\n styles: [''],\n imports: [ DxIntegrationModule ],\n providers: [NestedOptionHost]\n})\nexport class DxoDropDownButtonPositionComponent extends NestedOption implements OnDestroy, OnInit {\n @Input()\n get at(): PositionAlignment | { x?: HorizontalAlignment, y?: VerticalAlignment } {\n return this._getOption('at');\n }\n set at(value: PositionAlignment | { x?: HorizontalAlignment, y?: VerticalAlignment }) {\n this._setOption('at', value);\n }\n\n @Input()\n get boundary(): any | string {\n return this._getOption('boundary');\n }\n set boundary(value: any | string) {\n this._setOption('boundary', value);\n }\n\n @Input()\n get boundaryOffset(): string | { x?: number, y?: number } {\n return this._getOption('boundaryOffset');\n }\n set boundaryOffset(value: string | { x?: number, y?: number }) {\n this._setOption('boundaryOffset', value);\n }\n\n @Input()\n get collision(): CollisionResolutionCombination | { x?: CollisionResolution, y?: CollisionResolution } {\n return this._getOption('collision');\n }\n set collision(value: CollisionResolutionCombination | { x?: CollisionResolution, y?: CollisionResolution }) {\n this._setOption('collision', value);\n }\n\n @Input()\n get my(): PositionAlignment | { x?: HorizontalAlignment, y?: VerticalAlignment } {\n return this._getOption('my');\n }\n set my(value: PositionAlignment | { x?: HorizontalAlignment, y?: VerticalAlignment }) {\n this._setOption('my', value);\n }\n\n @Input()\n get of(): any | string {\n return this._getOption('of');\n }\n set of(value: any | string) {\n this._setOption('of', value);\n }\n\n @Input()\n get offset(): string | { x?: number, y?: number } {\n return this._getOption('offset');\n }\n set offset(value: string | { x?: number, y?: number }) {\n this._setOption('offset', value);\n }\n\n\n protected get _optionPath() {\n return 'position';\n }\n\n\n constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\n @Host() optionHost: NestedOptionHost) {\n super();\n parentOptionHost.setNestedOption(this);\n optionHost.setHost(this, this._fullOptionPath.bind(this));\n }\n\n\n ngOnInit() {\n this._addRecreatedComponent();\n }\n\n ngOnDestroy() {\n this._addRemovedOption(this._getOptionPath());\n }\n\n\n}\n\n@NgModule({\n imports: [\n DxoDropDownButtonPositionComponent\n ],\n exports: [\n DxoDropDownButtonPositionComponent\n ],\n})\nexport class DxoDropDownButtonPositionModule { }\n","/*!\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 Component,\n OnInit,\n OnDestroy,\n NgModule,\n Host,\n SkipSelf,\n Input\n} from '@angular/core';\n\n\n\n\nimport type { AnimationConfig, AnimationState, AnimationType } from 'devextreme/common/core/animation';\nimport type { Direction } from 'devextreme/common';\n\nimport {\n DxIntegrationModule,\n NestedOptionHost,\n} from 'devextreme-angular/core';\nimport { NestedOption } from 'devextreme-angular/core';\n\n\n@Component({\n selector: 'dxo-drop-down-button-show',\n template: '',\n styles: [''],\n imports: [ DxIntegrationModule ],\n providers: [NestedOptionHost]\n})\nexport class DxoDropDownButtonShowComponent extends NestedOption implements OnDestroy, OnInit {\n @Input()\n get complete(): (($element: any, config: AnimationConfig) => void) {\n return this._getOption('complete');\n }\n set complete(value: (($element: any, config: AnimationConfig) => void)) {\n this._setOption('complete', value);\n }\n\n @Input()\n get delay(): number {\n return this._getOption('delay');\n }\n set delay(value: number) {\n this._setOption('delay', value);\n }\n\n @Input()\n get direction(): Direction | undefined {\n return this._getOption('direction');\n }\n set direction(value: Direction | undefined) {\n this._setOption('direction', value);\n }\n\n @Input()\n get duration(): number {\n return this._getOption('duration');\n }\n set duration(value: number) {\n this._setOption('duration', value);\n }\n\n @Input()\n get easing(): string {\n return this._getOption('easing');\n }\n set easing(value: string) {\n this._setOption('easing', value);\n }\n\n @Input()\n get from(): AnimationState {\n return this._getOption('from');\n }\n set from(value: AnimationState) {\n this._setOption('from', value);\n }\n\n @Input()\n get staggerDelay(): number | undefined {\n return this._getOption('staggerDelay');\n }\n set staggerDelay(value: number | undefined) {\n this._setOption('staggerDelay', value);\n }\n\n @Input()\n get start(): (($element: any, config: AnimationConfig) => void) {\n return this._getOption('start');\n }\n set start(value: (($element: any, config: AnimationConfig) => void)) {\n this._setOption('start', value);\n }\n\n @Input()\n get to(): AnimationState {\n return this._getOption('to');\n }\n set to(value: AnimationState) {\n this._setOption('to', value);\n }\n\n @Input()\n get type(): AnimationType {\n return this._getOption('type');\n }\n set type(value: AnimationType) {\n this._setOption('type', value);\n }\n\n\n protected get _optionPath() {\n return 'show';\n }\n\n\n constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\n @Host() optionHost: NestedOptionHost) {\n super();\n parentOptionHost.setNestedOption(this);\n optionHost.setHost(this, this._fullOptionPath.bind(this));\n }\n\n\n ngOnInit() {\n this._addRecreatedComponent();\n }\n\n ngOnDestroy() {\n this._addRemovedOption(this._getOptionPath());\n }\n\n\n}\n\n@NgModule({\n imports: [\n DxoDropDownButtonShowComponent\n ],\n exports: [\n DxoDropDownButtonShowComponent\n ],\n})\nexport class DxoDropDownButtonShowModule { }\n","/*!\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 Component,\n OnInit,\n OnDestroy,\n NgModule,\n Host,\n SkipSelf,\n Input\n} from '@angular/core';\n\n\n\n\nimport type { PositionConfig } from 'devextreme/common/core/animation';\n\nimport {\n DxIntegrationModule,\n NestedOptionHost,\n} from 'devextreme-angular/core';\nimport { NestedOption } from 'devextreme-angular/core';\n\n\n@Component({\n selector: 'dxo-drop-down-button-to',\n template: '',\n styles: [''],\n imports: [ DxIntegrationModule ],\n providers: [NestedOptionHost]\n})\nexport class DxoDropDownButtonToComponent extends NestedOption implements OnDestroy, OnInit {\n @Input()\n get left(): number {\n return this._getOption('left');\n }\n set left(value: number) {\n this._setOption('left', value);\n }\n\n @Input()\n get opacity(): number {\n return this._getOption('opacity');\n }\n set opacity(value: number) {\n this._setOption('opacity', value);\n }\n\n @Input()\n get position(): PositionConfig {\n return this._getOption('position');\n }\n set position(value: PositionConfig) {\n this._setOption('position', value);\n }\n\n @Input()\n get scale(): number {\n return this._getOption('scale');\n }\n set scale(value: number) {\n this._setOption('scale', value);\n }\n\n @Input()\n get top(): number {\n return this._getOption('top');\n }\n set top(value: number) {\n this._setOption('top', value);\n }\n\n\n protected get _optionPath() {\n return 'to';\n }\n\n\n constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\n @Host() optionHost: NestedOptionHost) {\n super();\n parentOptionHost.setNestedOption(this);\n optionHost.setHost(this, this._fullOptionPath.bind(this));\n }\n\n\n ngOnInit() {\n this._addRecreatedComponent();\n }\n\n ngOnDestroy() {\n this._addRemovedOption(this._getOptionPath());\n }\n\n\n}\n\n@NgModule({\n imports: [\n DxoDropDownButtonToComponent\n ],\n exports: [\n DxoDropDownButtonToComponent\n ],\n})\nexport class DxoDropDownButtonToModule { }\n","/*!\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 b