devextreme-angular/fesm2022/devextreme-angular-ui-select-box-nested.mjs.map

DevExtreme UI and Visualization Components for Angular

{"version":3,"file":"devextreme-angular-ui-select-box-nested.mjs","sources":["../../../dist/ui/select-box/nested/animation.ts","../../../dist/ui/select-box/nested/at.ts","../../../dist/ui/select-box/nested/boundary-offset.ts","../../../dist/ui/select-box/nested/button-dxi.ts","../../../dist/ui/select-box/nested/collision.ts","../../../dist/ui/select-box/nested/drop-down-options.ts","../../../dist/ui/select-box/nested/field-addons.ts","../../../dist/ui/select-box/nested/from.ts","../../../dist/ui/select-box/nested/hide.ts","../../../dist/ui/select-box/nested/item-dxi.ts","../../../dist/ui/select-box/nested/my.ts","../../../dist/ui/select-box/nested/offset.ts","../../../dist/ui/select-box/nested/options.ts","../../../dist/ui/select-box/nested/position.ts","../../../dist/ui/select-box/nested/show.ts","../../../dist/ui/select-box/nested/to.ts","../../../dist/ui/select-box/nested/toolbar-item-dxi.ts","../../../dist/ui/select-box/nested/index.ts","../../../dist/ui/select-box/nested/devextreme-angular-ui-select-box-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-select-box-animation',\n    template: '',\n    styles: [''],\n    imports: [ DxIntegrationModule ],\n    providers: [NestedOptionHost]\n})\nexport class DxoSelectBoxAnimationComponent 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    DxoSelectBoxAnimationComponent\n  ],\n  exports: [\n    DxoSelectBoxAnimationComponent\n  ],\n})\nexport class DxoSelectBoxAnimationModule { }\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-select-box-at',\n    template: '',\n    styles: [''],\n    imports: [ DxIntegrationModule ],\n    providers: [NestedOptionHost]\n})\nexport class DxoSelectBoxAtComponent 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    DxoSelectBoxAtComponent\n  ],\n  exports: [\n    DxoSelectBoxAtComponent\n  ],\n})\nexport class DxoSelectBoxAtModule { }\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-select-box-boundary-offset',\n    template: '',\n    styles: [''],\n    imports: [ DxIntegrationModule ],\n    providers: [NestedOptionHost]\n})\nexport class DxoSelectBoxBoundaryOffsetComponent 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    DxoSelectBoxBoundaryOffsetComponent\n  ],\n  exports: [\n    DxoSelectBoxBoundaryOffsetComponent\n  ],\n})\nexport class DxoSelectBoxBoundaryOffsetModule { }\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    SkipSelf,\n    Input\n} from '@angular/core';\n\n\n\n\nimport type { TextEditorButtonLocation } from 'devextreme/common';\nimport type { dxButtonOptions } from 'devextreme/ui/button';\n\nimport {\n    DxIntegrationModule,\n    NestedOptionHost,\n} from 'devextreme-angular/core';\nimport { CollectionNestedOption } from 'devextreme-angular/core';\n\nimport { PROPERTY_TOKEN_buttons } from 'devextreme-angular/core/tokens';\n\n@Component({\n    selector: 'dxi-select-box-button',\n    template: '',\n    styles: [''],\n    imports: [ DxIntegrationModule ],\n    providers: [\n        NestedOptionHost,\n        {\n           provide: PROPERTY_TOKEN_buttons,\n           useExisting: DxiSelectBoxButtonComponent,\n        }\n    ]\n})\nexport class DxiSelectBoxButtonComponent extends CollectionNestedOption {\n    @Input()\n    get location(): TextEditorButtonLocation {\n        return this._getOption('location');\n    }\n    set location(value: TextEditorButtonLocation) {\n        this._setOption('location', value);\n    }\n\n    @Input()\n    get name(): string | undefined {\n        return this._getOption('name');\n    }\n    set name(value: string | undefined) {\n        this._setOption('name', value);\n    }\n\n    @Input()\n    get options(): dxButtonOptions | undefined {\n        return this._getOption('options');\n    }\n    set options(value: dxButtonOptions | undefined) {\n        this._setOption('options', value);\n    }\n\n\n    protected get _optionPath() {\n        return 'buttons';\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\n    ngOnDestroy() {\n        this._deleteRemovedOptions(this._fullOptionPath());\n    }\n\n}\n\n@NgModule({\n  imports: [\n    DxiSelectBoxButtonComponent\n  ],\n  exports: [\n    DxiSelectBoxButtonComponent\n  ],\n})\nexport class DxiSelectBoxButtonModule { }\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-select-box-collision',\n    template: '',\n    styles: [''],\n    imports: [ DxIntegrationModule ],\n    providers: [NestedOptionHost]\n})\nexport class DxoSelectBoxCollisionComponent 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    DxoSelectBoxCollisionComponent\n  ],\n  exports: [\n    DxoSelectBoxCollisionComponent\n  ],\n})\nexport class DxoSelectBoxCollisionModule { }\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-select-box-drop-down-options',\n    template: '',\n    styles: [''],\n    imports: [ DxIntegrationModule ],\n    providers: [NestedOptionHost]\n})\nexport class DxoSelectBoxDropDownOptionsComponent 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    DxoSelectBoxDropDownOptionsComponent\n  ],\n  exports: [\n    DxoSelectBoxDropDownOptionsComponent\n  ],\n})\nexport class DxoSelectBoxDropDownOptionsModule { }\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-select-box-field-addons',\n    template: '',\n    styles: [''],\n    imports: [ DxIntegrationModule ],\n    providers: [NestedOptionHost]\n})\nexport class DxoSelectBoxFieldAddonsComponent extends NestedOption implements OnDestroy, OnInit  {\n    @Input()\n    get afterTemplate(): any {\n        return this._getOption('afterTemplate');\n    }\n    set afterTemplate(value: any) {\n        this._setOption('afterTemplate', value);\n    }\n\n    @Input()\n    get beforeTemplate(): any {\n        return this._getOption('beforeTemplate');\n    }\n    set beforeTemplate(value: any) {\n        this._setOption('beforeTemplate', value);\n    }\n\n\n    protected get _optionPath() {\n        return 'fieldAddons';\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    DxoSelectBoxFieldAddonsComponent\n  ],\n  exports: [\n    DxoSelectBoxFieldAddonsComponent\n  ],\n})\nexport class DxoSelectBoxFieldAddonsModule { }\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-select-box-from',\n    template: '',\n    styles: [''],\n    imports: [ DxIntegrationModule ],\n    providers: [NestedOptionHost]\n})\nexport class DxoSelectBoxFromComponent 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    DxoSelectBoxFromComponent\n  ],\n  exports: [\n    DxoSelectBoxFromComponent\n  ],\n})\nexport class DxoSelectBoxFromModule { }\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-select-box-hide',\n    template: '',\n    styles: [''],\n    imports: [ DxIntegrationModule ],\n    providers: [NestedOptionHost]\n})\nexport class DxoSelectBoxHideComponent 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    DxoSelectBoxHideComponent\n  ],\n  exports: [\n    DxoSelectBoxHideComponent\n  ],\n})\nexport class DxoSelectBoxHideModule { }\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\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-select-box-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: DxiSelectBoxItemComponent,\n        }\n    ]\n})\nexport class DxiSelectBoxItemComponent extends CollectionNestedOption implements AfterViewInit,\n    IDxTemplateHost {\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 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    DxiSelectBoxItemComponent\n  ],\n  exports: [\n    DxiSelectBoxItemComponent\n  ],\n})\nexport class DxiSelectBoxItemModule { }\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-select-box-my',\n    template: '',\n    styles: [''],\n    imports: [ DxIntegrationModule ],\n    providers: [NestedOptionHost]\n})\nexport class DxoSelectBoxMyComponent 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    DxoSelectBoxMyComponent\n  ],\n  exports: [\n    DxoSelectBoxMyComponent\n  ],\n})\nexport class DxoSelectBoxMyModule { }\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-select-box-offset',\n    template: '',\n    styles: [''],\n    imports: [ DxIntegrationModule ],\n    providers: [NestedOptionHost]\n})\nexport class DxoSelectBoxOffsetComponent 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    DxoSelectBoxOffsetComponent\n  ],\n  exports: [\n    DxoSelectBoxOffsetComponent\n  ],\n})\nexport class DxoSelectBoxOffsetModule { }\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    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 { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';\nimport type { ButtonStyle, ButtonType } from 'devextreme/common';\n\nimport {\n    DxIntegrationModule,\n    NestedOptionHost,\n    extractTemplate,\n    DxTemplateDirective,\n    IDxTemplateHost,\n    DxTemplateHost,\n} from 'devextreme-angular/core';\nimport { NestedOption } from 'devextreme-angular/core';\n\n\n@Component({\n    selector: 'dxo-select-box-options',\n    template: '<ng-content></ng-content>',\n    styles: [':host { display: block; }'],\n    imports: [ DxIntegrationModule ],\n    providers: [NestedOptionHost, DxTemplateHost]\n})\nexport class DxoSelectBoxOptionsComponent extends NestedOption implements AfterViewInit, OnDestroy, OnInit,\n    IDxTemplateHost {\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 activeStateEnabled(): boolean {\n        return this._getOption('activeStateEnabled');\n    }\n    set activeStateEnabled(value: boolean) {\n        this._setOption('activeStateEnabled', 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 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    @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 height(): number | string | undefined {\n        return this._getOption('height');\n    }\n    set height(value: number | string | undefined) {\n        this._setOption('height', 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 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: ClickEvent) => void) {\n        return this._getOption('onClick');\n    }\n    set onClick(value: ((e: ClickEvent) => void)) {\n        this._setOption('onClick', value);\n    }\n\n    @Input()\n    get onContentReady(): ((e: ContentReadyEvent) => void) {\n        return this._getOption('onContentReady');\n    }\n    set onContentReady(value: ((e: ContentReadyEvent) => void)) {\n        this._setOption('onContentReady', value);\n    }\n\n    @Input()\n    get onDisposing(): ((e: DisposingEvent) => void) {\n        return this._getOption('onDisposing');\n    }\n    set onDisposing(value: ((e: DisposingEvent) => void)) {\n        this._setOption('onDisposing', value);\n    }\n\n    @Input()\n    get onInitialized(): ((e: InitializedEvent) => void) {\n        return this._getOption('onInitialized');\n    }\n    set onInitialized(value: ((e: InitializedEvent) => void)) {\n        this._setOption('onInitialized', value);\n    }\n\n    @Input()\n    get onOptionChanged(): ((e: OptionChangedEvent) => void) {\n        return this._getOption('onOptionChanged');\n    }\n    set onOptionChanged(value: ((e: OptionChangedEvent) => void)) {\n        this._setOption('onOptionChanged', 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 stylingMode(): ButtonStyle {\n        return this._getOption('stylingMode');\n    }\n    set stylingMode(value: ButtonStyle) {\n        this._setOption('stylingMode', 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 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 type(): ButtonType | string {\n        return this._getOption('type');\n    }\n    set type(value: ButtonType | string) {\n        this._setOption('type', value);\n    }\n\n    @Input()\n    get useSubmitBehavior(): boolean {\n        return this._getOption('useSubmitBehavior');\n    }\n    set useSubmitBehavior(value: boolean) {\n        this._setOption('useSubmitBehavior', value);\n    }\n\n    @Input()\n    get validationGroup(): string | undefined {\n        return this._getOption('validationGroup');\n    }\n    set validationGroup(value: string | undefined) {\n        this._setOption('validationGroup', 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 | undefined {\n        return this._getOption('width');\n    }\n    set width(value: number | string | undefined) {\n        this._setOption('width', value);\n    }\n\n\n    protected get _optionPath() {\