Skip to content

Commit 5f7b190

Browse files
ChronosSFChronosSF
authored
Merge pull request #6322 from IgniteUI/vnext
Updating production with changes from staging
2 parents 2195c59 + 31b8eb2 commit 5f7b190

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

87 files changed

+246
-217
lines changed

‎en/components/accordion.md‎

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@ The next step is to import the `IgxAccordionModule` in your **app.module.ts** fi
4242
// app.module.ts
4343

4444
...
45-
import { IgxAccordionModule } from 'igniteui-angular';
45+
import { IgxAccordionModule } from 'igniteui-angular/accordion';
4646
// import { IgxAccordionModule } from '@infragistics/igniteui-angular'; for licensed package
4747

4848
@NgModule({
@@ -59,7 +59,7 @@ Alternatively, as of `16.0.0` you can import the `IgxAccordionComponent` as a st
5959
// home.component.ts
6060

6161
...
62-
import { IGX_ACCORDION_DIRECTIVES } from 'igniteui-angular';
62+
import { IGX_ACCORDION_DIRECTIVES } from 'igniteui-angular/accordion';
6363
// import { IGX_ACCORDION_DIRECTIVES } from '@infragistics/igniteui-angular'; for licensed package
6464

6565
@Component({
@@ -134,9 +134,8 @@ Angular Accordion supports animations for both expanding and collapsing actions
134134
With regards to animation, you have two options. First, you could set the `animationSettings` property on the accordion component:
135135

136136
```typescript
137-
import { useAnimation } from '@angular/animations';
138-
import { slideInLeft, slideOutRight } from 'igniteui-angular';
139-
// import { slideInLeft, slideOutRight } from '@infragistics/igniteui-angular'; for licensed package
137+
import { useAnimation, slideInLeft, slideOutRight } from '@angular/animations';
138+
// import { useAnimation, slideInLeft, slideOutRight } from '@infragistics/igniteui-angular/animations'; for licensed package
140139

141140
@Component({
142141
...

‎en/components/action-strip.md‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -36,7 +36,7 @@ The next step is to import the `IgxActionStripModule` in your **app.module.ts**
3636
// app.module.ts
3737

3838
...
39-
import { IgxActionStripModule } from 'igniteui-angular';
39+
import { IgxActionStripModule } from 'igniteui-angular/action-strip';
4040
// import { IgxActionStripModule } from '@infragistics/igniteui-angular'; for licensed package
4141

4242
@NgModule({
@@ -53,7 +53,9 @@ Alternatively, as of `16.0.0` you can import the `IgxActionStripComponent` as a
5353
// home.component.ts
5454

5555
...
56-
import { IGX_ACTION_STRIP_DIRECTIVES, IgxButtonDirective, IgxIconComponent } from 'igniteui-angular';
56+
import { IGX_ACTION_STRIP_DIRECTIVES } from 'igniteui-angular/action-strip';
57+
import { IgxButtonDirective } from 'igniteui-angular/button';
58+
import { IgxIconComponent } from 'igniteui-angular/icon';
5759
// import { IGX_ACTION_STRIP_DIRECTIVES, IgxButtonDirective, IgxIconComponent } from '@infragistics/igniteui-angular'; for licensed package
5860

5961
@Component({

‎en/components/autocomplete.md‎

Lines changed: 4 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -41,11 +41,8 @@ The next step is to import the **IgxAutocompleteModule** and **IgxDropDownModule
4141
// app.module.ts
4242

4343
...
44-
import {
45-
IgxAutocompleteModule,
46-
IgxDropDownModule,
47-
IgxInputGroupModule
48-
} from 'igniteui-angular';
44+
import { IgxAutocompleteModule, IgxDropDownModule } from 'igniteui-angular/drop-down';
45+
import { IgxInputGroupModule } from 'igniteui-angular/input-group';
4946
// import { IgxAutocompleteModule, IgxDropDownModule, IgxInputGroupModule } from '@infragistics/igniteui-angular'; for licensed package
5047

5148
@NgModule({
@@ -68,7 +65,8 @@ Alternatively, as of `16.0.0` you can import the `IgxAutocompleteDirective` as a
6865
// home.component.ts
6966

7067
...
71-
import { IgxAutocompleteDirective, IGX_INPUT_GROUP_DIRECTIVES, IGX_DROP_DOWN_DIRECTIVES } from 'igniteui-angular';
68+
import { IgxAutocompleteDirective, IGX_DROP_DOWN_DIRECTIVES } from 'igniteui-angular/drop-down';
69+
import { IGX_INPUT_GROUP_DIRECTIVES } from 'igniteui-angular/input-group';
7270
// import { IgxAutocompleteDirective, IGX_INPUT_GROUP_DIRECTIVES, IGX_DROP_DOWN_DIRECTIVES } from '@infragistics/igniteui-angular'; for licensed package
7371

7472
@Component({

‎en/components/avatar.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@ The next step is to import the `IgxAvatarModule` in your **app.module.ts** file.
3535
// app.module.ts
3636

3737
...
38-
import { IgxAvatarModule } from 'igniteui-angular';
38+
import { IgxAvatarModule } from 'igniteui-angular/avatar';
3939
// import { IgxAvatarModule } from '@infragistics/igniteui-angular'; for licensed package
4040

4141
@NgModule({
@@ -52,7 +52,7 @@ Alternatively, as of `16.0.0` you can import the `IgxAvatarComponent` as a stand
5252
// home.component.ts
5353

5454
...
55-
import { IgxAvatarComponent } from 'igniteui-angular';
55+
import { IgxAvatarComponent } from 'igniteui-angular/avatar';
5656
// import { IgxAvatarComponent } from '@infragistics/igniteui-angular'; for licensed package
5757

5858
@Component({

‎en/components/badge.md‎

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ The next step is to import the `IgxBadgeModule` in your **app.module.ts** file.
3434
// app.module.ts
3535

3636
...
37-
import { IgxBadgeModule } from 'igniteui-angular';
37+
import { IgxBadgeModule } from 'igniteui-angular/badge';
3838
// import { IgxBadgeModule } from '@infragistics/igniteui-angular'; for licensed package
3939

4040
@NgModule({
@@ -51,7 +51,7 @@ Alternatively, as of `16.0.0` you can import the `IgxBadgeComponent` as a standa
5151
// home.component.ts
5252

5353
...
54-
import { IgxBadgeComponent } from 'igniteui-angular';
54+
import { IgxBadgeComponent } from 'igniteui-angular/badge';
5555
// import { IgxBadgeComponent } from '@infragistics/igniteui-angular'; for licensed package
5656

5757
@Component({
@@ -73,7 +73,8 @@ Let's see how the demo sample is done. It's a simple success badge on an avatar.
7373
```typescript
7474
// app.module.ts
7575
...
76-
import { IgxBadgeModule, IgxAvatarModule } from 'igniteui-angular';
76+
import { IgxBadgeModule } from 'igniteui-angular/badge';
77+
import { IgxAvatarModule } from 'igniteui-angular/avatar';
7778
// import { IgxBadgeModule, IgxAvatarModule } from '@infragistics/igniteui-angular'; for licensed package
7879

7980
@NgModule({
@@ -171,11 +172,9 @@ To continue, include all needed modules and import them in the **app.module.ts**
171172
// app.module.ts
172173

173174
...
174-
import {
175-
IgxListModule,
176-
IgxAvatarModule,
177-
IgxBadgeModule
178-
} from 'igniteui-angular';
175+
import { IgxListModule } from 'igniteui-angular/list';
176+
import { IgxAvatarModule } from 'igniteui-angular/avatar';
177+
import { IgxBadgeModule } from 'igniteui-angular/badge';
179178
// import { IgxListModule, IgxAvatarModule, IgxBadgeModule } from '@infragistics/igniteui-angular'; for licensed package
180179

181180
@NgModule({

‎en/components/banner.md‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ The next step is to import the `IgxBannerModule` in your **app.module.ts** file.
3434
// app.module.ts
3535

3636
...
37-
import { IgxBannerModule } from 'igniteui-angular';
37+
import { IgxBannerModule } from 'igniteui-angular/banner';
3838
// import { IgxBannerModule } from '@infragistics/igniteui-angular'; for licensed package
3939

4040
@NgModule({
@@ -51,7 +51,7 @@ Alternatively, as of `16.0.0` you can import the `IgxBannerComponent` as a stand
5151
// home.component.ts
5252

5353
...
54-
import { IGX_BANNER_DIRECTIVES } from 'igniteui-angular';
54+
import { IGX_BANNER_DIRECTIVES } from 'igniteui-angular/banner';
5555
// import { IGX_BANNER_DIRECTIVES } from '@infragistics/igniteui-angular'; for licensed package
5656

5757
@Component({
@@ -172,7 +172,8 @@ Let's change the animations that our banner uses, so that it slides in and out:
172172

173173
```typescript
174174
// banner.component.ts
175-
import { IgxBannerComponent, slideInLeft, slideOutRight } from 'igniteui-angular'
175+
import { IgxBannerComponent } from 'igniteui-angular/banner';
176+
import { slideInLeft, slideOutRight } from 'igniteui-angular/animations'
176177
// import { IgxBannerComponent, slideInLeft, slideOutRight } from '@infragistics/igniteui-angular'; for licensed package
177178
...
178179
export class MyBannerComponent {

‎en/components/button-group.md‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@ The next step is to import the `IgxButtonGroupModule` in your **app.module.ts**
3434
// app.module.ts
3535

3636
...
37-
import { IgxButtonGroupModule } from 'igniteui-angular';
37+
import { IgxButtonGroupModule } from 'igniteui-angular/button-group';
3838
// import { IgxButtonGroupModule } from '@infragistics/igniteui-angular'; for licensed package
3939

4040
@NgModule({
@@ -51,7 +51,8 @@ Alternatively, as of `16.0.0` you can import the `IgxButtonGroupComponent` as a
5151
// home.component.ts
5252

5353
...
54-
import { IGX_BUTTON_GROUP_DIRECTIVES, IgxIconComponent } from 'igniteui-angular';
54+
import { IGX_BUTTON_GROUP_DIRECTIVES } from 'igniteui-angular/button-group';
55+
import { IgxIconComponent } from 'igniteui-angular/icon';
5556
// import { IGX_BUTTON_GROUP_DIRECTIVES, IgxIconComponent } from '@infragistics/igniteui-angular'; for licensed package
5657

5758
@Component({
@@ -114,7 +115,7 @@ Use the [`alignment`]({environment:angularApiUrl}/classes/igxbuttongroupcomponen
114115

115116
```typescript
116117
//sample.component.ts
117-
import { ButtonGroupAlignment } from 'igniteui-angular';
118+
import { ButtonGroupAlignment } from 'igniteui-angular/button-group';
118119
// import { ButtonGroupAlignment } from '@infragistics/igniteui-angular'; for licensed package
119120

120121
...

‎en/components/button.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@ The next step is to import the `IgxButtonModule` in your **app.module.ts** file.
3838

3939
```typescript
4040
// app.module.ts
41-
import { IgxButtonModule } from 'igniteui-angular';
41+
import { IgxButtonModule } from 'igniteui-angular/button';
4242
// import { IgxButtonModule } from '@infragistics/igniteui-angular'; for licensed package
4343
@NgModule({
4444
imports: [
@@ -56,7 +56,7 @@ Alternatively, as of `16.0.0` you can import the `IgxButtonDirective` as a stand
5656
// home.component.ts
5757

5858
...
59-
import { IgxButtonDirective } from 'igniteui-angular';
59+
import { IgxButtonDirective } from 'igniteui-angular/button';
6060
// import { IgxButtonDirective } from '@infragistics/igniteui-angular'; for licensed package
6161

6262
@Component({
@@ -198,7 +198,7 @@ We can allow the user to choose the size of the `igxButton` by using the `--ig-s
198198
```typescript
199199
// app.module.ts
200200
...
201-
import { IgxButtonGroupModule } from 'igniteui-angular';
201+
import { IgxButtonGroupModule } from 'igniteui-angular/button-group';
202202
// import { IgxButtonGroupModule } from '@infragistics/igniteui-angular'; for licensed package
203203
@NgModule({
204204
imports: [

‎en/components/calendar.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@ The next step is to import the `IgxCalendarModule` in your **app.module.ts** fil
4646
...
4747
import { HammerModule } from '@angular/platform-browser';
4848
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
49-
import { IgxCalendarModule } from 'igniteui-angular';
49+
import { IgxCalendarModule } from 'igniteui-angular/calendar';
5050
// import { IgxCalendarModule } from '@infragistics/igniteui-angular'; for licensed package
5151

5252
@NgModule({
@@ -64,7 +64,7 @@ Alternatively, as of `16.0.0` you can import the `IgxCalendarComponent` as a sta
6464

6565
import { HammerModule } from '@angular/platform-browser';
6666
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
67-
import { IGX_CALENDAR_DIRECTIVES } from 'igniteui-angular';
67+
import { IGX_CALENDAR_DIRECTIVES } from 'igniteui-angular/calendar';
6868
// import { IGX_CALENDAR_DIRECTIVES } from '@infragistics/igniteui-angular'; for licensed package
6969

7070
@Component({

‎en/components/card.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@ The next step is to import the `IgxCardModule` inside your **app.module.ts** fil
3939
```typescript
4040
// app.module.ts
4141
...
42-
import { IgxCardModule } from 'igniteui-angular';
42+
import { IgxCardModule } from 'igniteui-angular/card';
4343
// import { IgxCardModule } from '@infragistics/igniteui-angular'; for licensed package
4444

4545
@NgModule({
@@ -55,7 +55,7 @@ Alternatively, as of `16.0.0` you can import the `IgxCardComponent` as a standal
5555
```typescript
5656
// home.component.ts
5757

58-
import { IGX_CARD_DIRECTIVES } from 'igniteui-angular';
58+
import { IGX_CARD_DIRECTIVES } from 'igniteui-angular/card';
5959
// import { IGX_CARD_DIRECTIVES } from '@infragistics/igniteui-angular'; for licensed package
6060

6161
@Component({

0 commit comments

Comments
 (0)