@angflow/angular 0.0.1 → 0.0.3

package/dist/esm/lib/components/controls/controls.component.js

@@ -3,55 +3,6 @@ import { FlowStore } from '../../services/flow-store.service';
 import { NgFlowService } from '../../services/ng-flow.service';
 import { PanelComponent } from '../panel/panel.component';
 import * as i0 from "@angular/core";
-const _c0 = ["*"];
-function ControlsComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 4);
-    i0.ɵɵlistener("click", function ControlsComponent_Conditional_2_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onZoomIn()); });
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 5);
-    i0.ɵɵelement(2, "path", 6);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(3, "button", 7);
-    i0.ɵɵlistener("click", function ControlsComponent_Conditional_2_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onZoomOut()); });
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(4, "svg", 5);
-    i0.ɵɵelement(5, "path", 8);
-    i0.ɵɵelementEnd()();
-} }
-function ControlsComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 9);
-    i0.ɵɵlistener("click", function ControlsComponent_Conditional_3_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onFitView()); });
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(1, "svg", 5);
-    i0.ɵɵelement(2, "path", 10);
-    i0.ɵɵelementEnd()();
-} }
-function ControlsComponent_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(0, "svg", 12);
-    i0.ɵɵelement(1, "path", 13);
-    i0.ɵɵelementEnd();
-} }
-function ControlsComponent_Conditional_4_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(0, "svg", 12);
-    i0.ɵɵelement(1, "path", 14);
-    i0.ɵɵelementEnd();
-} }
-function ControlsComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 11);
-    i0.ɵɵlistener("click", function ControlsComponent_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onToggleLock()); });
-    i0.ɵɵconditionalCreate(1, ControlsComponent_Conditional_4_Conditional_1_Template, 2, 0, ":svg:svg", 12)(2, ControlsComponent_Conditional_4_Conditional_2_Template, 2, 0, ":svg:svg", 12);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.isLocked() ? 1 : 2);
-} }
 export class ControlsComponent {
     constructor() {
         this.store = inject(FlowStore);
@@ -90,36 +41,74 @@ export class ControlsComponent {
         this.store.elementsSelectable.set(!locked);
         this.interactiveChange.emit(!locked);
     }
-    static { this.ɵfac = function ControlsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ControlsComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ControlsComponent, selectors: [["ng-flow-controls"]], inputs: { position: [1, "position"], showZoom: [1, "showZoom"], showFitView: [1, "showFitView"], showInteractive: [1, "showInteractive"], fitViewOptions: [1, "fitViewOptions"], orientation: [1, "orientation"], ariaLabel: [1, "ariaLabel"] }, outputs: { zoomInClick: "zoomInClick", zoomOutClick: "zoomOutClick", fitViewClick: "fitViewClick", interactiveChange: "interactiveChange" }, ngContentSelectors: _c0, decls: 6, vars: 7, consts: [[3, "position"], [1, "ng-flow__controls", "xy-flow__controls"], ["title", "fit view", 1, "ng-flow__controls-button", "xy-flow__controls-button"], ["title", "toggle interactivity", 1, "ng-flow__controls-button", "xy-flow__controls-button"], ["title", "zoom in", 1, "ng-flow__controls-button", "xy-flow__controls-button", 3, "click"], ["xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 32 32"], ["d", "M32 18.133H18.133V32h-4.266V18.133H0v-4.266h13.867V0h4.266v13.867H32z"], ["title", "zoom out", 1, "ng-flow__controls-button", "xy-flow__controls-button", 3, "click"], ["d", "M0 13.867h32v4.266H0z"], ["title", "fit view", 1, "ng-flow__controls-button", "xy-flow__controls-button", 3, "click"], ["d", "M3.692 4.63c0-.53.4-.938.939-.938h5.215V0H4.708C2.13 0 0 2.054 0 4.63v5.216h3.692V4.631zM27.354 0h-5.2v3.692h5.17c.53 0 .984.4.984.939v5.215H32V4.631A4.624 4.624 0 0027.354 0zm.954 24.83c0 .532-.4.94-.939.94h-5.215v3.768h5.215c2.577 0 4.631-2.13 4.631-4.707v-5.139h-3.692v5.139zm-23.677.94a.919.919 0 01-.939-.94v-5.138H0v5.139c0 2.577 2.13 4.707 4.708 4.707h5.138V25.77H4.631z"], ["title", "toggle interactivity", 1, "ng-flow__controls-button", "xy-flow__controls-button", 3, "click"], ["xmlns", "http://www.w3.org/2000/svg", "viewBox", "0 0 25 32"], ["d", "M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0 8 0 4.571 3.429 4.571 7.619v3.048H3.048A3.056 3.056 0 000 13.714v15.238A3.056 3.056 0 003.048 32h18.285a3.056 3.056 0 003.048-3.048V13.714a3.056 3.056 0 00-3.048-3.047zM12.19 24.533a3.056 3.056 0 01-3.047-3.047 3.056 3.056 0 013.047-3.048 3.056 3.056 0 013.048 3.048 3.056 3.056 0 01-3.048 3.047zm4.724-13.866H7.467V7.619c0-2.59 2.133-4.724 4.723-4.724 2.591 0 4.724 2.133 4.724 4.724v3.048z"], ["d", "M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0c-4.114 1.828-1.37 2.133.305 2.438 1.676.305 4.42 2.59 4.42 5.181v3.048H3.047A3.056 3.056 0 000 13.714v15.238A3.056 3.056 0 003.048 32h18.285a3.056 3.056 0 003.048-3.048V13.714a3.056 3.056 0 00-3.048-3.047zM12.19 24.533a3.056 3.056 0 01-3.047-3.047 3.056 3.056 0 013.047-3.048 3.056 3.056 0 013.048 3.048 3.056 3.056 0 01-3.048 3.047z"]], template: function ControlsComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵelementStart(0, "ng-flow-panel", 0)(1, "div", 1);
-            i0.ɵɵconditionalCreate(2, ControlsComponent_Conditional_2_Template, 6, 0);
-            i0.ɵɵconditionalCreate(3, ControlsComponent_Conditional_3_Template, 3, 0, "button", 2);
-            i0.ɵɵconditionalCreate(4, ControlsComponent_Conditional_4_Template, 3, 1, "button", 3);
-            i0.ɵɵprojection(5);
-            i0.ɵɵelementEnd()();
-        } if (rf & 2) {
-            i0.ɵɵproperty("position", ctx.position());
-            i0.ɵɵadvance();
-            i0.ɵɵclassProp("horizontal", ctx.orientation() === "horizontal");
-            i0.ɵɵattribute("aria-label", ctx.ariaLabel());
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showZoom() ? 2 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showFitView() ? 3 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showInteractive() ? 4 : -1);
-        } }, dependencies: [PanelComponent], encapsulation: 2, changeDetection: 0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ControlsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: ControlsComponent, isStandalone: true, selector: "ng-flow-controls", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, showZoom: { classPropertyName: "showZoom", publicName: "showZoom", isSignal: true, isRequired: false, transformFunction: null }, showFitView: { classPropertyName: "showFitView", publicName: "showFitView", isSignal: true, isRequired: false, transformFunction: null }, showInteractive: { classPropertyName: "showInteractive", publicName: "showInteractive", isSignal: true, isRequired: false, transformFunction: null }, fitViewOptions: { classPropertyName: "fitViewOptions", publicName: "fitViewOptions", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { zoomInClick: "zoomInClick", zoomOutClick: "zoomOutClick", fitViewClick: "fitViewClick", interactiveChange: "interactiveChange" }, ngImport: i0, template: `
+    <ng-flow-panel [position]="position()">
+      <div
+        class="ng-flow__controls xy-flow__controls"
+        [class.horizontal]="orientation() === 'horizontal'"
+        [attr.aria-label]="ariaLabel()"
+      >
+        @if (showZoom()) {
+          <button
+            type="button"
+            class="ng-flow__controls-button xy-flow__controls-button"
+            title="zoom in"
+            aria-label="zoom in"
+            (click)="onZoomIn()"
+          >
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true"><path d="M32 18.133H18.133V32h-4.266V18.133H0v-4.266h13.867V0h4.266v13.867H32z"/></svg>
+          </button>
+          <button
+            type="button"
+            class="ng-flow__controls-button xy-flow__controls-button"
+            title="zoom out"
+            aria-label="zoom out"
+            (click)="onZoomOut()"
+          >
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true"><path d="M0 13.867h32v4.266H0z"/></svg>
+          </button>
+        }
+        @if (showFitView()) {
+          <button
+            type="button"
+            class="ng-flow__controls-button xy-flow__controls-button"
+            title="fit view"
+            aria-label="fit view"
+            (click)="onFitView()"
+          >
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true"><path d="M3.692 4.63c0-.53.4-.938.939-.938h5.215V0H4.708C2.13 0 0 2.054 0 4.63v5.216h3.692V4.631zM27.354 0h-5.2v3.692h5.17c.53 0 .984.4.984.939v5.215H32V4.631A4.624 4.624 0 0027.354 0zm.954 24.83c0 .532-.4.94-.939.94h-5.215v3.768h5.215c2.577 0 4.631-2.13 4.631-4.707v-5.139h-3.692v5.139zm-23.677.94a.919.919 0 01-.939-.94v-5.138H0v5.139c0 2.577 2.13 4.707 4.708 4.707h5.138V25.77H4.631z"/></svg>
+          </button>
+        }
+        @if (showInteractive()) {
+          <button
+            type="button"
+            class="ng-flow__controls-button xy-flow__controls-button"
+            title="toggle interactivity"
+            aria-label="toggle interactivity"
+            [attr.aria-pressed]="isLocked()"
+            (click)="onToggleLock()"
+          >
+            @if (isLocked()) {
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 32" aria-hidden="true"><path d="M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0 8 0 4.571 3.429 4.571 7.619v3.048H3.048A3.056 3.056 0 000 13.714v15.238A3.056 3.056 0 003.048 32h18.285a3.056 3.056 0 003.048-3.048V13.714a3.056 3.056 0 00-3.048-3.047zM12.19 24.533a3.056 3.056 0 01-3.047-3.047 3.056 3.056 0 013.047-3.048 3.056 3.056 0 013.048 3.048 3.056 3.056 0 01-3.048 3.047zm4.724-13.866H7.467V7.619c0-2.59 2.133-4.724 4.723-4.724 2.591 0 4.724 2.133 4.724 4.724v3.048z"/></svg>
+            } @else {
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 32" aria-hidden="true"><path d="M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0c-4.114 1.828-1.37 2.133.305 2.438 1.676.305 4.42 2.59 4.42 5.181v3.048H3.047A3.056 3.056 0 000 13.714v15.238A3.056 3.056 0 003.048 32h18.285a3.056 3.056 0 003.048-3.048V13.714a3.056 3.056 0 00-3.048-3.047zM12.19 24.533a3.056 3.056 0 01-3.047-3.047 3.056 3.056 0 013.047-3.048 3.056 3.056 0 013.048 3.048 3.056 3.056 0 01-3.048 3.047z"/></svg>
+            }
+          </button>
+        }
+        <ng-content />
+      </div>
+    </ng-flow-panel>
+  `, isInline: true, dependencies: [{ kind: "component", type: PanelComponent, selector: "ng-flow-panel", inputs: ["position"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ControlsComponent, [{
-        type: Component,
-        args: [{
-                selector: 'ng-flow-controls',
-                standalone: true,
-                imports: [PanelComponent],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                template: `
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ControlsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ng-flow-controls',
+                    standalone: true,
+                    imports: [PanelComponent],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
     <ng-flow-panel [position]="position()">
       <div
         class="ng-flow__controls xy-flow__controls"
@@ -128,39 +117,48 @@ export class ControlsComponent {
       >
         @if (showZoom()) {
           <button
+            type="button"
             class="ng-flow__controls-button xy-flow__controls-button"
             title="zoom in"
+            aria-label="zoom in"
             (click)="onZoomIn()"
           >
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M32 18.133H18.133V32h-4.266V18.133H0v-4.266h13.867V0h4.266v13.867H32z"/></svg>
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true"><path d="M32 18.133H18.133V32h-4.266V18.133H0v-4.266h13.867V0h4.266v13.867H32z"/></svg>
           </button>
           <button
+            type="button"
             class="ng-flow__controls-button xy-flow__controls-button"
             title="zoom out"
+            aria-label="zoom out"
             (click)="onZoomOut()"
           >
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M0 13.867h32v4.266H0z"/></svg>
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true"><path d="M0 13.867h32v4.266H0z"/></svg>
           </button>
         }
         @if (showFitView()) {
           <button
+            type="button"
             class="ng-flow__controls-button xy-flow__controls-button"
             title="fit view"
+            aria-label="fit view"
             (click)="onFitView()"
           >
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M3.692 4.63c0-.53.4-.938.939-.938h5.215V0H4.708C2.13 0 0 2.054 0 4.63v5.216h3.692V4.631zM27.354 0h-5.2v3.692h5.17c.53 0 .984.4.984.939v5.215H32V4.631A4.624 4.624 0 0027.354 0zm.954 24.83c0 .532-.4.94-.939.94h-5.215v3.768h5.215c2.577 0 4.631-2.13 4.631-4.707v-5.139h-3.692v5.139zm-23.677.94a.919.919 0 01-.939-.94v-5.138H0v5.139c0 2.577 2.13 4.707 4.708 4.707h5.138V25.77H4.631z"/></svg>
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" aria-hidden="true"><path d="M3.692 4.63c0-.53.4-.938.939-.938h5.215V0H4.708C2.13 0 0 2.054 0 4.63v5.216h3.692V4.631zM27.354 0h-5.2v3.692h5.17c.53 0 .984.4.984.939v5.215H32V4.631A4.624 4.624 0 0027.354 0zm.954 24.83c0 .532-.4.94-.939.94h-5.215v3.768h5.215c2.577 0 4.631-2.13 4.631-4.707v-5.139h-3.692v5.139zm-23.677.94a.919.919 0 01-.939-.94v-5.138H0v5.139c0 2.577 2.13 4.707 4.708 4.707h5.138V25.77H4.631z"/></svg>
           </button>
         }
         @if (showInteractive()) {
           <button
+            type="button"
             class="ng-flow__controls-button xy-flow__controls-button"
             title="toggle interactivity"
+            aria-label="toggle interactivity"
+            [attr.aria-pressed]="isLocked()"
             (click)="onToggleLock()"
           >
             @if (isLocked()) {
-              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 32"><path d="M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0 8 0 4.571 3.429 4.571 7.619v3.048H3.048A3.056 3.056 0 000 13.714v15.238A3.056 3.056 0 003.048 32h18.285a3.056 3.056 0 003.048-3.048V13.714a3.056 3.056 0 00-3.048-3.047zM12.19 24.533a3.056 3.056 0 01-3.047-3.047 3.056 3.056 0 013.047-3.048 3.056 3.056 0 013.048 3.048 3.056 3.056 0 01-3.048 3.047zm4.724-13.866H7.467V7.619c0-2.59 2.133-4.724 4.723-4.724 2.591 0 4.724 2.133 4.724 4.724v3.048z"/></svg>
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 32" aria-hidden="true"><path d="M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0 8 0 4.571 3.429 4.571 7.619v3.048H3.048A3.056 3.056 0 000 13.714v15.238A3.056 3.056 0 003.048 32h18.285a3.056 3.056 0 003.048-3.048V13.714a3.056 3.056 0 00-3.048-3.047zM12.19 24.533a3.056 3.056 0 01-3.047-3.047 3.056 3.056 0 013.047-3.048 3.056 3.056 0 013.048 3.048 3.056 3.056 0 01-3.048 3.047zm4.724-13.866H7.467V7.619c0-2.59 2.133-4.724 4.723-4.724 2.591 0 4.724 2.133 4.724 4.724v3.048z"/></svg>
             } @else {
-              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 32"><path d="M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0c-4.114 1.828-1.37 2.133.305 2.438 1.676.305 4.42 2.59 4.42 5.181v3.048H3.047A3.056 3.056 0 000 13.714v15.238A3.056 3.056 0 003.048 32h18.285a3.056 3.056 0 003.048-3.048V13.714a3.056 3.056 0 00-3.048-3.047zM12.19 24.533a3.056 3.056 0 01-3.047-3.047 3.056 3.056 0 013.047-3.048 3.056 3.056 0 013.048 3.048 3.056 3.056 0 01-3.048 3.047z"/></svg>
+              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 25 32" aria-hidden="true"><path d="M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0c-4.114 1.828-1.37 2.133.305 2.438 1.676.305 4.42 2.59 4.42 5.181v3.048H3.047A3.056 3.056 0 000 13.714v15.238A3.056 3.056 0 003.048 32h18.285a3.056 3.056 0 003.048-3.048V13.714a3.056 3.056 0 00-3.048-3.047zM12.19 24.533a3.056 3.056 0 01-3.047-3.047 3.056 3.056 0 013.047-3.048 3.056 3.056 0 013.048 3.048 3.056 3.056 0 01-3.048 3.047z"/></svg>
             }
           </button>
         }
@@ -168,7 +166,6 @@ export class ControlsComponent {
       </div>
     </ng-flow-panel>
   `,
-            }]
-    }], null, { position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], showZoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "showZoom", required: false }] }], showFitView: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFitView", required: false }] }], showInteractive: [{ type: i0.Input, args: [{ isSignal: true, alias: "showInteractive", required: false }] }], fitViewOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "fitViewOptions", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], zoomInClick: [{ type: i0.Output, args: ["zoomInClick"] }], zoomOutClick: [{ type: i0.Output, args: ["zoomOutClick"] }], fitViewClick: [{ type: i0.Output, args: ["fitViewClick"] }], interactiveChange: [{ type: i0.Output, args: ["interactiveChange"] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ControlsComponent, { className: "ControlsComponent", filePath: "lib/components/controls/controls.component.ts", lineNumber: 62 }); })();
+                }]
+        }], propDecorators: { position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], showZoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "showZoom", required: false }] }], showFitView: [{ type: i0.Input, args: [{ isSignal: true, alias: "showFitView", required: false }] }], showInteractive: [{ type: i0.Input, args: [{ isSignal: true, alias: "showInteractive", required: false }] }], fitViewOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "fitViewOptions", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], zoomInClick: [{ type: i0.Output, args: ["zoomInClick"] }], zoomOutClick: [{ type: i0.Output, args: ["zoomOutClick"] }], fitViewClick: [{ type: i0.Output, args: ["fitViewClick"] }], interactiveChange: [{ type: i0.Output, args: ["interactiveChange"] }] } });
 //# sourceMappingURL=controls.component.js.map

package/dist/esm/lib/components/controls/controls.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"controls.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/controls/controls.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAElG,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;;;;;IAehD,iCAIC;IADC,qLAAS,iBAAU,KAAC;;IAEpB,8BAA4D;IAAA,0BAAiF;IAC/I,AAD+I,iBAAM,EAC5I;;IACT,iCAIC;IADC,qLAAS,kBAAW,KAAC;;IAErB,8BAA4D;IAAA,0BAAiC;IAC/F,AAD+F,iBAAM,EAC5F;;;;IAGT,iCAIC;IADC,qLAAS,kBAAW,KAAC;;IAErB,8BAA4D;IAAA,2BAAqY;IACnc,AADmc,iBAAM,EAChc;;;;IASL,+BAA4D;IAAA,2BAA0c;IAAA,iBAAM;;;;IAE5gB,+BAA4D;IAAA,2BAAgZ;IAAA,iBAAM;;;;IARtd,kCAIC;IADC,qLAAS,qBAAc,KAAC;IAItB,AAFF,uGAAkB,iFAET;IAGX,iBAAS;;;IALP,cAIC;IAJD,2CAIC;;AAQb,MAAM,OAAO,iBAAiB;IAvD9B;QAwDU,UAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAC1B,kBAAa,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;QAErC,aAAQ,GAAG,KAAK,CAAgB,aAAa,+EAAC,CAAC;QAC/C,aAAQ,GAAG,KAAK,CAAC,IAAI,+EAAC,CAAC;QACvB,gBAAW,GAAG,KAAK,CAAC,IAAI,kFAAC,CAAC;QAC1B,oBAAe,GAAG,KAAK,CAAC,IAAI,sFAAC,CAAC;QAC9B,mBAAc,GAAG,KAAK,+FAA2B,CAAC;QAClD,gBAAW,GAAG,KAAK,CAA4B,UAAU,kFAAC,CAAC;QAC3D,cAAS,GAAG,KAAK,CAAS,uBAAuB,gFAAC,CAAC;QAE5D,mBAAmB;QACV,gBAAW,GAAG,MAAM,EAAQ,CAAC;QAC7B,iBAAY,GAAG,MAAM,EAAQ,CAAC;QAC9B,iBAAY,GAAG,MAAM,EAAQ,CAAC;QAC9B,sBAAiB,GAAG,MAAM,EAAW,CAAC;QAEtC,aAAQ,GAAG,MAAM,CAAC,KAAK,+EAAC,CAAC;KAyBnC;IAvBC,QAAQ;QACN,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC;QAC5B,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;IAC1B,CAAC;IAED,SAAS;QACP,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;QAC7B,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;IAC3B,CAAC;IAED,SAAS;QACP,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;QAClD,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;IAC3B,CAAC;IAED,YAAY;QACV,MAAM,MAAM,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;QAChC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAC1B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC;QACvC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC;QACzC,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC;QAC3C,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;IACvC,CAAC;kHA1CU,iBAAiB;oEAAjB,iBAAiB;;YAhDxB,AADF,wCAAuC,aAKpC;YACC,yEAAkB;YAgBlB,sFAAqB;YASrB,sFAAyB;YAazB,kBAAc;YAElB,AADE,iBAAM,EACQ;;YA9CD,yCAAuB;YAGlC,cAAmD;YAAnD,gEAAmD;;YAGnD,cAeC;YAfD,yCAeC;YACD,cAQC;YARD,4CAQC;YACD,cAYC;YAZD,gDAYC;4BA9CG,cAAc;;iFAoDb,iBAAiB;cAvD7B,SAAS;eAAC;gBACT,QAAQ,EAAE,kBAAkB;gBAC5B,UAAU,EAAE,IAAI;gBAChB,OAAO,EAAE,CAAC,cAAc,CAAC;gBACzB,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgDT;aACF;;kFACY,iBAAiB"}
+{"version":3,"file":"controls.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/controls/controls.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAElG,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;;AAkE1D,MAAM,OAAO,iBAAiB;IAhE9B;QAiEU,UAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAC1B,kBAAa,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;QAErC,aAAQ,GAAG,KAAK,CAAgB,aAAa,+EAAC,CAAC;QAC/C,aAAQ,GAAG,KAAK,CAAC,IAAI,+EAAC,CAAC;QACvB,gBAAW,GAAG,KAAK,CAAC,IAAI,kFAAC,CAAC;QAC1B,oBAAe,GAAG,KAAK,CAAC,IAAI,sFAAC,CAAC;QAC9B,mBAAc,GAAG,KAAK,+FAA2B,CAAC;QAClD,gBAAW,GAAG,KAAK,CAA4B,UAAU,kFAAC,CAAC;QAC3D,cAAS,GAAG,KAAK,CAAS,uBAAuB,gFAAC,CAAC;QAE5D,mBAAmB;QACV,gBAAW,GAAG,MAAM,EAAQ,CAAC;QAC7B,iBAAY,GAAG,MAAM,EAAQ,CAAC;QAC9B,iBAAY,GAAG,MAAM,EAAQ,CAAC;QAC9B,sBAAiB,GAAG,MAAM,EAAW,CAAC;QAEtC,aAAQ,GAAG,MAAM,CAAC,KAAK,+EAAC,CAAC;KAyBnC;IAvBC,QAAQ;QACN,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC;QAC5B,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;IAC1B,CAAC;IAED,SAAS;QACP,IAAI,CAAC,aAAa,CAAC,OAAO,EAAE,CAAC;QAC7B,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;IAC3B,CAAC;IAED,SAAS;QACP,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,CAAC;QAClD,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;IAC3B,CAAC;IAED,YAAY;QACV,MAAM,MAAM,GAAG,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;QAChC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAC1B,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC;QACvC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC;QACzC,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,CAAC;QAC3C,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;IACvC,CAAC;8GA1CU,iBAAiB;kGAAjB,iBAAiB,wqCA3DlB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDT,4DA3DS,cAAc;;2FA6Db,iBAAiB;kBAhE7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;oBAC5B,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,cAAc,CAAC;oBACzB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyDT;iBACF"}

package/dist/esm/lib/components/edge-label-renderer/edge-label-renderer.component.js

@@ -1,24 +1,19 @@
 import { Component, ChangeDetectionStrategy } from '@angular/core';
 import * as i0 from "@angular/core";
-const _c0 = ["*"];
 export class EdgeLabelRendererComponent {
-    static { this.ɵfac = function EdgeLabelRendererComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || EdgeLabelRendererComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EdgeLabelRendererComponent, selectors: [["ng-flow-edge-label-renderer"]], hostAttrs: [1, "ng-flow__edgelabel-renderer", "xy-flow__edgelabel-renderer"], ngContentSelectors: _c0, decls: 1, vars: 0, template: function EdgeLabelRendererComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: EdgeLabelRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: EdgeLabelRendererComponent, isStandalone: true, selector: "ng-flow-edge-label-renderer", host: { classAttribute: "ng-flow__edgelabel-renderer xy-flow__edgelabel-renderer" }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EdgeLabelRendererComponent, [{
-        type: Component,
-        args: [{
-                selector: 'ng-flow-edge-label-renderer',
-                standalone: true,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                host: {
-                    'class': 'ng-flow__edgelabel-renderer xy-flow__edgelabel-renderer',
-                },
-                template: `<ng-content />`,
-            }]
-    }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EdgeLabelRendererComponent, { className: "EdgeLabelRendererComponent", filePath: "lib/components/edge-label-renderer/edge-label-renderer.component.ts", lineNumber: 12 }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: EdgeLabelRendererComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ng-flow-edge-label-renderer',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        'class': 'ng-flow__edgelabel-renderer xy-flow__edgelabel-renderer',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }] });
 //# sourceMappingURL=edge-label-renderer.component.js.map

package/dist/esm/lib/components/edge-label-renderer/edge-label-renderer.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"edge-label-renderer.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/edge-label-renderer/edge-label-renderer.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;;;AAWnE,MAAM,OAAO,0BAA0B;2HAA1B,0BAA0B;oEAA1B,0BAA0B;;YAF1B,kBAAc;;;iFAEd,0BAA0B;cATtC,SAAS;eAAC;gBACT,QAAQ,EAAE,6BAA6B;gBACvC,UAAU,EAAE,IAAI;gBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,IAAI,EAAE;oBACJ,OAAO,EAAE,yDAAyD;iBACnE;gBACD,QAAQ,EAAE,gBAAgB;aAC3B;;kFACY,0BAA0B"}
+{"version":3,"file":"edge-label-renderer.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/edge-label-renderer/edge-label-renderer.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;;AAWnE,MAAM,OAAO,0BAA0B;8GAA1B,0BAA0B;kGAA1B,0BAA0B,4KAF3B,gBAAgB;;2FAEf,0BAA0B;kBATtC,SAAS;mBAAC;oBACT,QAAQ,EAAE,6BAA6B;oBACvC,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,IAAI,EAAE;wBACJ,OAAO,EAAE,yDAAyD;qBACnE;oBACD,QAAQ,EAAE,gBAAgB;iBAC3B"}

package/dist/esm/lib/components/edge-toolbar/edge-toolbar.component.js

@@ -2,7 +2,6 @@ import { Component, ChangeDetectionStrategy, input, inject, computed } from '@an
 import { getEdgeToolbarTransform } from '@angflow/system';
 import { FlowStore } from '../../services/flow-store.service';
 import * as i0 from "@angular/core";
-const _c0 = ["*"];
 export class EdgeToolbarComponent {
     constructor() {
         this.store = inject(FlowStore);
@@ -34,31 +33,25 @@ export class EdgeToolbarComponent {
             return getEdgeToolbarTransform(this.x(), this.y(), zoom, this.alignX(), this.alignY());
         }, ...(ngDevMode ? [{ debugName: "toolbarTransform" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = function EdgeToolbarComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || EdgeToolbarComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: EdgeToolbarComponent, selectors: [["ng-flow-edge-toolbar"]], hostAttrs: [1, "ng-flow__edge-toolbar", "xy-flow__edge-toolbar"], hostVars: 12, hostBindings: function EdgeToolbarComponent_HostBindings(rf, ctx) { if (rf & 2) {
-            i0.ɵɵstyleProp("display", ctx.shouldShow() ? "block" : "none")("position", "absolute")("transform", ctx.toolbarTransform())("transform-origin", "0 0")("z-index", ctx.zIndex())("pointer-events", "all");
-        } }, inputs: { edgeId: [1, "edgeId"], x: [1, "x"], y: [1, "y"], alignX: [1, "alignX"], alignY: [1, "alignY"], isVisible: [1, "isVisible"] }, ngContentSelectors: _c0, decls: 1, vars: 0, template: function EdgeToolbarComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵprojectionDef();
-            i0.ɵɵprojection(0);
-        } }, encapsulation: 2, changeDetection: 0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: EdgeToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.6", type: EdgeToolbarComponent, isStandalone: true, selector: "ng-flow-edge-toolbar", inputs: { edgeId: { classPropertyName: "edgeId", publicName: "edgeId", isSignal: true, isRequired: true, transformFunction: null }, x: { classPropertyName: "x", publicName: "x", isSignal: true, isRequired: true, transformFunction: null }, y: { classPropertyName: "y", publicName: "y", isSignal: true, isRequired: true, transformFunction: null }, alignX: { classPropertyName: "alignX", publicName: "alignX", isSignal: true, isRequired: false, transformFunction: null }, alignY: { classPropertyName: "alignY", publicName: "alignY", isSignal: true, isRequired: false, transformFunction: null }, isVisible: { classPropertyName: "isVisible", publicName: "isVisible", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.display": "shouldShow() ? \"block\" : \"none\"", "style.position": "\"absolute\"", "style.transform": "toolbarTransform()", "style.transform-origin": "\"0 0\"", "style.z-index": "zIndex()", "style.pointer-events": "\"all\"" }, classAttribute: "ng-flow__edge-toolbar xy-flow__edge-toolbar" }, ngImport: i0, template: `<ng-content />`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(EdgeToolbarComponent, [{
-        type: Component,
-        args: [{
-                selector: 'ng-flow-edge-toolbar',
-                standalone: true,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                host: {
-                    'class': 'ng-flow__edge-toolbar xy-flow__edge-toolbar',
-                    '[style.display]': 'shouldShow() ? "block" : "none"',
-                    '[style.position]': '"absolute"',
-                    '[style.transform]': 'toolbarTransform()',
-                    '[style.transform-origin]': '"0 0"',
-                    '[style.z-index]': 'zIndex()',
-                    '[style.pointer-events]': '"all"',
-                },
-                template: `<ng-content />`,
-            }]
-    }], null, { edgeId: [{ type: i0.Input, args: [{ isSignal: true, alias: "edgeId", required: true }] }], x: [{ type: i0.Input, args: [{ isSignal: true, alias: "x", required: true }] }], y: [{ type: i0.Input, args: [{ isSignal: true, alias: "y", required: true }] }], alignX: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignX", required: false }] }], alignY: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignY", required: false }] }], isVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "isVisible", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(EdgeToolbarComponent, { className: "EdgeToolbarComponent", filePath: "lib/components/edge-toolbar/edge-toolbar.component.ts", lineNumber: 20 }); })();
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: EdgeToolbarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ng-flow-edge-toolbar',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        'class': 'ng-flow__edge-toolbar xy-flow__edge-toolbar',
+                        '[style.display]': 'shouldShow() ? "block" : "none"',
+                        '[style.position]': '"absolute"',
+                        '[style.transform]': 'toolbarTransform()',
+                        '[style.transform-origin]': '"0 0"',
+                        '[style.z-index]': 'zIndex()',
+                        '[style.pointer-events]': '"all"',
+                    },
+                    template: `<ng-content />`,
+                }]
+        }], propDecorators: { edgeId: [{ type: i0.Input, args: [{ isSignal: true, alias: "edgeId", required: true }] }], x: [{ type: i0.Input, args: [{ isSignal: true, alias: "x", required: true }] }], y: [{ type: i0.Input, args: [{ isSignal: true, alias: "y", required: true }] }], alignX: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignX", required: false }] }], alignY: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignY", required: false }] }], isVisible: [{ type: i0.Input, args: [{ isSignal: true, alias: "isVisible", required: false }] }] } });
 //# sourceMappingURL=edge-toolbar.component.js.map

package/dist/esm/lib/components/edge-toolbar/edge-toolbar.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"edge-toolbar.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/edge-toolbar/edge-toolbar.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC5F,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;;;AAiB9D,MAAM,OAAO,oBAAoB;IAfjC;QAgBmB,UAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAE3C,kDAAkD;QACzC,WAAM,GAAG,KAAK,CAAC,QAAQ,4EAAU,CAAC;QAE3C,+CAA+C;QACtC,MAAC,GAAG,KAAK,CAAC,QAAQ,uEAAU,CAAC;QAEtC,6CAA6C;QACpC,MAAC,GAAG,KAAK,CAAC,QAAQ,uEAAU,CAAC;QAEtC,+CAA+C;QACtC,WAAM,GAAG,KAAK,CAA8B,QAAQ,6EAAC,CAAC;QAE/D,6CAA6C;QACpC,WAAM,GAAG,KAAK,CAA8B,QAAQ,6EAAC,CAAC;QAE/D,0EAA0E;QACjE,cAAS,GAAG,KAAK,CAAsB,SAAS,gFAAC,CAAC;QAElD,eAAU,GAAG,QAAQ,CAAC,GAAG,EAAE;YAClC,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;YAC7B,IAAI,GAAG,KAAK,SAAS;gBAAE,OAAO,GAAG,CAAC;YAClC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;YAClE,OAAO,IAAI,EAAE,QAAQ,IAAI,KAAK,CAAC;QACjC,CAAC,iFAAC,CAAC;QAEM,WAAM,GAAG,QAAQ,CAAC,GAAG,EAAE;YAC9B,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;YAClE,OAAO,CAAE,IAAY,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;QAC1C,CAAC,6EAAC,CAAC;QAEM,qBAAgB,GAAG,QAAQ,CAAC,GAAG,EAAE;YACxC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;YACvC,OAAO,uBAAuB,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QACzF,CAAC,uFAAC,CAAC;KACJ;qHArCY,oBAAoB;oEAApB,oBAAoB;YAApB,0BAAA,gBAAY,GAAG,OAAO,GACjC,MAAM,CADyB,aAApB,UAAU,CAAU,cAApB,sBAAkB,CAAE,qBAApB,KAAK,CAAe,YAApB,YAAQ,CAAY,mBAApB,KAAK,CAAe;;;YAFpB,kBAAc;;;iFAEd,oBAAoB;cAfhC,SAAS;eAAC;gBACT,QAAQ,EAAE,sBAAsB;gBAChC,UAAU,EAAE,IAAI;gBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,IAAI,EAAE;oBACJ,OAAO,EAAE,6CAA6C;oBACtD,iBAAiB,EAAE,iCAAiC;oBACpD,kBAAkB,EAAE,YAAY;oBAChC,mBAAmB,EAAE,oBAAoB;oBACzC,0BAA0B,EAAE,OAAO;oBACnC,iBAAiB,EAAE,UAAU;oBAC7B,wBAAwB,EAAE,OAAO;iBAClC;gBACD,QAAQ,EAAE,gBAAgB;aAC3B;;kFACY,oBAAoB"}
+{"version":3,"file":"edge-toolbar.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/edge-toolbar/edge-toolbar.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC5F,OAAO,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;;AAiB9D,MAAM,OAAO,oBAAoB;IAfjC;QAgBmB,UAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAE3C,kDAAkD;QACzC,WAAM,GAAG,KAAK,CAAC,QAAQ,4EAAU,CAAC;QAE3C,+CAA+C;QACtC,MAAC,GAAG,KAAK,CAAC,QAAQ,uEAAU,CAAC;QAEtC,6CAA6C;QACpC,MAAC,GAAG,KAAK,CAAC,QAAQ,uEAAU,CAAC;QAEtC,+CAA+C;QACtC,WAAM,GAAG,KAAK,CAA8B,QAAQ,6EAAC,CAAC;QAE/D,6CAA6C;QACpC,WAAM,GAAG,KAAK,CAA8B,QAAQ,6EAAC,CAAC;QAE/D,0EAA0E;QACjE,cAAS,GAAG,KAAK,CAAsB,SAAS,gFAAC,CAAC;QAElD,eAAU,GAAG,QAAQ,CAAC,GAAG,EAAE;YAClC,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;YAC7B,IAAI,GAAG,KAAK,SAAS;gBAAE,OAAO,GAAG,CAAC;YAClC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;YAClE,OAAO,IAAI,EAAE,QAAQ,IAAI,KAAK,CAAC;QACjC,CAAC,iFAAC,CAAC;QAEM,WAAM,GAAG,QAAQ,CAAC,GAAG,EAAE;YAC9B,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;YAClE,OAAO,CAAE,IAAY,EAAE,MAAM,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC;QAC1C,CAAC,6EAAC,CAAC;QAEM,qBAAgB,GAAG,QAAQ,CAAC,GAAG,EAAE;YACxC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC;YACvC,OAAO,uBAAuB,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QACzF,CAAC,uFAAC,CAAC;KACJ;8GArCY,oBAAoB;kGAApB,oBAAoB,umCAFrB,gBAAgB;;2FAEf,oBAAoB;kBAfhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,sBAAsB;oBAChC,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,IAAI,EAAE;wBACJ,OAAO,EAAE,6CAA6C;wBACtD,iBAAiB,EAAE,iCAAiC;wBACpD,kBAAkB,EAAE,YAAY;wBAChC,mBAAmB,EAAE,oBAAoB;wBACzC,0BAA0B,EAAE,OAAO;wBACnC,iBAAiB,EAAE,UAAU;wBAC7B,wBAAwB,EAAE,OAAO;qBAClC;oBACD,QAAQ,EAAE,gBAAgB;iBAC3B"}

package/dist/esm/lib/components/edges/base-edge.component.js

@@ -1,11 +1,5 @@
 import { Component, ChangeDetectionStrategy, input, NO_ERRORS_SCHEMA } from '@angular/core';
 import * as i0 from "@angular/core";
-function BaseEdgeComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵdomElement(0, "path", 0);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵattribute("d", ctx_r0.path())("stroke-width", ctx_r0.interactionWidth());
-} }
 export class BaseEdgeComponent {
     constructor() {
         this.path = input.required(...(ngDevMode ? [{ debugName: "path" }] : /* istanbul ignore next */ []));
@@ -14,25 +8,35 @@ export class BaseEdgeComponent {
         this.style = input(...(ngDevMode ? [undefined, { debugName: "style" }] : /* istanbul ignore next */ []));
         this.interactionWidth = input(20, ...(ngDevMode ? [{ debugName: "interactionWidth" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = function BaseEdgeComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BaseEdgeComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BaseEdgeComponent, selectors: [["ng-flow-base-edge"]], hostAttrs: [2, "display", "contents"], inputs: { path: [1, "path"], markerStart: [1, "markerStart"], markerEnd: [1, "markerEnd"], style: [1, "style"], interactionWidth: [1, "interactionWidth"] }, decls: 2, vars: 5, consts: [["fill", "none", "stroke", "transparent", 1, "xy-flow__edge-interaction"], [1, "xy-flow__edge-path"]], template: function BaseEdgeComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, BaseEdgeComponent_Conditional_0_Template, 1, 2, "path", 0);
-            i0.ɵɵdomElement(1, "path", 1);
-        } if (rf & 2) {
-            i0.ɵɵconditional(ctx.interactionWidth() ? 0 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵattribute("d", ctx.path())("marker-start", ctx.markerStart())("marker-end", ctx.markerEnd())("style", ctx.style(), i0.ɵɵsanitizeStyle);
-        } }, encapsulation: 2, changeDetection: 0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: BaseEdgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: BaseEdgeComponent, isStandalone: true, selector: "ng-flow-base-edge", inputs: { path: { classPropertyName: "path", publicName: "path", isSignal: true, isRequired: true, transformFunction: null }, markerStart: { classPropertyName: "markerStart", publicName: "markerStart", isSignal: true, isRequired: false, transformFunction: null }, markerEnd: { classPropertyName: "markerEnd", publicName: "markerEnd", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, interactionWidth: { classPropertyName: "interactionWidth", publicName: "interactionWidth", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `
+    @if (interactionWidth()) {
+      <path
+        class="xy-flow__edge-interaction"
+        [attr.d]="path()"
+        fill="none"
+        stroke="transparent"
+        [attr.stroke-width]="interactionWidth()"
+      />
+    }
+    <path
+      class="xy-flow__edge-path"
+      [attr.d]="path()"
+      [attr.marker-start]="markerStart()"
+      [attr.marker-end]="markerEnd()"
+      [attr.style]="style()"
+    />
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BaseEdgeComponent, [{
-        type: Component,
-        args: [{
-                selector: 'ng-flow-base-edge',
-                standalone: true,
-                schemas: [NO_ERRORS_SCHEMA],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                host: { 'style': 'display: contents;' },
-                template: `
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: BaseEdgeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ng-flow-base-edge',
+                    standalone: true,
+                    schemas: [NO_ERRORS_SCHEMA],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { 'style': 'display: contents;' },
+                    template: `
     @if (interactionWidth()) {
       <path
         class="xy-flow__edge-interaction"
@@ -50,7 +54,6 @@ export class BaseEdgeComponent {
       [attr.style]="style()"
     />
   `,
-            }]
-    }], null, { path: [{ type: i0.Input, args: [{ isSignal: true, alias: "path", required: true }] }], markerStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "markerStart", required: false }] }], markerEnd: [{ type: i0.Input, args: [{ isSignal: true, alias: "markerEnd", required: false }] }], style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], interactionWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactionWidth", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BaseEdgeComponent, { className: "BaseEdgeComponent", filePath: "lib/components/edges/base-edge.component.ts", lineNumber: 28 }); })();
+                }]
+        }], propDecorators: { path: [{ type: i0.Input, args: [{ isSignal: true, alias: "path", required: true }] }], markerStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "markerStart", required: false }] }], markerEnd: [{ type: i0.Input, args: [{ isSignal: true, alias: "markerEnd", required: false }] }], style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], interactionWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactionWidth", required: false }] }] } });
 //# sourceMappingURL=base-edge.component.js.map

package/dist/esm/lib/components/edges/base-edge.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"base-edge.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/edges/base-edge.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;;;IAUtF,6BAME;;;;;AAWR,MAAM,OAAO,iBAAiB;IAzB9B;QA0BW,SAAI,GAAG,KAAK,CAAC,QAAQ,0EAAU,CAAC;QAChC,gBAAW,GAAG,KAAK,4FAAU,CAAC;QAC9B,cAAS,GAAG,KAAK,0FAAU,CAAC;QAC5B,UAAK,GAAG,KAAK,sFAAU,CAAC;QACxB,qBAAgB,GAAG,KAAK,CAAS,EAAE,uFAAC,CAAC;KAC/C;kHANY,iBAAiB;oEAAjB,iBAAiB;YAlB1B,oFAA0B;YAS1B,6BAME;;YAfF,iDAQC;YAGC,cAAiB;;;;iFAOV,iBAAiB;cAzB7B,SAAS;eAAC;gBACT,QAAQ,EAAE,mBAAmB;gBAC7B,UAAU,EAAE,IAAI;gBAChB,OAAO,EAAE,CAAC,gBAAgB,CAAC;gBAC3B,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,IAAI,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE;gBACvC,QAAQ,EAAE;;;;;;;;;;;;;;;;;GAiBT;aACF;;kFACY,iBAAiB"}
+{"version":3,"file":"base-edge.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/edges/base-edge.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;;AA2B5F,MAAM,OAAO,iBAAiB;IAzB9B;QA0BW,SAAI,GAAG,KAAK,CAAC,QAAQ,0EAAU,CAAC;QAChC,gBAAW,GAAG,KAAK,4FAAU,CAAC;QAC9B,cAAS,GAAG,KAAK,0FAAU,CAAC;QAC5B,UAAK,GAAG,KAAK,sFAAU,CAAC;QACxB,qBAAgB,GAAG,KAAK,CAAS,EAAE,uFAAC,CAAC;KAC/C;8GANY,iBAAiB;kGAAjB,iBAAiB,4xBAnBlB;;;;;;;;;;;;;;;;;GAiBT;;2FAEU,iBAAiB;kBAzB7B,SAAS;mBAAC;oBACT,QAAQ,EAAE,mBAAmB;oBAC7B,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,gBAAgB,CAAC;oBAC3B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,IAAI,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE;oBACvC,QAAQ,EAAE;;;;;;;;;;;;;;;;;GAiBT;iBACF"}

package/dist/esm/lib/components/edges/bezier-edge.component.js

@@ -39,22 +39,25 @@ export class BezierEdgeComponent {
             return path;
         }, ...(ngDevMode ? [{ debugName: "edgePath" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = function BezierEdgeComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BezierEdgeComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BezierEdgeComponent, selectors: [["ng-flow-bezier-edge"]], hostAttrs: [2, "display", "contents"], inputs: { id: [1, "id"], source: [1, "source"], target: [1, "target"], type: [1, "type"], animated: [1, "animated"], selected: [1, "selected"], data: [1, "data"], label: [1, "label"], sourceX: [1, "sourceX"], sourceY: [1, "sourceY"], targetX: [1, "targetX"], targetY: [1, "targetY"], sourcePosition: [1, "sourcePosition"], targetPosition: [1, "targetPosition"], markerStart: [1, "markerStart"], markerEnd: [1, "markerEnd"], interactionWidth: [1, "interactionWidth"], pathOptions: [1, "pathOptions"], sourceHandleId: [1, "sourceHandleId"], targetHandleId: [1, "targetHandleId"], selectable: [1, "selectable"], deletable: [1, "deletable"] }, decls: 1, vars: 4, consts: [[3, "path", "markerStart", "markerEnd", "interactionWidth"]], template: function BezierEdgeComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelement(0, "ng-flow-base-edge", 0);
-        } if (rf & 2) {
-            i0.ɵɵproperty("path", ctx.edgePath())("markerStart", ctx.markerStart())("markerEnd", ctx.markerEnd())("interactionWidth", ctx.interactionWidth() ?? 20);
-        } }, dependencies: [BaseEdgeComponent], encapsulation: 2, changeDetection: 0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: BezierEdgeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.6", type: BezierEdgeComponent, isStandalone: true, selector: "ng-flow-bezier-edge", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, source: { classPropertyName: "source", publicName: "source", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, animated: { classPropertyName: "animated", publicName: "animated", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, sourceX: { classPropertyName: "sourceX", publicName: "sourceX", isSignal: true, isRequired: false, transformFunction: null }, sourceY: { classPropertyName: "sourceY", publicName: "sourceY", isSignal: true, isRequired: false, transformFunction: null }, targetX: { classPropertyName: "targetX", publicName: "targetX", isSignal: true, isRequired: false, transformFunction: null }, targetY: { classPropertyName: "targetY", publicName: "targetY", isSignal: true, isRequired: false, transformFunction: null }, sourcePosition: { classPropertyName: "sourcePosition", publicName: "sourcePosition", isSignal: true, isRequired: false, transformFunction: null }, targetPosition: { classPropertyName: "targetPosition", publicName: "targetPosition", isSignal: true, isRequired: false, transformFunction: null }, markerStart: { classPropertyName: "markerStart", publicName: "markerStart", isSignal: true, isRequired: false, transformFunction: null }, markerEnd: { classPropertyName: "markerEnd", publicName: "markerEnd", isSignal: true, isRequired: false, transformFunction: null }, interactionWidth: { classPropertyName: "interactionWidth", publicName: "interactionWidth", isSignal: true, isRequired: false, transformFunction: null }, pathOptions: { classPropertyName: "pathOptions", publicName: "pathOptions", isSignal: true, isRequired: false, transformFunction: null }, sourceHandleId: { classPropertyName: "sourceHandleId", publicName: "sourceHandleId", isSignal: true, isRequired: false, transformFunction: null }, targetHandleId: { classPropertyName: "targetHandleId", publicName: "targetHandleId", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, deletable: { classPropertyName: "deletable", publicName: "deletable", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `
+    <ng-flow-base-edge
+      [path]="edgePath()"
+      [markerStart]="markerStart()"
+      [markerEnd]="markerEnd()"
+      [interactionWidth]="interactionWidth() ?? 20"
+    />
+  `, isInline: true, dependencies: [{ kind: "component", type: BaseEdgeComponent, selector: "ng-flow-base-edge", inputs: ["path", "markerStart", "markerEnd", "style", "interactionWidth"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BezierEdgeComponent, [{
-        type: Component,
-        args: [{
-                selector: 'ng-flow-bezier-edge',
-                standalone: true,
-                imports: [BaseEdgeComponent],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                host: { 'style': 'display: contents;' },
-                template: `
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: BezierEdgeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ng-flow-bezier-edge',
+                    standalone: true,
+                    imports: [BaseEdgeComponent],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: { 'style': 'display: contents;' },
+                    template: `
     <ng-flow-base-edge
       [path]="edgePath()"
       [markerStart]="markerStart()"
@@ -62,7 +65,6 @@ export class BezierEdgeComponent {
       [interactionWidth]="interactionWidth() ?? 20"
     />
   `,
-            }]
-    }], null, { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], source: [{ type: i0.Input, args: [{ isSignal: true, alias: "source", required: false }] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], animated: [{ type: i0.Input, args: [{ isSignal: true, alias: "animated", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], sourceX: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceX", required: false }] }], sourceY: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceY", required: false }] }], targetX: [{ type: i0.Input, args: [{ isSignal: true, alias: "targetX", required: false }] }], targetY: [{ type: i0.Input, args: [{ isSignal: true, alias: "targetY", required: false }] }], sourcePosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourcePosition", required: false }] }], targetPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "targetPosition", required: false }] }], markerStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "markerStart", required: false }] }], markerEnd: [{ type: i0.Input, args: [{ isSignal: true, alias: "markerEnd", required: false }] }], interactionWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactionWidth", required: false }] }], pathOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "pathOptions", required: false }] }], sourceHandleId: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceHandleId", required: false }] }], targetHandleId: [{ type: i0.Input, args: [{ isSignal: true, alias: "targetHandleId", required: false }] }], selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], deletable: [{ type: i0.Input, args: [{ isSignal: true, alias: "deletable", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BezierEdgeComponent, { className: "BezierEdgeComponent", filePath: "lib/components/edges/bezier-edge.component.ts", lineNumber: 20 }); })();
+                }]
+        }], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], source: [{ type: i0.Input, args: [{ isSignal: true, alias: "source", required: false }] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], animated: [{ type: i0.Input, args: [{ isSignal: true, alias: "animated", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], sourceX: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceX", required: false }] }], sourceY: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceY", required: false }] }], targetX: [{ type: i0.Input, args: [{ isSignal: true, alias: "targetX", required: false }] }], targetY: [{ type: i0.Input, args: [{ isSignal: true, alias: "targetY", required: false }] }], sourcePosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourcePosition", required: false }] }], targetPosition: [{ type: i0.Input, args: [{ isSignal: true, alias: "targetPosition", required: false }] }], markerStart: [{ type: i0.Input, args: [{ isSignal: true, alias: "markerStart", required: false }] }], markerEnd: [{ type: i0.Input, args: [{ isSignal: true, alias: "markerEnd", required: false }] }], interactionWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "interactionWidth", required: false }] }], pathOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "pathOptions", required: false }] }], sourceHandleId: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceHandleId", required: false }] }], targetHandleId: [{ type: i0.Input, args: [{ isSignal: true, alias: "targetHandleId", required: false }] }], selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], deletable: [{ type: i0.Input, args: [{ isSignal: true, alias: "deletable", required: false }] }] } });
 //# sourceMappingURL=bezier-edge.component.js.map

package/dist/esm/lib/components/edges/bezier-edge.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"bezier-edge.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/edges/bezier-edge.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAA0B,MAAM,iBAAiB,CAAC;AAClF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;;AAiB1D,MAAM,OAAO,mBAAmB;IAfhC;QAgBW,OAAE,GAAG,KAAK,mFAAU,CAAC;QACrB,WAAM,GAAG,KAAK,uFAAU,CAAC;QACzB,WAAM,GAAG,KAAK,uFAAU,CAAC;QACzB,SAAI,GAAG,KAAK,qFAAU,CAAC;QACvB,aAAQ,GAAG,KAAK,CAAC,KAAK,+EAAC,CAAC;QACxB,aAAQ,GAAG,KAAK,CAAC,KAAK,+EAAC,CAAC;QACxB,SAAI,GAAG,KAAK,qFAAO,CAAC;QACpB,UAAK,GAAG,KAAK,sFAAU,CAAC;QACxB,YAAO,GAAG,KAAK,CAAC,CAAC,8EAAC,CAAC;QACnB,YAAO,GAAG,KAAK,CAAC,CAAC,8EAAC,CAAC;QACnB,YAAO,GAAG,KAAK,CAAC,CAAC,8EAAC,CAAC;QACnB,YAAO,GAAG,KAAK,CAAC,CAAC,8EAAC,CAAC;QACnB,mBAAc,GAAG,KAAK,CAAW,QAAQ,CAAC,MAAM,qFAAC,CAAC;QAClD,mBAAc,GAAG,KAAK,CAAW,QAAQ,CAAC,GAAG,qFAAC,CAAC;QAC/C,gBAAW,GAAG,KAAK,4FAAU,CAAC;QAC9B,cAAS,GAAG,KAAK,0FAAU,CAAC;QAC5B,qBAAgB,GAAG,KAAK,iGAAU,CAAC;QACnC,gBAAW,GAAG,KAAK,4FAAqB,CAAC;QACzC,mBAAc,GAAG,KAAK,+FAAiB,CAAC;QACxC,mBAAc,GAAG,KAAK,+FAAiB,CAAC;QACxC,eAAU,GAAG,KAAK,2FAAW,CAAC;QAC9B,cAAS,GAAG,KAAK,0FAAW,CAAC;QAE7B,aAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE;YAChC,MAAM,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC;gBAC3B,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;gBACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;gBACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;gBACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;gBACvB,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE;gBACrC,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE;gBACrC,GAAG,IAAI,CAAC,WAAW,EAAE;aACtB,CAAC,CAAC;YACH,OAAO,IAAI,CAAC;QACd,CAAC,+EAAC,CAAC;KACJ;oHApCY,mBAAmB;oEAAnB,mBAAmB;YAR5B,uCAKE;;YADA,AADA,AADA,AADA,qCAAmB,kCACU,8BACJ,kDACoB;4BARvC,iBAAiB;;iFAYhB,mBAAmB;cAf/B,SAAS;eAAC;gBACT,QAAQ,EAAE,qBAAqB;gBAC/B,UAAU,EAAE,IAAI;gBAChB,OAAO,EAAE,CAAC,iBAAiB,CAAC;gBAC5B,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,IAAI,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE;gBACvC,QAAQ,EAAE;;;;;;;GAOT;aACF;;kFACY,mBAAmB"}
+{"version":3,"file":"bezier-edge.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/edges/bezier-edge.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAA0B,MAAM,iBAAiB,CAAC;AAClF,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;;AAiB1D,MAAM,OAAO,mBAAmB;IAfhC;QAgBW,OAAE,GAAG,KAAK,mFAAU,CAAC;QACrB,WAAM,GAAG,KAAK,uFAAU,CAAC;QACzB,WAAM,GAAG,KAAK,uFAAU,CAAC;QACzB,SAAI,GAAG,KAAK,qFAAU,CAAC;QACvB,aAAQ,GAAG,KAAK,CAAC,KAAK,+EAAC,CAAC;QACxB,aAAQ,GAAG,KAAK,CAAC,KAAK,+EAAC,CAAC;QACxB,SAAI,GAAG,KAAK,qFAAO,CAAC;QACpB,UAAK,GAAG,KAAK,sFAAU,CAAC;QACxB,YAAO,GAAG,KAAK,CAAC,CAAC,8EAAC,CAAC;QACnB,YAAO,GAAG,KAAK,CAAC,CAAC,8EAAC,CAAC;QACnB,YAAO,GAAG,KAAK,CAAC,CAAC,8EAAC,CAAC;QACnB,YAAO,GAAG,KAAK,CAAC,CAAC,8EAAC,CAAC;QACnB,mBAAc,GAAG,KAAK,CAAW,QAAQ,CAAC,MAAM,qFAAC,CAAC;QAClD,mBAAc,GAAG,KAAK,CAAW,QAAQ,CAAC,GAAG,qFAAC,CAAC;QAC/C,gBAAW,GAAG,KAAK,4FAAU,CAAC;QAC9B,cAAS,GAAG,KAAK,0FAAU,CAAC;QAC5B,qBAAgB,GAAG,KAAK,iGAAU,CAAC;QACnC,gBAAW,GAAG,KAAK,4FAAqB,CAAC;QACzC,mBAAc,GAAG,KAAK,+FAAiB,CAAC;QACxC,mBAAc,GAAG,KAAK,+FAAiB,CAAC;QACxC,eAAU,GAAG,KAAK,2FAAW,CAAC;QAC9B,cAAS,GAAG,KAAK,0FAAW,CAAC;QAE7B,aAAQ,GAAG,QAAQ,CAAC,GAAG,EAAE;YAChC,MAAM,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC;gBAC3B,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;gBACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;gBACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;gBACvB,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;gBACvB,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE;gBACrC,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE;gBACrC,GAAG,IAAI,CAAC,WAAW,EAAE;aACtB,CAAC,CAAC;YACH,OAAO,IAAI,CAAC;QACd,CAAC,+EAAC,CAAC;KACJ;8GApCY,mBAAmB;kGAAnB,mBAAmB,o9FATpB;;;;;;;GAOT,4DAVS,iBAAiB;;2FAYhB,mBAAmB;kBAf/B,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,iBAAiB,CAAC;oBAC5B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,IAAI,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE;oBACvC,QAAQ,EAAE;;;;;;;GAOT;iBACF"}