Error: LY_THEME undefined

[josnar]

Bug, feature request, or proposal:

What is the expected behavior?

What is the current behavior?

What are the steps to reproduce?

Provide a reproduction in StackBlitz

StackBlitz starter: https://stackblitz.com/edit/angular-alyle-ui-starter

Which versions of Angular, AlyleUI, OS, TypeScript, browsers are affected?

Version of @alyle/ui@:

$ node_modules/.bin/ng --version
Angular CLI: ...
Node: ...
OS: ...
Angular: ...
...
...
...

[Enlcxx]

Hi
In app.module.ts add this

import {
  LyThemeModule,
  LY_THEME
} from '@alyle/ui';

Follow the steps that are here

[josnar]

Hi
In app.module.ts add this

import {
  LyThemeModule,
  LY_THEME
} from '@alyle/ui';

Follow the steps that are here

i added but still not working,would it support for angular 6

[Enlcxx]

Alyle UI has support for
Angular ^6.1.10 - 7.x.x
Typescript ^2.9.2

Angular CLI: 6.2.8
Node: 10.9.0
OS: linux x64
Angular: 6.1.10
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.8.8
@angular-devkit/build-angular     0.8.8
@angular-devkit/build-optimizer   0.8.8
@angular-devkit/build-webpack     0.8.8
@angular-devkit/core              0.8.8
@angular-devkit/schematics        0.8.8
@angular/cli                      6.2.8
@ngtools/webpack                  6.2.8
@schematics/angular               0.8.8
@schematics/update                0.8.8
rxjs                              6.2.2
typescript                        2.9.2
webpack                           4.16.4

[Enlcxx]

What versions of Angular, Alyle UI and TypeScript are you using? Can you provide a reproduction in StackBlitz

[vaghazaryan]

Problem happened if you use cropper module in lazy loadable module.

I have a dirty fix.

image-cropper.module.ts

@NgModule({
  imports: [
    LyThemeModule.setTheme('minima-light'),
    CommonModule,
    FormsModule,
    LyResizingCroppingImageModule,
    LyButtonModule,
    LyIconModule
  ],
  providers: [
    {
      provide: LY_THEME,
      useClass: MinimaLight
    },
    {
      provide: LY_THEME_GLOBAL_VARIABLES,
      useClass: GlobalVariables
    } // global variables
  ],
  declarations: [ImageCropperComponent],
  exports: [ImageCropperComponent]
})
export class ImageCropperModule {}

core.module.ts

@NgModule({
  imports: [
    ImageCropperModule,
]
})
export class CoreModule {}

lazy.module.ts

@NgModule({
  imports: [
    ImageCropperModule,
  ]
})
export class LazyModule {}

[haovc]

You just need add in core module(app.module.ts):
providers: [
{
provide: LY_THEME,
useClass: MinimaLight
},
{
provide: LY_THEME_GLOBAL_VARIABLES,
useClass: GlobalVariables
} // global variables
]

[Enlcxx]

The themes must be added in the root module of the application, not in sub modules.