devextreme-angular/fesm2022/devextreme-angular-ui-form-nested.mjs.map

Angular UI and visualization components based on DevExtreme widgets

{"version":3,"file":"devextreme-angular-ui-form-nested.mjs","sources":["../../../dist/ui/form/nested/ai-options.ts","../../../dist/ui/form/nested/async-rule-dxi.ts","../../../dist/ui/form/nested/button-item-dxi.ts","../../../dist/ui/form/nested/button-options.ts","../../../dist/ui/form/nested/col-count-by-screen.ts","../../../dist/ui/form/nested/compare-rule-dxi.ts","../../../dist/ui/form/nested/custom-rule-dxi.ts","../../../dist/ui/form/nested/email-rule-dxi.ts","../../../dist/ui/form/nested/empty-item-dxi.ts","../../../dist/ui/form/nested/group-item-dxi.ts","../../../dist/ui/form/nested/item-dxi.ts","../../../dist/ui/form/nested/label.ts","../../../dist/ui/form/nested/numeric-rule-dxi.ts","../../../dist/ui/form/nested/pattern-rule-dxi.ts","../../../dist/ui/form/nested/range-rule-dxi.ts","../../../dist/ui/form/nested/required-rule-dxi.ts","../../../dist/ui/form/nested/simple-item-dxi.ts","../../../dist/ui/form/nested/string-length-rule-dxi.ts","../../../dist/ui/form/nested/tab-dxi.ts","../../../dist/ui/form/nested/tab-panel-options-item-dxi.ts","../../../dist/ui/form/nested/tab-panel-options.ts","../../../dist/ui/form/nested/tabbed-item-dxi.ts","../../../dist/ui/form/nested/validation-rule-dxi.ts","../../../dist/ui/form/nested/index.ts","../../../dist/ui/form/nested/devextreme-angular-ui-form-nested.ts"],"sourcesContent":["/*!\n * devextreme-angular\n * Version: 25.2.3\n * Build date: Fri Dec 12 2025\n *\n * Copyright (c) 2012 - 2025 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-angular\n */\n\n/* tslint:disable:max-line-length */\r\n\r\n\r\nimport {\r\n    Component,\r\n    OnInit,\r\n    OnDestroy,\r\n    NgModule,\r\n    Host,\r\n    SkipSelf,\r\n    Input\r\n} from '@angular/core';\r\n\r\n\r\n\r\n\r\n\r\nimport {\r\n    DxIntegrationModule,\r\n    NestedOptionHost,\r\n} from 'devextreme-angular/core';\r\nimport { NestedOption } from 'devextreme-angular/core';\r\n\r\n\r\n@Component({\r\n    selector: 'dxo-form-ai-options',\r\n    standalone: true,\r\n    template: '',\r\n    styles: [''],\r\n    imports: [ DxIntegrationModule ],\r\n    providers: [NestedOptionHost]\r\n})\r\nexport class DxoFormAIOptionsComponent extends NestedOption implements OnDestroy, OnInit  {\r\n    @Input()\r\n    get disabled(): boolean {\r\n        return this._getOption('disabled');\r\n    }\r\n    set disabled(value: boolean) {\r\n        this._setOption('disabled', value);\r\n    }\r\n\r\n    @Input()\r\n    get instruction(): string | undefined {\r\n        return this._getOption('instruction');\r\n    }\r\n    set instruction(value: string | undefined) {\r\n        this._setOption('instruction', value);\r\n    }\r\n\r\n\r\n    protected get _optionPath() {\r\n        return 'aiOptions';\r\n    }\r\n\r\n\r\n    constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\r\n            @Host() optionHost: NestedOptionHost) {\r\n        super();\r\n        parentOptionHost.setNestedOption(this);\r\n        optionHost.setHost(this, this._fullOptionPath.bind(this));\r\n    }\r\n\r\n\r\n    ngOnInit() {\r\n        this._addRecreatedComponent();\r\n    }\r\n\r\n    ngOnDestroy() {\r\n        this._addRemovedOption(this._getOptionPath());\r\n    }\r\n\r\n\r\n}\r\n\r\n@NgModule({\r\n  imports: [\r\n    DxoFormAIOptionsComponent\r\n  ],\r\n  exports: [\r\n    DxoFormAIOptionsComponent\r\n  ],\r\n})\r\nexport class DxoFormAIOptionsModule { }\r\n","/*!\n * devextreme-angular\n * Version: 25.2.3\n * Build date: Fri Dec 12 2025\n *\n * Copyright (c) 2012 - 2025 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-angular\n */\n\n/* tslint:disable:max-line-length */\r\n\r\n\r\nimport {\r\n    Component,\r\n    NgModule,\r\n    Host,\r\n    SkipSelf,\r\n    Input\r\n} from '@angular/core';\r\n\r\n\r\n\r\n\r\nimport { ValidationRuleType } from 'devextreme/common';\r\n\r\nimport {\r\n    DxIntegrationModule,\r\n    NestedOptionHost,\r\n} from 'devextreme-angular/core';\r\nimport { CollectionNestedOption } from 'devextreme-angular/core';\r\n\r\nimport { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';\r\n\r\n@Component({\r\n    selector: 'dxi-form-async-rule',\r\n    standalone: true,\r\n    template: '',\r\n    styles: [''],\r\n    imports: [ DxIntegrationModule ],\r\n    providers: [\r\n        NestedOptionHost,\r\n        {\r\n           provide: PROPERTY_TOKEN_validationRules,\r\n           useExisting: DxiFormAsyncRuleComponent,\r\n        }\r\n    ]\r\n})\r\nexport class DxiFormAsyncRuleComponent extends CollectionNestedOption {\r\n    @Input()\r\n    get ignoreEmptyValue(): boolean {\r\n        return this._getOption('ignoreEmptyValue');\r\n    }\r\n    set ignoreEmptyValue(value: boolean) {\r\n        this._setOption('ignoreEmptyValue', value);\r\n    }\r\n\r\n    @Input()\r\n    get message(): string {\r\n        return this._getOption('message');\r\n    }\r\n    set message(value: string) {\r\n        this._setOption('message', value);\r\n    }\r\n\r\n    @Input()\r\n    get reevaluate(): boolean {\r\n        return this._getOption('reevaluate');\r\n    }\r\n    set reevaluate(value: boolean) {\r\n        this._setOption('reevaluate', value);\r\n    }\r\n\r\n    @Input()\r\n    get type(): ValidationRuleType {\r\n        return this._getOption('type');\r\n    }\r\n    set type(value: ValidationRuleType) {\r\n        this._setOption('type', value);\r\n    }\r\n\r\n    @Input()\r\n    get validationCallback(): ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => any) {\r\n        return this._getOption('validationCallback');\r\n    }\r\n    set validationCallback(value: ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => any)) {\r\n        this._setOption('validationCallback', value);\r\n    }\r\n\r\n\r\n    protected get _optionPath() {\r\n        return 'validationRules';\r\n    }\r\n\r\n\r\n    constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\r\n            @Host() optionHost: NestedOptionHost) {\r\n        super();\r\n        parentOptionHost.setNestedOption(this);\r\n        optionHost.setHost(this, this._fullOptionPath.bind(this));\r\n        this.type = 'async';\r\n    \r\n    }\r\n\r\n\r\n\r\n    ngOnDestroy() {\r\n        this._deleteRemovedOptions(this._fullOptionPath());\r\n    }\r\n\r\n}\r\n\r\n@NgModule({\r\n  imports: [\r\n    DxiFormAsyncRuleComponent\r\n  ],\r\n  exports: [\r\n    DxiFormAsyncRuleComponent\r\n  ],\r\n})\r\nexport class DxiFormAsyncRuleModule { }\r\n","/*!\n * devextreme-angular\n * Version: 25.2.3\n * Build date: Fri Dec 12 2025\n *\n * Copyright (c) 2012 - 2025 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-angular\n */\n\n/* tslint:disable:max-line-length */\r\n\r\n\r\nimport {\r\n    Component,\r\n    NgModule,\r\n    Host,\r\n    SkipSelf,\r\n    Input\r\n} from '@angular/core';\r\n\r\n\r\n\r\n\r\nimport { dxButtonOptions } from 'devextreme/ui/button';\r\nimport { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';\r\nimport { FormItemType, FormPredefinedButtonItem } from 'devextreme/ui/form';\r\n\r\nimport {\r\n    DxIntegrationModule,\r\n    NestedOptionHost,\r\n} from 'devextreme-angular/core';\r\nimport { CollectionNestedOption } from 'devextreme-angular/core';\r\n\r\nimport { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';\r\n\r\n@Component({\r\n    selector: 'dxi-form-button-item',\r\n    standalone: true,\r\n    template: '',\r\n    styles: [''],\r\n    imports: [ DxIntegrationModule ],\r\n    providers: [\r\n        NestedOptionHost,\r\n        {\r\n           provide: PROPERTY_TOKEN_items,\r\n           useExisting: DxiFormButtonItemComponent,\r\n        }\r\n    ]\r\n})\r\nexport class DxiFormButtonItemComponent extends CollectionNestedOption {\r\n    @Input()\r\n    get buttonOptions(): dxButtonOptions | undefined {\r\n        return this._getOption('buttonOptions');\r\n    }\r\n    set buttonOptions(value: dxButtonOptions | undefined) {\r\n        this._setOption('buttonOptions', value);\r\n    }\r\n\r\n    @Input()\r\n    get colSpan(): number | undefined {\r\n        return this._getOption('colSpan');\r\n    }\r\n    set colSpan(value: number | undefined) {\r\n        this._setOption('colSpan', value);\r\n    }\r\n\r\n    @Input()\r\n    get cssClass(): string | undefined {\r\n        return this._getOption('cssClass');\r\n    }\r\n    set cssClass(value: string | undefined) {\r\n        this._setOption('cssClass', value);\r\n    }\r\n\r\n    @Input()\r\n    get horizontalAlignment(): HorizontalAlignment {\r\n        return this._getOption('horizontalAlignment');\r\n    }\r\n    set horizontalAlignment(value: HorizontalAlignment) {\r\n        this._setOption('horizontalAlignment', value);\r\n    }\r\n\r\n    @Input()\r\n    get itemType(): FormItemType {\r\n        return this._getOption('itemType');\r\n    }\r\n    set itemType(value: FormItemType) {\r\n        this._setOption('itemType', value);\r\n    }\r\n\r\n    @Input()\r\n    get name(): FormPredefinedButtonItem | string | undefined {\r\n        return this._getOption('name');\r\n    }\r\n    set name(value: FormPredefinedButtonItem | string | undefined) {\r\n        this._setOption('name', value);\r\n    }\r\n\r\n    @Input()\r\n    get verticalAlignment(): VerticalAlignment {\r\n        return this._getOption('verticalAlignment');\r\n    }\r\n    set verticalAlignment(value: VerticalAlignment) {\r\n        this._setOption('verticalAlignment', value);\r\n    }\r\n\r\n    @Input()\r\n    get visible(): boolean {\r\n        return this._getOption('visible');\r\n    }\r\n    set visible(value: boolean) {\r\n        this._setOption('visible', value);\r\n    }\r\n\r\n    @Input()\r\n    get visibleIndex(): number | undefined {\r\n        return this._getOption('visibleIndex');\r\n    }\r\n    set visibleIndex(value: number | undefined) {\r\n        this._setOption('visibleIndex', value);\r\n    }\r\n\r\n\r\n    protected get _optionPath() {\r\n        return 'items';\r\n    }\r\n\r\n\r\n    constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\r\n            @Host() optionHost: NestedOptionHost) {\r\n        super();\r\n        parentOptionHost.setNestedOption(this);\r\n        optionHost.setHost(this, this._fullOptionPath.bind(this));\r\n        this.itemType = 'button';\r\n    \r\n    }\r\n\r\n\r\n\r\n    ngOnDestroy() {\r\n        this._deleteRemovedOptions(this._fullOptionPath());\r\n    }\r\n\r\n}\r\n\r\n@NgModule({\r\n  imports: [\r\n    DxiFormButtonItemComponent\r\n  ],\r\n  exports: [\r\n    DxiFormButtonItemComponent\r\n  ],\r\n})\r\nexport class DxiFormButtonItemModule { }\r\n","/*!\n * devextreme-angular\n * Version: 25.2.3\n * Build date: Fri Dec 12 2025\n *\n * Copyright (c) 2012 - 2025 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-angular\n */\n\n/* tslint:disable:max-line-length */\r\n\r\n\r\nimport {\r\n    Component,\r\n    OnInit,\r\n    OnDestroy,\r\n    NgModule,\r\n    Host,\r\n    ElementRef,\r\n    Renderer2,\r\n    Inject,\r\n    AfterViewInit,\r\n    SkipSelf,\r\n    Input\r\n} from '@angular/core';\r\n\r\nimport { DOCUMENT } from '@angular/common';\r\n\r\n\r\nimport { ClickEvent, ContentReadyEvent, DisposingEvent, InitializedEvent, OptionChangedEvent } from 'devextreme/ui/button';\r\nimport { ButtonStyle, ButtonType } from 'devextreme/common';\r\n\r\nimport {\r\n    DxIntegrationModule,\r\n    NestedOptionHost,\r\n    extractTemplate,\r\n    DxTemplateDirective,\r\n    IDxTemplateHost,\r\n    DxTemplateHost,\r\n} from 'devextreme-angular/core';\r\nimport { NestedOption } from 'devextreme-angular/core';\r\n\r\n\r\n@Component({\r\n    selector: 'dxo-form-button-options',\r\n    standalone: true,\r\n    template: '<ng-content></ng-content>',\r\n    styles: [':host { display: block; }'],\r\n    imports: [ DxIntegrationModule ],\r\n    providers: [NestedOptionHost, DxTemplateHost]\r\n})\r\nexport class DxoFormButtonOptionsComponent extends NestedOption implements AfterViewInit, OnDestroy, OnInit,\r\n    IDxTemplateHost {\r\n    @Input()\r\n    get accessKey(): string | undefined {\r\n        return this._getOption('accessKey');\r\n    }\r\n    set accessKey(value: string | undefined) {\r\n        this._setOption('accessKey', value);\r\n    }\r\n\r\n    @Input()\r\n    get activeStateEnabled(): boolean {\r\n        return this._getOption('activeStateEnabled');\r\n    }\r\n    set activeStateEnabled(value: boolean) {\r\n        this._setOption('activeStateEnabled', value);\r\n    }\r\n\r\n    @Input()\r\n    get disabled(): boolean {\r\n        return this._getOption('disabled');\r\n    }\r\n    set disabled(value: boolean) {\r\n        this._setOption('disabled', value);\r\n    }\r\n\r\n    @Input()\r\n    get elementAttr(): Record<string, any> {\r\n        return this._getOption('elementAttr');\r\n    }\r\n    set elementAttr(value: Record<string, any>) {\r\n        this._setOption('elementAttr', value);\r\n    }\r\n\r\n    @Input()\r\n    get focusStateEnabled(): boolean {\r\n        return this._getOption('focusStateEnabled');\r\n    }\r\n    set focusStateEnabled(value: boolean) {\r\n        this._setOption('focusStateEnabled', value);\r\n    }\r\n\r\n    @Input()\r\n    get height(): number | string | undefined {\r\n        return this._getOption('height');\r\n    }\r\n    set height(value: number | string | undefined) {\r\n        this._setOption('height', value);\r\n    }\r\n\r\n    @Input()\r\n    get hint(): string | undefined {\r\n        return this._getOption('hint');\r\n    }\r\n    set hint(value: string | undefined) {\r\n        this._setOption('hint', value);\r\n    }\r\n\r\n    @Input()\r\n    get hoverStateEnabled(): boolean {\r\n        return this._getOption('hoverStateEnabled');\r\n    }\r\n    set hoverStateEnabled(value: boolean) {\r\n        this._setOption('hoverStateEnabled', value);\r\n    }\r\n\r\n    @Input()\r\n    get icon(): string {\r\n        return this._getOption('icon');\r\n    }\r\n    set icon(value: string) {\r\n        this._setOption('icon', value);\r\n    }\r\n\r\n    @Input()\r\n    get onClick(): ((e: ClickEvent) => void) {\r\n        return this._getOption('onClick');\r\n    }\r\n    set onClick(value: ((e: ClickEvent) => void)) {\r\n        this._setOption('onClick', value);\r\n    }\r\n\r\n    @Input()\r\n    get onContentReady(): ((e: ContentReadyEvent) => void) {\r\n        return this._getOption('onContentReady');\r\n    }\r\n    set onContentReady(value: ((e: ContentReadyEvent) => void)) {\r\n        this._setOption('onContentReady', value);\r\n    }\r\n\r\n    @Input()\r\n    get onDisposing(): ((e: DisposingEvent) => void) {\r\n        return this._getOption('onDisposing');\r\n    }\r\n    set onDisposing(value: ((e: DisposingEvent) => void)) {\r\n        this._setOption('onDisposing', value);\r\n    }\r\n\r\n    @Input()\r\n    get onInitialized(): ((e: InitializedEvent) => void) {\r\n        return this._getOption('onInitialized');\r\n    }\r\n    set onInitialized(value: ((e: InitializedEvent) => void)) {\r\n        this._setOption('onInitialized', value);\r\n    }\r\n\r\n    @Input()\r\n    get onOptionChanged(): ((e: OptionChangedEvent) => void) {\r\n        return this._getOption('onOptionChanged');\r\n    }\r\n    set onOptionChanged(value: ((e: OptionChangedEvent) => void)) {\r\n        this._setOption('onOptionChanged', value);\r\n    }\r\n\r\n    @Input()\r\n    get rtlEnabled(): boolean {\r\n        return this._getOption('rtlEnabled');\r\n    }\r\n    set rtlEnabled(value: boolean) {\r\n        this._setOption('rtlEnabled', value);\r\n    }\r\n\r\n    @Input()\r\n    get stylingMode(): ButtonStyle {\r\n        return this._getOption('stylingMode');\r\n    }\r\n    set stylingMode(value: ButtonStyle) {\r\n        this._setOption('stylingMode', value);\r\n    }\r\n\r\n    @Input()\r\n    get tabIndex(): number {\r\n        return this._getOption('tabIndex');\r\n    }\r\n    set tabIndex(value: number) {\r\n        this._setOption('tabIndex', value);\r\n    }\r\n\r\n    @Input()\r\n    get template(): any {\r\n        return this._getOption('template');\r\n    }\r\n    set template(value: any) {\r\n        this._setOption('template', value);\r\n    }\r\n\r\n    @Input()\r\n    get text(): string {\r\n        return this._getOption('text');\r\n    }\r\n    set text(value: string) {\r\n        this._setOption('text', value);\r\n    }\r\n\r\n    @Input()\r\n    get type(): ButtonType | string {\r\n        return this._getOption('type');\r\n    }\r\n    set type(value: ButtonType | string) {\r\n        this._setOption('type', value);\r\n    }\r\n\r\n    @Input()\r\n    get useSubmitBehavior(): boolean {\r\n        return this._getOption('useSubmitBehavior');\r\n    }\r\n    set useSubmitBehavior(value: boolean) {\r\n        this._setOption('useSubmitBehavior', value);\r\n    }\r\n\r\n    @Input()\r\n    get validationGroup(): string | undefined {\r\n        return this._getOption('validationGroup');\r\n    }\r\n    set validationGroup(value: string | undefined) {\r\n        this._setOption('validationGroup', value);\r\n    }\r\n\r\n    @Input()\r\n    get visible(): boolean {\r\n        return this._getOption('visible');\r\n    }\r\n    set visible(value: boolean) {\r\n        this._setOption('visible', value);\r\n    }\r\n\r\n    @Input()\r\n    get width(): number | string | undefined {\r\n        return this._getOption('width');\r\n    }\r\n    set width(value: number | string | undefined) {\r\n        this._setOption('width', value);\r\n    }\r\n\r\n\r\n    protected get _optionPath() {\r\n        return 'buttonOptions';\r\n    }\r\n\r\n\r\n    constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\r\n            @Host() optionHost: NestedOptionHost,\r\n            private renderer: Renderer2,\r\n            @Inject(DOCUMENT) private document: any,\r\n            @Host() templateHost: DxTemplateHost,\r\n            private element: ElementRef) {\r\n        super();\r\n        parentOptionHost.setNestedOption(this);\r\n        optionHost.setHost(this, this._fullOptionPath.bind(this));\r\n        templateHost.setHost(this);\r\n    }\r\n\r\n    setTemplate(template: DxTemplateDirective) {\r\n        this.template = template;\r\n    }\r\n    ngAfterViewInit() {\r\n        extractTemplate(this, this.element, this.renderer, this.document);\r\n    }\r\n\r\n\r\n    ngOnInit() {\r\n        this._addRecreatedComponent();\r\n    }\r\n\r\n    ngOnDestroy() {\r\n        this._addRemovedOption(this._getOptionPath());\r\n    }\r\n\r\n\r\n}\r\n\r\n@NgModule({\r\n  imports: [\r\n    DxoFormButtonOptionsComponent\r\n  ],\r\n  exports: [\r\n    DxoFormButtonOptionsComponent\r\n  ],\r\n})\r\nexport class DxoFormButtonOptionsModule { }\r\n","/*!\n * devextreme-angular\n * Version: 25.2.3\n * Build date: Fri Dec 12 2025\n *\n * Copyright (c) 2012 - 2025 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-angular\n */\n\n/* tslint:disable:max-line-length */\r\n\r\n\r\nimport {\r\n    Component,\r\n    OnInit,\r\n    OnDestroy,\r\n    NgModule,\r\n    Host,\r\n    SkipSelf,\r\n    Input\r\n} from '@angular/core';\r\n\r\n\r\n\r\n\r\n\r\nimport {\r\n    DxIntegrationModule,\r\n    NestedOptionHost,\r\n} from 'devextreme-angular/core';\r\nimport { NestedOption } from 'devextreme-angular/core';\r\n\r\n\r\n@Component({\r\n    selector: 'dxo-form-col-count-by-screen',\r\n    standalone: true,\r\n    template: '',\r\n    styles: [''],\r\n    imports: [ DxIntegrationModule ],\r\n    providers: [NestedOptionHost]\r\n})\r\nexport class DxoFormColCountByScreenComponent extends NestedOption implements OnDestroy, OnInit  {\r\n    @Input()\r\n    get lg(): number | undefined {\r\n        return this._getOption('lg');\r\n    }\r\n    set lg(value: number | undefined) {\r\n        this._setOption('lg', value);\r\n    }\r\n\r\n    @Input()\r\n    get md(): number | undefined {\r\n        return this._getOption('md');\r\n    }\r\n    set md(value: number | undefined) {\r\n        this._setOption('md', value);\r\n    }\r\n\r\n    @Input()\r\n    get sm(): number | undefined {\r\n        return this._getOption('sm');\r\n    }\r\n    set sm(value: number | undefined) {\r\n        this._setOption('sm', value);\r\n    }\r\n\r\n    @Input()\r\n    get xs(): number | undefined {\r\n        return this._getOption('xs');\r\n    }\r\n    set xs(value: number | undefined) {\r\n        this._setOption('xs', value);\r\n    }\r\n\r\n\r\n    protected get _optionPath() {\r\n        return 'colCountByScreen';\r\n    }\r\n\r\n\r\n    constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\r\n            @Host() optionHost: NestedOptionHost) {\r\n        super();\r\n        parentOptionHost.setNestedOption(this);\r\n        optionHost.setHost(this, this._fullOptionPath.bind(this));\r\n    }\r\n\r\n\r\n    ngOnInit() {\r\n        this._addRecreatedComponent();\r\n    }\r\n\r\n    ngOnDestroy() {\r\n        this._addRemovedOption(this._getOptionPath());\r\n    }\r\n\r\n\r\n}\r\n\r\n@NgModule({\r\n  imports: [\r\n    DxoFormColCountByScreenComponent\r\n  ],\r\n  exports: [\r\n    DxoFormColCountByScreenComponent\r\n  ],\r\n})\r\nexport class DxoFormColCountByScreenModule { }\r\n","/*!\n * devextreme-angular\n * Version: 25.2.3\n * Build date: Fri Dec 12 2025\n *\n * Copyright (c) 2012 - 2025 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-angular\n */\n\n/* tslint:disable:max-line-length */\r\n\r\n\r\nimport {\r\n    Component,\r\n    NgModule,\r\n    Host,\r\n    SkipSelf,\r\n    Input\r\n} from '@angular/core';\r\n\r\n\r\n\r\n\r\nimport { ComparisonOperator, ValidationRuleType } from 'devextreme/common';\r\n\r\nimport {\r\n    DxIntegrationModule,\r\n    NestedOptionHost,\r\n} from 'devextreme-angular/core';\r\nimport { CollectionNestedOption } from 'devextreme-angular/core';\r\n\r\nimport { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';\r\n\r\n@Component({\r\n    selector: 'dxi-form-compare-rule',\r\n    standalone: true,\r\n    template: '',\r\n    styles: [''],\r\n    imports: [ DxIntegrationModule ],\r\n    providers: [\r\n        NestedOptionHost,\r\n        {\r\n           provide: PROPERTY_TOKEN_validationRules,\r\n           useExisting: DxiFormCompareRuleComponent,\r\n        }\r\n    ]\r\n})\r\nexport class DxiFormCompareRuleComponent extends CollectionNestedOption {\r\n    @Input()\r\n    get comparisonTarget(): Function {\r\n        return this._getOption('comparisonTarget');\r\n    }\r\n    set comparisonTarget(value: Function) {\r\n        this._setOption('comparisonTarget', value);\r\n    }\r\n\r\n    @Input()\r\n    get comparisonType(): ComparisonOperator {\r\n        return this._getOption('comparisonType');\r\n    }\r\n    set comparisonType(value: ComparisonOperator) {\r\n        this._setOption('comparisonType', value);\r\n    }\r\n\r\n    @Input()\r\n    get ignoreEmptyValue(): boolean {\r\n        return this._getOption('ignoreEmptyValue');\r\n    }\r\n    set ignoreEmptyValue(value: boolean) {\r\n        this._setOption('ignoreEmptyValue', value);\r\n    }\r\n\r\n    @Input()\r\n    get message(): string {\r\n        return this._getOption('message');\r\n    }\r\n    set message(value: string) {\r\n        this._setOption('message', value);\r\n    }\r\n\r\n    @Input()\r\n    get type(): ValidationRuleType {\r\n        return this._getOption('type');\r\n    }\r\n    set type(value: ValidationRuleType) {\r\n        this._setOption('type', value);\r\n    }\r\n\r\n\r\n    protected get _optionPath() {\r\n        return 'validationRules';\r\n    }\r\n\r\n\r\n    constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\r\n            @Host() optionHost: NestedOptionHost) {\r\n        super();\r\n        parentOptionHost.setNestedOption(this);\r\n        optionHost.setHost(this, this._fullOptionPath.bind(this));\r\n        this.type = 'compare';\r\n    \r\n    }\r\n\r\n\r\n\r\n    ngOnDestroy() {\r\n        this._deleteRemovedOptions(this._fullOptionPath());\r\n    }\r\n\r\n}\r\n\r\n@NgModule({\r\n  imports: [\r\n    DxiFormCompareRuleComponent\r\n  ],\r\n  exports: [\r\n    DxiFormCompareRuleComponent\r\n  ],\r\n})\r\nexport class DxiFormCompareRuleModule { }\r\n","/*!\n * devextreme-angular\n * Version: 25.2.3\n * Build date: Fri Dec 12 2025\n *\n * Copyright (c) 2012 - 2025 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-angular\n */\n\n/* tslint:disable:max-line-length */\r\n\r\n\r\nimport {\r\n    Component,\r\n    NgModule,\r\n    Host,\r\n    SkipSelf,\r\n    Input\r\n} from '@angular/core';\r\n\r\n\r\n\r\n\r\nimport { ValidationRuleType } from 'devextreme/common';\r\n\r\nimport {\r\n    DxIntegrationModule,\r\n    NestedOptionHost,\r\n} from 'devextreme-angular/core';\r\nimport { CollectionNestedOption } from 'devextreme-angular/core';\r\n\r\nimport { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';\r\n\r\n@Component({\r\n    selector: 'dxi-form-custom-rule',\r\n    standalone: true,\r\n    template: '',\r\n    styles: [''],\r\n    imports: [ DxIntegrationModule ],\r\n    providers: [\r\n        NestedOptionHost,\r\n        {\r\n           provide: PROPERTY_TOKEN_validationRules,\r\n           useExisting: DxiFormCustomRuleComponent,\r\n        }\r\n    ]\r\n})\r\nexport class DxiFormCustomRuleComponent extends CollectionNestedOption {\r\n    @Input()\r\n    get ignoreEmptyValue(): boolean {\r\n        return this._getOption('ignoreEmptyValue');\r\n    }\r\n    set ignoreEmptyValue(value: boolean) {\r\n        this._setOption('ignoreEmptyValue', value);\r\n    }\r\n\r\n    @Input()\r\n    get message(): string {\r\n        return this._getOption('message');\r\n    }\r\n    set message(value: string) {\r\n        this._setOption('message', value);\r\n    }\r\n\r\n    @Input()\r\n    get reevaluate(): boolean {\r\n        return this._getOption('reevaluate');\r\n    }\r\n    set reevaluate(value: boolean) {\r\n        this._setOption('reevaluate', value);\r\n    }\r\n\r\n    @Input()\r\n    get type(): ValidationRuleType {\r\n        return this._getOption('type');\r\n    }\r\n    set type(value: ValidationRuleType) {\r\n        this._setOption('type', value);\r\n    }\r\n\r\n    @Input()\r\n    get validationCallback(): ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => boolean) {\r\n        return this._getOption('validationCallback');\r\n    }\r\n    set validationCallback(value: ((options: { column: Record<string, any>, data: Record<string, any>, formItem: Record<string, any>, rule: Record<string, any>, validator: Record<string, any>, value: string | number }) => boolean)) {\r\n        this._setOption('validationCallback', value);\r\n    }\r\n\r\n\r\n    protected get _optionPath() {\r\n        return 'validationRules';\r\n    }\r\n\r\n\r\n    constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\r\n            @Host() optionHost: NestedOptionHost) {\r\n        super();\r\n        parentOptionHost.setNestedOption(this);\r\n        optionHost.setHost(this, this._fullOptionPath.bind(this));\r\n        this.type = 'custom';\r\n    \r\n    }\r\n\r\n\r\n\r\n    ngOnDestroy() {\r\n        this._deleteRemovedOptions(this._fullOptionPath());\r\n    }\r\n\r\n}\r\n\r\n@NgModule({\r\n  imports: [\r\n    DxiFormCustomRuleComponent\r\n  ],\r\n  exports: [\r\n    DxiFormCustomRuleComponent\r\n  ],\r\n})\r\nexport class DxiFormCustomRuleModule { }\r\n","/*!\n * devextreme-angular\n * Version: 25.2.3\n * Build date: Fri Dec 12 2025\n *\n * Copyright (c) 2012 - 2025 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-angular\n */\n\n/* tslint:disable:max-line-length */\r\n\r\n\r\nimport {\r\n    Component,\r\n    NgModule,\r\n    Host,\r\n    SkipSelf,\r\n    Input\r\n} from '@angular/core';\r\n\r\n\r\n\r\n\r\nimport { ValidationRuleType } from 'devextreme/common';\r\n\r\nimport {\r\n    DxIntegrationModule,\r\n    NestedOptionHost,\r\n} from 'devextreme-angular/core';\r\nimport { CollectionNestedOption } from 'devextreme-angular/core';\r\n\r\nimport { PROPERTY_TOKEN_validationRules } from 'devextreme-angular/core/tokens';\r\n\r\n@Component({\r\n    selector: 'dxi-form-email-rule',\r\n    standalone: true,\r\n    template: '',\r\n    styles: [''],\r\n    imports: [ DxIntegrationModule ],\r\n    providers: [\r\n        NestedOptionHost,\r\n        {\r\n           provide: PROPERTY_TOKEN_validationRules,\r\n           useExisting: DxiFormEmailRuleComponent,\r\n        }\r\n    ]\r\n})\r\nexport class DxiFormEmailRuleComponent extends CollectionNestedOption {\r\n    @Input()\r\n    get ignoreEmptyValue(): boolean {\r\n        return this._getOption('ignoreEmptyValue');\r\n    }\r\n    set ignoreEmptyValue(value: boolean) {\r\n        this._setOption('ignoreEmptyValue', value);\r\n    }\r\n\r\n    @Input()\r\n    get message(): string {\r\n        return this._getOption('message');\r\n    }\r\n    set message(value: string) {\r\n        this._setOption('message', value);\r\n    }\r\n\r\n    @Input()\r\n    get type(): ValidationRuleType {\r\n        return this._getOption('type');\r\n    }\r\n    set type(value: ValidationRuleType) {\r\n        this._setOption('type', value);\r\n    }\r\n\r\n\r\n    protected get _optionPath() {\r\n        return 'validationRules';\r\n    }\r\n\r\n\r\n    constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\r\n            @Host() optionHost: NestedOptionHost) {\r\n        super();\r\n        parentOptionHost.setNestedOption(this);\r\n        optionHost.setHost(this, this._fullOptionPath.bind(this));\r\n        this.type = 'email';\r\n    \r\n    }\r\n\r\n\r\n\r\n    ngOnDestroy() {\r\n        this._deleteRemovedOptions(this._fullOptionPath());\r\n    }\r\n\r\n}\r\n\r\n@NgModule({\r\n  imports: [\r\n    DxiFormEmailRuleComponent\r\n  ],\r\n  exports: [\r\n    DxiFormEmailRuleComponent\r\n  ],\r\n})\r\nexport class DxiFormEmailRuleModule { }\r\n","/*!\n * devextreme-angular\n * Version: 25.2.3\n * Build date: Fri Dec 12 2025\n *\n * Copyright (c) 2012 - 2025 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-angular\n */\n\n/* tslint:disable:max-line-length */\r\n\r\n\r\nimport {\r\n    Component,\r\n    NgModule,\r\n    Host,\r\n    SkipSelf,\r\n    Input\r\n} from '@angular/core';\r\n\r\n\r\n\r\n\r\nimport { FormItemType } from 'devextreme/ui/form';\r\n\r\nimport {\r\n    DxIntegrationModule,\r\n    NestedOptionHost,\r\n} from 'devextreme-angular/core';\r\nimport { CollectionNestedOption } from 'devextreme-angular/core';\r\n\r\nimport { PROPERTY_TOKEN_items } from 'devextreme-angular/core/tokens';\r\n\r\n@Component({\r\n    selector: 'dxi-form-empty-item',\r\n    standalone: true,\r\n    template: '',\r\n    styles: [''],\r\n    imports: [ DxIntegrationModule ],\r\n    providers: [\r\n        NestedOptionHost,\r\n        {\r\n           provide: PROPERTY_TOKEN_items,\r\n           useExisting: DxiFormEmptyItemComponent,\r\n        }\r\n    ]\r\n})\r\nexport class DxiFormEmptyItemComponent extends CollectionNestedOption {\r\n    @Input()\r\n    get colSpan(): number | undefined {\r\n        return this._getOption('colSpan');\r\n    }\r\n    set colSpan(value: number | undefined) {\r\n        this._setOption('colSpan', value);\r\n    }\r\n\r\n    @Input()\r\n    get cssClass(): string | undefined {\r\n        return this._getOption('cssClass');\r\n    }\r\n    set cssClass(value: string | undefined) {\r\n        this._setOption('cssClass', value);\r\n    }\r\n\r\n    @Input()\r\n    get itemType(): FormItemType {\r\n        return this._getOption('itemType');\r\n    }\r\n    set itemType(value: FormItemType) {\r\n        this._setOption('itemType', value);\r\n    }\r\n\r\n    @Input()\r\n    get name(): string | undefined {\r\n        return this._getOption('name');\r\n    }\r\n    set name(value: string | undefined) {\r\n        this._setOption('name', value);\r\n    }\r\n\r\n    @Input()\r\n    get visible(): boolean {\r\n        return this._getOption('visible');\r\n    }\r\n    set visible(value: boolean) {\r\n        this._setOption('visible', value);\r\n    }\r\n\r\n    @Input()\r\n    get visibleIndex(): number | undefined {\r\n        return this._getOption('visibleIndex');\r\n    }\r\n    set visibleIndex(value: number | undefined) {\r\n        this._setOption('visibleIndex', value);\r\n    }\r\n\r\n\r\n    protected get _optionPath() {\r\n        return 'items';\r\n    }\r\n\r\n\r\n    constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\r\n            @Host() optionHost: NestedOptionHost) {\r\n        super();\r\n        parentOptionHost.setNestedOption(this);\r\n        optionHost.setHost(this, this._fullOptionPath.bind(this));\r\n        this.itemType = 'empty';\r\n    \r\n    }\r\n\r\n\r\n\r\n    ngOnDestroy() {\r\n        this._deleteRemovedOptions(this._fullOptionPath());\r\n    }\r\n\r\n}\r\n\r\n@NgModule({\r\n  imports: [\r\n    DxiFormEmptyItemComponent\r\n  ],\r\n  exports: [\r\n    DxiFormEmptyItemComponent\r\n  ],\r\n})\r\nexport class DxiFormEmptyItemModule { }\r\n","/*!\n * devextreme-angular\n * Version: 25.2.3\n * Build date: Fri Dec 12 2025\n *\n * Copyright (c) 2012 - 2025 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-angular\n */\n\n/* tslint:disable:max-line-length */\r\n\r\n\r\nimport {\r\n    Component,\r\n    NgModule,\r\n    Host,\r\n    ElementRef,\r\n    Renderer2,\r\n    Inject,\r\n    AfterViewInit,\r\n    SkipSelf,\r\n    Input,\r\n    ContentChildren,\r\n    QueryList\r\n} from '@angular/core';\r\n\r\nimport { DOCUMENT } from '@angular/common';\r\n\r\n\r\nimport { dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem, FormItemType } from 'devextreme/ui/form';\r\n\r\nimport {\r\n    DxIntegrationModule,\r\n    NestedOptionHost,\r\n    extractTemplate,\r\n    DxTemplateDirective,\r\n    IDxTemplateHost,\r\n    DxTemplateHost,\r\n} from 'devextreme-angular/core';\r\nimport { CollectionNestedOption } from 'devextreme-angular/core';\r\n\r\nimport {\r\n    PROPERTY_TOKEN_items,\r\n} from 'devextreme-angular/core/tokens';\r\n\r\n@Component({\r\n    selector: 'dxi-form-group-item',\r\n    standalone: true,\r\n    template: '<ng-content></ng-content>',\r\n    styles: [':host { display: block; }'],\r\n    imports: [ DxIntegrationModule ],\r\n    providers: [\r\n        NestedOptionHost,\r\n        DxTemplateHost,\r\n        {\r\n           provide: PROPERTY_TOKEN_items,\r\n           useExisting: DxiFormGroupItemComponent,\r\n        }\r\n    ]\r\n})\r\nexport class DxiFormGroupItemComponent extends CollectionNestedOption implements AfterViewInit,\r\n    IDxTemplateHost {\r\n    @ContentChildren(PROPERTY_TOKEN_items)\r\n    set _itemsContentChildren(value: QueryList<CollectionNestedOption>) {\r\n        this.setChildren('items', value);\r\n    }\r\n    \r\n    @Input()\r\n    get alignItemLabels(): boolean {\r\n        return this._getOption('alignItemLabels');\r\n    }\r\n    set alignItemLabels(value: boolean) {\r\n        this._setOption('alignItemLabels', value);\r\n    }\r\n\r\n    @Input()\r\n    get caption(): string | undefined {\r\n        return this._getOption('caption');\r\n    }\r\n    set caption(value: string | undefined) {\r\n        this._setOption('caption', value);\r\n    }\r\n\r\n    @Input()\r\n    get captionTemplate(): any {\r\n        return this._getOption('captionTemplate');\r\n    }\r\n    set captionTemplate(value: any) {\r\n        this._setOption('captionTemplate', value);\r\n    }\r\n\r\n    @Input()\r\n    get colCount(): number {\r\n        return this._getOption('colCount');\r\n    }\r\n    set colCount(value: number) {\r\n        this._setOption('colCount', value);\r\n    }\r\n\r\n    @Input()\r\n    get colCountByScreen(): { lg?: number | undefined, md?: number | undefined, sm?: number | undefined, xs?: number | undefined } {\r\n        return this._getOption('colCountByScreen');\r\n    }\r\n    set colCountByScreen(value: { lg?: number | undefined, md?: number | undefined, sm?: number | undefined, xs?: number | undefined }) {\r\n        this._setOption('colCountByScreen', value);\r\n    }\r\n\r\n    @Input()\r\n    get colSpan(): number | undefined {\r\n        return this._getOption('colSpan');\r\n    }\r\n    set colSpan(value: number | undefined) {\r\n        this._setOption('colSpan', value);\r\n    }\r\n\r\n    @Input()\r\n    get cssClass(): string | undefined {\r\n        return this._getOption('cssClass');\r\n    }\r\n    set cssClass(value: string | undefined) {\r\n        this._setOption('cssClass', value);\r\n    }\r\n\r\n    @Input()\r\n    get items(): Array<dxFormButtonItem | dxFormEmptyItem | dxFormGroupItem | dxFormSimpleItem | dxFormTabbedItem> {\r\n        return this._getOption('items');\r\n    }\r\n    set items(value: Array<dxFormButtonItem | dxFormEmptyItem | dxFormGroupItem | dxFormSimpleItem | dxFormTabbedItem>) {\r\n        this._setOption('items', value);\r\n    }\r\n\r\n    @Input()\r\n    get itemType(): FormItemType {\r\n        return this._getOption('itemType');\r\n    }\r\n    set itemType(value: FormItemType) {\r\n        this._setOption('itemType', value);\r\n    }\r\n\r\n    @Input()\r\n    get name(): string | undefined {\r\n        return this._getOption('name');\r\n    }\r\n    set name(value: string | undefined) {\r\n        this._setOption('name', value);\r\n    }\r\n\r\n    @Input()\r\n    get template(): any {\r\n        return this._getOption('template');\r\n    }\r\n    set template(value: any) {\r\n        this._setOption('template', value);\r\n    }\r\n\r\n    @Input()\r\n    get visible(): boolean {\r\n        return this._getOption('visible');\r\n    }\r\n    set visible(value: boolean) {\r\n        this._setOption('visible', value);\r\n    }\r\n\r\n    @Input()\r\n    get visibleIndex(): number | undefined {\r\n        return this._getOption('visibleIndex');\r\n    }\r\n    set visibleIndex(value: number | undefined) {\r\n        this._setOption('visibleIndex', value);\r\n    }\r\n\r\n\r\n    protected get _optionPath() {\r\n        return 'items';\r\n    }\r\n\r\n\r\n    constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\r\n            @Host() optionHost: NestedOptionHost,\r\n            private renderer: Renderer2,\r\n            @Inject(DOCUMENT) private document: any,\r\n            @Host() templateHost: DxTemplateHost,\r\n            private element: ElementRef) {\r\n        super();\r\n        parentOptionHost.setNestedOption(this);\r\n        optionHost.setHost(this, this._fullOptionPath.bind(this));\r\n        templateHost.setHost(this);\r\n        this.itemType = 'group';\r\n    \r\n    }\r\n\r\n    setTemplate(template: DxTemplateDirective) {\r\n        this.template = template;\r\n    }\r\n    ngAfterViewInit() {\r\n        extractTemplate(this, this.element, this.renderer, this.document);\r\n    }\r\n\r\n\r\n\r\n    ngOnDestroy() {\r\n        this._deleteRemovedOptions(this._fullOptionPath());\r\n    }\r\n\r\n}\r\n\r\n@NgModule({\r\n  imports: [\r\n    DxiFormGroupItemComponent\r\n  ],\r\n  exports: [\r\n    DxiFormGroupItemComponent\r\n  ],\r\n})\r\nexport class DxiFormGroupItemModule { }\r\n","/*!\n * devextreme-angular\n * Version: 25.2.3\n * Build date: Fri Dec 12 2025\n *\n * Copyright (c) 2012 - 2025 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-angular\n */\n\n/* tslint:disable:max-line-length */\r\n\r\n\r\nimport {\r\n    Component,\r\n    NgModule,\r\n    Host,\r\n    ElementRef,\r\n    Renderer2,\r\n    Inject,\r\n    AfterViewInit,\r\n    SkipSelf,\r\n    Input,\r\n    ContentChildren,\r\n    QueryList\r\n} from '@angular/core';\r\n\r\nimport { DOCUMENT } from '@angular/common';\r\n\r\n\r\nimport * as CommonTypes from 'devextreme/common';\r\nimport { FormItemComponent, FormItemType, LabelLocation, FormPredefinedButtonItem, dxFormButtonItem, dxFormEmptyItem, dxFormGroupItem, dxFormSimpleItem, dxFormTabbedItem } from 'devextreme/ui/form';\r\nimport { HorizontalAlignment, VerticalAlignment } from 'devextreme/common';\r\nimport { dxTabPanelOptions } from 'devextreme/ui/tab_panel';\r\nimport { dxButtonOptions } from 'devextreme/ui/button';\r\n\r\nimport {\r\n    DxIntegrationModule,\r\n    NestedOptionHost,\r\n    extractTemplate,\r\n    DxTemplateDirective,\r\n    IDxTemplateHost,\r\n    DxTemplateHost,\r\n} from 'devextreme-angular/core';\r\nimport { CollectionNestedOption } from 'devextreme-angular/core';\r\n\r\nimport {\r\n    PROPERTY_TOKEN_validationRules,\r\n    PROPERTY_TOKEN_tabs,\r\n    PROPERTY_TOKEN_items,\r\n} from 'devextreme-angular/core/tokens';\r\n\r\n@Component({\r\n    selector: 'dxi-form-item',\r\n    standalone: true,\r\n    template: '<ng-content></ng-content>',\r\n    styles: [':host { display: block; }'],\r\n    imports: [ DxIntegrationModule ],\r\n    providers: [\r\n        NestedOptionHost,\r\n        DxTemplateHost,\r\n        {\r\n           provide: PROPERTY_TOKEN_items,\r\n           useExisting: DxiFormItemComponent,\r\n        }\r\n    ]\r\n})\r\nexport class DxiFormItemComponent extends CollectionNestedOption implements AfterViewInit,\r\n    IDxTemplateHost {\r\n    @ContentChildren(PROPERTY_TOKEN_validationRules)\r\n    set _validationRulesContentChildren(value: QueryList<CollectionNestedOption>) {\r\n        this.setChildren('validationRules', value);\r\n    }\r\n    \r\n    @ContentChildren(PROPERTY_TOKEN_tabs)\r\n    set _tabsContentChildren(value: QueryList<CollectionNestedOption>) {\r\n        this.setChildren('tabs', value);\r\n    }\r\n    \r\n    @ContentChildren(PROPERTY_TOKEN_items)\r\n    set _itemsContentChildren(value: QueryList<CollectionNestedOption>) {\r\n        this.setChildren('items', value);\r\n    }\r\n    \r\n    @Input()\r\n    get badge(): string {\r\n        return this._getOption('badge');\r\n    }\r\n    set badge(value: string) {\r\n        this._setOption('badge', value);\r\n    }\r\n\r\n    @Input()\r\n    get disabled(): boolean {\r\n        return this._getOption('disabled');\r\n    }\r\n    set disabled(value: boolean) {\r\n        this._setOption('disabled', value);\r\n    }\r\n\r\n    @Input()\r\n    get html(): string {\r\n        return this._getOption('html');\r\n    }\r\n    set html(value: string) {\r\n        this._setOption('html', value);\r\n    }\r\n\r\n    @Input()\r\n    get icon(): string {\r\n        return this._getOption('icon');\r\n    }\r\n    set icon(value: string) {\r\n        this._setOption('icon', value);\r\n    }\r\n\r\n    @Input()\r\n    get tabTemplate(): any {\r\n        return this._getOption('tabTemplate');\r\n    }\r\n    set tabTemplate(value: any) {\r\n        this._setOption('tabTemplate', value);\r\n    }\r\n\r\n    @Input()\r\n    get template(): any {\r\n        return this._getOption('template');\r\n    }\r\n    set template(value: any) {\r\n        this._setOption('template', value);\r\n    }\r\n\r\n    @Input()\r\n    get text(): string {\r\n        return this._getOption('text');\r\n    }\r\n    set text(value: string) {\r\n        this._setOption('text', value);\r\n    }\r\n\r\n    @Input()\r\n    get title(): string {\r\n        return this._getOption('title');\r\n    }\r\n    set title(value: string) {\r\n        this._setOption('title', value);\r\n    }\r\n\r\n    @Input()\r\n    get visible(): boolean {\r\n        return this._getOption('visible');\r\n    }\r\n    set visible(value: boolean) {\r\n        this._setOption('visible', value);\r\n    }\r\n\r\n    @Input()\r\n    get aiOptions(): { disabled?: boolean, instruction?: string | undefined } {\r\n        return this._getOption('aiOptions');\r\n    }\r\n    set aiOptions(value: { disabled?: boolean, instruction?: string | undefined }) {\r\n        this._setOption('aiOptions', value);\r\n    }\r\n\r\n    @Input()\r\n    get colSpan(): number | undefined {\r\n        return this._getOption('colSpan');\r\n    }\r\n    set colSpan(value: number | undefined) {\r\n        this._setOption('colSpan', value);\r\n    }\r\n\r\n    @Input()\r\n    get cssClass(): string | undefined {\r\n        return this._getOption('cssClass');\r\n    }\r\n    set cssClass(value: string | undefined) {\r\n        this._setOption('cssClass', value);\r\n    }\r\n\r\n    @Input()\r\n    get dataField(): string | undefined {\r\n        return this._getOption('dataField');\r\n    }\r\n    set dataField(value: string | undefined) {\r\n        this._setOption('dataField', value);\r\n    }\r\n\r\n    @Input()\r\n    get editorOptions(): any | undefined {\r\n        return this._getOption('editorOptions');\r\n    }\r\n    set editorOptions(value: any | undefined) {\r\n        this._setOption('editorOptions', value);\r\n    }\r\n\r\n    @Input()\r\n    get editorType(): FormItemComponent {\r\n        return this._getOption('editorType');\r\n    }\r\n    set editorType(value: FormItemComponent) {\r\n        this._setOption('editorType', value);\r\n    }\r\n\r\n    @Input()\r\n    get helpText(): string | undefined {\r\n        return this._getOption('helpText');\r\n    }\r\n    set helpText(value: string | undefined) {\r\n        this._setOption('helpText', value);\r\n    }\r\n\r\n    @Input()\r\n    get isRequired(): boolean | undefined {\r\n        return this._getOption('isRequired');\r\n    }\r\n    set isRequired(value: boolean | undefined) {\r\n        this._setOption('isRequired', value);\r\n    }\r\n\r\n    @Input()\r\n    get itemType(): FormItemType {\r\n        return this._getOption('itemType');\r\n    }\r\n    set itemType(value: FormItemType) {\r\n        this._setOption('itemType', value);\r\n    }\r\n\r\n    @Input()\r\n    get label(): { alignment?: HorizontalAlignment, location?: LabelLocation, showColon?: boolean, template?: any, text?: string | undefined, visible?: boolean } {\r\n        return this._getOption('label');\r\n    }\r\n    set label(value: { alignment?: HorizontalAlignment, location?: LabelLocation, showColon?: boolean, template?: any, text?: string | undefined, visible?: boolean }) {\r\n        this._setOption('label', value);\r\n    }\r\n\r\n    @Input()\r\n    get name(): string | undefined | FormPredefinedButtonItem {\r\n        return this._getOption('name');\r\n    }\r\n    set name(value: string | undefined | FormPredefinedButtonItem) {\r\n        this._setOption('name', value);\r\n    }\r\n\r\n    @Input()\r\n    get validationRules(): Array<CommonTypes.ValidationRule> {\r\n        return this._getOption('validationRules');\r\n    }\r\n    set validationRules(value: Array<CommonTypes.ValidationRule>) {\r\n        this._setOption('validationRules', value);\r\n    }\r\n\r\n    @Input()\r\n    get visibleIndex(): number | undefined {\r\n        return this._getOption('visibleIndex');\r\n    }\r\n    set visibleIndex(value: number | undefined) {\r\n        this._setOption('visibleIndex', value);\r\n    }\r\n\r\n    @Input()\r\n    get alignItemLabels(): boolean {\r\n        return this._getOption('alignItemLabels');\r\n    }\r\n    set alignItemLabels(value: boolean) {\r\n        this._setOption('alignItemLabels', value);\r\n    }\r\n\r\n    @Input()\r\n    get caption(): string | undefined {\r\n        return this._getOption('caption');\r\n    }\r\n    set caption(value: string | undefined) {\r\n        this._setOption('caption', value);\r\n    }\r\n\r\n    @Input()\r\n    get captionTemplate(): any {\r\n        return this._getOption('captionTemplate');\r\n    }\r\n    set captionTemplate(value: any) {\r\n        this._setOption('captionTemplate', value);\r\n    }\r\n\r\n    @Input()\r\n    get colCount(): number {\r\n        return this._getOption('colCount');\r\n    }\r\n    set co