[Bug]: call-center example is not buildable

[kgignatyev]

Affected Version

main branch

Reproduction URL (StackBlitz, GitHub, etc.)

No response

Steps to Reproduce

checked out code and trying to run call-center example with npx nx serve call-center --configuration development and getting error

npx nx serve uml-diagram --configuration development works fine

Expected Behavior

run build and see app running in the browser

Actual Behavior

✘ [ERROR] TS2551: Property '@ɵINPUT_SIGNAL_BRAND_WRITE_TYPE@29602' does not exist on type 'ModelSignal'. Did you mean '@ɵINPUT_SIGNAL_BRAND_WRITE_TYPE@3358'? [plugin angular-compiler]

apps/example-apps/call-center/src/app/components/flow/flow.html:50:7:
  50 │       [fNodePosition]="node.position"
     ╵        ~~~~~~~~~~~~~

Error occurs in the template of component Flow.

apps/example-apps/call-center/src/app/components/flow/flow.ts:38:15:
  38 │   templateUrl: './flow.html',
     ╵                ~~~~~~~~~~~~~

✘ [ERROR] TS2551: Property '@ɵINPUT_SIGNAL_BRAND_WRITE_TYPE@29602' does not exist on type 'InputSignal'. Did you mean '@ɵINPUT_SIGNAL_BRAND_WRITE_TYPE@3358'? [plugin angular-compiler]

apps/example-apps/call-center/src/app/components/flow/flow.html:55:14:
  55 │   <f-minimap [fMinSize]="2000" />
     ╵               ~~~~~~~~

Error occurs in the template of component Flow.

apps/example-apps/call-center/src/app/components/flow/flow.ts:38:15:
  38 │   templateUrl: './flow.html',
     ╵                ~~~~~~~~~~~~~

✘ [ERROR] TS2769: No overload matches this call.
Overload 1 of 6, '(token: ProviderToken): unknown', gave the following error.
Argument of type 'InjectionToken' is not assignable to parameter of type 'ProviderToken'.
Type 'InjectionToken' is not assignable to type 'InjectionToken'.
Property '_desc' is protected but type 'InjectionToken' is not a class derived from 'InjectionToken'.
Overload 2 of 6, '(token: HostAttributeToken): string', gave the following error.
Argument of type 'InjectionToken' is not assignable to parameter of type 'HostAttributeToken'.
Property 'attributeName' is missing in type 'InjectionToken' but required in type 'HostAttributeToken'. [plugin angular-compiler]

libs/f-flow/src/f-draggable/infrastructure/drag-and-drop-base.ts:20:38:
  20 │   private readonly _document = inject(DOCUMENT);
     ╵                                       ~~~~~~~~

Acceptance Criteria

when code is checked out, than the build and run work

Browser

None

[franko-c]

apps/example-apps/call-center/package.json — angular stuck at 18.2.13 since the workspace moved to 20.x in commit 07641772. tsconfig.base.json resolves @foblex/flow → ./libs/f-flow/src/public-api.ts so the template type-check runs against current library source (Angular 20 signal brands, @29602). @angular/compiler-cli: 18.2.13 in call-center's devDependencies drives that check with Angular 18 brands (@3358) — hence the TS2551 at [fNodePosition] on flow.html:50. uml-diagram builds fine; its template doesn't bind [fNodePosition] so the brand mismatch never triggers.

updating call-center's package.json to match the root workspace looks like the fix:

"@angular/animations": "~20.3.0",
"@angular/cdk": "~20.2.0",
"@angular/common": "~20.3.0",
"@angular/core": "~20.3.0",
"@angular/forms": "~20.3.0",
"@angular/material": "~20.2.0",
"@angular/platform-browser": "~20.3.0",
// devDependencies
"@angular-devkit/build-angular": "~20.3.0",
"@angular/cli": "~20.3.0",
"@angular/compiler-cli": "~20.3.0",
"typescript": "~5.8.0"

the InjectionToken<Document> overload error in drag-and-drop-base.ts:20 comes from the same two-Angular-instance problem and resolves alongside.

not sure if @foblex/flow: 18.4.0 in call-center's deps should stay for standalone-outside-NX usage — happy to be wrong if the standalone path matters.

[siarheihuzarevich]

Thanks for the report 🙌

Fixed in v19.0.0 (#314) - the call-center example templates are guarded during reset and the app builds cleanly again.