devextreme-angular
Version:
Angular UI and visualization components based on DevExtreme widgets
1,160 lines (1,150 loc) • 137 kB
JavaScript
import * as i0 from '@angular/core';
import { Component, SkipSelf, Host, Input, NgModule, ContentChildren, forwardRef, QueryList, Inject, Output } from '@angular/core';
import * as i1 from 'devextreme-angular/core';
import { NestedOption, NestedOptionHost, DxIntegrationModule, CollectionNestedOption, extractTemplate, DxTemplateHost } from 'devextreme-angular/core';
import { DOCUMENT } from '@angular/common';
/*!
* devextreme-angular
* Version: 25.1.4
* Build date: Tue Aug 05 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
*
* This software may be modified and distributed under the terms
* of the MIT license. See the LICENSE file in the root of the project for details.
*
* https://github.com/DevExpress/devextreme-angular
*/
/* tslint:disable:max-line-length */
class DxoDiagramAutoLayoutComponent extends NestedOption {
get orientation() {
return this._getOption('orientation');
}
set orientation(value) {
this._setOption('orientation', value);
}
get type() {
return this._getOption('type');
}
set type(value) {
this._setOption('type', value);
}
get _optionPath() {
return 'autoLayout';
}
constructor(parentOptionHost, optionHost) {
super();
parentOptionHost.setNestedOption(this);
optionHost.setHost(this, this._fullOptionPath.bind(this));
}
ngOnInit() {
this._addRecreatedComponent();
}
ngOnDestroy() {
this._addRemovedOption(this._getOptionPath());
}
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoDiagramAutoLayoutComponent, deps: [{ token: i1.NestedOptionHost, host: true, skipSelf: true }, { token: i1.NestedOptionHost, host: true }], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxoDiagramAutoLayoutComponent, isStandalone: true, selector: "dxo-diagram-auto-layout", inputs: { orientation: "orientation", type: "type" }, providers: [NestedOptionHost], usesInheritance: true, ngImport: i0, template: '', isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: DxIntegrationModule }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoDiagramAutoLayoutComponent, decorators: [{
type: Component,
args: [{ selector: 'dxo-diagram-auto-layout', standalone: true, template: '', imports: [DxIntegrationModule], providers: [NestedOptionHost] }]
}], ctorParameters: () => [{ type: i1.NestedOptionHost, decorators: [{
type: SkipSelf
}, {
type: Host
}] }, { type: i1.NestedOptionHost, decorators: [{
type: Host
}] }], propDecorators: { orientation: [{
type: Input
}], type: [{
type: Input
}] } });
class DxoDiagramAutoLayoutModule {
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoDiagramAutoLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DxoDiagramAutoLayoutModule, imports: [DxoDiagramAutoLayoutComponent], exports: [DxoDiagramAutoLayoutComponent] });
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoDiagramAutoLayoutModule, imports: [DxoDiagramAutoLayoutComponent] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoDiagramAutoLayoutModule, decorators: [{
type: NgModule,
args: [{
imports: [
DxoDiagramAutoLayoutComponent
],
exports: [
DxoDiagramAutoLayoutComponent
],
}]
}] });
/*!
* devextreme-angular
* Version: 25.1.4
* Build date: Tue Aug 05 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
*
* This software may be modified and distributed under the terms
* of the MIT license. See the LICENSE file in the root of the project for details.
*
* https://github.com/DevExpress/devextreme-angular
*/
/* tslint:disable:max-line-length */
class DxiDiagramItemComponent extends CollectionNestedOption {
get icon() {
return this._getOption('icon');
}
set icon(value) {
this._setOption('icon', value);
}
get items() {
return this._getOption('items');
}
set items(value) {
this._setOption('items', value);
}
get location() {
return this._getOption('location');
}
set location(value) {
this._setOption('location', value);
}
get name() {
return this._getOption('name');
}
set name(value) {
this._setOption('name', value);
}
get text() {
return this._getOption('text');
}
set text(value) {
this._setOption('text', value);
}
get height() {
return this._getOption('height');
}
set height(value) {
this._setOption('height', value);
}
get width() {
return this._getOption('width');
}
set width(value) {
this._setOption('width', value);
}
get _optionPath() {
return 'items';
}
get itemsChildren() {
return this._getOption('items');
}
set itemsChildren(value) {
this.setChildren('items', value);
}
constructor(parentOptionHost, optionHost) {
super();
parentOptionHost.setNestedOption(this);
optionHost.setHost(this, this._fullOptionPath.bind(this));
}
ngOnDestroy() {
this._deleteRemovedOptions(this._fullOptionPath());
}
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxiDiagramItemComponent, deps: [{ token: i1.NestedOptionHost, host: true, skipSelf: true }, { token: i1.NestedOptionHost, host: true }], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxiDiagramItemComponent, isStandalone: true, selector: "dxi-diagram-item", inputs: { icon: "icon", items: "items", location: "location", name: "name", text: "text", height: "height", width: "width" }, providers: [NestedOptionHost], queries: [{ propertyName: "itemsChildren", predicate: i0.forwardRef(() => DxiDiagramItemComponent) }], usesInheritance: true, ngImport: i0, template: '', isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: DxIntegrationModule }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxiDiagramItemComponent, decorators: [{
type: Component,
args: [{ selector: 'dxi-diagram-item', standalone: true, template: '', imports: [DxIntegrationModule], providers: [NestedOptionHost] }]
}], ctorParameters: () => [{ type: i1.NestedOptionHost, decorators: [{
type: SkipSelf
}, {
type: Host
}] }, { type: i1.NestedOptionHost, decorators: [{
type: Host
}] }], propDecorators: { icon: [{
type: Input
}], items: [{
type: Input
}], location: [{
type: Input
}], name: [{
type: Input
}], text: [{
type: Input
}], height: [{
type: Input
}], width: [{
type: Input
}], itemsChildren: [{
type: ContentChildren,
args: [forwardRef(() => DxiDiagramItemComponent)]
}] } });
class DxiDiagramItemModule {
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxiDiagramItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DxiDiagramItemModule, imports: [DxiDiagramItemComponent], exports: [DxiDiagramItemComponent] });
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxiDiagramItemModule, imports: [DxiDiagramItemComponent] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxiDiagramItemModule, decorators: [{
type: NgModule,
args: [{
imports: [
DxiDiagramItemComponent
],
exports: [
DxiDiagramItemComponent
],
}]
}] });
/*!
* devextreme-angular
* Version: 25.1.4
* Build date: Tue Aug 05 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
*
* This software may be modified and distributed under the terms
* of the MIT license. See the LICENSE file in the root of the project for details.
*
* https://github.com/DevExpress/devextreme-angular
*/
/* tslint:disable:max-line-length */
class DxiDiagramCommandComponent extends CollectionNestedOption {
get icon() {
return this._getOption('icon');
}
set icon(value) {
this._setOption('icon', value);
}
get items() {
return this._getOption('items');
}
set items(value) {
this._setOption('items', value);
}
get location() {
return this._getOption('location');
}
set location(value) {
this._setOption('location', value);
}
get name() {
return this._getOption('name');
}
set name(value) {
this._setOption('name', value);
}
get text() {
return this._getOption('text');
}
set text(value) {
this._setOption('text', value);
}
get _optionPath() {
return 'commands';
}
get itemsChildren() {
return this._getOption('items');
}
set itemsChildren(value) {
this.setChildren('items', value);
}
constructor(parentOptionHost, optionHost) {
super();
parentOptionHost.setNestedOption(this);
optionHost.setHost(this, this._fullOptionPath.bind(this));
}
ngOnDestroy() {
this._deleteRemovedOptions(this._fullOptionPath());
}
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxiDiagramCommandComponent, deps: [{ token: i1.NestedOptionHost, host: true, skipSelf: true }, { token: i1.NestedOptionHost, host: true }], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxiDiagramCommandComponent, isStandalone: true, selector: "dxi-diagram-command", inputs: { icon: "icon", items: "items", location: "location", name: "name", text: "text" }, providers: [NestedOptionHost], queries: [{ propertyName: "itemsChildren", predicate: i0.forwardRef(() => DxiDiagramItemComponent) }], usesInheritance: true, ngImport: i0, template: '', isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: DxIntegrationModule }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxiDiagramCommandComponent, decorators: [{
type: Component,
args: [{ selector: 'dxi-diagram-command', standalone: true, template: '', imports: [DxIntegrationModule], providers: [NestedOptionHost] }]
}], ctorParameters: () => [{ type: i1.NestedOptionHost, decorators: [{
type: SkipSelf
}, {
type: Host
}] }, { type: i1.NestedOptionHost, decorators: [{
type: Host
}] }], propDecorators: { icon: [{
type: Input
}], items: [{
type: Input
}], location: [{
type: Input
}], name: [{
type: Input
}], text: [{
type: Input
}], itemsChildren: [{
type: ContentChildren,
args: [forwardRef(() => DxiDiagramItemComponent)]
}] } });
class DxiDiagramCommandModule {
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxiDiagramCommandModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DxiDiagramCommandModule, imports: [DxiDiagramCommandComponent], exports: [DxiDiagramCommandComponent] });
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxiDiagramCommandModule, imports: [DxiDiagramCommandComponent] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxiDiagramCommandModule, decorators: [{
type: NgModule,
args: [{
imports: [
DxiDiagramCommandComponent
],
exports: [
DxiDiagramCommandComponent
],
}]
}] });
/*!
* devextreme-angular
* Version: 25.1.4
* Build date: Tue Aug 05 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
*
* This software may be modified and distributed under the terms
* of the MIT license. See the LICENSE file in the root of the project for details.
*
* https://github.com/DevExpress/devextreme-angular
*/
/* tslint:disable:max-line-length */
class DxiDiagramCommandItemComponent extends CollectionNestedOption {
get icon() {
return this._getOption('icon');
}
set icon(value) {
this._setOption('icon', value);
}
get items() {
return this._getOption('items');
}
set items(value) {
this._setOption('items', value);
}
get location() {
return this._getOption('location');
}
set location(value) {
this._setOption('location', value);
}
get name() {
return this._getOption('name');
}
set name(value) {
this._setOption('name', value);
}
get text() {
return this._getOption('text');
}
set text(value) {
this._setOption('text', value);
}
get _optionPath() {
return 'items';
}
commandItemsChildren;
itemsChildren;
setItems() {
const q = new QueryList();
q.reset([
...this.commandItemsChildren.toArray(),
...this.itemsChildren.toArray(),
]);
this.setChildren('items', q);
}
constructor(parentOptionHost, optionHost) {
super();
parentOptionHost.setNestedOption(this);
optionHost.setHost(this, this._fullOptionPath.bind(this));
}
ngOnDestroy() {
this._deleteRemovedOptions(this._fullOptionPath());
}
ngAfterContentInit() {
this.setItems();
this.commandItemsChildren.changes.subscribe(() => { this.setItems(); });
this.itemsChildren.changes.subscribe(() => { this.setItems(); });
}
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxiDiagramCommandItemComponent, deps: [{ token: i1.NestedOptionHost, host: true, skipSelf: true }, { token: i1.NestedOptionHost, host: true }], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxiDiagramCommandItemComponent, isStandalone: true, selector: "dxi-diagram-command-item", inputs: { icon: "icon", items: "items", location: "location", name: "name", text: "text" }, providers: [NestedOptionHost], queries: [{ propertyName: "commandItemsChildren", predicate: i0.forwardRef(() => DxiDiagramCommandItemComponent) }, { propertyName: "itemsChildren", predicate: i0.forwardRef(() => DxiDiagramItemComponent) }], usesInheritance: true, ngImport: i0, template: '', isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: DxIntegrationModule }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxiDiagramCommandItemComponent, decorators: [{
type: Component,
args: [{ selector: 'dxi-diagram-command-item', standalone: true, template: '', imports: [DxIntegrationModule], providers: [NestedOptionHost] }]
}], ctorParameters: () => [{ type: i1.NestedOptionHost, decorators: [{
type: SkipSelf
}, {
type: Host
}] }, { type: i1.NestedOptionHost, decorators: [{
type: Host
}] }], propDecorators: { icon: [{
type: Input
}], items: [{
type: Input
}], location: [{
type: Input
}], name: [{
type: Input
}], text: [{
type: Input
}], commandItemsChildren: [{
type: ContentChildren,
args: [forwardRef(() => DxiDiagramCommandItemComponent)]
}], itemsChildren: [{
type: ContentChildren,
args: [forwardRef(() => DxiDiagramItemComponent)]
}] } });
class DxiDiagramCommandItemModule {
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxiDiagramCommandItemModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DxiDiagramCommandItemModule, imports: [DxiDiagramCommandItemComponent], exports: [DxiDiagramCommandItemComponent] });
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxiDiagramCommandItemModule, imports: [DxiDiagramCommandItemComponent] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxiDiagramCommandItemModule, decorators: [{
type: NgModule,
args: [{
imports: [
DxiDiagramCommandItemComponent
],
exports: [
DxiDiagramCommandItemComponent
],
}]
}] });
/*!
* devextreme-angular
* Version: 25.1.4
* Build date: Tue Aug 05 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
*
* This software may be modified and distributed under the terms
* of the MIT license. See the LICENSE file in the root of the project for details.
*
* https://github.com/DevExpress/devextreme-angular
*/
/* tslint:disable:max-line-length */
class DxiDiagramConnectionPointComponent extends CollectionNestedOption {
get x() {
return this._getOption('x');
}
set x(value) {
this._setOption('x', value);
}
get y() {
return this._getOption('y');
}
set y(value) {
this._setOption('y', value);
}
get _optionPath() {
return 'connectionPoints';
}
constructor(parentOptionHost, optionHost) {
super();
parentOptionHost.setNestedOption(this);
optionHost.setHost(this, this._fullOptionPath.bind(this));
}
ngOnDestroy() {
this._deleteRemovedOptions(this._fullOptionPath());
}
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxiDiagramConnectionPointComponent, deps: [{ token: i1.NestedOptionHost, host: true, skipSelf: true }, { token: i1.NestedOptionHost, host: true }], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxiDiagramConnectionPointComponent, isStandalone: true, selector: "dxi-diagram-connection-point", inputs: { x: "x", y: "y" }, providers: [NestedOptionHost], usesInheritance: true, ngImport: i0, template: '', isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: DxIntegrationModule }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxiDiagramConnectionPointComponent, decorators: [{
type: Component,
args: [{ selector: 'dxi-diagram-connection-point', standalone: true, template: '', imports: [DxIntegrationModule], providers: [NestedOptionHost] }]
}], ctorParameters: () => [{ type: i1.NestedOptionHost, decorators: [{
type: SkipSelf
}, {
type: Host
}] }, { type: i1.NestedOptionHost, decorators: [{
type: Host
}] }], propDecorators: { x: [{
type: Input
}], y: [{
type: Input
}] } });
class DxiDiagramConnectionPointModule {
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxiDiagramConnectionPointModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DxiDiagramConnectionPointModule, imports: [DxiDiagramConnectionPointComponent], exports: [DxiDiagramConnectionPointComponent] });
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxiDiagramConnectionPointModule, imports: [DxiDiagramConnectionPointComponent] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxiDiagramConnectionPointModule, decorators: [{
type: NgModule,
args: [{
imports: [
DxiDiagramConnectionPointComponent
],
exports: [
DxiDiagramConnectionPointComponent
],
}]
}] });
/*!
* devextreme-angular
* Version: 25.1.4
* Build date: Tue Aug 05 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
*
* This software may be modified and distributed under the terms
* of the MIT license. See the LICENSE file in the root of the project for details.
*
* https://github.com/DevExpress/devextreme-angular
*/
/* tslint:disable:max-line-length */
class DxoDiagramContextMenuComponent extends NestedOption {
get commands() {
return this._getOption('commands');
}
set commands(value) {
this._setOption('commands', value);
}
get enabled() {
return this._getOption('enabled');
}
set enabled(value) {
this._setOption('enabled', value);
}
get _optionPath() {
return 'contextMenu';
}
get commandsChildren() {
return this._getOption('commands');
}
set commandsChildren(value) {
this.setChildren('commands', value);
}
constructor(parentOptionHost, optionHost) {
super();
parentOptionHost.setNestedOption(this);
optionHost.setHost(this, this._fullOptionPath.bind(this));
}
ngOnInit() {
this._addRecreatedComponent();
}
ngOnDestroy() {
this._addRemovedOption(this._getOptionPath());
}
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoDiagramContextMenuComponent, deps: [{ token: i1.NestedOptionHost, host: true, skipSelf: true }, { token: i1.NestedOptionHost, host: true }], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxoDiagramContextMenuComponent, isStandalone: true, selector: "dxo-diagram-context-menu", inputs: { commands: "commands", enabled: "enabled" }, providers: [NestedOptionHost], queries: [{ propertyName: "commandsChildren", predicate: i0.forwardRef(() => DxiDiagramCommandComponent) }], usesInheritance: true, ngImport: i0, template: '', isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: DxIntegrationModule }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoDiagramContextMenuComponent, decorators: [{
type: Component,
args: [{ selector: 'dxo-diagram-context-menu', standalone: true, template: '', imports: [DxIntegrationModule], providers: [NestedOptionHost] }]
}], ctorParameters: () => [{ type: i1.NestedOptionHost, decorators: [{
type: SkipSelf
}, {
type: Host
}] }, { type: i1.NestedOptionHost, decorators: [{
type: Host
}] }], propDecorators: { commands: [{
type: Input
}], enabled: [{
type: Input
}], commandsChildren: [{
type: ContentChildren,
args: [forwardRef(() => DxiDiagramCommandComponent)]
}] } });
class DxoDiagramContextMenuModule {
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoDiagramContextMenuModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DxoDiagramContextMenuModule, imports: [DxoDiagramContextMenuComponent], exports: [DxoDiagramContextMenuComponent] });
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoDiagramContextMenuModule, imports: [DxoDiagramContextMenuComponent] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoDiagramContextMenuModule, decorators: [{
type: NgModule,
args: [{
imports: [
DxoDiagramContextMenuComponent
],
exports: [
DxoDiagramContextMenuComponent
],
}]
}] });
/*!
* devextreme-angular
* Version: 25.1.4
* Build date: Tue Aug 05 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
*
* This software may be modified and distributed under the terms
* of the MIT license. See the LICENSE file in the root of the project for details.
*
* https://github.com/DevExpress/devextreme-angular
*/
/* tslint:disable:max-line-length */
class DxoDiagramContextToolboxComponent extends NestedOption {
get category() {
return this._getOption('category');
}
set category(value) {
this._setOption('category', value);
}
get displayMode() {
return this._getOption('displayMode');
}
set displayMode(value) {
this._setOption('displayMode', value);
}
get enabled() {
return this._getOption('enabled');
}
set enabled(value) {
this._setOption('enabled', value);
}
get shapeIconsPerRow() {
return this._getOption('shapeIconsPerRow');
}
set shapeIconsPerRow(value) {
this._setOption('shapeIconsPerRow', value);
}
get shapes() {
return this._getOption('shapes');
}
set shapes(value) {
this._setOption('shapes', value);
}
get width() {
return this._getOption('width');
}
set width(value) {
this._setOption('width', value);
}
get _optionPath() {
return 'contextToolbox';
}
constructor(parentOptionHost, optionHost) {
super();
parentOptionHost.setNestedOption(this);
optionHost.setHost(this, this._fullOptionPath.bind(this));
}
ngOnInit() {
this._addRecreatedComponent();
}
ngOnDestroy() {
this._addRemovedOption(this._getOptionPath());
}
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoDiagramContextToolboxComponent, deps: [{ token: i1.NestedOptionHost, host: true, skipSelf: true }, { token: i1.NestedOptionHost, host: true }], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxoDiagramContextToolboxComponent, isStandalone: true, selector: "dxo-diagram-context-toolbox", inputs: { category: "category", displayMode: "displayMode", enabled: "enabled", shapeIconsPerRow: "shapeIconsPerRow", shapes: "shapes", width: "width" }, providers: [NestedOptionHost], usesInheritance: true, ngImport: i0, template: '', isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: DxIntegrationModule }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoDiagramContextToolboxComponent, decorators: [{
type: Component,
args: [{ selector: 'dxo-diagram-context-toolbox', standalone: true, template: '', imports: [DxIntegrationModule], providers: [NestedOptionHost] }]
}], ctorParameters: () => [{ type: i1.NestedOptionHost, decorators: [{
type: SkipSelf
}, {
type: Host
}] }, { type: i1.NestedOptionHost, decorators: [{
type: Host
}] }], propDecorators: { category: [{
type: Input
}], displayMode: [{
type: Input
}], enabled: [{
type: Input
}], shapeIconsPerRow: [{
type: Input
}], shapes: [{
type: Input
}], width: [{
type: Input
}] } });
class DxoDiagramContextToolboxModule {
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoDiagramContextToolboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DxoDiagramContextToolboxModule, imports: [DxoDiagramContextToolboxComponent], exports: [DxoDiagramContextToolboxComponent] });
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoDiagramContextToolboxModule, imports: [DxoDiagramContextToolboxComponent] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoDiagramContextToolboxModule, decorators: [{
type: NgModule,
args: [{
imports: [
DxoDiagramContextToolboxComponent
],
exports: [
DxoDiagramContextToolboxComponent
],
}]
}] });
/*!
* devextreme-angular
* Version: 25.1.4
* Build date: Tue Aug 05 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
*
* This software may be modified and distributed under the terms
* of the MIT license. See the LICENSE file in the root of the project for details.
*
* https://github.com/DevExpress/devextreme-angular
*/
/* tslint:disable:max-line-length */
class DxiDiagramCustomShapeComponent extends CollectionNestedOption {
renderer;
document;
element;
get allowEditImage() {
return this._getOption('allowEditImage');
}
set allowEditImage(value) {
this._setOption('allowEditImage', value);
}
get allowEditText() {
return this._getOption('allowEditText');
}
set allowEditText(value) {
this._setOption('allowEditText', value);
}
get allowResize() {
return this._getOption('allowResize');
}
set allowResize(value) {
this._setOption('allowResize', value);
}
get backgroundImageHeight() {
return this._getOption('backgroundImageHeight');
}
set backgroundImageHeight(value) {
this._setOption('backgroundImageHeight', value);
}
get backgroundImageLeft() {
return this._getOption('backgroundImageLeft');
}
set backgroundImageLeft(value) {
this._setOption('backgroundImageLeft', value);
}
get backgroundImageToolboxUrl() {
return this._getOption('backgroundImageToolboxUrl');
}
set backgroundImageToolboxUrl(value) {
this._setOption('backgroundImageToolboxUrl', value);
}
get backgroundImageTop() {
return this._getOption('backgroundImageTop');
}
set backgroundImageTop(value) {
this._setOption('backgroundImageTop', value);
}
get backgroundImageUrl() {
return this._getOption('backgroundImageUrl');
}
set backgroundImageUrl(value) {
this._setOption('backgroundImageUrl', value);
}
get backgroundImageWidth() {
return this._getOption('backgroundImageWidth');
}
set backgroundImageWidth(value) {
this._setOption('backgroundImageWidth', value);
}
get baseType() {
return this._getOption('baseType');
}
set baseType(value) {
this._setOption('baseType', value);
}
get category() {
return this._getOption('category');
}
set category(value) {
this._setOption('category', value);
}
get connectionPoints() {
return this._getOption('connectionPoints');
}
set connectionPoints(value) {
this._setOption('connectionPoints', value);
}
get defaultHeight() {
return this._getOption('defaultHeight');
}
set defaultHeight(value) {
this._setOption('defaultHeight', value);
}
get defaultImageUrl() {
return this._getOption('defaultImageUrl');
}
set defaultImageUrl(value) {
this._setOption('defaultImageUrl', value);
}
get defaultText() {
return this._getOption('defaultText');
}
set defaultText(value) {
this._setOption('defaultText', value);
}
get defaultWidth() {
return this._getOption('defaultWidth');
}
set defaultWidth(value) {
this._setOption('defaultWidth', value);
}
get imageHeight() {
return this._getOption('imageHeight');
}
set imageHeight(value) {
this._setOption('imageHeight', value);
}
get imageLeft() {
return this._getOption('imageLeft');
}
set imageLeft(value) {
this._setOption('imageLeft', value);
}
get imageTop() {
return this._getOption('imageTop');
}
set imageTop(value) {
this._setOption('imageTop', value);
}
get imageWidth() {
return this._getOption('imageWidth');
}
set imageWidth(value) {
this._setOption('imageWidth', value);
}
get keepRatioOnAutoSize() {
return this._getOption('keepRatioOnAutoSize');
}
set keepRatioOnAutoSize(value) {
this._setOption('keepRatioOnAutoSize', value);
}
get maxHeight() {
return this._getOption('maxHeight');
}
set maxHeight(value) {
this._setOption('maxHeight', value);
}
get maxWidth() {
return this._getOption('maxWidth');
}
set maxWidth(value) {
this._setOption('maxWidth', value);
}
get minHeight() {
return this._getOption('minHeight');
}
set minHeight(value) {
this._setOption('minHeight', value);
}
get minWidth() {
return this._getOption('minWidth');
}
set minWidth(value) {
this._setOption('minWidth', value);
}
get template() {
return this._getOption('template');
}
set template(value) {
this._setOption('template', value);
}
get templateHeight() {
return this._getOption('templateHeight');
}
set templateHeight(value) {
this._setOption('templateHeight', value);
}
get templateLeft() {
return this._getOption('templateLeft');
}
set templateLeft(value) {
this._setOption('templateLeft', value);
}
get templateTop() {
return this._getOption('templateTop');
}
set templateTop(value) {
this._setOption('templateTop', value);
}
get templateWidth() {
return this._getOption('templateWidth');
}
set templateWidth(value) {
this._setOption('templateWidth', value);
}
get textHeight() {
return this._getOption('textHeight');
}
set textHeight(value) {
this._setOption('textHeight', value);
}
get textLeft() {
return this._getOption('textLeft');
}
set textLeft(value) {
this._setOption('textLeft', value);
}
get textTop() {
return this._getOption('textTop');
}
set textTop(value) {
this._setOption('textTop', value);
}
get textWidth() {
return this._getOption('textWidth');
}
set textWidth(value) {
this._setOption('textWidth', value);
}
get title() {
return this._getOption('title');
}
set title(value) {
this._setOption('title', value);
}
get toolboxTemplate() {
return this._getOption('toolboxTemplate');
}
set toolboxTemplate(value) {
this._setOption('toolboxTemplate', value);
}
get toolboxWidthToHeightRatio() {
return this._getOption('toolboxWidthToHeightRatio');
}
set toolboxWidthToHeightRatio(value) {
this._setOption('toolboxWidthToHeightRatio', value);
}
get type() {
return this._getOption('type');
}
set type(value) {
this._setOption('type', value);
}
get _optionPath() {
return 'customShapes';
}
get connectionPointsChildren() {
return this._getOption('connectionPoints');
}
set connectionPointsChildren(value) {
this.setChildren('connectionPoints', value);
}
constructor(parentOptionHost, optionHost, renderer, document, templateHost, element) {
super();
this.renderer = renderer;
this.document = document;
this.element = element;
parentOptionHost.setNestedOption(this);
optionHost.setHost(this, this._fullOptionPath.bind(this));
templateHost.setHost(this);
}
setTemplate(template) {
this.template = template;
}
ngAfterViewInit() {
extractTemplate(this, this.element, this.renderer, this.document);
}
ngOnDestroy() {
this._deleteRemovedOptions(this._fullOptionPath());
}
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxiDiagramCustomShapeComponent, deps: [{ token: i1.NestedOptionHost, host: true, skipSelf: true }, { token: i1.NestedOptionHost, host: true }, { token: i0.Renderer2 }, { token: DOCUMENT }, { token: i1.DxTemplateHost, host: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxiDiagramCustomShapeComponent, isStandalone: true, selector: "dxi-diagram-custom-shape", inputs: { allowEditImage: "allowEditImage", allowEditText: "allowEditText", allowResize: "allowResize", backgroundImageHeight: "backgroundImageHeight", backgroundImageLeft: "backgroundImageLeft", backgroundImageToolboxUrl: "backgroundImageToolboxUrl", backgroundImageTop: "backgroundImageTop", backgroundImageUrl: "backgroundImageUrl", backgroundImageWidth: "backgroundImageWidth", baseType: "baseType", category: "category", connectionPoints: "connectionPoints", defaultHeight: "defaultHeight", defaultImageUrl: "defaultImageUrl", defaultText: "defaultText", defaultWidth: "defaultWidth", imageHeight: "imageHeight", imageLeft: "imageLeft", imageTop: "imageTop", imageWidth: "imageWidth", keepRatioOnAutoSize: "keepRatioOnAutoSize", maxHeight: "maxHeight", maxWidth: "maxWidth", minHeight: "minHeight", minWidth: "minWidth", template: "template", templateHeight: "templateHeight", templateLeft: "templateLeft", templateTop: "templateTop", templateWidth: "templateWidth", textHeight: "textHeight", textLeft: "textLeft", textTop: "textTop", textWidth: "textWidth", title: "title", toolboxTemplate: "toolboxTemplate", toolboxWidthToHeightRatio: "toolboxWidthToHeightRatio", type: "type" }, providers: [NestedOptionHost, DxTemplateHost], queries: [{ propertyName: "connectionPointsChildren", predicate: i0.forwardRef(() => DxiDiagramConnectionPointComponent) }], usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: DxIntegrationModule }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxiDiagramCustomShapeComponent, decorators: [{
type: Component,
args: [{ selector: 'dxi-diagram-custom-shape', standalone: true, template: '<ng-content></ng-content>', imports: [DxIntegrationModule], providers: [NestedOptionHost, DxTemplateHost], styles: [":host{display:block}\n"] }]
}], ctorParameters: () => [{ type: i1.NestedOptionHost, decorators: [{
type: SkipSelf
}, {
type: Host
}] }, { type: i1.NestedOptionHost, decorators: [{
type: Host
}] }, { type: i0.Renderer2 }, { type: undefined, decorators: [{
type: Inject,
args: [DOCUMENT]
}] }, { type: i1.DxTemplateHost, decorators: [{
type: Host
}] }, { type: i0.ElementRef }], propDecorators: { allowEditImage: [{
type: Input
}], allowEditText: [{
type: Input
}], allowResize: [{
type: Input
}], backgroundImageHeight: [{
type: Input
}], backgroundImageLeft: [{
type: Input
}], backgroundImageToolboxUrl: [{
type: Input
}], backgroundImageTop: [{
type: Input
}], backgroundImageUrl: [{
type: Input
}], backgroundImageWidth: [{
type: Input
}], baseType: [{
type: Input
}], category: [{
type: Input
}], connectionPoints: [{
type: Input
}], defaultHeight: [{
type: Input
}], defaultImageUrl: [{
type: Input
}], defaultText: [{
type: Input
}], defaultWidth: [{
type: Input
}], imageHeight: [{
type: Input
}], imageLeft: [{
type: Input
}], imageTop: [{
type: Input
}], imageWidth: [{
type: Input
}], keepRatioOnAutoSize: [{
type: Input
}], maxHeight: [{
type: Input
}], maxWidth: [{
type: Input
}], minHeight: [{
type: Input
}], minWidth: [{
type: Input
}], template: [{
type: Input
}], templateHeight: [{
type: Input
}], templateLeft: [{
type: Input
}], templateTop: [{
type: Input
}], templateWidth: [{
type: Input
}], textHeight: [{
type: Input
}], textLeft: [{
type: Input
}], textTop: [{
type: Input
}], textWidth: [{
type: Input
}], title: [{
type: Input
}], toolboxTemplate: [{
type: Input
}], toolboxWidthToHeightRatio: [{
type: Input
}], type: [{
type: Input
}], connectionPointsChildren: [{
type: ContentChildren,
args: [forwardRef(() => DxiDiagramConnectionPointComponent)]
}] } });
class DxiDiagramCustomShapeModule {
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxiDiagramCustomShapeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
/** @nocollapse */ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.12", ngImport: i0, type: DxiDiagramCustomShapeModule, imports: [DxiDiagramCustomShapeComponent], exports: [DxiDiagramCustomShapeComponent] });
/** @nocollapse */ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxiDiagramCustomShapeModule, imports: [DxiDiagramCustomShapeComponent] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxiDiagramCustomShapeModule, decorators: [{
type: NgModule,
args: [{
imports: [
DxiDiagramCustomShapeComponent
],
exports: [
DxiDiagramCustomShapeComponent
],
}]
}] });
/*!
* devextreme-angular
* Version: 25.1.4
* Build date: Tue Aug 05 2025
*
* Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
*
* This software may be modified and distributed under the terms
* of the MIT license. See the LICENSE file in the root of the project for details.
*
* https://github.com/DevExpress/devextreme-angular
*/
/* tslint:disable:max-line-length */
class DxoDiagramDefaultItemPropertiesComponent extends NestedOption {
get connectorLineEnd() {
return this._getOption('connectorLineEnd');
}
set connectorLineEnd(value) {
this._setOption('connectorLineEnd', value);
}
get connectorLineStart() {
return this._getOption('connectorLineStart');
}
set connectorLineStart(value) {
this._setOption('connectorLineStart', value);
}
get connectorLineType() {
return this._getOption('connectorLineType');
}
set connectorLineType(value) {
this._setOption('connectorLineType', value);
}
get shapeMaxHeight() {
return this._getOption('shapeMaxHeight');
}
set shapeMaxHeight(value) {
this._setOption('shapeMaxHeight', value);
}
get shapeMaxWidth() {
return this._getOption('shapeMaxWidth');
}
set shapeMaxWidth(value) {
this._setOption('shapeMaxWidth', value);
}
get shapeMinHeight() {
return this._getOption('shapeMinHeight');
}
set shapeMinHeight(value) {
this._setOption('shapeMinHeight', value);
}
get shapeMinWidth() {
return this._getOption('shapeMinWidth');
}
set shapeMinWidth(value) {
this._setOption('shapeMinWidth', value);
}
get style() {
return this._getOption('style');
}
set style(value) {
this._setOption('style', value);
}
get textStyle() {
return this._getOption('textStyle');
}
set textStyle(value) {
this._setOption('textStyle', value);
}
get _optionPath() {
return 'defaultItemProperties';
}
constructor(parentOptionHost, optionHost) {
super();
parentOptionHost.setNestedOption(this);
optionHost.setHost(this, this._fullOptionPath.bind(this));
}
ngOnInit() {
this._addRecreatedComponent();
}
ngOnDestroy() {
this._addRemovedOption(this._getOptionPath());
}
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoDiagramDefaultItemPropertiesComponent, deps: [{ token: i1.NestedOptionHost, host: true, skipSelf: true }, { token: i1.NestedOptionHost, host: true }], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxoDiagramDefaultItemPropertiesComponent, isStandalone: true, selector: "dxo-diagram-default-item-properties", inputs: { connectorLineEnd: "connectorLineEnd", connectorLineStart: "connectorLineStart", connectorLineType: "connectorLineType", shapeMaxHeight: "shapeMaxHeight", shapeMaxWidth: "shapeMaxWidth", shapeMinHeight: "shapeMinHeight", shapeMinWidth: "shapeMinWidth", style: "style", textStyle: "textStyle" }, providers: [NestedOptionHost], usesInheritance: true, ngImport: i0, template: '', isInline: true, styles: [""], dependencies: [{ kind: "ngmodule", type: DxIntegrationModule }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxoDiagramDefaultItemPropertiesComponent, decorators: [{
type: Component,
args: [{ selector: 'dxo-diagram-default-item-properties', standalone: true, template: '', imports: [DxIntegrationModule], providers: [NestedOptionHost] }]
}], ctorParameters: () => [{ type: i1.NestedOptionHost, decorators: [{
type: SkipSelf
}, {
type: Host
}] }, { type: i1.NestedOptionHost, decorators: [{