@angflow/angular 0.0.15 → 0.0.18

package/dist/esm/lib/utils/position-tween.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"position-tween.js","sourceRoot":"","sources":["../../../../src/lib/utils/position-tween.ts"],"names":[],"mappings":"AAEA,wIAAwI;AACxI,MAAM,UAAU,cAAc,CAAC,CAAS;IACtC,OAAO,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;AACnE,CAAC;AAWD,mFAAmF;AACnF,MAAM,UAAU,WAAW,CAAC,KAAiB,EAAE,GAAW;IACxD,wFAAwF;IACxF,IAAI,KAAK,CAAC,QAAQ,IAAI,CAAC,EAAE,CAAC;QACxB,OAAO,EAAE,QAAQ,EAAE,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IACpE,CAAC;IACD,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,GAAG,GAAG,KAAK,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IACzE,MAAM,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;IAC5B,OAAO;QACL,QAAQ,EAAE;YACR,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;YACjD,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;SAClD;QACD,IAAI,EAAE,CAAC,IAAI,CAAC;KACb,CAAC;AACJ,CAAC;AAED,+EAA+E;AAC/E,MAAM,UAAU,oBAAoB;IAClC,OAAO,OAAO,MAAM,KAAK,WAAW,IAAI,MAAM,CAAC,UAAU,EAAE,CAAC,kCAAkC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;AACpH,CAAC"}

package/dist/esm/lib/utils/template-interpolation.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Dotted-path interpolation for node template specs.
+ *
+ * Security stance: the only "language" is `data(.identifier)*`. No brackets,
+ * no calls, no expressions. Resolution walks own-properties only, so
+ * `data.constructor` / prototype-chain access resolves to undefined. Callers
+ * must render results via text bindings — never innerHTML.
+ */
+/** Resolve a dotted `data.x.y` path against a node's `data`. Unknown → undefined. */
+export declare function resolveTemplatePath(expr: string, data: unknown): unknown;
+/** Replace every `{{…}}` token in `template` with its resolved value (or '').
+ * Only `data.x` paths resolve to a value; all other expressions resolve to ''. */
+export declare function interpolateTemplateString(template: string, data: unknown): string;
+/** Evaluate a `showIf` condition: undefined → true; otherwise truthiness of the path. */
+export declare function isTemplateConditionTrue(expr: string | undefined, data: unknown): boolean;
+//# sourceMappingURL=template-interpolation.d.ts.map

package/dist/esm/lib/utils/template-interpolation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"template-interpolation.d.ts","sourceRoot":"","sources":["../../../../src/lib/utils/template-interpolation.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,qFAAqF;AACrF,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,OAAO,CAWxE;AAED;kFACkF;AAClF,wBAAgB,yBAAyB,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,MAAM,CAajF;AAED,yFAAyF;AACzF,wBAAgB,uBAAuB,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,EAAE,IAAI,EAAE,OAAO,GAAG,OAAO,CAGxF"}

package/dist/esm/lib/utils/template-interpolation.js

@@ -0,0 +1,51 @@
+/**
+ * Dotted-path interpolation for node template specs.
+ *
+ * Security stance: the only "language" is `data(.identifier)*`. No brackets,
+ * no calls, no expressions. Resolution walks own-properties only, so
+ * `data.constructor` / prototype-chain access resolves to undefined. Callers
+ * must render results via text bindings — never innerHTML.
+ */
+const PATH_RE = /^data(\.[A-Za-z_$][\w$]*)*$/;
+/** Resolve a dotted `data.x.y` path against a node's `data`. Unknown → undefined. */
+export function resolveTemplatePath(expr, data) {
+    if (!PATH_RE.test(expr))
+        return undefined;
+    const segments = expr.split('.').slice(1); // drop the leading 'data'
+    let current = data;
+    if (current === null || current === undefined)
+        return undefined;
+    for (const seg of segments) {
+        if (current === null || typeof current !== 'object')
+            return undefined;
+        if (!Object.prototype.hasOwnProperty.call(current, seg))
+            return undefined;
+        current = current[seg];
+    }
+    return current;
+}
+/** Replace every `{{…}}` token in `template` with its resolved value (or '').
+ * Only `data.x` paths resolve to a value; all other expressions resolve to ''. */
+export function interpolateTemplateString(template, data) {
+    return template.replace(/\{\{\s*([^}]+?)\s*\}\}/g, (_match, expr) => {
+        const value = resolveTemplatePath(expr, data);
+        if (value === null || value === undefined)
+            return '';
+        if (typeof value === 'object') {
+            try {
+                return JSON.stringify(value);
+            }
+            catch {
+                return '';
+            }
+        }
+        return String(value);
+    });
+}
+/** Evaluate a `showIf` condition: undefined → true; otherwise truthiness of the path. */
+export function isTemplateConditionTrue(expr, data) {
+    if (expr === undefined)
+        return true;
+    return !!resolveTemplatePath(expr, data);
+}
+//# sourceMappingURL=template-interpolation.js.map

package/dist/esm/lib/utils/template-interpolation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"template-interpolation.js","sourceRoot":"","sources":["../../../../src/lib/utils/template-interpolation.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,MAAM,OAAO,GAAG,6BAA6B,CAAC;AAE9C,qFAAqF;AACrF,MAAM,UAAU,mBAAmB,CAAC,IAAY,EAAE,IAAa;IAC7D,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;QAAE,OAAO,SAAS,CAAC;IAC1C,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,0BAA0B;IACrE,IAAI,OAAO,GAAY,IAAI,CAAC;IAC5B,IAAI,OAAO,KAAK,IAAI,IAAI,OAAO,KAAK,SAAS;QAAE,OAAO,SAAS,CAAC;IAChE,KAAK,MAAM,GAAG,IAAI,QAAQ,EAAE,CAAC;QAC3B,IAAI,OAAO,KAAK,IAAI,IAAI,OAAO,OAAO,KAAK,QAAQ;YAAE,OAAO,SAAS,CAAC;QACtE,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC;YAAE,OAAO,SAAS,CAAC;QAC1E,OAAO,GAAI,OAAmC,CAAC,GAAG,CAAC,CAAC;IACtD,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC;AAED;kFACkF;AAClF,MAAM,UAAU,yBAAyB,CAAC,QAAgB,EAAE,IAAa;IACvE,OAAO,QAAQ,CAAC,OAAO,CAAC,yBAAyB,EAAE,CAAC,MAAM,EAAE,IAAY,EAAE,EAAE;QAC1E,MAAM,KAAK,GAAG,mBAAmB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QAC9C,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS;YAAE,OAAO,EAAE,CAAC;QACrD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,IAAI,CAAC;gBACH,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;YAC/B,CAAC;YAAC,MAAM,CAAC;gBACP,OAAO,EAAE,CAAC;YACZ,CAAC;QACH,CAAC;QACD,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,CAAC,CAAC;AACL,CAAC;AAED,yFAAyF;AACzF,MAAM,UAAU,uBAAuB,CAAC,IAAwB,EAAE,IAAa;IAC7E,IAAI,IAAI,KAAK,SAAS;QAAE,OAAO,IAAI,CAAC;IACpC,OAAO,CAAC,CAAC,mBAAmB,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;AAC3C,CAAC"}

package/dist/style.css

@@ -1143,6 +1143,24 @@ svg.xy-flow__connectionline {
 }
 
 
+/* Entry animation — applied by the node renderer when [animate] is enabled.
+   Uses the standalone `scale` property so it composes with the inline
+   translate() transform instead of overriding it. */
+.xy-flow__node-enter {
+  animation: xy-flow-node-enter 300ms ease both;
+  transform-origin: 50% 50%;
+}
+
+@keyframes xy-flow-node-enter {
+  from { opacity: 0; scale: 0.92; }
+  to   { opacity: 1; scale: 1; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .xy-flow__node-enter { animation: none; }
+}
+
+
 .xy-flow__node-input,
 .xy-flow__node-default,
 .xy-flow__node-output,

package/package.json

@@ -1,66 +1,78 @@
-{
-  "name": "@angflow/angular",
-  "version": "0.0.15",
-  "type": "module",
-  "description": "Angular Flow - A highly customizable Angular library for building node-based editors and interactive flow charts.",
-  "keywords": [
-    "angular",
-    "node-based UI",
-    "graph",
-    "diagram",
-    "workflow",
-    "angular-flow",
-    "angflow"
-  ],
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/angflow/angflow.git",
-    "directory": "packages/angular"
-  },
-  "files": [
-    "dist"
-  ],
-  "main": "dist/esm/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/esm/index.d.ts",
-  "exports": {
-    "./package.json": "./package.json",
-    ".": {
-      "types": "./dist/esm/index.d.ts",
-      "default": "./dist/esm/index.js"
-    },
-    "./dist/style.css": "./dist/style.css",
-    "./dist/base.css": "./dist/base.css"
-  },
-  "sideEffects": [
-    "*.css"
-  ],
-  "license": "MIT",
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "build": "ngc -p tsconfig.lib.json && node scripts/bundle-css.js",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "lint": "eslint --ext .ts src",
-    "typecheck": "tsc --noEmit"
-  },
-  "dependencies": {
-    "@angflow/system": ">=0.0.91"
-  },
-  "peerDependencies": {
-    "@angular/common": ">=19.0.0",
-    "@angular/core": ">=19.0.0",
-    "rxjs": ">=7.0.0"
-  },
-  "devDependencies": {
-    "@angular/compiler": ">=19.0.0",
-    "@angular/compiler-cli": ">=19.0.0",
-    "@angular/platform-browser": "^21.2.7",
-    "@angular/platform-browser-dynamic": "^21.2.7",
-    "jsdom": "^29.0.1",
-    "typescript": "5.9.3",
-    "vitest": "^4.1.2"
-  }
-}
+{
+  "name": "@angflow/angular",
+  "version": "0.0.18",
+  "type": "module",
+  "description": "Angular Flow - A highly customizable Angular library for building node-based editors and interactive flow charts.",
+  "keywords": [
+    "angular",
+    "node-based UI",
+    "graph",
+    "diagram",
+    "workflow",
+    "angular-flow",
+    "angflow"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/angflow/angflow.git",
+    "directory": "packages/angular"
+  },
+  "files": [
+    "dist"
+  ],
+  "main": "dist/esm/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/esm/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./dist/esm/index.d.ts",
+      "default": "./dist/esm/index.js"
+    },
+    "./layout": {
+      "types": "./dist/esm/lib/layout/index.d.ts",
+      "default": "./dist/esm/lib/layout/index.js"
+    },
+    "./dist/style.css": "./dist/style.css",
+    "./dist/base.css": "./dist/base.css"
+  },
+  "sideEffects": [
+    "*.css"
+  ],
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "ngc -p tsconfig.lib.json && node scripts/bundle-css.js",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "lint": "eslint --ext .ts src",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@angflow/system": ">=0.0.93"
+  },
+  "peerDependencies": {
+    "@angular/common": ">=19.0.0",
+    "@angular/core": ">=19.0.0",
+    "@dagrejs/dagre": ">=3.0.0",
+    "rxjs": ">=7.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@dagrejs/dagre": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@analogjs/vite-plugin-angular": "^2.5.3",
+    "@angular/compiler": "^21.2.15",
+    "@angular/compiler-cli": "^21.2.15",
+    "@angular/platform-browser": "^21.2.15",
+    "@angular/platform-browser-dynamic": "^21.2.7",
+    "@dagrejs/dagre": "^3.0.0",
+    "jsdom": "^29.0.1",
+    "typescript": "5.9.3",
+    "vitest": "^4.1.2"
+  }
+}