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

DevExtreme UI and Visualization Components for Angular

{"version":3,"file":"devextreme-angular-ui-diagram-nested.mjs","sources":["../../../dist/ui/diagram/nested/auto-layout.ts","../../../dist/ui/diagram/nested/command-dxi.ts","../../../dist/ui/diagram/nested/command-item-dxi.ts","../../../dist/ui/diagram/nested/connection-point-dxi.ts","../../../dist/ui/diagram/nested/context-menu.ts","../../../dist/ui/diagram/nested/context-toolbox.ts","../../../dist/ui/diagram/nested/custom-shape-dxi.ts","../../../dist/ui/diagram/nested/default-item-properties.ts","../../../dist/ui/diagram/nested/edges.ts","../../../dist/ui/diagram/nested/editing.ts","../../../dist/ui/diagram/nested/export.ts","../../../dist/ui/diagram/nested/grid-size.ts","../../../dist/ui/diagram/nested/group-dxi.ts","../../../dist/ui/diagram/nested/history-toolbar.ts","../../../dist/ui/diagram/nested/item-dxi.ts","../../../dist/ui/diagram/nested/main-toolbar.ts","../../../dist/ui/diagram/nested/nodes.ts","../../../dist/ui/diagram/nested/page-size-item-dxi.ts","../../../dist/ui/diagram/nested/page-size.ts","../../../dist/ui/diagram/nested/properties-panel.ts","../../../dist/ui/diagram/nested/tab-dxi.ts","../../../dist/ui/diagram/nested/tab-group-dxi.ts","../../../dist/ui/diagram/nested/toolbox-group-dxi.ts","../../../dist/ui/diagram/nested/toolbox.ts","../../../dist/ui/diagram/nested/view-toolbar.ts","../../../dist/ui/diagram/nested/zoom-level.ts","../../../dist/ui/diagram/nested/index.ts","../../../dist/ui/diagram/nested/devextreme-angular-ui-diagram-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 { Orientation } from 'devextreme/common';\nimport type { DataLayoutType } from 'devextreme/ui/diagram';\n\nimport {\n    DxIntegrationModule,\n    NestedOptionHost,\n} from 'devextreme-angular/core';\nimport { NestedOption } from 'devextreme-angular/core';\n\n\n@Component({\n    selector: 'dxo-diagram-auto-layout',\n    template: '',\n    styles: [''],\n    imports: [ DxIntegrationModule ],\n    providers: [NestedOptionHost]\n})\nexport class DxoDiagramAutoLayoutComponent extends NestedOption implements OnDestroy, OnInit  {\n    @Input()\n    get orientation(): Orientation {\n        return this._getOption('orientation');\n    }\n    set orientation(value: Orientation) {\n        this._setOption('orientation', value);\n    }\n\n    @Input()\n    get type(): DataLayoutType {\n        return this._getOption('type');\n    }\n    set type(value: DataLayoutType) {\n        this._setOption('type', value);\n    }\n\n\n    protected get _optionPath() {\n        return 'autoLayout';\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    DxoDiagramAutoLayoutComponent\n  ],\n  exports: [\n    DxoDiagramAutoLayoutComponent\n  ],\n})\nexport class DxoDiagramAutoLayoutModule { }\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    ContentChildren,\n    QueryList\n} from '@angular/core';\n\n\n\n\nimport type { Command, CustomCommand } from 'devextreme/ui/diagram';\nimport type { ToolbarItemLocation } from 'devextreme/common';\n\nimport {\n    DxIntegrationModule,\n    NestedOptionHost,\n} from 'devextreme-angular/core';\nimport { CollectionNestedOption } from 'devextreme-angular/core';\n\nimport { PROPERTY_TOKEN_commands } from 'devextreme-angular/core/tokens';\nimport {\n    PROPERTY_TOKEN_items,\n} from 'devextreme-angular/core/tokens';\n\n@Component({\n    selector: 'dxi-diagram-command',\n    template: '',\n    styles: [''],\n    imports: [ DxIntegrationModule ],\n    providers: [\n        NestedOptionHost,\n        {\n           provide: PROPERTY_TOKEN_commands,\n           useExisting: DxiDiagramCommandComponent,\n        }\n    ]\n})\nexport class DxiDiagramCommandComponent extends CollectionNestedOption {\n    @ContentChildren(PROPERTY_TOKEN_items)\n    set _itemsContentChildren(value: QueryList<CollectionNestedOption>) {\n        this.setChildren('items', 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 items(): Array<Command | CustomCommand> {\n        return this._getOption('items');\n    }\n    set items(value: Array<Command | CustomCommand>) {\n        this._setOption('items', value);\n    }\n\n    @Input()\n    get location(): ToolbarItemLocation {\n        return this._getOption('location');\n    }\n    set location(value: ToolbarItemLocation) {\n        this._setOption('location', value);\n    }\n\n    @Input()\n    get name(): Command | string {\n        return this._getOption('name');\n    }\n    set name(value: Command | string) {\n        this._setOption('name', 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\n    protected get _optionPath() {\n        return 'commands';\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    DxiDiagramCommandComponent\n  ],\n  exports: [\n    DxiDiagramCommandComponent\n  ],\n})\nexport class DxiDiagramCommandModule { }\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    ContentChildren,\n    QueryList\n} from '@angular/core';\n\n\n\n\nimport type { Command, CustomCommand } from 'devextreme/ui/diagram';\nimport type { ToolbarItemLocation } from 'devextreme/common';\n\nimport {\n    DxIntegrationModule,\n    NestedOptionHost,\n} from 'devextreme-angular/core';\nimport { CollectionNestedOption } from 'devextreme-angular/core';\n\nimport {\n    PROPERTY_TOKEN_items,\n} from 'devextreme-angular/core/tokens';\n\n@Component({\n    selector: 'dxi-diagram-command-item',\n    template: '',\n    styles: [''],\n    imports: [ DxIntegrationModule ],\n    providers: [\n        NestedOptionHost,\n        {\n           provide: PROPERTY_TOKEN_items,\n           useExisting: DxiDiagramCommandItemComponent,\n        }\n    ]\n})\nexport class DxiDiagramCommandItemComponent extends CollectionNestedOption {\n    @ContentChildren(PROPERTY_TOKEN_items)\n    set _itemsContentChildren(value: QueryList<CollectionNestedOption>) {\n        this.setChildren('items', 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 items(): Array<Command | CustomCommand> {\n        return this._getOption('items');\n    }\n    set items(value: Array<Command | CustomCommand>) {\n        this._setOption('items', value);\n    }\n\n    @Input()\n    get location(): ToolbarItemLocation {\n        return this._getOption('location');\n    }\n    set location(value: ToolbarItemLocation) {\n        this._setOption('location', value);\n    }\n\n    @Input()\n    get name(): Command | string {\n        return this._getOption('name');\n    }\n    set name(value: Command | string) {\n        this._setOption('name', 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\n    protected get _optionPath() {\n        return 'items';\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    DxiDiagramCommandItemComponent\n  ],\n  exports: [\n    DxiDiagramCommandItemComponent\n  ],\n})\nexport class DxiDiagramCommandItemModule { }\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\n\nimport {\n    DxIntegrationModule,\n    NestedOptionHost,\n} from 'devextreme-angular/core';\nimport { CollectionNestedOption } from 'devextreme-angular/core';\n\nimport { PROPERTY_TOKEN_connectionPoints } from 'devextreme-angular/core/tokens';\n\n@Component({\n    selector: 'dxi-diagram-connection-point',\n    template: '',\n    styles: [''],\n    imports: [ DxIntegrationModule ],\n    providers: [\n        NestedOptionHost,\n        {\n           provide: PROPERTY_TOKEN_connectionPoints,\n           useExisting: DxiDiagramConnectionPointComponent,\n        }\n    ]\n})\nexport class DxiDiagramConnectionPointComponent extends CollectionNestedOption {\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 'connectionPoints';\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    DxiDiagramConnectionPointComponent\n  ],\n  exports: [\n    DxiDiagramConnectionPointComponent\n  ],\n})\nexport class DxiDiagramConnectionPointModule { }\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    ContentChildren,\n    QueryList\n} from '@angular/core';\n\n\n\n\nimport type { Command, CustomCommand } from 'devextreme/ui/diagram';\n\nimport {\n    DxIntegrationModule,\n    NestedOptionHost,\n    CollectionNestedOption,\n} from 'devextreme-angular/core';\nimport { NestedOption } from 'devextreme-angular/core';\n\nimport {\n    PROPERTY_TOKEN_commands,\n} from 'devextreme-angular/core/tokens';\n\n@Component({\n    selector: 'dxo-diagram-context-menu',\n    template: '',\n    styles: [''],\n    imports: [ DxIntegrationModule ],\n    providers: [NestedOptionHost]\n})\nexport class DxoDiagramContextMenuComponent extends NestedOption implements OnDestroy, OnInit  {\n    @ContentChildren(PROPERTY_TOKEN_commands)\n    set _commandsContentChildren(value: QueryList<CollectionNestedOption>) {\n        this.setChildren('commands', value);\n    }\n    \n    @Input()\n    get commands(): Array<Command | CustomCommand> {\n        return this._getOption('commands');\n    }\n    set commands(value: Array<Command | CustomCommand>) {\n        this._setOption('commands', value);\n    }\n\n    @Input()\n    get enabled(): boolean {\n        return this._getOption('enabled');\n    }\n    set enabled(value: boolean) {\n        this._setOption('enabled', value);\n    }\n\n\n    protected get _optionPath() {\n        return 'contextMenu';\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    DxoDiagramContextMenuComponent\n  ],\n  exports: [\n    DxoDiagramContextMenuComponent\n  ],\n})\nexport class DxoDiagramContextMenuModule { }\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 { ShapeCategory, ToolboxDisplayMode, ShapeType } from 'devextreme/ui/diagram';\n\nimport {\n    DxIntegrationModule,\n    NestedOptionHost,\n} from 'devextreme-angular/core';\nimport { NestedOption } from 'devextreme-angular/core';\n\n\n@Component({\n    selector: 'dxo-diagram-context-toolbox',\n    template: '',\n    styles: [''],\n    imports: [ DxIntegrationModule ],\n    providers: [NestedOptionHost]\n})\nexport class DxoDiagramContextToolboxComponent extends NestedOption implements OnDestroy, OnInit  {\n    @Input()\n    get category(): ShapeCategory | string {\n        return this._getOption('category');\n    }\n    set category(value: ShapeCategory | string) {\n        this._setOption('category', value);\n    }\n\n    @Input()\n    get displayMode(): ToolboxDisplayMode {\n        return this._getOption('displayMode');\n    }\n    set displayMode(value: ToolboxDisplayMode) {\n        this._setOption('displayMode', value);\n    }\n\n    @Input()\n    get enabled(): boolean {\n        return this._getOption('enabled');\n    }\n    set enabled(value: boolean) {\n        this._setOption('enabled', value);\n    }\n\n    @Input()\n    get shapeIconsPerRow(): number {\n        return this._getOption('shapeIconsPerRow');\n    }\n    set shapeIconsPerRow(value: number) {\n        this._setOption('shapeIconsPerRow', value);\n    }\n\n    @Input()\n    get shapes(): Array<ShapeType | string> {\n        return this._getOption('shapes');\n    }\n    set shapes(value: Array<ShapeType | string>) {\n        this._setOption('shapes', value);\n    }\n\n    @Input()\n    get width(): number {\n        return this._getOption('width');\n    }\n    set width(value: number) {\n        this._setOption('width', value);\n    }\n\n\n    protected get _optionPath() {\n        return 'contextToolbox';\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    DxoDiagramContextToolboxComponent\n  ],\n  exports: [\n    DxoDiagramContextToolboxComponent\n  ],\n})\nexport class DxoDiagramContextToolboxModule { }\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    ContentChildren,\n    QueryList\n} from '@angular/core';\n\nimport { DOCUMENT } from '@angular/common';\n\n\nimport type { ShapeType } from 'devextreme/ui/diagram';\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_customShapes } from 'devextreme-angular/core/tokens';\nimport {\n    PROPERTY_TOKEN_connectionPoints,\n} from 'devextreme-angular/core/tokens';\n\n@Component({\n    selector: 'dxi-diagram-custom-shape',\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_customShapes,\n           useExisting: DxiDiagramCustomShapeComponent,\n        }\n    ]\n})\nexport class DxiDiagramCustomShapeComponent extends CollectionNestedOption implements AfterViewInit,\n    IDxTemplateHost {\n    @ContentChildren(PROPERTY_TOKEN_connectionPoints)\n    set _connectionPointsContentChildren(value: QueryList<CollectionNestedOption>) {\n        this.setChildren('connectionPoints', value);\n    }\n    \n    @Input()\n    get allowEditImage(): boolean {\n        return this._getOption('allowEditImage');\n    }\n    set allowEditImage(value: boolean) {\n        this._setOption('allowEditImage', value);\n    }\n\n    @Input()\n    get allowEditText(): boolean {\n        return this._getOption('allowEditText');\n    }\n    set allowEditText(value: boolean) {\n        this._setOption('allowEditText', value);\n    }\n\n    @Input()\n    get allowResize(): boolean {\n        return this._getOption('allowResize');\n    }\n    set allowResize(value: boolean) {\n        this._setOption('allowResize', value);\n    }\n\n    @Input()\n    get backgroundImageHeight(): number {\n        return this._getOption('backgroundImageHeight');\n    }\n    set backgroundImageHeight(value: number) {\n        this._setOption('backgroundImageHeight', value);\n    }\n\n    @Input()\n    get backgroundImageLeft(): number {\n        return this._getOption('backgroundImageLeft');\n    }\n    set backgroundImageLeft(value: number) {\n        this._setOption('backgroundImageLeft', value);\n    }\n\n    @Input()\n    get backgroundImageToolboxUrl(): string {\n        return this._getOption('backgroundImageToolboxUrl');\n    }\n    set backgroundImageToolboxUrl(value: string) {\n        this._setOption('backgroundImageToolboxUrl', value);\n    }\n\n    @Input()\n    get backgroundImageTop(): number {\n        return this._getOption('backgroundImageTop');\n    }\n    set backgroundImageTop(value: number) {\n        this._setOption('backgroundImageTop', value);\n    }\n\n    @Input()\n    get backgroundImageUrl(): string {\n        return this._getOption('backgroundImageUrl');\n    }\n    set backgroundImageUrl(value: string) {\n        this._setOption('backgroundImageUrl', value);\n    }\n\n    @Input()\n    get backgroundImageWidth(): number {\n        return this._getOption('backgroundImageWidth');\n    }\n    set backgroundImageWidth(value: number) {\n        this._setOption('backgroundImageWidth', value);\n    }\n\n    @Input()\n    get baseType(): ShapeType | string {\n        return this._getOption('baseType');\n    }\n    set baseType(value: ShapeType | string) {\n        this._setOption('baseType', value);\n    }\n\n    @Input()\n    get category(): string {\n        return this._getOption('category');\n    }\n    set category(value: string) {\n        this._setOption('category', value);\n    }\n\n    @Input()\n    get connectionPoints(): { x?: number, y?: number }[] {\n        return this._getOption('connectionPoints');\n    }\n    set connectionPoints(value: { x?: number, y?: number }[]) {\n        this._setOption('connectionPoints', value);\n    }\n\n    @Input()\n    get defaultHeight(): number {\n        return this._getOption('defaultHeight');\n    }\n    set defaultHeight(value: number) {\n        this._setOption('defaultHeight', value);\n    }\n\n    @Input()\n    get defaultImageUrl(): string {\n        return this._getOption('defaultImageUrl');\n    }\n    set defaultImageUrl(value: string) {\n        this._setOption('defaultImageUrl', value);\n    }\n\n    @Input()\n    get defaultText(): string {\n        return this._getOption('defaultText');\n    }\n    set defaultText(value: string) {\n        this._setOption('defaultText', value);\n    }\n\n    @Input()\n    get defaultWidth(): number {\n        return this._getOption('defaultWidth');\n    }\n    set defaultWidth(value: number) {\n        this._setOption('defaultWidth', value);\n    }\n\n    @Input()\n    get imageHeight(): number {\n        return this._getOption('imageHeight');\n    }\n    set imageHeight(value: number) {\n        this._setOption('imageHeight', value);\n    }\n\n    @Input()\n    get imageLeft(): number {\n        return this._getOption('imageLeft');\n    }\n    set imageLeft(value: number) {\n        this._setOption('imageLeft', value);\n    }\n\n    @Input()\n    get imageTop(): number {\n        return this._getOption('imageTop');\n    }\n    set imageTop(value: number) {\n        this._setOption('imageTop', value);\n    }\n\n    @Input()\n    get imageWidth(): number {\n        return this._getOption('imageWidth');\n    }\n    set imageWidth(value: number) {\n        this._setOption('imageWidth', value);\n    }\n\n    @Input()\n    get keepRatioOnAutoSize(): boolean {\n        return this._getOption('keepRatioOnAutoSize');\n    }\n    set keepRatioOnAutoSize(value: boolean) {\n        this._setOption('keepRatioOnAutoSize', value);\n    }\n\n    @Input()\n    get maxHeight(): number {\n        return this._getOption('maxHeight');\n    }\n    set maxHeight(value: number) {\n        this._setOption('maxHeight', value);\n    }\n\n    @Input()\n    get maxWidth(): number {\n        return this._getOption('maxWidth');\n    }\n    set maxWidth(value: number) {\n        this._setOption('maxWidth', value);\n    }\n\n    @Input()\n    get minHeight(): number {\n        return this._getOption('minHeight');\n    }\n    set minHeight(value: number) {\n        this._setOption('minHeight', value);\n    }\n\n    @Input()\n    get minWidth(): number {\n        return this._getOption('minWidth');\n    }\n    set minWidth(value: number) {\n        this._setOption('minWidth', 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 templateHeight(): any {\n        return this._getOption('templateHeight');\n    }\n    set templateHeight(value: any) {\n        this._setOption('templateHeight', value);\n    }\n\n    @Input()\n    get templateLeft(): any {\n        return this._getOption('templateLeft');\n    }\n    set templateLeft(value: any) {\n        this._setOption('templateLeft', value);\n    }\n\n    @Input()\n    get templateTop(): any {\n        return this._getOption('templateTop');\n    }\n    set templateTop(value: any) {\n        this._setOption('templateTop', value);\n    }\n\n    @Input()\n    get templateWidth(): any {\n        return this._getOption('templateWidth');\n    }\n    set templateWidth(value: any) {\n        this._setOption('templateWidth', value);\n    }\n\n    @Input()\n    get textHeight(): number {\n        return this._getOption('textHeight');\n    }\n    set textHeight(value: number) {\n        this._setOption('textHeight', value);\n    }\n\n    @Input()\n    get textLeft(): number {\n        return this._getOption('textLeft');\n    }\n    set textLeft(value: number) {\n        this._setOption('textLeft', value);\n    }\n\n    @Input()\n    get textTop(): number {\n        return this._getOption('textTop');\n    }\n    set textTop(value: number) {\n        this._setOption('textTop', value);\n    }\n\n    @Input()\n    get textWidth(): number {\n        return this._getOption('textWidth');\n    }\n    set textWidth(value: number) {\n        this._setOption('textWidth', 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 toolboxTemplate(): any {\n        return this._getOption('toolboxTemplate');\n    }\n    set toolboxTemplate(value: any) {\n        this._setOption('toolboxTemplate', value);\n    }\n\n    @Input()\n    get toolboxWidthToHeightRatio(): number {\n        return this._getOption('toolboxWidthToHeightRatio');\n    }\n    set toolboxWidthToHeightRatio(value: number) {\n        this._setOption('toolboxWidthToHeightRatio', value);\n    }\n\n    @Input()\n    get type(): string {\n        return this._getOption('type');\n    }\n    set type(value: string) {\n        this._setOption('type', value);\n    }\n\n\n    protected get _optionPath() {\n        return 'customShapes';\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    DxiDiagramCustomShapeComponent\n  ],\n  exports: [\n    DxiDiagramCustomShapeComponent\n  ],\n})\nexport class DxiDiagramCustomShapeModule { }\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 { ConnectorLineEnd, ConnectorLineType } from 'devextreme/ui/diagram';\n\nimport {\n    DxIntegrationModule,\n    NestedOptionHost,\n} from 'devextreme-angular/core';\nimport { NestedOption } from 'devextreme-angular/core';\n\n\n@Component({\n    selector: 'dxo-diagram-default-item-properties',\n    template: '',\n    styles: [''],\n    imports: [ DxIntegrationModule ],\n    providers: [NestedOptionHost]\n})\nexport class DxoDiagramDefaultItemPropertiesComponent extends NestedOption implements OnDestroy, OnInit  {\n    @Input()\n    get connectorLineEnd(): ConnectorLineEnd {\n        return this._getOption('connectorLineEnd');\n    }\n    set connectorLineEnd(value: ConnectorLineEnd) {\n        this._setOption('connectorLineEnd', value);\n    }\n\n    @Input()\n    get connectorLineStart(): ConnectorLineEnd {\n        return this._getOption('connectorLineStart');\n    }\n    set connectorLineStart(value: ConnectorLineEnd) {\n        this._setOption('connectorLineStart', value);\n    }\n\n    @Input()\n    get connectorLineType(): ConnectorLineType {\n        return this._getOption('connectorLineType');\n    }\n    set connectorLineType(value: ConnectorLineType) {\n        this._setOption('connectorLineType', value);\n    }\n\n    @Input()\n    get shapeMaxHeight(): number | undefined {\n        return this._getOption('shapeMaxHeight');\n    }\n    set shapeMaxHeight(value: number | undefined) {\n        this._setOption('shapeMaxHeight', value);\n    }\n\n    @Input()\n    get shapeMaxWidth(): number | undefined {\n        return this._getOption('shapeMaxWidth');\n    }\n    set shapeMaxWidth(value: number | undefined) {\n        this._setOption('shapeMaxWidth', value);\n    }\n\n    @Input()\n    get shapeMinHeight(): number | undefined {\n        return this._getOption('shapeMinHeight');\n    }\n    set shapeMinHeight(value: number | undefined) {\n        this._setOption('shapeMinHeight', value);\n    }\n\n    @Input()\n    get shapeMinWidth(): number | undefined {\n        return this._getOption('shapeMinWidth');\n    }\n    set shapeMinWidth(value: number | undefined) {\n        this._setOption('shapeMinWidth', value);\n    }\n\n    @Input()\n    get style(): Record<string, any> {\n        return this._getOption('style');\n    }\n    set style(value: Record<string, any>) {\n        this._setOption('style', value);\n    }\n\n    @Input()\n    get textStyle(): Record<string, any> {\n        return this._getOption('textStyle');\n    }\n    set textStyle(value: Record<string, any>) {\n        this._setOption('textStyle', value);\n    }\n\n\n    protected get _optionPath() {\n        return 'defaultItemProperties';\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    DxoDiagramDefaultItemPropertiesComponent\n  ],\n  exports: [\n    DxoDiagramDefaultItemPropertiesComponent\n  ],\n})\nexport class DxoDiagramDefaultItemPropertiesModule { }\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 { default as DataSource, DataSourceOptions } from 'devextreme/data/data_source';\nimport type { Store } from 'devextreme/data/store';\n\nimport {\n    DxIntegrationModule,\n    NestedOptionHost,\n} from 'devextreme-angular/core';\nimport { NestedOption } from 'devextreme-angular/core';\n\n\n@Component({\n    selector: 'dxo-diagram-edges',\n    template: '',\n    styles: [''],\n    imports: [ DxIntegrationModule ],\n    providers: [NestedOptionHost]\n})\nexport class DxoDiagramEdgesComponent extends NestedOption implements OnDestroy, OnInit  {\n    @Input()\n    get customDataExpr(): ((data: any, value: any) => any) | string | undefined {\n        return this._getOption('customDataExpr');\n    }\n    set customDataExpr(value: ((data: any, value: any) => any) | string | undefined) {\n        this._setOption('customDataExpr', value);\n    }\n\n    @Input()\n    get dataSource(): Array<any> | DataSource | DataSourceOptions | null | Store | string {\n        return this._getOption('dataSource');\n    }\n    set dataSource(value: Array<any> | DataSource | DataSourceOptions | null | Store | string) {\n        this._setOption('dataSource', value);\n    }\n\n    @Input()\n    get fromExpr(): ((data: any, value: any) => any) | string {\n        return this._getOption('fromExpr');\n    }\n    set fromExpr(value: ((data: any, value: any) => any) | string) {\n        this._setOption('fromExpr', value);\n    }\n\n    @Input()\n    get fromLineEndExpr(): ((data: any, value: any) => any) | string | undefined {\n        return this._getOption('fromLineEndExpr');\n    }\n    set fromLineEndExpr(value: ((data: any, value: any) => any) | string | undefined) {\n        this._setOption('fromLineEndExpr', value);\n    }\n\n    @Input()\n    get fromPointIndexExpr(): ((data: any, value: any) => any) | string | undefined {\n        return this._getOption('fromPointIndexExpr');\n    }\n    set fromPointIndexExpr(value: ((data: any, value: any) => any) | string | undefined) {\n        this._setOption('fromPointIndexExpr', value);\n    }\n\n    @Input()\n    get keyExpr(): ((data: any, value: any) => any) | string {\n        return this._getOption('keyExpr');\n    }\n    set keyExpr(value: ((data: any, value: any) => any) | string) {\n        this._setOption('keyExpr', value);\n    }\n\n    @Input()\n    get lineTypeExpr(): ((data: any, value: any) => any) | string | undefined {\n        return this._getOption('lineTypeExpr');\n    }\n    set lineTypeExpr(value: ((data: any, value: any) => any) | string | undefined) {\n        this._setOption('lineTypeExpr', value);\n    }\n\n    @Input()\n    get lockedExpr(): ((data: any, value: any) => any) | string | undefined {\n        return this._getOption('lockedExpr');\n    }\n    set lockedExpr(value: ((data: any, value: any) => any) | string | undefined) {\n        this._setOption('lockedExpr', value);\n    }\n\n    @Input()\n    get pointsExpr(): ((data: any, value: any) => any) | string | undefined {\n        return this._getOption('pointsExpr');\n    }\n    set pointsExpr(value: ((data: any, value: any) => any) | string | undefined) {\n        this._setOption('pointsExpr', value);\n    }\n\n    @Input()\n    get styleExpr(): ((data: any, value: any) => any) | string | undefined {\n        return this._getOption('styleExpr');\n    }\n    set styleExpr(value: ((data: any, value: any) => any) | string | undefined) {\n        this._setOption('styleExpr', value);\n    }\n\n    @Input()\n    get textExpr(): ((data: any, value: any) => any) | string | undefined {\n        return this._getOption('textExpr');\n    }\n    set textExpr(value: ((data: any, value: any) => any) | string | undefined) {\n        this._setOption('textExpr', value);\n    }\n\n    @Input()\n    get textStyleExpr(): ((data: any, value: any) => any) | string | undefined {\n        return this._getOption('textStyleExpr');\n    }\n    set textStyleExpr(value: ((data: any, value: any) => any) | string | undefined) {\n        this._setOption('textStyleExpr', value);\n    }\n\n    @Input()\n    get toExpr(): ((data: any, value: any) => any) | string {\n        return this._getOption('toExpr');\n    }\n    set toExpr(value: ((data: any, value: any) => any) | string) {\n        this._setOption('toExpr', value);\n    }\n\n    @Input()\n    get toLineEndExpr(): ((data: any, value: any) => any) | string | undefined {\n        return this._getOption('toLineEndExpr');\n    }\n    set toLineEndExpr(value: ((data: any, value: any) => any) | string | undefined) {\n        this._setOption('toLineEndExpr', value);\n    }\n\n    @Input()\n    get toPointIndexExpr(): ((data: any, value: any) => any) | string | undefined {\n        return this._getOption('toPointIndexExpr');\n    }\n    set toPointIndexExpr(value: ((data: any, value: any) => any) | string | undefined) {\n        this._setOption('toPointIndexExpr', value);\n    }\n\n    @Input()\n    get zIndexExpr(): ((data: any, value: any) => any) | string | undefined {\n        return this._getOption('zIndexExpr');\n    }\n    set zIndexExpr(value: ((data: any, value: any) => any) | string | undefined) {\n        this._setOption('zIndexExpr', value);\n    }\n\n\n    protected get _optionPath() {\n        return 'edges';\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    DxoDiagramEdgesComponent\n  ],\n  exports: [\n    DxoDiagramEdgesComponent\n  ],\n})\nexport class DxoDiagramEdgesModule { }\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-diagram-editing',\n    template: '',\n    styles: [''],\n    imports: [ DxIntegrationModule ],\n    providers: [NestedOptionHost]\n})\nexport class DxoDiagramEditingComponent extends NestedOption implements OnDestroy, OnInit  {\n    @Input()\n    get allowAddShape(): boolean {\n        return this._getOption('allowAddShape');\n    }\n    set allowAddShape(value: boolean) {\n        this._setOption('allowAddShape', value);\n    }\n\n    @Input()\n    get allowChangeConnection(): boolean {\n        return this._getOption('allowChangeConnection');\n    }\n    set allowChangeConnection(value: boolean) {\n        this._setOption('allowChangeConnection', value);\n    }\n\n    @Input()\n    get allowChangeConnectorPoints(): boolean {\n        return this._getOption('allowChangeConnectorPoints');\n    }\n    set allowChangeConnectorPoints(value: boolean) {\n        this._setOption('allowChangeConnectorPoints', value);\n    }\n\n    @Input()\n    get allowChangeConnectorText(): boolean {\n        return this._getOption('allowChangeConnectorText');\n    }\n    set allowChangeConnectorText(value: boolean) {\n        this._setOption('allowChangeConnectorText', value);\n    }\n\n    @Input()\n    get allowChangeShapeText(): boolean {\n        return this._getOption('allowChangeShapeText');\n    }\n    set allowChangeShapeText(value: boolean) {\n        this._setOption('allowChangeShapeText', value);\n    }\n\n    @Input()\n    get allowDeleteConnector(): boolean {\n        return this._getOption('allowDeleteConnector');\n    }\n    set allowDeleteConnector(value: boolean) {\n        this._setOption('allowDeleteConnector', value);\n    }\n\n    @Input()\n    get allowDeleteShape(): boolean {\n        return this._getOption('allowDeleteShape');\n    }\n    set allowDeleteShape(value: boolean) {\n        this._setOption('allowDeleteShape', value);\n    }\n\n    @Input()\n    get allowMoveShape(): boolean {\n        return this._getOption('allowMoveShape');\n    }\n    set allowMoveShape(value: boolean) {\n        this._setOption('allowMoveShape', value);\n    }\n\n    @Input()\n    get allowResizeShape(): boolean {\n        return this._getOption('allowResizeShape');\n    }\n    set allowResizeShape(value: boolean) {\n        this._setOption('allowResizeShape', value);\n    }\n\n\n    protected get _optionPath() {\n        return 'editing';\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    DxoDiagramEditingComponent\n  ],\n  exports: [\n    DxoDiagramEditingComponent\n  ],\n})\nexport class DxoDiagramEditingModule { }\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-diagram-export',\n    template: '',\n    styles: [''],\n    imports: [ DxIntegrationModule ],\n    providers: [NestedOptionHost]\n})\nexport class DxoDiagramExportComponent extends NestedOption implements OnDestroy, OnInit  {\n    @Input()\n    get fileName(): string {\n        return this._getOption('fileName');\n    }\n    set fileName(value: string) {\n        this._setOption('fileName', value);\n    }\n\n\n    protected get _optionPath() {\n        return 'export';\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    DxoDiagramExportComponent\n  ],\n  exports: [\n    DxoDiagramExportComponent\n  ],\n})\nexport class DxoDiagramExportModule { }\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} 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-diagram-grid-size',\n    template: '',\n    styles: [''],\n    imports: [ DxIntegrationModule ],\n    providers: [NestedOptionHost]\n})\nexport class DxoDiagramGridSizeComponent extends NestedOption implements OnDestroy, OnInit  {\n    @Input()\n    get items(): Array<number> {\n        return this._getOption('items');\n    }\n    set items(value: Array<number>) {\n        this._setOption('items', value);\n    }\n\n    @Input()\n    get value(): number {\n        return this._getOption('value');\n    }\n    set value(value: number) {\n        this._setOption('value', 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() valueChange: EventEmitter<number>;\n    protected get _optionPath() {\n        return 'gridSize';\n    }\n\n\n    constructor(@SkipSelf() @Host() parentOptionHost: NestedOptionHost,\n            @Host() optionHost: NestedOptionHost) {\n        super();\n        this._createEventEmitters([\n            { emit: 'valueChange' }\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    DxoDiagramGridSizeComponent\n  ],\n  exports: [\n    DxoDiagramGridSizeComponent\n  ],\n})\nexport class DxoDiagramGridSizeModule { }\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    ContentChildren,\n    QueryList\n} from '@angular/core';\n\n\n\n\nimport type { Command, CustomCommand, ShapeCategory, ToolboxDisplayMode, ShapeType } from 'devextreme/ui/diagram';\n\nimport {\n    DxIntegrationModule,\n    NestedOptionHost,\n} from 'devextreme-angular/core';\nimport { CollectionNestedOption } from 'devextreme-angular/core';\n\nimport { PROPERTY_TOKEN_groups } from 'devextreme-angular/core/tokens';\nimport {\n    PROPERTY_TOKEN_commands,\n} from 'devextreme-angular/core/tokens';\n\n@Component({\n    selector: 'dxi-diagram-group',\n    template: '',\n    styles: [''],\n    imports: [ DxIntegrationModule ],\n    providers: [\n        NestedOptionHost,\n        {\n           provide: PROPERTY_TOKEN_groups,\n           useExisting: DxiDiagramGroupComponent,\n        }\n    ]\n})\nexport class DxiDiagramGroupComponent extends CollectionNestedOption {\n    @ContentChildren(PROPERTY_TOKEN_commands)\n    set _commandsContentChildren(value: QueryList<CollectionNestedOption>) {\n        this.setChildren('commands', value);\n    }\n    \n    @Input()\n    get commands(): Array<Command | CustomCommand> {\n        return this._getOption('commands');\n    }\n    set commands(value: Array<Command | CustomCommand>) {\n        this._setOption('commands', 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 category(): ShapeCategory | string {\n        return this._getOption('category');\n    }\n    set category(value: ShapeCategory | string) {\n        this._setOption('category', value);\n    }\n\n    @Input()\n    get displayMode(): ToolboxDisplayMode {\n        return this._getOption('displayMode');\n    }\n    set displayMode(value: ToolboxDisplayMode) {\n        this._setOption('displayMode', value);\n    }\n\n    @Input()\n    get expanded(): boolean {\n        return this._getOption('expanded');\n    }\n    set expanded(value: boolean) {\n        this._setOption('expanded', value);\n    }\n\n    @Input()\n    get shapes(): Array<ShapeType | string> {\n        return this._getOption('shapes');\n    }\n    set shapes(value: Array<ShapeType | string>) {\n        this._setOption('shapes', value);\n    }\n\n\n    protected get _optionPath() {\n        return 'groups';\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    DxiDiagramGroupComponent\n  ],\n  exports: [\n    DxiDiagramGroupComponent\n  ],\n})\nexport class DxiDiagramGroupModule { }\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 lice