MatButton not styled if in Dialog exported by Angular Library

I’ve created an Angular libray by ng g library xxx with my commons components like a ConfirmDialog using MatDialogModule

In main app <button mat-flat-button color="primary">DIALOG</button> is correctly styled:

Opening Dialog, buttons are not styled:

Reproduction

I cannot use StackBlitz to reproduce because it not supports angular libraries so I created a repo: https://github.com/fabriziodebortoli/library-material-dialog-styles.git

Steps to reproduce:

1. git clone https://github.com/fabriziodebortoli/library-material-dialog-styles.git
2. cd library-material-dialog-styles
3. npm install
4. npm start

Expected Behavior

Buttons inside Dialogs must be styled

Actual Behavior

What behavior did you actually see?

Environment

• Angular: ~9.0.3
• CDK/Material: ~9.1.0
• Browser(s): Latest Chrome

[devversion]

@fabriziodebortoli I don’t know what you tried or not, but what I can see is that your repository does not have the direct import replaced in the app component. Surely you might have tried that before, but I can only assume you did not. Fixing that import, along with bullet points (1), (2) and (3), makes it work for me.

https://github.com/fabriziodebortoli/library-material-dialog-styles/blob/master/src/app/app.component.ts#L3

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}