@angflow/angular 0.0.1 → 0.0.2

package/dist/esm/lib/components/a11y-descriptions/a11y-descriptions.component.js

@@ -9,36 +9,26 @@ export class A11yDescriptionsComponent {
     get rfId() {
         return this.store.rfId();
     }
-    static { this.ɵfac = function A11yDescriptionsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || A11yDescriptionsComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: A11yDescriptionsComponent, selectors: [["ng-flow-a11y-descriptions"]], hostAttrs: [2, "position", "absolute", "width", "1px", "height", "1px", "margin", "-1px", "padding", "0", "overflow", "hidden", "clip", "rect(0,0,0,0)", "border", "0"], decls: 6, vars: 5, consts: [[1, "xy-flow__sr-only", 3, "id"]], template: function A11yDescriptionsComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵdomElementStart(0, "div", 0);
-            i0.ɵɵtext(1);
-            i0.ɵɵdomElementEnd();
-            i0.ɵɵdomElementStart(2, "div", 0);
-            i0.ɵɵtext(3);
-            i0.ɵɵdomElementEnd();
-            i0.ɵɵdomElementStart(4, "div", 0);
-            i0.ɵɵtext(5, " Edge connection ");
-            i0.ɵɵdomElementEnd();
-        } if (rf & 2) {
-            i0.ɵɵdomProperty("id", ctx.rfId + "-node-desc");
-            i0.ɵɵadvance();
-            i0.ɵɵtextInterpolate1(" ", ctx.config()["node.a11yDescription.default"], " ");
-            i0.ɵɵadvance();
-            i0.ɵɵdomProperty("id", ctx.rfId + "-handle-desc");
-            i0.ɵɵadvance();
-            i0.ɵɵtextInterpolate1(" ", ctx.config()["handle.ariaLabel"], " ");
-            i0.ɵɵadvance();
-            i0.ɵɵdomProperty("id", ctx.rfId + "-edge-desc");
-        } }, encapsulation: 2, changeDetection: 0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: A11yDescriptionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: A11yDescriptionsComponent, isStandalone: true, selector: "ng-flow-a11y-descriptions", host: { styleAttribute: "position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0;" }, ngImport: i0, template: `
+    <div [id]="rfId + '-node-desc'" class="xy-flow__sr-only">
+      {{ config()['node.a11yDescription.default'] }}
+    </div>
+    <div [id]="rfId + '-handle-desc'" class="xy-flow__sr-only">
+      {{ config()['handle.ariaLabel'] }}
+    </div>
+    <div [id]="rfId + '-edge-desc'" class="xy-flow__sr-only">
+      Edge connection
+    </div>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(A11yDescriptionsComponent, [{
-        type: Component,
-        args: [{
-                selector: 'ng-flow-a11y-descriptions',
-                standalone: true,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                template: `
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: A11yDescriptionsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ng-flow-a11y-descriptions',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
     <div [id]="rfId + '-node-desc'" class="xy-flow__sr-only">
       {{ config()['node.a11yDescription.default'] }}
     </div>
@@ -49,10 +39,9 @@ export class A11yDescriptionsComponent {
       Edge connection
     </div>
   `,
-                host: {
-                    'style': 'position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0;',
-                },
-            }]
-    }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(A11yDescriptionsComponent, { className: "A11yDescriptionsComponent", filePath: "lib/components/a11y-descriptions/a11y-descriptions.component.ts", lineNumber: 23 }); })();
+                    host: {
+                        'style': 'position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); border: 0;',
+                    },
+                }]
+        }] });
 //# sourceMappingURL=a11y-descriptions.component.js.map

package/dist/esm/lib/components/a11y-descriptions/a11y-descriptions.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"a11y-descriptions.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/a11y-descriptions/a11y-descriptions.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;;AAqB9D,MAAM,OAAO,yBAAyB;IAnBtC;QAoBU,UAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAMzB,WAAM,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC;KAC9C;IALC,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAC3B,CAAC;0HALU,yBAAyB;oEAAzB,yBAAyB;YAdlC,iCAAyD;YACvD,YACF;YAAA,oBAAM;YACN,iCAA2D;YACzD,YACF;YAAA,oBAAM;YACN,iCAAyD;YACvD,iCACF;YAAA,oBAAM;;YARD,+CAA0B;YAC7B,cACF;YADE,6EACF;YACK,cAA4B;YAA5B,iDAA4B;YAC/B,cACF;YADE,iEACF;YACK,cAA0B;YAA1B,+CAA0B;;;iFAQtB,yBAAyB;cAnBrC,SAAS;eAAC;gBACT,QAAQ,EAAE,2BAA2B;gBACrC,UAAU,EAAE,IAAI;gBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,QAAQ,EAAE;;;;;;;;;;GAUT;gBACD,IAAI,EAAE;oBACJ,OAAO,EAAE,0HAA0H;iBACpI;aACF;;kFACY,yBAAyB"}
+{"version":3,"file":"a11y-descriptions.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/a11y-descriptions/a11y-descriptions.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;;AAqB9D,MAAM,OAAO,yBAAyB;IAnBtC;QAoBU,UAAK,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAMzB,WAAM,GAAG,IAAI,CAAC,KAAK,CAAC,eAAe,CAAC;KAC9C;IALC,IAAI,IAAI;QACN,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IAC3B,CAAC;8GALU,yBAAyB;kGAAzB,yBAAyB,2OAf1B;;;;;;;;;;GAUT;;2FAKU,yBAAyB;kBAnBrC,SAAS;mBAAC;oBACT,QAAQ,EAAE,2BAA2B;oBACrC,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE;;;;;;;;;;GAUT;oBACD,IAAI,EAAE;wBACJ,OAAO,EAAE,0HAA0H;qBACpI;iBACF"}

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

@@ -2,21 +2,26 @@ import { Component, ChangeDetectionStrategy } from '@angular/core';
 import { PanelComponent } from '../panel/panel.component';
 import * as i0 from "@angular/core";
 export class AttributionComponent {
-    static { this.ɵfac = function AttributionComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AttributionComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AttributionComponent, selectors: [["ng-flow-attribution"]], decls: 3, vars: 0, consts: [["position", "bottom-right"], [1, "ng-flow__attribution", "xy-flow__attribution", 2, "font-size", "10px", "color", "#999", "pointer-events", "all"]], template: function AttributionComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "ng-flow-panel", 0)(1, "span", 1);
-            i0.ɵɵtext(2, " ngflow ");
-            i0.ɵɵelementEnd()();
-        } }, dependencies: [PanelComponent], encapsulation: 2, changeDetection: 0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: AttributionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.6", type: AttributionComponent, isStandalone: true, selector: "ng-flow-attribution", ngImport: i0, template: `
+    <ng-flow-panel position="bottom-right">
+      <span
+        class="ng-flow__attribution xy-flow__attribution"
+        style="font-size: 10px; color: #999; pointer-events: all;"
+      >
+        ngflow
+      </span>
+    </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(AttributionComponent, [{
-        type: Component,
-        args: [{
-                selector: 'ng-flow-attribution',
-                standalone: true,
-                imports: [PanelComponent],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                template: `
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: AttributionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ng-flow-attribution',
+                    standalone: true,
+                    imports: [PanelComponent],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
     <ng-flow-panel position="bottom-right">
       <span
         class="ng-flow__attribution xy-flow__attribution"
@@ -26,7 +31,6 @@ export class AttributionComponent {
       </span>
     </ng-flow-panel>
   `,
-            }]
-    }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AttributionComponent, { className: "AttributionComponent", filePath: "lib/components/attribution/attribution.component.ts", lineNumber: 20 }); })();
+                }]
+        }] });
 //# sourceMappingURL=attribution.component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"attribution.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/attribution/attribution.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;;AAkB1D,MAAM,OAAO,oBAAoB;qHAApB,oBAAoB;oEAApB,oBAAoB;YAT3B,AADF,wCAAuC,cAIpC;YACC,wBACF;YACF,AADE,iBAAO,EACO;4BAVR,cAAc;;iFAab,oBAAoB;cAhBhC,SAAS;eAAC;gBACT,QAAQ,EAAE,qBAAqB;gBAC/B,UAAU,EAAE,IAAI;gBAChB,OAAO,EAAE,CAAC,cAAc,CAAC;gBACzB,eAAe,EAAE,uBAAuB,CAAC,MAAM;gBAC/C,QAAQ,EAAE;;;;;;;;;GAST;aACF;;kFACY,oBAAoB"}
+{"version":3,"file":"attribution.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/attribution/attribution.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;;AAkB1D,MAAM,OAAO,oBAAoB;8GAApB,oBAAoB;kGAApB,oBAAoB,+EAXrB;;;;;;;;;GAST,4DAXS,cAAc;;2FAab,oBAAoB;kBAhBhC,SAAS;mBAAC;oBACT,QAAQ,EAAE,qBAAqB;oBAC/B,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,cAAc,CAAC;oBACzB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,QAAQ,EAAE;;;;;;;;;GAST;iBACF"}

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

@@ -1,49 +1,6 @@
 import { Component, ChangeDetectionStrategy, input, inject, computed } from '@angular/core';
 import { FlowStore } from '../../services/flow-store.service';
 import * as i0 from "@angular/core";
-function BackgroundComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵdomElement(0, "rect", 1);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵattribute("fill", ctx_r0.bgColor());
-} }
-function BackgroundComponent_Case_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵdomElementStart(0, "pattern", 2);
-    i0.ɵɵdomElement(1, "circle");
-    i0.ɵɵdomElementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵattribute("id", ctx_r0.patternId())("x", ctx_r0.patternOffset().x)("y", ctx_r0.patternOffset().y)("width", ctx_r0.scaledGapX())("height", ctx_r0.scaledGapY());
-    i0.ɵɵadvance();
-    i0.ɵɵclassMap("xy-flow__background-pattern dots " + (ctx_r0.patternClassName() ?? ""));
-    i0.ɵɵattribute("cx", ctx_r0.size() * ctx_r0.zoom())("cy", ctx_r0.size() * ctx_r0.zoom())("r", ctx_r0.size() * ctx_r0.zoom())("fill", ctx_r0.color());
-} }
-function BackgroundComponent_Case_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵdomElementStart(0, "pattern", 2);
-    i0.ɵɵdomElement(1, "path");
-    i0.ɵɵdomElementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵattribute("id", ctx_r0.patternId())("x", ctx_r0.patternOffset().x)("y", ctx_r0.patternOffset().y)("width", ctx_r0.scaledGapX())("height", ctx_r0.scaledGapY());
-    i0.ɵɵadvance();
-    i0.ɵɵclassMap("xy-flow__background-pattern lines " + (ctx_r0.patternClassName() ?? ""));
-    i0.ɵɵattribute("stroke", ctx_r0.color())("stroke-width", ctx_r0.resolvedLineWidth() * ctx_r0.zoom())("d", "M " + ctx_r0.scaledGapX() + " 0 L 0 0 0 " + ctx_r0.scaledGapY());
-} }
-function BackgroundComponent_Case_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵdomElementStart(0, "pattern", 2);
-    i0.ɵɵdomElement(1, "path");
-    i0.ɵɵdomElementEnd();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵattribute("id", ctx_r0.patternId())("x", ctx_r0.patternOffset().x)("y", ctx_r0.patternOffset().y)("width", ctx_r0.scaledGapX())("height", ctx_r0.scaledGapY());
-    i0.ɵɵadvance();
-    i0.ɵɵclassMap("xy-flow__background-pattern cross " + (ctx_r0.patternClassName() ?? ""));
-    i0.ɵɵattribute("stroke", ctx_r0.color())("stroke-width", ctx_r0.resolvedLineWidth() * ctx_r0.zoom())("d", ctx_r0.crossPath());
-} }
 export class BackgroundComponent {
     constructor() {
         this.store = inject(FlowStore);
@@ -101,38 +58,90 @@ export class BackgroundComponent {
             return `M ${halfGX - s} ${halfGY} L ${halfGX + s} ${halfGY} M ${halfGX} ${halfGY - s} L ${halfGX} ${halfGY + s}`;
         }, ...(ngDevMode ? [{ debugName: "crossPath" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = function BackgroundComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || BackgroundComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: BackgroundComponent, selectors: [["ng-flow-background"]], hostAttrs: [1, "ng-flow__background", "xy-flow__background", "xy-flow__container", 2, "display", "block", "position", "absolute", "width", "100%", "height", "100%", "top", "0", "left", "0", "pointer-events", "none", "z-index", "-1"], inputs: { variant: [1, "variant"], gap: [1, "gap"], size: [1, "size"], lineWidth: [1, "lineWidth"], offset: [1, "offset"], color: [1, "color"], bgColor: [1, "bgColor"], patternClassName: [1, "patternClassName"], bgId: [1, "id", "bgId"] }, decls: 7, vars: 7, consts: [[1, "ng-flow__background-svg"], ["x", "0", "y", "0", "width", "100%", "height", "100%"], ["patternUnits", "userSpaceOnUse"]], template: function BackgroundComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵnamespaceSVG();
-            i0.ɵɵdomElementStart(0, "svg", 0);
-            i0.ɵɵconditionalCreate(1, BackgroundComponent_Conditional_1_Template, 1, 1, ":svg:rect", 1);
-            i0.ɵɵdomElementStart(2, "defs");
-            i0.ɵɵconditionalCreate(3, BackgroundComponent_Case_3_Template, 2, 11, ":svg:pattern", 2)(4, BackgroundComponent_Case_4_Template, 2, 10, ":svg:pattern", 2)(5, BackgroundComponent_Case_5_Template, 2, 10, ":svg:pattern", 2);
-            i0.ɵɵdomElementEnd();
-            i0.ɵɵdomElement(6, "rect", 1);
-            i0.ɵɵdomElementEnd();
-        } if (rf & 2) {
-            let tmp_3_0;
-            i0.ɵɵstyleProp("width", "100%")("height", "100%");
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.bgColor() ? 1 : -1);
-            i0.ɵɵadvance(2);
-            i0.ɵɵconditional((tmp_3_0 = ctx.variant()) === "dots" ? 3 : tmp_3_0 === "lines" ? 4 : tmp_3_0 === "cross" ? 5 : -1);
-            i0.ɵɵadvance(3);
-            i0.ɵɵattribute("fill", "url(#" + ctx.patternId() + ")");
-        } }, encapsulation: 2, changeDetection: 0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: BackgroundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: BackgroundComponent, isStandalone: true, selector: "ng-flow-background", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, gap: { classPropertyName: "gap", publicName: "gap", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, lineWidth: { classPropertyName: "lineWidth", publicName: "lineWidth", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, patternClassName: { classPropertyName: "patternClassName", publicName: "patternClassName", isSignal: true, isRequired: false, transformFunction: null }, bgId: { classPropertyName: "bgId", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; z-index: -1;", classAttribute: "ng-flow__background xy-flow__background xy-flow__container" }, ngImport: i0, template: `
+    <svg
+      class="ng-flow__background-svg"
+      [style.width]="'100%'"
+      [style.height]="'100%'"
+    >
+      @if (bgColor()) {
+        <rect x="0" y="0" width="100%" height="100%" [attr.fill]="bgColor()" />
+      }
+      <defs>
+        @switch (variant()) {
+          @case ('dots') {
+            <pattern
+              [attr.id]="patternId()"
+              [attr.x]="patternOffset().x"
+              [attr.y]="patternOffset().y"
+              [attr.width]="scaledGapX()"
+              [attr.height]="scaledGapY()"
+              patternUnits="userSpaceOnUse"
+            >
+              <circle
+                [class]="'xy-flow__background-pattern dots ' + (patternClassName() ?? '')"
+                [attr.cx]="size() * zoom()"
+                [attr.cy]="size() * zoom()"
+                [attr.r]="size() * zoom()"
+                [attr.fill]="color()"
+              />
+            </pattern>
+          }
+          @case ('lines') {
+            <pattern
+              [attr.id]="patternId()"
+              [attr.x]="patternOffset().x"
+              [attr.y]="patternOffset().y"
+              [attr.width]="scaledGapX()"
+              [attr.height]="scaledGapY()"
+              patternUnits="userSpaceOnUse"
+            >
+              <path
+                [class]="'xy-flow__background-pattern lines ' + (patternClassName() ?? '')"
+                [attr.stroke]="color()"
+                [attr.stroke-width]="resolvedLineWidth() * zoom()"
+                [attr.d]="'M ' + scaledGapX() + ' 0 L 0 0 0 ' + scaledGapY()"
+              />
+            </pattern>
+          }
+          @case ('cross') {
+            <pattern
+              [attr.id]="patternId()"
+              [attr.x]="patternOffset().x"
+              [attr.y]="patternOffset().y"
+              [attr.width]="scaledGapX()"
+              [attr.height]="scaledGapY()"
+              patternUnits="userSpaceOnUse"
+            >
+              <path
+                [class]="'xy-flow__background-pattern cross ' + (patternClassName() ?? '')"
+                [attr.stroke]="color()"
+                [attr.stroke-width]="resolvedLineWidth() * zoom()"
+                [attr.d]="crossPath()"
+              />
+            </pattern>
+          }
+        }
+      </defs>
+      <rect
+        x="0" y="0" width="100%" height="100%"
+        [attr.fill]="'url(#' + patternId() + ')'"
+      />
+    </svg>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(BackgroundComponent, [{
-        type: Component,
-        args: [{
-                selector: 'ng-flow-background',
-                standalone: true,
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                host: {
-                    'class': 'ng-flow__background xy-flow__background xy-flow__container',
-                    'style': 'display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; z-index: -1;',
-                },
-                template: `
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: BackgroundComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ng-flow-background',
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        'class': 'ng-flow__background xy-flow__background xy-flow__container',
+                        'style': 'display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; z-index: -1;',
+                    },
+                    template: `
     <svg
       class="ng-flow__background-svg"
       [style.width]="'100%'"
@@ -203,7 +212,6 @@ export class BackgroundComponent {
       />
     </svg>
   `,
-            }]
-    }], null, { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], lineWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "lineWidth", required: false }] }], offset: [{ type: i0.Input, args: [{ isSignal: true, alias: "offset", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], bgColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgColor", required: false }] }], patternClassName: [{ type: i0.Input, args: [{ isSignal: true, alias: "patternClassName", required: false }] }], bgId: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(BackgroundComponent, { className: "BackgroundComponent", filePath: "lib/components/background/background.component.ts", lineNumber: 86 }); })();
+                }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], gap: [{ type: i0.Input, args: [{ isSignal: true, alias: "gap", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], lineWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "lineWidth", required: false }] }], offset: [{ type: i0.Input, args: [{ isSignal: true, alias: "offset", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], bgColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "bgColor", required: false }] }], patternClassName: [{ type: i0.Input, args: [{ isSignal: true, alias: "patternClassName", required: false }] }], bgId: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }] } });
 //# sourceMappingURL=background.component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"background.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/background/background.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"background.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/background/background.component.ts"],"names":[],"mappings":"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"}

package/dist/esm/lib/components/connection-line/connection-line.component.js

@@ -4,31 +4,6 @@ import { getBezierPath, getSmoothStepPath, getStraightPath, ConnectionLineType,
 import { FlowStore } from '../../services/flow-store.service';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-function ConnectionLineComponent_Conditional_0_Conditional_0_ng_container_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0);
-} }
-function ConnectionLineComponent_Conditional_0_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵtemplate(0, ConnectionLineComponent_Conditional_0_Conditional_0_ng_container_0_Template, 1, 0, "ng-container", 1);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("ngComponentOutlet", ctx_r0.customComponent())("ngComponentOutletInputs", ctx_r0.connectionProps());
-} }
-function ConnectionLineComponent_Conditional_0_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(0, "svg", 0)(1, "g");
-    i0.ɵɵelement(2, "path", 2);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(2);
-    i0.ɵɵattribute("d", ctx_r0.connectionPath());
-} }
-function ConnectionLineComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, ConnectionLineComponent_Conditional_0_Conditional_0_Template, 1, 2, "ng-container")(1, ConnectionLineComponent_Conditional_0_Conditional_1_Template, 3, 1, ":svg:svg", 0);
-} if (rf & 2) {
-    const ctx_r0 = i0.ɵɵnextContext();
-    i0.ɵɵconditional(ctx_r0.customComponent() ? 0 : 1);
-} }
 export class ConnectionLineComponent {
     constructor() {
         this.store = inject(FlowStore);
@@ -103,24 +78,39 @@ export class ConnectionLineComponent {
             }
         }, ...(ngDevMode ? [{ debugName: "connectionPath" }] : /* istanbul ignore next */ []));
     }
-    static { this.ɵfac = function ConnectionLineComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ConnectionLineComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ConnectionLineComponent, selectors: [["ng-flow-connection-line"]], hostAttrs: [2, "display", "contents"], inputs: { customComponent: [1, "customComponent"], connectionLineType: [1, "connectionLineType"] }, decls: 1, vars: 1, consts: [[1, "ng-flow__connectionline", "xy-flow__connectionline", 2, "overflow", "visible", "position", "absolute", "width", "100%", "height", "100%", "pointer-events", "none"], [4, "ngComponentOutlet", "ngComponentOutletInputs"], ["fill", "none", 1, "ng-flow__connection-path", "xy-flow__connection-path"]], template: function ConnectionLineComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵconditionalCreate(0, ConnectionLineComponent_Conditional_0_Template, 2, 1);
-        } if (rf & 2) {
-            i0.ɵɵconditional(ctx.isConnecting() ? 0 : -1);
-        } }, dependencies: [CommonModule, i1.NgComponentOutlet], encapsulation: 2, changeDetection: 0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ConnectionLineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.6", type: ConnectionLineComponent, isStandalone: true, selector: "ng-flow-connection-line", inputs: { customComponent: { classPropertyName: "customComponent", publicName: "customComponent", isSignal: true, isRequired: false, transformFunction: null }, connectionLineType: { classPropertyName: "connectionLineType", publicName: "connectionLineType", isSignal: true, isRequired: false, transformFunction: null } }, host: { styleAttribute: "display: contents;" }, ngImport: i0, template: `
+    @if (isConnecting()) {
+      @if (customComponent()) {
+        <ng-container
+          *ngComponentOutlet="customComponent(); inputs: connectionProps()"
+        />
+      } @else {
+        <svg class="ng-flow__connectionline xy-flow__connectionline"
+             style="overflow: visible; position: absolute; width: 100%; height: 100%; pointer-events: none;">
+          <g>
+            <path
+              class="ng-flow__connection-path xy-flow__connection-path"
+              [attr.d]="connectionPath()"
+              fill="none"
+            />
+          </g>
+        </svg>
+      }
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ConnectionLineComponent, [{
-        type: Component,
-        args: [{
-                selector: 'ng-flow-connection-line',
-                standalone: true,
-                imports: [CommonModule, NgComponentOutlet],
-                changeDetection: ChangeDetectionStrategy.OnPush,
-                host: {
-                    'style': 'display: contents;',
-                },
-                template: `
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.6", ngImport: i0, type: ConnectionLineComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'ng-flow-connection-line',
+                    standalone: true,
+                    imports: [CommonModule, NgComponentOutlet],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        'style': 'display: contents;',
+                    },
+                    template: `
     @if (isConnecting()) {
       @if (customComponent()) {
         <ng-container
@@ -140,7 +130,6 @@ export class ConnectionLineComponent {
       }
     }
   `,
-            }]
-    }], null, { customComponent: [{ type: i0.Input, args: [{ isSignal: true, alias: "customComponent", required: false }] }], connectionLineType: [{ type: i0.Input, args: [{ isSignal: true, alias: "connectionLineType", required: false }] }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ConnectionLineComponent, { className: "ConnectionLineComponent", filePath: "lib/components/connection-line/connection-line.component.ts", lineNumber: 35 }); })();
+                }]
+        }], propDecorators: { customComponent: [{ type: i0.Input, args: [{ isSignal: true, alias: "customComponent", required: false }] }], connectionLineType: [{ type: i0.Input, args: [{ isSignal: true, alias: "connectionLineType", required: false }] }] } });
 //# sourceMappingURL=connection-line.component.js.map

package/dist/esm/lib/components/connection-line/connection-line.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"connection-line.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/connection-line/connection-line.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"connection-line.component.js","sourceRoot":"","sources":["../../../../../src/lib/components/connection-line/connection-line.component.ts"],"names":[],"mappings":"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"}