@metadev/daga-angular 2.0.2

package/lib/errors/errors.component.d.ts

@@ -0,0 +1,24 @@
+import { AfterViewInit, ElementRef } from '@angular/core';
+import { Canvas, DiagramError, Side } from '@metadev/daga';
+import * as d3 from 'd3';
+import { CanvasProviderService } from '../services/canvas-provider.service';
+import * as i0 from "@angular/core";
+/**
+ * Displays the errors detected by a diagram's validators.
+ * @private
+ * @see DiagramValidator
+ */
+export declare class ErrorsComponent implements AfterViewInit {
+    private canvasProvider;
+    get canvas(): Canvas;
+    errorsContainer: ElementRef<HTMLDivElement>;
+    errors: DiagramError[];
+    Side: typeof Side;
+    constructor(canvasProvider: CanvasProviderService);
+    ngAfterViewInit(): void;
+    selectPanel(): d3.Selection<d3.BaseType, unknown, null, unknown>;
+    validate(): void;
+    showError(error: DiagramError): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ErrorsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ErrorsComponent, "daga-errors", never, {}, {}, never, never, true, never>;
+}

package/lib/palette/palette.component.d.ts

@@ -0,0 +1,36 @@
+import { AfterContentInit, AfterViewInit, ElementRef } from '@angular/core';
+import { Canvas, Corner, Palette, PaletteSectionConfig, Side } from '@metadev/daga';
+import * as d3 from 'd3';
+import { CanvasProviderService } from '../services/canvas-provider.service';
+import * as i0 from "@angular/core";
+/**
+ * Palette that the user can drag and drop nodes from.
+ * @private
+ * @see DiagramConfig
+ * @see DiagramNode
+ */
+export declare class PaletteComponent implements AfterContentInit, AfterViewInit, Palette {
+    private canvasProvider;
+    get canvas(): Canvas;
+    panel: ElementRef<HTMLDivElement>;
+    palettes: PaletteSectionConfig[];
+    currentPalette: PaletteSectionConfig;
+    currentCategory: string;
+    location: Corner;
+    direction: Side;
+    width: string;
+    private priorityThreshold?;
+    constructor(canvasProvider: CanvasProviderService);
+    ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
+    refreshPalette(): void;
+    switchPalette(palette: PaletteSectionConfig): void;
+    selectPanel(): d3.Selection<HTMLDivElement, unknown, null, undefined>;
+    selectPalette(): d3.Selection<HTMLDivElement, unknown, null, undefined>;
+    private appendCategories;
+    private appendTemplate;
+    private appendNodeTemplate;
+    private appendConnectionTemplate;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaletteComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaletteComponent, "daga-palette", never, { "palettes": { "alias": "palettes"; "required": false; }; "currentPalette": { "alias": "currentPalette"; "required": false; }; "currentCategory": { "alias": "currentCategory"; "required": false; }; "location": { "alias": "location"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/property-editor/autocomplete/autocomplete.component.d.ts

@@ -0,0 +1,39 @@
+import { ChangeDetectorRef, ElementRef, EventEmitter } from '@angular/core';
+import { Option } from '@metadev/daga';
+import * as i0 from "@angular/core";
+export declare const LOST_FOCUS_TIME_WINDOW_MS = 200;
+/**
+ * Combobox with autocomplete.
+ * @private
+ * @see PropertyEditor
+ * @see ValueSet
+ */
+export declare class AutocompleteComponent {
+    private cdr;
+    mainElement: ElementRef;
+    private _value;
+    set value(value: unknown);
+    get value(): unknown;
+    valueInput: string;
+    focusIndex?: number;
+    options: Option<unknown>[];
+    currentOptions: Option<unknown>[];
+    currentLabelStarts: string[];
+    currentLabelMatches: string[];
+    currentLabelEnds: string[];
+    disabled: boolean;
+    showOptions: boolean;
+    valueChange: EventEmitter<unknown>;
+    constructor(cdr: ChangeDetectorRef);
+    getLabelOfValue(value: unknown): string;
+    onKeyup(event: KeyboardEvent): void;
+    openOptions(): void;
+    closeOptions(): void;
+    focusOnOption(index: number | undefined): void;
+    onLostFocus(): void;
+    scrollToOption(index: number): void;
+    clearInput(): void;
+    complete(option: Option<unknown>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AutocompleteComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AutocompleteComponent, "daga-autocomplete", never, { "value": { "alias": "value"; "required": false; }; "valueInput": { "alias": "valueInput"; "required": false; }; "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}

package/lib/property-editor/object-editor/object-editor.component.d.ts

@@ -0,0 +1,29 @@
+import { ChangeDetectorRef } from '@angular/core';
+import { Canvas, Property, Type, ValueSet } from '@metadev/daga';
+import { CanvasProviderService } from '../../services/canvas-provider.service';
+import * as i0 from "@angular/core";
+/**
+ * Editor of a value set within a property editor.
+ * @private
+ * @see PropertyEditor
+ * @see ValueSet
+ */
+export declare class ObjectEditorComponent {
+    private cdr;
+    private canvasProvider;
+    get canvas(): Canvas;
+    get userCanEdit(): boolean;
+    _valueSet?: ValueSet;
+    get valueSet(): ValueSet | undefined;
+    set valueSet(valueSet: ValueSet | undefined);
+    /** How many object-editor elements are parents of this object-editor element. @private */
+    depth: number;
+    Type: typeof Type;
+    getStyleClassName: (s: string) => string;
+    constructor(cdr: ChangeDetectorRef, canvasProvider: CanvasProviderService);
+    setValue(property: Property, value: unknown): void;
+    dateToLocalDatetimeString(date: string | number | Date | null | undefined): string;
+    localDatetimeStringToDate(string: string): Date;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ObjectEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ObjectEditorComponent, "daga-object-editor", never, { "valueSet": { "alias": "valueSet"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/property-editor/option-list-editor/option-list-editor.component.d.ts

@@ -0,0 +1,33 @@
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { Option } from '@metadev/daga';
+import * as i0 from "@angular/core";
+/**
+ * Editor of a property of text list type within a property editor.
+ * @private
+ * @see Type.TextList
+ * @see PropertyEditor
+ * @see ValueSet
+ */
+export declare class OptionListEditorComponent {
+    private cdr;
+    private _value;
+    set value(value: unknown[]);
+    get value(): unknown[];
+    labelsOfValue: string[];
+    options: Option<unknown>[];
+    valueInput?: unknown;
+    allowRepeats: boolean;
+    optionsNotPresentInValue: Option<unknown>[];
+    disabled: boolean;
+    valueChange: EventEmitter<unknown[]>;
+    constructor(cdr: ChangeDetectorRef);
+    getLabelOfValue(value: unknown): string;
+    hasValue(value: unknown): boolean;
+    removeFromValue(index: number): void;
+    addToValue(): void;
+    clearInput(): void;
+    updateOptionsNotPresentInValue(): void;
+    onKeyUp(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OptionListEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptionListEditorComponent, "daga-option-list-editor", never, { "value": { "alias": "value"; "required": false; }; "options": { "alias": "options"; "required": false; }; "valueInput": { "alias": "valueInput"; "required": false; }; "allowRepeats": { "alias": "allowRepeats"; "required": false; }; "optionsNotPresentInValue": { "alias": "optionsNotPresentInValue"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}

package/lib/property-editor/property-editor.component.d.ts

@@ -0,0 +1,34 @@
+import { AfterViewInit, ChangeDetectorRef, ElementRef } from '@angular/core';
+import { Corner, Side } from '@metadev/daga';
+import * as d3 from 'd3';
+import { ValueSet } from '@metadev/daga';
+import { PropertyEditor } from '@metadev/daga';
+import * as i0 from "@angular/core";
+/**
+ * Duration of the highlight property animation in milliseconds.
+ */
+export declare const HIGHLIGHT_ANIMATION_DURATION_MS = 1000;
+/**
+ * Editor of the values of a value set.
+ * @private
+ * @see ValueSet
+ */
+export declare class PropertyEditorComponent implements AfterViewInit, PropertyEditor {
+    private cdr;
+    panel: ElementRef<HTMLDivElement>;
+    location: Corner;
+    direction: Side;
+    width: string;
+    title?: string;
+    _valueSet: ValueSet | undefined;
+    get valueSet(): ValueSet | undefined;
+    set valueSet(valueSet: ValueSet | undefined);
+    settings?: boolean;
+    constructor(cdr: ChangeDetectorRef);
+    ngAfterViewInit(): void;
+    selectPanel(): d3.Selection<HTMLDivElement, unknown, null, undefined>;
+    highlightProperty(...propertyNames: string[]): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PropertyEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PropertyEditorComponent, "daga-property-editor", never, { "location": { "alias": "location"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "width": { "alias": "width"; "required": false; }; "valueSet": { "alias": "valueSet"; "required": false; }; }, {}, never, never, true, never>;
+}
+export declare const getStyleClassName: (s: string) => string;

package/lib/property-editor/property-settings/property-settings.component.d.ts

@@ -0,0 +1,33 @@
+import { AfterViewInit, ChangeDetectorRef, ElementRef } from '@angular/core';
+import { Canvas, Point, Property, Type, ValueSet } from '@metadev/daga';
+import { CanvasProviderService } from '../../services/canvas-provider.service';
+import * as i0 from "@angular/core";
+/**
+ * Editor of the settings of a property editor, such as what properties are displayed and hidden and in what order.
+ * @private
+ * @see PropertyEditor
+ * @see ValueSet
+ */
+export declare class PropertySettingsComponent implements AfterViewInit {
+    private element;
+    private cdr;
+    private canvasProvider;
+    get canvas(): Canvas;
+    _valueSet?: ValueSet;
+    get valueSet(): ValueSet | undefined;
+    set valueSet(valueSet: ValueSet | undefined);
+    /** How many property-settings elements are parents of this property-settings element. @private */
+    depth: number;
+    Type: typeof Type;
+    getStyleClassName: (s: string) => string;
+    asString: (value: unknown) => string;
+    constructor(element: ElementRef, cdr: ChangeDetectorRef, canvasProvider: CanvasProviderService);
+    ngAfterViewInit(): void;
+    private addListeners;
+    getClosestDropbarIndex(pointerCoords: Point): number;
+    displayProperty(property: Property | Event | string | undefined): void;
+    hideProperty(property: Property | Event | string | undefined): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PropertySettingsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PropertySettingsComponent, "daga-property-settings", never, { "valueSet": { "alias": "valueSet"; "required": false; }; "depth": { "alias": "depth"; "required": false; }; }, {}, never, never, true, never>;
+}
+export declare const asString: (value: unknown) => string;

package/lib/property-editor/text-list-editor/text-list-editor.component.d.ts

@@ -0,0 +1,29 @@
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Editor of a property of text list type within a property editor.
+ * @private
+ * @see Type.TextList
+ * @see PropertyEditor
+ * @see ValueSet
+ */
+export declare class TextListEditorComponent {
+    private cdr;
+    private _value;
+    set value(value: string[]);
+    get value(): string[];
+    valueInput: string;
+    allowRepeats: boolean;
+    disabled: boolean;
+    valueChange: EventEmitter<string[]>;
+    constructor(cdr: ChangeDetectorRef);
+    getValueFromEvent(event: Event): string;
+    hasValue(value: string): boolean;
+    removeFromValue(index: number): void;
+    editFromValue(item: string, index: number): void;
+    addToValue(): void;
+    clearInput(): void;
+    onKeyUp(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextListEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextListEditorComponent, "daga-text-list-editor", never, { "value": { "alias": "value"; "required": false; }; "valueInput": { "alias": "valueInput"; "required": false; }; "allowRepeats": { "alias": "allowRepeats"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}

package/lib/property-editor/text-map-editor/text-map-editor.component.d.ts

@@ -0,0 +1,36 @@
+import { ChangeDetectorRef, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Editor of a property of text map type within a property editor.
+ * @private
+ * @see Type.TextMap
+ * @see PropertyEditor
+ * @see ValueSet
+ */
+export declare class TextMapEditorComponent {
+    private cdr;
+    private _value;
+    set value(value: {
+        [name: string]: string;
+    });
+    get value(): {
+        [name: string]: string;
+    };
+    keyInput: string;
+    valueInput: string;
+    disabled: boolean;
+    valueChange: EventEmitter<{
+        [name: string]: string;
+    }>;
+    constructor(cdr: ChangeDetectorRef);
+    getValueFromEvent(event: Event): string;
+    removeFromValue(key: string): void;
+    editKey(oldKey: string, newKey: string): void;
+    editValue(key: string, value: string): void;
+    addToValue(): void;
+    clearKeyInput(): void;
+    clearValueInput(): void;
+    onKeyUp(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextMapEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextMapEditorComponent, "daga-text-map-editor", never, { "value": { "alias": "value"; "required": false; }; "keyInput": { "alias": "keyInput"; "required": false; }; "valueInput": { "alias": "valueInput"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}

package/lib/services/canvas-provider.service.d.ts

@@ -0,0 +1,30 @@
+import { Canvas, DiagramConfig, DiagramEditor } from '@metadev/daga';
+import * as i0 from "@angular/core";
+/**
+ * A provider for the {@link Canvas} associated with a {@link DiagramComponent} context.
+ * @public
+ */
+export declare class CanvasProviderService {
+    private _canvas;
+    /**
+     * Initialize the diagram canvas object of this context.
+     * @private
+     * @param parentComponent A diagram editor.
+     * @param config A diagram configuration.
+     */
+    initCanvas(parentComponent: DiagramEditor, config: DiagramConfig): void;
+    /**
+     * Attach the canvas of this context to an HTML Element to render it there.
+     * @private
+     * @param appendTo An HTML Element.
+     */
+    initCanvasView(appendTo: HTMLElement): void;
+    /**
+     * Get the diagram canvas of this context. Should only be called after the view of the {@link DiagramComponent} context has been initialized.
+     * @public
+     * @returns A diagram canvas.
+     */
+    getCanvas(): Canvas;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CanvasProviderService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CanvasProviderService>;
+}

package/lib/services/daga-configuration.service.d.ts

@@ -0,0 +1,23 @@
+import { DiagramConfig } from '@metadev/daga';
+import * as i0 from "@angular/core";
+/**
+ * A provider for the {@link DiagramConfig} associated with a {@link DiagramComponent} context.
+ * @public
+ */
+export declare class DagaConfigurationService {
+    private _config;
+    /**
+     * Set the diagram configuration of this context.
+     * @private
+     * @param config A diagram configuration.
+     */
+    init(config: DiagramConfig): void;
+    /**
+     * Get the diagram configuration of this context. Should only be called after the {@link DiagramComponent} context has been initialized.
+     * @public
+     * @returns A diagram configuration.
+     */
+    getConfig(): DiagramConfig;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DagaConfigurationService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DagaConfigurationService>;
+}

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@metadev/daga-angular",
+  "description": "Diagramming engine for editing models on the Web. Made by Metadev.",
+  "version": "2.0.2",
+  "author": "Metadev (https://metadev.pro)",
+  "license": "SEE LICENSE IN LICENSE.md",
+  "repository": "git+https://github.com/metadevpro/daga-tutorial.git",
+  "homepage": "https://metadev.pro/products/daga/",
+  "keywords": [
+    "diagramming",
+    "models",
+    "dsl",
+    "mde",
+    "nocode",
+    "lowcode",
+    "visual-editor",
+    "daga",
+    "angular"
+  ],
+  "peerDependencies": {
+    "@angular/common": "^18.2.2",
+    "@angular/core": "^18.2.2",
+    "@angular/forms": "^18.2.2",
+    "@metadev/daga": "^2.0.2",
+    "d3": "^7.9.0",
+    "rxjs": "~7.8.1"
+  },
+  "sideEffects": false,
+  "files": [
+    "/assets",
+    "/fesm2022",
+    "/lib",
+    "index.d.ts",
+    "package.json",
+    "README.md",
+    "LICENSE.md",
+    "Changelog.md"
+  ],
+  "module": "fesm2022/metadev-daga-angular.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/metadev-daga-angular.mjs",
+      "esm": "./esm2022/metadev-daga-angular.mjs",
+      "default": "./fesm2022/metadev-daga-angular.mjs"
+    }
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  }
+}