Nutzung mit Angular

[BenRichter]

Hallo,
ich möchte public-ui in ein größeres Projekt einführen, dass jedoch noch eine Weile auf Angular 12 bleiben wird. Leider benötigen alle Versionen die via NPM verfügbar sind die 15.
Gibt es eine Möglichkeit trotzdem public-ui zu nutzen, ohne ein Umfangreiches Update durchzuführen?

[deleonio]

A: Wir können ja mal versuchen das Teil-Modul (adapter-angular) mit der Version 12 separat zu bauen.

B: Wir schauen was wir noch per peerDeps regeln können. (peerDeps: angular >= 12)

I prefer B.

[deleonio]

Hi @BenRichter,

bitte probiere mal v1.1.13-rc.3 aus - ob das Bauen mit Angular so möglich ist.

Wenn nicht, dann müssen wir ein separates ng12 Paket bauen.

VG @deleonio

[deleonio]

BTW @BenRichter: Falls Ihr ein eigenes Theme benötigt, können wir das hier diskutieren > #894

[BenRichter]

Danke für die Schnelle Anpassung, jedoch fürchte ich wir sollten vorher wohl doch besser auf eine aktuelle Angular Version upgraden.

Beim einbinden von "KoliBriModule" in die imports der app.module.ts entsteht ein Typescript Fehler in der Art für jede Komponente:

Error: node_modules/@public-ui/angular/dist/components.d.ts:407:18 - error TS2314: Generic type 'ɵɵComponentDeclaration' requires 7 type argument(s).
                                                                                                                                                                                                                                                                                                                     
407     static ɵcmp: i0.ɵɵComponentDeclaration<KolToast, "kol-toast", never, { "_alert": "_alert"; "_hasCloser": "_hasCloser"; "_heading": "_heading"; "_level": "_level"; "_on": "_on"; "_show": "_show"; "_showDuration": "_showDuration"; "_type": "_type"; }, {}, never, ["*"], false, never>;

[deleonio]

👌 Okay @BenRichter

🚀 dann versuchen wir es einfach mal mit einem dezidierten Angular ^12 Paket: @public-ui/angular-v12

Es wäre nett, wenn Ihr es ausprobiert, wir müssten uns dazu erst ein Projekt anlegen.

package.json

{
  "dependencies": {
    "@public-ui/angular-v12": "1.1.13-rc.5"
  }
}

[BenRichter]

Vielen Dank! Es funktioniert nun mit den packages:

    "@public-ui/angular-v12": "^1.1.13-rc.5",
    "@public-ui/components": "^1.1.13-rc.7",
    "@public-ui/core": "^1.1.13-rc.7",
    "@public-ui/themes": "^1.1.13-rc.7",

Im app.module.ts werden die Komponenten wie folgt registriert:

import { KoliBriModule } from '@public-ui/angular-v12';
import { defineCustomElements } from '@public-ui/components/dist/loader';
import { register } from '@public-ui/core';
import { BMF } from '@public-ui/themes';

...

imports: [
  ...
  KoliBriModule, 
]

...

export class AppModule {
  constructor() {
    register(BMF, defineCustomElements);
  }
}

[deleonio]

Wir werden die Projekt-Hüllen für Angular 8, 9 und 10 wieder löschen - da darin offene CVE's sind.