diff --git a/projects/igniteui-angular/src/lib/test-utils/hierarchical-grid-functions.spec.ts b/projects/igniteui-angular/test-utils/hierarchical-grid-functions.spec.ts
similarity index 93%
rename from projects/igniteui-angular/src/lib/test-utils/hierarchical-grid-functions.spec.ts
rename to projects/igniteui-angular/test-utils/hierarchical-grid-functions.spec.ts
index ae060b81302..98f7138dcea 100644
--- a/projects/igniteui-angular/src/lib/test-utils/hierarchical-grid-functions.spec.ts
+++ b/projects/igniteui-angular/test-utils/hierarchical-grid-functions.spec.ts
@@ -1,8 +1,8 @@
import { DebugElement } from '@angular/core';
import { ComponentFixture } from '@angular/core/testing';
import { By } from '@angular/platform-browser';
-import { IgxHierarchicalRowComponent } from '../grids/hierarchical-grid/hierarchical-row.component';
-import { IgxRowDirective } from '../grids/row.directive';
+import { IgxRowDirective } from 'igniteui-angular/grids/core';
+import { IgxHierarchicalRowComponent } from 'igniteui-angular/grids/hierarchical-grid/src/hierarchical-row.component';
const HIERARCHICAL_GRID_TAG = 'igx-hierarchical-grid';
const EXPANDER_CLASS = 'igx-grid__hierarchical-expander';
diff --git a/projects/igniteui-angular/src/lib/test-utils/list-components.spec.ts b/projects/igniteui-angular/test-utils/list-components.spec.ts
similarity index 97%
rename from projects/igniteui-angular/src/lib/test-utils/list-components.spec.ts
rename to projects/igniteui-angular/test-utils/list-components.spec.ts
index ea1f27749e8..05c7b2095b3 100644
--- a/projects/igniteui-angular/src/lib/test-utils/list-components.spec.ts
+++ b/projects/igniteui-angular/test-utils/list-components.spec.ts
@@ -1,7 +1,7 @@
import { Component, ViewChild } from '@angular/core';
-import { IgxDataLoadingTemplateDirective, IgxEmptyListTemplateDirective, IgxListActionDirective, IgxListComponent, IgxListItemComponent, IgxListItemLeftPanningTemplateDirective, IgxListItemRightPanningTemplateDirective, IgxListLineDirective, IgxListLineSubTitleDirective, IgxListLineTitleDirective, IgxListThumbnailDirective } from '../list/public_api';
-import { IgxForOfDirective } from '../directives/for-of/for_of.directive';
-import { IgxIconComponent } from '../icon/icon.component';
+import { IgxForOfDirective } from '../directives/src/directives/for-of/for_of.directive';
+import { IgxIconComponent } from '../icon/src/icon/icon.component';
+import { IgxDataLoadingTemplateDirective, IgxEmptyListTemplateDirective, IgxListActionDirective, IgxListComponent, IgxListItemComponent, IgxListItemLeftPanningTemplateDirective, IgxListItemRightPanningTemplateDirective, IgxListLineDirective, IgxListLineSubTitleDirective, IgxListLineTitleDirective, IgxListThumbnailDirective } from 'igniteui-angular/list';
@Component({
template: `
diff --git a/projects/igniteui-angular/src/lib/test-utils/pivot-grid-functions.spec.ts b/projects/igniteui-angular/test-utils/pivot-grid-functions.spec.ts
similarity index 90%
rename from projects/igniteui-angular/src/lib/test-utils/pivot-grid-functions.spec.ts
rename to projects/igniteui-angular/test-utils/pivot-grid-functions.spec.ts
index 00b4da0dd09..3f9f455d4c1 100644
--- a/projects/igniteui-angular/src/lib/test-utils/pivot-grid-functions.spec.ts
+++ b/projects/igniteui-angular/test-utils/pivot-grid-functions.spec.ts
@@ -1,4 +1,4 @@
-import { IPivotGridRecord } from '../grids/pivot-grid/pivot-grid.interface';
+import { IPivotGridRecord } from 'igniteui-angular/grids/core';
export class PivotGridFunctions {
diff --git a/projects/igniteui-angular/src/lib/test-utils/pivot-grid-samples.spec.ts b/projects/igniteui-angular/test-utils/pivot-grid-samples.spec.ts
similarity index 97%
rename from projects/igniteui-angular/src/lib/test-utils/pivot-grid-samples.spec.ts
rename to projects/igniteui-angular/test-utils/pivot-grid-samples.spec.ts
index a1e96e7c02e..c553226cc3c 100644
--- a/projects/igniteui-angular/src/lib/test-utils/pivot-grid-samples.spec.ts
+++ b/projects/igniteui-angular/test-utils/pivot-grid-samples.spec.ts
@@ -1,9 +1,6 @@
import { Component, TemplateRef, ViewChild } from '@angular/core';
-import { IgxPivotDataSelectorComponent } from '../grids/pivot-grid/pivot-data-selector.component';
-import { IgxPivotNumericAggregate } from '../grids/pivot-grid/pivot-grid-aggregate';
-import { IgxPivotGridComponent } from '../grids/pivot-grid/pivot-grid.component';
-import { IPivotConfiguration, IPivotGridColumn, IPivotGridRecord, PivotAggregation } from '../grids/pivot-grid/pivot-grid.interface';
-import { IgxGridStateDirective } from '../grids/state.directive';
+import { IgxGridStateDirective, IgxPivotNumericAggregate, IPivotConfiguration, IPivotGridColumn, IPivotGridRecord, PivotAggregation } from 'igniteui-angular/grids/core';
+import { IgxPivotDataSelectorComponent, IgxPivotGridComponent } from 'igniteui-angular/grids/pivot-grid';
@Component({
template: `
diff --git a/projects/igniteui-angular/src/lib/test-utils/routing-test-guard.spec.ts b/projects/igniteui-angular/test-utils/routing-test-guard.spec.ts
similarity index 100%
rename from projects/igniteui-angular/src/lib/test-utils/routing-test-guard.spec.ts
rename to projects/igniteui-angular/test-utils/routing-test-guard.spec.ts
diff --git a/projects/igniteui-angular/src/lib/test-utils/routing-view-components.spec.ts b/projects/igniteui-angular/test-utils/routing-view-components.spec.ts
similarity index 100%
rename from projects/igniteui-angular/src/lib/test-utils/routing-view-components.spec.ts
rename to projects/igniteui-angular/test-utils/routing-view-components.spec.ts
diff --git a/projects/igniteui-angular/src/lib/test-utils/sample-test-data.spec.ts b/projects/igniteui-angular/test-utils/sample-test-data.spec.ts
similarity index 99%
rename from projects/igniteui-angular/src/lib/test-utils/sample-test-data.spec.ts
rename to projects/igniteui-angular/test-utils/sample-test-data.spec.ts
index cb6f8ee9f88..d4992adee0f 100644
--- a/projects/igniteui-angular/src/lib/test-utils/sample-test-data.spec.ts
+++ b/projects/igniteui-angular/test-utils/sample-test-data.spec.ts
@@ -1,7 +1,7 @@
-import { Calendar } from '../calendar/calendar';
-import { cloneValue } from '../core/utils';
-import { ValueData } from '../services/excel/test-data.service.spec';
+import { Calendar } from 'igniteui-angular/calendar';
+import { ValueData } from '../core/src/services/excel/test-data.service.spec';
import { ymd } from './helper-utils.spec';
+import { cloneValue } from 'igniteui-angular/core';
export class SampleTestData {
diff --git a/projects/igniteui-angular/src/lib/test-utils/tabs-components.spec.ts b/projects/igniteui-angular/test-utils/tabs-components.spec.ts
similarity index 98%
rename from projects/igniteui-angular/src/lib/test-utils/tabs-components.spec.ts
rename to projects/igniteui-angular/test-utils/tabs-components.spec.ts
index 293d8d0d8c8..376b65c2313 100644
--- a/projects/igniteui-angular/src/lib/test-utils/tabs-components.spec.ts
+++ b/projects/igniteui-angular/test-utils/tabs-components.spec.ts
@@ -1,12 +1,11 @@
import { Component, QueryList, ViewChild, ViewChildren } from '@angular/core';
import { RouterLink, RouterLinkActive, RouterOutlet } from '@angular/router';
-import { IgxButtonDirective } from '../directives/button/button.directive';
-import { IgxToggleActionDirective } from '../directives/toggle/toggle.directive';
-import { IgxDropDownComponent } from '../drop-down/drop-down.component';
-import { IgxIconComponent } from '../icon/icon.component';
-import { IgxPrefixDirective, IgxSuffixDirective } from '../input-group/public_api';
-import { IgxTabContentComponent, IgxTabHeaderComponent, IgxTabHeaderIconDirective, IgxTabHeaderLabelDirective, IgxTabItemComponent, IgxTabsComponent } from '../tabs/tabs/public_api';
import { SampleTestData } from './sample-test-data.spec';
+import { IgxTabContentComponent, IgxTabHeaderComponent, IgxTabHeaderIconDirective, IgxTabHeaderLabelDirective, IgxTabItemComponent, IgxTabsComponent } from 'igniteui-angular/tabs';
+import { IgxIconComponent } from 'igniteui-angular/icon';
+import { IgxDropDownComponent } from 'igniteui-angular/drop-down';
+import { IgxButtonDirective, IgxToggleActionDirective } from 'igniteui-angular/directives';
+import { IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group';
@Component({
template: `
diff --git a/projects/igniteui-angular/src/lib/test-utils/template-strings.spec.ts b/projects/igniteui-angular/test-utils/template-strings.spec.ts
similarity index 100%
rename from projects/igniteui-angular/src/lib/test-utils/template-strings.spec.ts
rename to projects/igniteui-angular/test-utils/template-strings.spec.ts
diff --git a/projects/igniteui-angular/src/lib/test-utils/tooltip-components.spec.ts b/projects/igniteui-angular/test-utils/tooltip-components.spec.ts
similarity index 95%
rename from projects/igniteui-angular/src/lib/test-utils/tooltip-components.spec.ts
rename to projects/igniteui-angular/test-utils/tooltip-components.spec.ts
index 0f8e8cb4265..c5cc8b9a719 100644
--- a/projects/igniteui-angular/src/lib/test-utils/tooltip-components.spec.ts
+++ b/projects/igniteui-angular/test-utils/tooltip-components.spec.ts
@@ -1,7 +1,6 @@
import { Component, TemplateRef, ViewChild } from '@angular/core';
-import { IgxTooltipDirective } from '../directives/tooltip/tooltip.directive';
-import { ITooltipHideEventArgs, ITooltipShowEventArgs, IgxTooltipTargetDirective } from '../directives/tooltip/tooltip-target.directive';
-import { IgxToggleActionDirective, IgxToggleDirective } from '../directives/toggle/toggle.directive';
+import { IgxToggleActionDirective, IgxToggleDirective, IgxTooltipDirective, IgxTooltipTargetDirective, ITooltipHideEventArgs, ITooltipShowEventArgs } from 'igniteui-angular/directives';
+
@Component({
template: `
diff --git a/projects/igniteui-angular/src/lib/test-utils/tree-grid-components.spec.ts b/projects/igniteui-angular/test-utils/tree-grid-components.spec.ts
similarity index 96%
rename from projects/igniteui-angular/src/lib/test-utils/tree-grid-components.spec.ts
rename to projects/igniteui-angular/test-utils/tree-grid-components.spec.ts
index 9d0706598a8..5bc2d39b9a4 100644
--- a/projects/igniteui-angular/src/lib/test-utils/tree-grid-components.spec.ts
+++ b/projects/igniteui-angular/test-utils/tree-grid-components.spec.ts
@@ -1,20 +1,12 @@
import { Component, ViewChild, OnInit, TemplateRef } from '@angular/core';
-import { IgxTreeGridComponent } from '../grids/tree-grid/tree-grid.component';
import { SampleTestData } from './sample-test-data.spec';
-import { IgxSummaryOperand, IgxNumberSummaryOperand, IgxSummaryResult, IPinningConfig, IgxColumnComponent } from '../grids/public_api';
-import { IgxActionStripComponent, IgxGridEditingActionsComponent, IgxGridPinningActionsComponent } from '../action-strip/public_api';
-import { IGroupingExpression } from '../data-operations/grouping-expression.interface';
-import { IgxTreeGridGroupByAreaComponent } from '../grids/grouping/tree-grid-group-by-area.component';
-import { IgxPaginatorComponent } from '../paginator/paginator.component';
-import { IgxHeadSelectorDirective, IgxRowSelectorDirective } from '../grids/selection/row-selectors';
-import { IgxIconComponent } from '../icon/icon.component';
-import { IgxExcelStyleColumnOperationsTemplateDirective, IgxExcelStyleFilterOperationsTemplateDirective, IgxExcelStyleSearchComponent, IgxExcelStyleSortingComponent, IgxGridExcelStyleFilteringComponent } from '../grids/filtering/excel-style/public_api';
-import { IgxColumnGroupComponent } from '../grids/columns/column-group.component';
-import { GridSummaryCalculationMode, RowPinningPosition } from '../grids/common/enums';
-import { IgxCheckboxComponent } from '../checkbox/checkbox.component';
-import { IgxExcelStyleHeaderIconDirective, IgxRowCollapsedIndicatorDirective, IgxRowExpandedIndicatorDirective } from '../grids/public_api';
-import { DefaultSortingStrategy } from '../data-operations/sorting-strategy';
-import { IgxTreeGridGroupingPipe } from '../grids/tree-grid/tree-grid.grouping.pipe';
+import { DefaultSortingStrategy, GridSummaryCalculationMode, IGroupingExpression, IgxSummaryResult } from 'igniteui-angular/core';
+import { IgxActionStripComponent } from 'igniteui-angular/action-strip';
+import { IgxIconComponent } from 'igniteui-angular/icon';
+import { IgxPaginatorComponent } from 'igniteui-angular/paginator';
+import { IgxCheckboxComponent } from 'igniteui-angular/checkbox';
+import { IgxTreeGridComponent, IgxTreeGridGroupByAreaComponent, IgxTreeGridGroupingPipe } from 'igniteui-angular/grids/tree-grid';
+import { IgxColumnComponent, IgxColumnGroupComponent, IgxExcelStyleColumnOperationsTemplateDirective, IgxExcelStyleFilterOperationsTemplateDirective, IgxExcelStyleHeaderIconDirective, IgxExcelStyleSearchComponent, IgxExcelStyleSortingComponent, IgxGridEditingActionsComponent, IgxGridExcelStyleFilteringComponent, IgxGridPinningActionsComponent, IgxHeadSelectorDirective, IgxNumberSummaryOperand, IgxRowCollapsedIndicatorDirective, IgxRowExpandedIndicatorDirective, IgxRowSelectorDirective, IgxSummaryOperand, IPinningConfig, RowPinningPosition } from 'igniteui-angular/grids/core';
@Component({
template: `
@@ -462,7 +454,7 @@ class AgeSummary extends IgxNumberSummaryOperand {
super();
}
- public override operate(summaries?: any[]): IgxSummaryResult[] {
+ public override operate(summaries?: any[]): IgxSummaryResult [] {
const result = super.operate(summaries).filter((obj) => {
if (obj.key === 'average' || obj.key === 'sum' || obj.key === 'count') {
const summaryResult = obj.summaryResult;
diff --git a/projects/igniteui-angular/src/lib/test-utils/tree-grid-functions.spec.ts b/projects/igniteui-angular/test-utils/tree-grid-functions.spec.ts
similarity index 98%
rename from projects/igniteui-angular/src/lib/test-utils/tree-grid-functions.spec.ts
rename to projects/igniteui-angular/test-utils/tree-grid-functions.spec.ts
index 337e1e2414b..2705c21c41d 100644
--- a/projects/igniteui-angular/src/lib/test-utils/tree-grid-functions.spec.ts
+++ b/projects/igniteui-angular/test-utils/tree-grid-functions.spec.ts
@@ -1,12 +1,10 @@
import { By } from '@angular/platform-browser';
-import { IgxTreeGridComponent } from '../grids/tree-grid/public_api';
-import { CellType } from '../grids/common/grid.interface';
-import { IgxCheckboxComponent } from '../checkbox/checkbox.component';
import { UIInteractions, wait } from './ui-interactions.spec';
import { GridFunctions } from './grid-functions.spec';
-import { IgxRowDirective } from '../grids/row.directive';
-import { IgxGridCellComponent } from '../grids/cell.component';
import { DebugElement } from '@angular/core';
+import { IgxCheckboxComponent } from 'igniteui-angular/checkbox';
+import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid';
+import { CellType, IgxGridCellComponent, IgxRowDirective } from 'igniteui-angular/grids/core';
// CSS class should end with a number that specified the row's level
const TREE_CELL_DIV_INDENTATION_CSS_CLASS = '.igx-grid__tree-cell--padding-level-';
diff --git a/projects/igniteui-angular/src/lib/test-utils/ui-interactions.spec.ts b/projects/igniteui-angular/test-utils/ui-interactions.spec.ts
similarity index 99%
rename from projects/igniteui-angular/src/lib/test-utils/ui-interactions.spec.ts
rename to projects/igniteui-angular/test-utils/ui-interactions.spec.ts
index eb470e8137f..3bd6c261053 100644
--- a/projects/igniteui-angular/src/lib/test-utils/ui-interactions.spec.ts
+++ b/projects/igniteui-angular/test-utils/ui-interactions.spec.ts
@@ -1,6 +1,6 @@
import { first } from 'rxjs/operators';
-import { HorizontalAlignment, VerticalAlignment, Point } from '../services/public_api';
import { DebugElement } from '@angular/core';
+import { HorizontalAlignment, Point, VerticalAlignment } from 'igniteui-angular/core';
export const wait = (ms = 0) => new Promise(resolve => setTimeout(resolve, ms));
diff --git a/projects/igniteui-angular/src/lib/time-picker/README.md b/projects/igniteui-angular/time-picker/README.md
similarity index 100%
rename from projects/igniteui-angular/src/lib/time-picker/README.md
rename to projects/igniteui-angular/time-picker/README.md
diff --git a/projects/igniteui-angular/time-picker/index.ts b/projects/igniteui-angular/time-picker/index.ts
new file mode 100644
index 00000000000..2ee0382d1c9
--- /dev/null
+++ b/projects/igniteui-angular/time-picker/index.ts
@@ -0,0 +1 @@
+export * from './src/time-picker/public_api';
diff --git a/projects/igniteui-angular/time-picker/ng-package.json b/projects/igniteui-angular/time-picker/ng-package.json
new file mode 100644
index 00000000000..2c63c085104
--- /dev/null
+++ b/projects/igniteui-angular/time-picker/ng-package.json
@@ -0,0 +1,2 @@
+{
+}
diff --git a/projects/igniteui-angular/time-picker/src/public_api.ts b/projects/igniteui-angular/time-picker/src/public_api.ts
new file mode 100644
index 00000000000..75ab2392912
--- /dev/null
+++ b/projects/igniteui-angular/time-picker/src/public_api.ts
@@ -0,0 +1 @@
+export * from './time-picker/public_api';
diff --git a/projects/igniteui-angular/src/lib/time-picker/public_api.ts b/projects/igniteui-angular/time-picker/src/time-picker/public_api.ts
similarity index 61%
rename from projects/igniteui-angular/src/lib/time-picker/public_api.ts
rename to projects/igniteui-angular/time-picker/src/time-picker/public_api.ts
index beab7f74080..bb027f9d462 100644
--- a/projects/igniteui-angular/src/lib/time-picker/public_api.ts
+++ b/projects/igniteui-angular/time-picker/src/time-picker/public_api.ts
@@ -1,9 +1,6 @@
-import { IgxPickerActionsDirective, IgxPickerClearComponent, IgxPickerToggleComponent } from '../date-common/picker-icons.common';
-import { IgxHintDirective } from '../directives/hint/hint.directive';
-import { IgxLabelDirective } from '../directives/label/label.directive';
-import { IgxPrefixDirective } from '../directives/prefix/prefix.directive';
-import { IgxSuffixDirective } from '../directives/suffix/suffix.directive';
+import { IgxPickerActionsDirective, IgxPickerClearComponent, IgxPickerToggleComponent } from 'igniteui-angular/core';
import { IgxTimePickerComponent } from './time-picker.component';
+import { IgxHintDirective, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group';
export * from './time-picker.component';
export * from './time-picker.directives';
diff --git a/projects/igniteui-angular/src/lib/time-picker/time-picker.common.ts b/projects/igniteui-angular/time-picker/src/time-picker/time-picker.common.ts
similarity index 93%
rename from projects/igniteui-angular/src/lib/time-picker/time-picker.common.ts
rename to projects/igniteui-angular/time-picker/src/time-picker/time-picker.common.ts
index a1b6c8ab13e..c52ecb57559 100644
--- a/projects/igniteui-angular/src/lib/time-picker/time-picker.common.ts
+++ b/projects/igniteui-angular/time-picker/src/time-picker/time-picker.common.ts
@@ -1,5 +1,5 @@
import { ElementRef } from '@angular/core';
-import { DatePartDeltas } from '../directives/date-time-editor/public_api';
+import { DatePartDeltas } from 'igniteui-angular/core';
/** @hidden */
export const IGX_TIME_PICKER_COMPONENT = 'IgxTimePickerComponentToken';
diff --git a/projects/igniteui-angular/src/lib/time-picker/time-picker.component.html b/projects/igniteui-angular/time-picker/src/time-picker/time-picker.component.html
similarity index 100%
rename from projects/igniteui-angular/src/lib/time-picker/time-picker.component.html
rename to projects/igniteui-angular/time-picker/src/time-picker/time-picker.component.html
diff --git a/projects/igniteui-angular/src/lib/time-picker/time-picker.component.spec.ts b/projects/igniteui-angular/time-picker/src/time-picker/time-picker.component.spec.ts
similarity index 99%
rename from projects/igniteui-angular/src/lib/time-picker/time-picker.component.spec.ts
rename to projects/igniteui-angular/time-picker/src/time-picker/time-picker.component.spec.ts
index 8eafb66af26..976de5dddf1 100644
--- a/projects/igniteui-angular/src/lib/time-picker/time-picker.component.spec.ts
+++ b/projects/igniteui-angular/time-picker/src/time-picker/time-picker.component.spec.ts
@@ -4,18 +4,19 @@ import { UntypedFormControl, UntypedFormGroup, FormsModule, NgForm, ReactiveForm
import { By } from '@angular/platform-browser';
import { NoopAnimationsModule } from '@angular/platform-browser/animations';
import { IgxTimePickerComponent, IgxTimePickerValidationFailedEventArgs } from './time-picker.component';
-import { UIInteractions } from '../test-utils/ui-interactions.spec';
+import { UIInteractions } from '../../../test-utils/ui-interactions.spec';
import {
IgxHintDirective, IgxInputGroupComponent, IgxInputState, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective
-} from '../input-group/public_api';
-import { PickerInteractionMode } from '../date-common/types';
-import { PlatformUtil } from '../core/utils';
-import { DatePart, IgxDateTimeEditorDirective } from '../directives/date-time-editor/public_api';
+} from '../../../input-group/src/public_api';
+import { PickerInteractionMode } from '../../../core/src/date-common/types';
+import { PlatformUtil } from 'igniteui-angular/core';
+import { DatePart } from '../../../core/src/date-common/public_api';
+import { IgxDateTimeEditorDirective } from '../../../directives/src/directives/date-time-editor/date-time-editor.directive';
import { IgxItemListDirective, IgxTimeItemDirective } from './time-picker.directives';
-import { IgxPickerClearComponent, IgxPickerToggleComponent } from '../date-common/public_api';
+import { IgxPickerClearComponent, IgxPickerToggleComponent } from '../../../core/src/date-common/public_api';
import { Subscription } from 'rxjs';
-import { HammerGesturesManager } from '../core/touch';
-import { HammerOptions } from '../core/touch-annotations';
+import { HammerGesturesManager } from 'igniteui-angular/core';
+import { HammerOptions } from 'igniteui-angular/core';
import { registerLocaleData } from "@angular/common";
import localeJa from "@angular/common/locales/ja";
import localeBg from "@angular/common/locales/bg";
diff --git a/projects/igniteui-angular/src/lib/time-picker/time-picker.component.ts b/projects/igniteui-angular/time-picker/src/time-picker/time-picker.component.ts
similarity index 95%
rename from projects/igniteui-angular/src/lib/time-picker/time-picker.component.ts
rename to projects/igniteui-angular/time-picker/src/time-picker/time-picker.component.ts
index d331b240cc6..c96544a5d30 100644
--- a/projects/igniteui-angular/src/lib/time-picker/time-picker.component.ts
+++ b/projects/igniteui-angular/time-picker/src/time-picker/time-picker.component.ts
@@ -15,7 +15,8 @@ import {
Injector,
PipeTransform,
ChangeDetectorRef,
- LOCALE_ID, Optional, ContentChildren, QueryList, HostListener, booleanAttribute
+ LOCALE_ID, Optional,
+ HostListener, booleanAttribute
} from '@angular/core';
import {
ControlValueAccessor,
@@ -27,40 +28,30 @@ import {
NG_VALIDATORS
} from '@angular/forms';
-import { IgxInputGroupComponent } from '../input-group/input-group.component';
-import { IgxInputDirective, IgxInputState } from '../directives/input/input.directive';
-import { IgxInputGroupType, IGX_INPUT_GROUP_TYPE } from '../input-group/public_api';
+import { IgxInputGroupType, IGX_INPUT_GROUP_TYPE, IgxInputDirective, IgxInputGroupComponent, IgxInputState, IgxLabelDirective, IgxPrefixDirective, IgxReadOnlyInputDirective, IgxSuffixDirective } from 'igniteui-angular/input-group';
import {
IgxItemListDirective,
IgxTimeItemDirective
} from './time-picker.directives';
import { Subscription, noop, fromEvent } from 'rxjs';
import { IgxTimePickerBase, IGX_TIME_PICKER_COMPONENT } from './time-picker.common';
-import { AbsoluteScrollStrategy } from '../services/overlay/scroll';
-import { AutoPositionStrategy } from '../services/overlay/position';
-import { OverlaySettings } from '../services/overlay/utilities';
+import { AbsoluteScrollStrategy, DatePart, DatePartDeltas, DateTimeUtil, IgxPickerActionsDirective, PickerHeaderOrientation, PickerInteractionMode } from 'igniteui-angular/core';
+import { AutoPositionStrategy } from 'igniteui-angular/core';
+import { OverlaySettings } from 'igniteui-angular/core';
import { takeUntil } from 'rxjs/operators';
-import { IgxButtonDirective } from '../directives/button/button.directive';
-
-import { IgxDateTimeEditorDirective } from '../directives/date-time-editor/date-time-editor.directive';
-import { IgxToggleDirective } from '../directives/toggle/toggle.directive';
-import { ITimePickerResourceStrings, TimePickerResourceStringsEN } from '../core/i18n/time-picker-resources';
-import { IBaseEventArgs, isEqual, isDate, PlatformUtil, IBaseCancelableBrowserEventArgs } from '../core/utils';
-import { PickerInteractionMode } from '../date-common/types';
-import { IgxTextSelectionDirective } from '../directives/text-selection/text-selection.directive';
-import { IgxLabelDirective } from '../directives/label/label.directive';
-import { PickerBaseDirective } from '../date-common/picker-base.directive';
-import { DateTimeUtil } from '../date-common/util/date-time.util';
-import { DatePart, DatePartDeltas } from '../directives/date-time-editor/public_api';
-import { PickerHeaderOrientation } from '../date-common/types';
-import { IgxPickerActionsDirective, IgxPickerClearComponent } from '../date-common/picker-icons.common';
+import { IgxButtonDirective } from 'igniteui-angular/directives';
+
+import { IgxDateTimeEditorDirective } from 'igniteui-angular/directives';
+import { IgxToggleDirective } from 'igniteui-angular/directives';
+import { ITimePickerResourceStrings, TimePickerResourceStringsEN } from 'igniteui-angular/core';
+import { IBaseEventArgs, isEqual, isDate, PlatformUtil, IBaseCancelableBrowserEventArgs } from 'igniteui-angular/core';
+
+import { IgxTextSelectionDirective } from 'igniteui-angular/directives';
import { TimeFormatPipe, TimeItemPipe } from './time-picker.pipes';
-import { IgxSuffixDirective } from '../directives/suffix/suffix.directive';
-import { IgxIconComponent } from '../icon/icon.component';
-import { IgxPrefixDirective } from '../directives/prefix/prefix.directive';
-import { getCurrentResourceStrings } from '../core/i18n/resources';
-import { IgxDividerDirective } from '../directives/divider/divider.directive';
-import { IgxReadOnlyInputDirective } from '../directives/input/read-only-input.directive';
+import { IgxIconComponent } from 'igniteui-angular/icon';
+import { getCurrentResourceStrings } from 'igniteui-angular/core';
+import { IgxDividerDirective } from 'igniteui-angular/directives';
+import { PickerBaseDirective } from 'igniteui-angular/date-picker';
let NEXT_ID = 0;
export interface IgxTimePickerValidationFailedEventArgs extends IBaseEventArgs {
diff --git a/projects/igniteui-angular/src/lib/time-picker/time-picker.directives.ts b/projects/igniteui-angular/time-picker/src/time-picker/time-picker.directives.ts
similarity index 98%
rename from projects/igniteui-angular/src/lib/time-picker/time-picker.directives.ts
rename to projects/igniteui-angular/time-picker/src/time-picker/time-picker.directives.ts
index 3ce96e93073..887de30c3d0 100644
--- a/projects/igniteui-angular/src/lib/time-picker/time-picker.directives.ts
+++ b/projects/igniteui-angular/time-picker/src/time-picker/time-picker.directives.ts
@@ -14,10 +14,8 @@ import {
OnDestroy,
OnInit
} from '@angular/core';
-import { HammerGesturesManager } from '../core/touch';
-import { DateTimeUtil } from '../date-common/util/date-time.util';
+import { DateTimeUtil, HammerGesturesManager, HammerInput, HammerOptions } from 'igniteui-angular/core';
import { IgxTimePickerBase, IGX_TIME_PICKER_COMPONENT } from './time-picker.common';
-import { HammerInput, HammerOptions } from '../core/touch-annotations';
/** @hidden */
@Directive({
diff --git a/projects/igniteui-angular/src/lib/time-picker/time-picker.module.ts b/projects/igniteui-angular/time-picker/src/time-picker/time-picker.module.ts
similarity index 100%
rename from projects/igniteui-angular/src/lib/time-picker/time-picker.module.ts
rename to projects/igniteui-angular/time-picker/src/time-picker/time-picker.module.ts
diff --git a/projects/igniteui-angular/src/lib/time-picker/time-picker.pipes.ts b/projects/igniteui-angular/time-picker/src/time-picker/time-picker.pipes.ts
similarity index 98%
rename from projects/igniteui-angular/src/lib/time-picker/time-picker.pipes.ts
rename to projects/igniteui-angular/time-picker/src/time-picker/time-picker.pipes.ts
index b20ea11c62d..c784dd65f90 100644
--- a/projects/igniteui-angular/src/lib/time-picker/time-picker.pipes.ts
+++ b/projects/igniteui-angular/time-picker/src/time-picker/time-picker.pipes.ts
@@ -1,8 +1,7 @@
import { Pipe, PipeTransform, Inject } from '@angular/core';
import { DatePipe } from '@angular/common';
import { IGX_TIME_PICKER_COMPONENT, IgxTimePickerBase } from './time-picker.common';
-import { DatePart } from '../directives/date-time-editor/public_api';
-import { DateTimeUtil } from '../date-common/util/date-time.util';
+import { DatePart, DateTimeUtil } from 'igniteui-angular/core';
const ITEMS_COUNT = 7;
diff --git a/projects/igniteui-angular/src/lib/toast/README.md b/projects/igniteui-angular/toast/README.md
similarity index 100%
rename from projects/igniteui-angular/src/lib/toast/README.md
rename to projects/igniteui-angular/toast/README.md
diff --git a/projects/igniteui-angular/toast/index.ts b/projects/igniteui-angular/toast/index.ts
new file mode 100644
index 00000000000..d602cea01f7
--- /dev/null
+++ b/projects/igniteui-angular/toast/index.ts
@@ -0,0 +1 @@
+export * from './src/toast/public_api';
diff --git a/projects/igniteui-angular/toast/ng-package.json b/projects/igniteui-angular/toast/ng-package.json
new file mode 100644
index 00000000000..2c63c085104
--- /dev/null
+++ b/projects/igniteui-angular/toast/ng-package.json
@@ -0,0 +1,2 @@
+{
+}
diff --git a/projects/igniteui-angular/toast/src/public_api.ts b/projects/igniteui-angular/toast/src/public_api.ts
new file mode 100644
index 00000000000..ec63c7dc581
--- /dev/null
+++ b/projects/igniteui-angular/toast/src/public_api.ts
@@ -0,0 +1 @@
+export * from './toast/public_api';
diff --git a/projects/igniteui-angular/toast/src/toast/public_api.ts b/projects/igniteui-angular/toast/src/toast/public_api.ts
new file mode 100644
index 00000000000..6502de796e0
--- /dev/null
+++ b/projects/igniteui-angular/toast/src/toast/public_api.ts
@@ -0,0 +1 @@
+export * from './toast.component';
diff --git a/projects/igniteui-angular/src/lib/toast/toast.component.html b/projects/igniteui-angular/toast/src/toast/toast.component.html
similarity index 100%
rename from projects/igniteui-angular/src/lib/toast/toast.component.html
rename to projects/igniteui-angular/toast/src/toast/toast.component.html
diff --git a/projects/igniteui-angular/src/lib/toast/toast.component.spec.ts b/projects/igniteui-angular/toast/src/toast/toast.component.spec.ts
similarity index 98%
rename from projects/igniteui-angular/src/lib/toast/toast.component.spec.ts
rename to projects/igniteui-angular/toast/src/toast/toast.component.spec.ts
index ef7adddba9e..72640693dcc 100644
--- a/projects/igniteui-angular/src/lib/toast/toast.component.spec.ts
+++ b/projects/igniteui-angular/toast/src/toast/toast.component.spec.ts
@@ -9,7 +9,7 @@ import { NoopAnimationsModule } from '@angular/platform-browser/animations';
import {
IgxToastComponent
} from './toast.component';
-import { HorizontalAlignment, PositionSettings, VerticalAlignment } from 'igniteui-angular';
+import { HorizontalAlignment, PositionSettings, VerticalAlignment } from 'igniteui-angular/core';;
describe('IgxToast', () => {
let fixture: ComponentFixture;
diff --git a/projects/igniteui-angular/src/lib/toast/toast.component.ts b/projects/igniteui-angular/toast/src/toast/toast.component.ts
similarity index 95%
rename from projects/igniteui-angular/src/lib/toast/toast.component.ts
rename to projects/igniteui-angular/toast/src/toast/toast.component.ts
index 4cec61b052f..bc3185de05d 100644
--- a/projects/igniteui-angular/src/lib/toast/toast.component.ts
+++ b/projects/igniteui-angular/toast/src/toast/toast.component.ts
@@ -11,16 +11,16 @@ import {
Output
} from '@angular/core';
import { takeUntil } from 'rxjs/operators';
-import { IgxNavigationService } from '../core/navigation';
+import { IgxNavigationService } from 'igniteui-angular/core';
import {
IgxOverlayService,
HorizontalAlignment,
VerticalAlignment,
GlobalPositionStrategy,
PositionSettings
-} from '../services/public_api';
-import { IgxNotificationsDirective } from '../directives/notification/notifications.directive';
-import { ToggleViewEventArgs } from '../directives/toggle/toggle.directive';
+} from 'igniteui-angular/core';
+import { IgxNotificationsDirective } from 'igniteui-angular/directives';
+import { ToggleViewEventArgs } from 'igniteui-angular/directives';
import { useAnimation } from '@angular/animations';
import { fadeIn, fadeOut } from 'igniteui-angular/animations';
diff --git a/projects/igniteui-angular/src/lib/toast/toast.module.ts b/projects/igniteui-angular/toast/src/toast/toast.module.ts
similarity index 100%
rename from projects/igniteui-angular/src/lib/toast/toast.module.ts
rename to projects/igniteui-angular/toast/src/toast/toast.module.ts
diff --git a/projects/igniteui-angular/src/lib/tree/README.md b/projects/igniteui-angular/tree/README.md
similarity index 100%
rename from projects/igniteui-angular/src/lib/tree/README.md
rename to projects/igniteui-angular/tree/README.md
diff --git a/projects/igniteui-angular/tree/index.ts b/projects/igniteui-angular/tree/index.ts
new file mode 100644
index 00000000000..eaae6997e9c
--- /dev/null
+++ b/projects/igniteui-angular/tree/index.ts
@@ -0,0 +1 @@
+export * from './src/tree/public_api';
diff --git a/projects/igniteui-angular/tree/ng-package.json b/projects/igniteui-angular/tree/ng-package.json
new file mode 100644
index 00000000000..2c63c085104
--- /dev/null
+++ b/projects/igniteui-angular/tree/ng-package.json
@@ -0,0 +1,2 @@
+{
+}
diff --git a/projects/igniteui-angular/tree/src/public_api.ts b/projects/igniteui-angular/tree/src/public_api.ts
new file mode 100644
index 00000000000..1adc36e8996
--- /dev/null
+++ b/projects/igniteui-angular/tree/src/public_api.ts
@@ -0,0 +1 @@
+export * from './tree/public_api';
diff --git a/projects/igniteui-angular/src/lib/tree/common.ts b/projects/igniteui-angular/tree/src/tree/common.ts
similarity index 97%
rename from projects/igniteui-angular/src/lib/tree/common.ts
rename to projects/igniteui-angular/tree/src/tree/common.ts
index 679de79cb23..d30fed3c1cf 100644
--- a/projects/igniteui-angular/src/lib/tree/common.ts
+++ b/projects/igniteui-angular/tree/src/tree/common.ts
@@ -1,6 +1,6 @@
import { ElementRef, EventEmitter, InjectionToken, QueryList, TemplateRef } from '@angular/core';
-import { IBaseCancelableBrowserEventArgs, IBaseEventArgs } from '../core/utils';
-import { ToggleAnimationSettings } from '../expansion-panel/toggle-animation-component';
+import { IBaseCancelableBrowserEventArgs, IBaseEventArgs } from 'igniteui-angular/core';
+import { ToggleAnimationSettings } from 'igniteui-angular/expansion-panel';
// Component interfaces
diff --git a/projects/igniteui-angular/src/lib/tree/public_api.ts b/projects/igniteui-angular/tree/src/tree/public_api.ts
similarity index 100%
rename from projects/igniteui-angular/src/lib/tree/public_api.ts
rename to projects/igniteui-angular/tree/src/tree/public_api.ts
diff --git a/projects/igniteui-angular/src/lib/tree/tree-functions.spec.ts b/projects/igniteui-angular/tree/src/tree/tree-functions.spec.ts
similarity index 100%
rename from projects/igniteui-angular/src/lib/tree/tree-functions.spec.ts
rename to projects/igniteui-angular/tree/src/tree/tree-functions.spec.ts
diff --git a/projects/igniteui-angular/src/lib/tree/tree-navigation.service.ts b/projects/igniteui-angular/tree/src/tree/tree-navigation.service.ts
similarity index 99%
rename from projects/igniteui-angular/src/lib/tree/tree-navigation.service.ts
rename to projects/igniteui-angular/tree/src/tree/tree-navigation.service.ts
index 53687c548ad..66d69185cfd 100644
--- a/projects/igniteui-angular/src/lib/tree/tree-navigation.service.ts
+++ b/projects/igniteui-angular/tree/src/tree/tree-navigation.service.ts
@@ -1,6 +1,6 @@
import { Injectable, OnDestroy } from '@angular/core';
import { IgxTree, IgxTreeNode, IgxTreeSelectionType } from './common';
-import { NAVIGATION_KEYS } from '../core/utils';
+import { NAVIGATION_KEYS } from 'igniteui-angular/core';
import { IgxTreeService } from './tree.service';
import { IgxTreeSelectionService } from './tree-selection.service';
import { Subject } from 'rxjs';
diff --git a/projects/igniteui-angular/src/lib/tree/tree-navigation.spec.ts b/projects/igniteui-angular/tree/src/tree/tree-navigation.spec.ts
similarity index 99%
rename from projects/igniteui-angular/src/lib/tree/tree-navigation.spec.ts
rename to projects/igniteui-angular/tree/src/tree/tree-navigation.spec.ts
index 8678be6600c..b1dee1b8076 100644
--- a/projects/igniteui-angular/src/lib/tree/tree-navigation.spec.ts
+++ b/projects/igniteui-angular/tree/src/tree/tree-navigation.spec.ts
@@ -1,7 +1,7 @@
import { waitForAsync, TestBed, fakeAsync, tick } from '@angular/core/testing';
import { IgxTreeNavigationComponent, IgxTreeScrollComponent, IgxTreeSimpleComponent } from './tree-samples.spec';
import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { UIInteractions, wait } from '../test-utils/ui-interactions.spec';
+import { UIInteractions, wait } from '../../../test-utils/ui-interactions.spec';
import { IgxTreeNavigationService } from './tree-navigation.service';
import { ElementRef, EventEmitter } from '@angular/core';
import { IgxTreeSelectionService } from './tree-selection.service';
@@ -10,7 +10,6 @@ import { IgxTreeService } from './tree.service';
import { IgxTreeComponent } from './tree.component';
import { IgxTree, IgxTreeNode, IgxTreeSelectionType } from './common';
import { IgxTreeNodeComponent } from './tree-node/tree-node.component';
-import { PlatformUtil } from '../core/utils';
describe('IgxTree - Navigation #treeView', () => {
diff --git a/projects/igniteui-angular/src/lib/tree/tree-node/tree-node.component.html b/projects/igniteui-angular/tree/src/tree/tree-node/tree-node.component.html
similarity index 100%
rename from projects/igniteui-angular/src/lib/tree/tree-node/tree-node.component.html
rename to projects/igniteui-angular/tree/src/tree/tree-node/tree-node.component.html
diff --git a/projects/igniteui-angular/src/lib/tree/tree-node/tree-node.component.ts b/projects/igniteui-angular/tree/src/tree/tree-node/tree-node.component.ts
similarity index 97%
rename from projects/igniteui-angular/src/lib/tree/tree-node/tree-node.component.ts
rename to projects/igniteui-angular/tree/src/tree/tree-node/tree-node.component.ts
index 36955bd179f..4873e0add03 100644
--- a/projects/igniteui-angular/src/lib/tree/tree-node/tree-node.component.ts
+++ b/projects/igniteui-angular/tree/src/tree/tree-node/tree-node.component.ts
@@ -20,10 +20,6 @@ import {
booleanAttribute
} from '@angular/core';
import { takeUntil } from 'rxjs/operators';
-import { ITreeResourceStrings, TreeResourceStringsEN } from '../../core/i18n/tree-resources';
-import { ToggleAnimationPlayer, ToggleAnimationSettings } from '../../expansion-panel/toggle-animation-component';
-import { IgxAngularAnimationService } from '../../services/animation/angular-animation-service';
-import { AnimationService } from '../../services/animation/animation';
import {
IgxTree,
IgxTreeNode,
@@ -35,11 +31,12 @@ import {
import { IgxTreeNavigationService } from '../tree-navigation.service';
import { IgxTreeSelectionService } from '../tree-selection.service';
import { IgxTreeService } from '../tree.service';
-import { IgxCircularProgressBarComponent } from '../../progressbar/progressbar.component';
-import { IgxCheckboxComponent } from '../../checkbox/checkbox.component';
-import { IgxIconComponent } from '../../icon/icon.component';
import { NgTemplateOutlet, NgClass } from '@angular/common';
-import { getCurrentResourceStrings } from '../../core/i18n/resources';
+import { IgxIconComponent } from 'igniteui-angular/icon';
+import { IgxCheckboxComponent } from 'igniteui-angular/checkbox';
+import { IgxCircularProgressBarComponent } from 'igniteui-angular/progressbar';
+import { ToggleAnimationPlayer, ToggleAnimationSettings } from 'igniteui-angular/expansion-panel';
+import { AnimationService, getCurrentResourceStrings, IgxAngularAnimationService, ITreeResourceStrings, TreeResourceStringsEN } from 'igniteui-angular/core';
// TODO: Implement aria functionality
/**
diff --git a/projects/igniteui-angular/src/lib/tree/tree-samples.spec.ts b/projects/igniteui-angular/tree/src/tree/tree-samples.spec.ts
similarity index 99%
rename from projects/igniteui-angular/src/lib/tree/tree-samples.spec.ts
rename to projects/igniteui-angular/tree/src/tree/tree-samples.spec.ts
index c7bed3f83c8..9ec8e908b69 100644
--- a/projects/igniteui-angular/src/lib/tree/tree-samples.spec.ts
+++ b/projects/igniteui-angular/tree/src/tree/tree-samples.spec.ts
@@ -2,7 +2,7 @@ import { Component, ViewChild, ChangeDetectorRef } from '@angular/core';
import { IgxTreeComponent, IgxTreeExpandIndicatorDirective, IgxTreeNodeComponent, IgxTreeNodeLinkDirective } from './public_api';
import { HIERARCHICAL_SAMPLE_DATA } from 'src/app/shared/sample-data';
import { NgTemplateOutlet } from '@angular/common';
-import { IgxIconComponent } from '../icon/icon.component';
+import { IgxIconComponent } from 'igniteui-angular/icon';
@Component({
template: `
diff --git a/projects/igniteui-angular/src/lib/tree/tree-selection.service.spec.ts b/projects/igniteui-angular/tree/src/tree/tree-selection.service.spec.ts
similarity index 100%
rename from projects/igniteui-angular/src/lib/tree/tree-selection.service.spec.ts
rename to projects/igniteui-angular/tree/src/tree/tree-selection.service.spec.ts
diff --git a/projects/igniteui-angular/src/lib/tree/tree-selection.service.ts b/projects/igniteui-angular/tree/src/tree/tree-selection.service.ts
similarity index 100%
rename from projects/igniteui-angular/src/lib/tree/tree-selection.service.ts
rename to projects/igniteui-angular/tree/src/tree/tree-selection.service.ts
diff --git a/projects/igniteui-angular/src/lib/tree/tree-selection.spec.ts b/projects/igniteui-angular/tree/src/tree/tree-selection.spec.ts
similarity index 99%
rename from projects/igniteui-angular/src/lib/tree/tree-selection.spec.ts
rename to projects/igniteui-angular/tree/src/tree/tree-selection.spec.ts
index 6ea2db4fe0c..ee93c332684 100644
--- a/projects/igniteui-angular/src/lib/tree/tree-selection.spec.ts
+++ b/projects/igniteui-angular/tree/src/tree/tree-selection.spec.ts
@@ -2,7 +2,7 @@ import { TestBed, fakeAsync, waitForAsync } from '@angular/core/testing';
import { NoopAnimationsModule } from '@angular/platform-browser/animations';
import { EventEmitter, QueryList } from '@angular/core';
import { IgxTreeComponent } from './tree.component';
-import { UIInteractions } from '../test-utils/ui-interactions.spec';
+import { UIInteractions } from '../../../test-utils/ui-interactions.spec';
import { TreeTestFunctions, TREE_NODE_DIV_SELECTION_CHECKBOX_CSS_CLASS } from './tree-functions.spec';
import { IgxTree, IgxTreeSelectionType, ITreeNodeSelectionEvent } from './common';
import { IgxTreeSelectionService } from './tree-selection.service';
diff --git a/projects/igniteui-angular/src/lib/tree/tree.component.html b/projects/igniteui-angular/tree/src/tree/tree.component.html
similarity index 100%
rename from projects/igniteui-angular/src/lib/tree/tree.component.html
rename to projects/igniteui-angular/tree/src/tree/tree.component.html
diff --git a/projects/igniteui-angular/src/lib/tree/tree.component.ts b/projects/igniteui-angular/tree/src/tree/tree.component.ts
similarity index 99%
rename from projects/igniteui-angular/src/lib/tree/tree.component.ts
rename to projects/igniteui-angular/tree/src/tree/tree.component.ts
index 735934baf9c..d9be4047d0c 100644
--- a/projects/igniteui-angular/src/lib/tree/tree.component.ts
+++ b/projects/igniteui-angular/tree/src/tree/tree.component.ts
@@ -19,7 +19,6 @@ import {
import { Subject } from 'rxjs';
import { takeUntil, throttleTime } from 'rxjs/operators';
-import { ToggleAnimationSettings } from '../expansion-panel/toggle-animation-component';
import {
IGX_TREE_COMPONENT, IgxTreeSelectionType, IgxTree, ITreeNodeToggledEventArgs,
ITreeNodeTogglingEventArgs, ITreeNodeSelectionEvent, IgxTreeNode, IgxTreeSearchResolver
@@ -29,7 +28,8 @@ import { IgxTreeNodeComponent } from './tree-node/tree-node.component';
import { IgxTreeSelectionService } from './tree-selection.service';
import { IgxTreeService } from './tree.service';
import { growVerIn, growVerOut } from 'igniteui-angular/animations';
-import { PlatformUtil, resizeObservable } from '../core/utils';
+import { PlatformUtil, resizeObservable } from 'igniteui-angular/core';
+import { ToggleAnimationSettings } from 'igniteui-angular/expansion-panel';
/**
* @hidden @internal
diff --git a/projects/igniteui-angular/src/lib/tree/tree.module.ts b/projects/igniteui-angular/tree/src/tree/tree.module.ts
similarity index 100%
rename from projects/igniteui-angular/src/lib/tree/tree.module.ts
rename to projects/igniteui-angular/tree/src/tree/tree.module.ts
diff --git a/projects/igniteui-angular/src/lib/tree/tree.service.ts b/projects/igniteui-angular/tree/src/tree/tree.service.ts
similarity index 100%
rename from projects/igniteui-angular/src/lib/tree/tree.service.ts
rename to projects/igniteui-angular/tree/src/tree/tree.service.ts
diff --git a/projects/igniteui-angular/src/lib/tree/tree.spec.ts b/projects/igniteui-angular/tree/src/tree/tree.spec.ts
similarity index 99%
rename from projects/igniteui-angular/src/lib/tree/tree.spec.ts
rename to projects/igniteui-angular/tree/src/tree/tree.spec.ts
index 069d8f1d2e4..85781331cf6 100644
--- a/projects/igniteui-angular/src/lib/tree/tree.spec.ts
+++ b/projects/igniteui-angular/tree/src/tree/tree.spec.ts
@@ -4,14 +4,13 @@ import { By } from '@angular/platform-browser';
import { NoopAnimationsModule } from '@angular/platform-browser/animations';
import { Subject } from 'rxjs';
import { takeUntil } from 'rxjs/operators';
-import { AnimationService } from '../services/animation/animation';
+import { AnimationService } from 'igniteui-angular/core';
import { TreeTestFunctions } from './tree-functions.spec';
import { IgxTreeNavigationService } from './tree-navigation.service';
import { IgxTreeNodeComponent } from './tree-node/tree-node.component';
import { IgxTreeSelectionService } from './tree-selection.service';
import { IgxTreeComponent } from './tree.component';
import { IgxTreeService } from './tree.service';
-import { PlatformUtil } from '../core/utils';
const TREE_ROOT_CLASS = 'igx-tree__root';
const NODE_TAG = 'igx-tree-node';
diff --git a/projects/igniteui-angular/tsconfig.spec.json b/projects/igniteui-angular/tsconfig.spec.json
index 24f07ad7318..b925e22baa8 100644
--- a/projects/igniteui-angular/tsconfig.spec.json
+++ b/projects/igniteui-angular/tsconfig.spec.json
@@ -8,6 +8,11 @@
"hammerjs"
]
},
+ "exclude": [
+ "migrations/**/*.spec.ts",
+ "schematics/**/*.spec.ts",
+ "cypress/**/*.spec.ts"
+ ],
"include": [
"**/*.spec.ts",
"**/*.d.ts"
diff --git a/scripts/build-styles.mjs b/scripts/build-styles.mjs
index 60aa5dc6749..4ebcc561f99 100644
--- a/scripts/build-styles.mjs
+++ b/scripts/build-styles.mjs
@@ -15,10 +15,10 @@ const report = {
};
const STYLES = {
- SRC: "projects/igniteui-angular/src/lib/core/styles/themes/presets",
+ SRC: "projects/igniteui-angular/core/src/core/styles/themes/presets",
DIST: "../dist/igniteui-angular/styles",
THEMING: {
- SRC: "projects/igniteui-angular/src/lib/core/styles/",
+ SRC: "projects/igniteui-angular/core/src/core/styles/",
DIST: "dist/igniteui-angular/lib/core/styles/",
},
CONFIG: {
diff --git a/src/app/action-strip/action-strip.sample.html b/src/app/action-strip/action-strip.sample.html
index 801ce7def17..451da30817e 100644
--- a/src/app/action-strip/action-strip.sample.html
+++ b/src/app/action-strip/action-strip.sample.html
@@ -15,6 +15,7 @@
[style.--ig-size]="'var(--ig-size-' + sizeSelector.size + ')'"
>
alarm
+
}
diff --git a/src/app/action-strip/action-strip.sample.ts b/src/app/action-strip/action-strip.sample.ts
index 79ea1196fc5..913640bbf3e 100644
--- a/src/app/action-strip/action-strip.sample.ts
+++ b/src/app/action-strip/action-strip.sample.ts
@@ -71,6 +71,7 @@ class User {
IgxCellTemplateDirective,
IgxGridEditingActionsComponent,
IgxActionStripMenuItemDirective,
+ IgxButtonDirective,
SizeSelectorComponent
]
})
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index c3d2d4d104b..711c7618b6d 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -8,12 +8,13 @@ import {
} from '@angular/core';
import { Router, NavigationStart, NavigationEnd, RouterLinkActive, RouterLink, RouterOutlet } from '@angular/router';
import { filter } from 'rxjs/operators';
-import { IgxNavigationDrawerComponent, IgxIconService, IgxRippleDirective, IGX_NAVIGATION_DRAWER_DIRECTIVES } from 'igniteui-angular';
import { DocumentDirection, PageHeaderComponent } from './pageHeading/pageHeading.component';
-import { IgxIconComponent } from '../../projects/igniteui-angular/src/lib/icon/icon.component';
import { CommonModule } from '@angular/common';
import { PropertiesPanelComponent } from './properties-panel/properties-panel.component';
import { PropertyChangeService } from './properties-panel/property-change.service';
+import { IGX_NAVIGATION_DRAWER_DIRECTIVES, IgxNavigationDrawerComponent } from 'igniteui-angular/navigation-drawer';
+import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon';
+import { IgxRippleDirective } from 'igniteui-angular/directives';
@Component({
selector: 'app-root',
diff --git a/src/app/badge/badge.sample.scss b/src/app/badge/badge.sample.scss
index 126f27254d0..eb15d4ae890 100644
--- a/src/app/badge/badge.sample.scss
+++ b/src/app/badge/badge.sample.scss
@@ -1,4 +1,4 @@
-@use '../../../projects/igniteui-angular/src/lib/core/styles/themes/utilities' as *;
+@use '../../../projects/igniteui-angular/core/src/core/styles/themes/utilities' as *;
.wrapper {
display: grid;
diff --git a/src/app/date-range/date-range.sample.ts b/src/app/date-range/date-range.sample.ts
index 17a6c357b24..05a64ef6460 100644
--- a/src/app/date-range/date-range.sample.ts
+++ b/src/app/date-range/date-range.sample.ts
@@ -1,11 +1,9 @@
import { Component, CUSTOM_ELEMENTS_SCHEMA, DestroyRef, ViewChild } from '@angular/core';
import { JsonPipe } from '@angular/common';
import { UntypedFormGroup, UntypedFormBuilder, Validators, UntypedFormControl, ValidatorFn, AbstractControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
-import { DateRange, IgxButtonDirective, IgxDateRangePickerComponent, IgxDateTimeEditorDirective, IgxInputDirective, IgxLabelDirective, IgxRadioComponent, IgxRippleDirective, IGX_INPUT_GROUP_TYPE, IChangeCheckboxEventArgs, IGX_DATE_RANGE_PICKER_DIRECTIVES, IgxIconComponent, IgSizeDirective, CustomDateRange, IgxPickerClearComponent } from 'igniteui-angular';
-import { DateRangeType } from 'igniteui-angular/src/lib/calendar/common/types';
+import { DateRange, IgxButtonDirective, IgxDateRangePickerComponent, IgxDateTimeEditorDirective, IgxInputDirective, IgxLabelDirective, IgxRadioComponent, IgxRippleDirective, IGX_INPUT_GROUP_TYPE, IChangeCheckboxEventArgs, IGX_DATE_RANGE_PICKER_DIRECTIVES, IgxIconComponent, IgSizeDirective, CustomDateRange, CalendarDay, DateRangeType } from 'igniteui-angular';
import { defineComponents, IgcButtonComponent, IgcDateRangePickerComponent, IgcDateTimeInputComponent, IgcIconComponent } from 'igniteui-webcomponents';
import { Properties, PropertyChangeService, PropertyPanelConfig } from '../properties-panel/property-change.service';
-import { CalendarDay } from 'igniteui-angular/src/lib/calendar/common/model';
defineComponents(IgcDateRangePickerComponent, IgcButtonComponent, IgcIconComponent, IgcDateTimeInputComponent);
diff --git a/src/app/drag-drop/shadow-dom-grid/shadow-grid-sample.ts b/src/app/drag-drop/shadow-dom-grid/shadow-grid-sample.ts
index 82a9e22136d..dfdcbe9de26 100644
--- a/src/app/drag-drop/shadow-dom-grid/shadow-grid-sample.ts
+++ b/src/app/drag-drop/shadow-dom-grid/shadow-grid-sample.ts
@@ -1,6 +1,5 @@
import { Component, OnInit, ViewEncapsulation } from '@angular/core';
-import { IgxColumnComponent } from 'igniteui-angular';
-import { IgxGridComponent } from '../../../../projects/igniteui-angular/src/lib/grids/grid/grid.component';
+import { IgxColumnComponent, IgxGridComponent } from 'igniteui-angular';
@Component({
selector: 'app-shadow-grid-sample',
diff --git a/src/app/grid-row-draggable/grid-row-draggable.sample.ts b/src/app/grid-row-draggable/grid-row-draggable.sample.ts
index e23f22a6417..dd412360777 100644
--- a/src/app/grid-row-draggable/grid-row-draggable.sample.ts
+++ b/src/app/grid-row-draggable/grid-row-draggable.sample.ts
@@ -5,8 +5,7 @@ import { FormsModule } from '@angular/forms';
import { Observable } from 'rxjs';
import { RemoteService } from '../shared/remote.service';
-import { IgxButtonGroupComponent, IgxCellTemplateDirective, IgxColumnComponent, IgxGridComponent, IgxIconComponent, IgxSwitchComponent, IgxRowDragGhostDirective, IgxDragIndicatorIconDirective, IgxDropDirective, IgxGridEmptyTemplateDirective } from 'igniteui-angular';
-import { IgxRowDragDirective } from 'projects/igniteui-angular/src/lib/grids/row-drag.directive';
+import { IgxButtonGroupComponent, IgxCellTemplateDirective, IgxColumnComponent, IgxGridComponent, IgxIconComponent, IgxSwitchComponent, IgxRowDragGhostDirective, IgxDragIndicatorIconDirective, IgxDropDirective, IgxGridEmptyTemplateDirective, IgxRowDragDirective } from 'igniteui-angular';
enum DragIcon {
diff --git a/src/app/grid-row-edit/grid-row-edit-sample.component.ts b/src/app/grid-row-edit/grid-row-edit-sample.component.ts
index 0860d0918cf..4481d1103b9 100644
--- a/src/app/grid-row-edit/grid-row-edit-sample.component.ts
+++ b/src/app/grid-row-edit/grid-row-edit-sample.component.ts
@@ -2,18 +2,12 @@ import { Component, ViewChild } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { data } from '../shared/data';
-import { IgxToggleDirective } from '../../../projects/igniteui-angular/src/lib/directives/toggle/toggle.directive';
-import { IgxPaginatorComponent } from '../../../projects/igniteui-angular/src/lib/paginator/paginator.component';
-import { IgxSwitchComponent } from '../../../projects/igniteui-angular/src/lib/switch/switch.component';
-import { IgxButtonDirective } from '../../../projects/igniteui-angular/src/lib/directives/button/button.directive';
-import { IgxCheckboxComponent } from '../../../projects/igniteui-angular/src/lib/checkbox/checkbox.component';
-import { IgxFocusDirective } from '../../../projects/igniteui-angular/src/lib/directives/focus/focus.directive';
-import { GridSelectionMode } from '../../../projects/igniteui-angular/src/lib/grids/common/enums';
-import { IgxColumnComponent, IgxRowEditActionsDirective, IgxRowEditTabStopDirective, IgxRowEditTextDirective, IRowDataEventArgs } from '../../../projects/igniteui-angular/src/lib/grids/public_api';
-import { IgxGridComponent } from '../../../projects/igniteui-angular/src/lib/grids/grid/public_api';
-import { IgxCellEditorTemplateDirective, IgxCellTemplateDirective } from '../../../projects/igniteui-angular/src/lib/grids/columns/templates.directive';
-import { IgxColumnRequiredValidatorDirective } from '../../../projects/igniteui-angular/src/lib/grids/columns/validators.directive';
-import { IgxColumnGroupComponent } from '../../../projects/igniteui-angular/src/lib/grids/columns/column-group.component';
+import { IgxSwitchComponent } from 'igniteui-angular/switch';
+import { IgxButtonDirective, IgxFocusDirective, IgxToggleDirective } from 'igniteui-angular/directives';
+import { IgxCheckboxComponent } from 'igniteui-angular/checkbox';
+import { IgxPaginatorComponent } from 'igniteui-angular/paginator';
+import { IgxGridComponent } from 'igniteui-angular/grids/grid';
+import { GridSelectionMode, IgxCellEditorTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxColumnRequiredValidatorDirective, IgxRowEditActionsDirective, IgxRowEditTabStopDirective, IgxRowEditTextDirective, IRowDataEventArgs } from 'igniteui-angular/grids/core';
@Component({
selector: 'app-grid-row-edit',
diff --git a/src/app/grid-state/grid-state.component.ts b/src/app/grid-state/grid-state.component.ts
index 35c9f3e83ca..b4252587874 100644
--- a/src/app/grid-state/grid-state.component.ts
+++ b/src/app/grid-state/grid-state.component.ts
@@ -9,7 +9,7 @@ import { TREEGRID_FLAT_DATA, EMPLOYEE_DATA, employeesData } from './data';
import { FilteringExpressionsTree, FilteringLogic,
IgxNumberSummaryOperand, IgxSummaryResult, IGridState, IgxGridStateDirective,
IgxExpansionPanelComponent, IgxCellHeaderTemplateDirective,
- IGridStateOptions, GridFeatures, GridColumnDataType, IgxColumnComponent, GridType, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelIconDirective, IgxExpansionPanelBodyComponent, IgxGridComponent, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarPinningComponent, IgxGridToolbarHidingComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridDetailTemplateDirective, IgxPaginatorComponent, IgxTooltipDirective, IgxColumnGroupComponent, IgxHierarchicalGridComponent, IgxRowIslandComponent, IgxTreeGridComponent, IgxTooltipTargetDirective, IgxIconComponent, IgxSwitchComponent, IgxButtonDirective, IgxCellTemplateDirective,
+ IGridStateOptions, GridFeatures, GridColumnDataType, IgxColumnComponent, GridTypeBase, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelIconDirective, IgxExpansionPanelBodyComponent, IgxGridComponent, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarPinningComponent, IgxGridToolbarHidingComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridDetailTemplateDirective, IgxPaginatorComponent, IgxTooltipDirective, IgxColumnGroupComponent, IgxHierarchicalGridComponent, IgxRowIslandComponent, IgxTreeGridComponent, IgxTooltipTargetDirective, IgxIconComponent, IgxSwitchComponent, IgxButtonDirective, IgxCellTemplateDirective,
IgxColumnLayoutComponent} from 'igniteui-angular';
class MySummary extends IgxNumberSummaryOperand {
@@ -131,7 +131,7 @@ export class GridSaveStateComponent implements OnInit {
});
}
- public getContext(grid: GridType) {
+ public getContext(grid: GridTypeBase) {
if (this.state) {
const stateDirective = this.state.find(st => st.grid.id === grid.id);
return { $implicit: grid, stateDirective};
diff --git a/src/app/hierarchical-grid-remote-virtualization/hierarchical-remote.service.ts b/src/app/hierarchical-grid-remote-virtualization/hierarchical-remote.service.ts
index 6a1c369b335..8ac8536d3a6 100644
--- a/src/app/hierarchical-grid-remote-virtualization/hierarchical-remote.service.ts
+++ b/src/app/hierarchical-grid-remote-virtualization/hierarchical-remote.service.ts
@@ -2,8 +2,7 @@ import { Injectable } from '@angular/core';
import { Observable, BehaviorSubject } from 'rxjs';
import { map } from 'rxjs/operators';
import { HttpClient } from '@angular/common/http';
-import { IgxGridHierarchicalPipe } from 'projects/igniteui-angular/src/lib/grids/hierarchical-grid/hierarchical-grid.pipes';
-import { IgxHierarchicalGridComponent } from 'igniteui-angular';
+import { IgxGridHierarchicalPipe, IgxHierarchicalGridComponent } from 'igniteui-angular';
@Injectable()
export class HierarchicalRemoteService {
diff --git a/src/app/overlay/overlay-animation.sample.scss b/src/app/overlay/overlay-animation.sample.scss
index 5505d1ab692..78572a7169d 100644
--- a/src/app/overlay/overlay-animation.sample.scss
+++ b/src/app/overlay/overlay-animation.sample.scss
@@ -1,5 +1,5 @@
// Import the IgniteUI themes library first
-@use '../../../projects/igniteui-angular/src/lib/core/styles/themes/index' as *;
+@use '../../../projects/igniteui-angular/core/src/core/styles/themes/index' as *;
$new-card-theme: card-theme(
$background: royalblue
diff --git a/src/app/overlay/overlay-presets.sample.scss b/src/app/overlay/overlay-presets.sample.scss
index beee37fa86f..eae389b6866 100644
--- a/src/app/overlay/overlay-presets.sample.scss
+++ b/src/app/overlay/overlay-presets.sample.scss
@@ -1,5 +1,5 @@
// Import the IgniteUI themes library first
-@use '../../../projects/igniteui-angular/src/lib/core/styles/themes' as *;
+@use '../../../projects/igniteui-angular/core/src/core/styles/themes' as *;
$new-card-theme: card-theme(
$background: royalblue
diff --git a/src/app/pageHeading/pageHeading.styles.scss b/src/app/pageHeading/pageHeading.styles.scss
index d66569104bc..9ee8f655ba1 100644
--- a/src/app/pageHeading/pageHeading.styles.scss
+++ b/src/app/pageHeading/pageHeading.styles.scss
@@ -1,4 +1,4 @@
-@use '../../../projects/igniteui-angular/src/lib/core/styles/base' as *;
+@use '../../../projects/igniteui-angular/core/src/core/styles/base' as *;
:host {
display: block;
diff --git a/src/app/pagination/pagination.styles.scss b/src/app/pagination/pagination.styles.scss
index a5431ff962b..d6b01bc8a1d 100644
--- a/src/app/pagination/pagination.styles.scss
+++ b/src/app/pagination/pagination.styles.scss
@@ -1,4 +1,4 @@
-@use '../../../projects/igniteui-angular/src/lib/core/styles/base' as *;
+@use '../../../projects/igniteui-angular/core/src/core/styles/base' as *;
:host {
display: block;
diff --git a/src/app/query-builder/query-builder.sample.ts b/src/app/query-builder/query-builder.sample.ts
index 4188a3a7a8b..ac89ac47cb6 100644
--- a/src/app/query-builder/query-builder.sample.ts
+++ b/src/app/query-builder/query-builder.sample.ts
@@ -15,11 +15,11 @@ import {
IgxTimeFilteringOperand,
IgxDateTimeFilteringOperand,
IgxComboComponent,
- IGX_DIALOG_DIRECTIVES, IgxIconComponent
+ IGX_DIALOG_DIRECTIVES, IgxIconComponent,
+ IgxQueryBuilderSearchValueTemplateDirective
} from 'igniteui-angular';
import { IgxResourceStringsFR } from 'igniteui-angular-i18n';
import { CommonModule } from '@angular/common';
-import { IgxQueryBuilderSearchValueTemplateDirective } from 'igniteui-angular/src/lib/query-builder/query-builder.directives';
import { FormsModule } from '@angular/forms';
@Component({
diff --git a/src/app/slider/slider.sample.scss b/src/app/slider/slider.sample.scss
index 7d2727da6ef..c51112fbce0 100644
--- a/src/app/slider/slider.sample.scss
+++ b/src/app/slider/slider.sample.scss
@@ -1,4 +1,4 @@
-@use '../../../projects/igniteui-angular/src/lib/core/styles/themes/utilities' as *;
+@use '../../../projects/igniteui-angular/core/src/core/styles/themes/utilities' as *;
.ellipsis {
@include ellipsis();
diff --git a/src/app/styleguide/colors/color.sample.scss b/src/app/styleguide/colors/color.sample.scss
index 8e8f69b6f13..7e2279420a9 100644
--- a/src/app/styleguide/colors/color.sample.scss
+++ b/src/app/styleguide/colors/color.sample.scss
@@ -1,4 +1,4 @@
-@use '../../../../projects/igniteui-angular/src/lib/core/styles/themes/utilities' as *;
+@use '../../../../projects/igniteui-angular/core/src/core/styles/themes/utilities' as *;
@use '../../../styles/variables' as *;
.sample-wrapper {
diff --git a/src/app/tabs-routing/tabs-routing-views.sample.ts b/src/app/tabs-routing/tabs-routing-views.sample.ts
index 207d07fd167..760b0576bb6 100644
--- a/src/app/tabs-routing/tabs-routing-views.sample.ts
+++ b/src/app/tabs-routing/tabs-routing-views.sample.ts
@@ -1,9 +1,8 @@
import { Component } from '@angular/core';
-import { IgxIconComponent } from '../../../projects/igniteui-angular/src/lib/icon/icon.component';
-import { IgxAvatarComponent } from '../../../projects/igniteui-angular/src/lib/avatar/avatar.component';
-import { IgxRippleDirective } from '../../../projects/igniteui-angular/src/lib/directives/ripple/ripple.directive';
-import { IgxListItemComponent } from '../../../projects/igniteui-angular/src/lib/list/list-item.component';
-import { IgxListComponent, IgxListThumbnailDirective, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxListActionDirective } from '../../../projects/igniteui-angular/src/lib/list/list.component';
+import { IgxAvatarComponent } from 'igniteui-angular/avatar';
+import { IgxRippleDirective } from 'igniteui-angular/directives';
+import { IgxIconComponent } from 'igniteui-angular/icon';
+import { IgxListActionDirective, IgxListComponent, IgxListItemComponent, IgxListLineSubTitleDirective, IgxListLineTitleDirective, IgxListThumbnailDirective } from 'igniteui-angular/list';
@Component({
template: `
diff --git a/src/styles/_app-layout.scss b/src/styles/_app-layout.scss
index 4626008c618..8865e9d8140 100644
--- a/src/styles/_app-layout.scss
+++ b/src/styles/_app-layout.scss
@@ -1,4 +1,4 @@
-@use '../../projects/igniteui-angular/src/lib/core/styles/themes/index' as *;
+@use '../../projects/igniteui-angular/core/src/core/styles/themes' as *;
@use 'igniteui-theming/sass/animations' as *;
@include b(igniteui-logo) {
diff --git a/src/styles/_demo-theme.scss b/src/styles/_demo-theme.scss
index 5141a21465f..f4dab4684d9 100644
--- a/src/styles/_demo-theme.scss
+++ b/src/styles/_demo-theme.scss
@@ -1,6 +1,6 @@
// Standard imports
@use 'sass:math';
-@use '../../projects/igniteui-angular/src/lib/core/styles/themes' as *;
+@use '../../projects/igniteui-angular/core/src/core/styles/themes' as *;
@use 'variables' as *;
@use 'mixins' as *;
@use 'app-layout';
diff --git a/src/styles/_variables.scss b/src/styles/_variables.scss
index fa429165538..5f8b2de4448 100644
--- a/src/styles/_variables.scss
+++ b/src/styles/_variables.scss
@@ -1,5 +1,5 @@
@use 'sass:map';
-@use '../../projects/igniteui-angular/src/lib/core/styles/themes' as *;
+@use '../../projects/igniteui-angular/core/src/core/styles/themes' as *;
$palette: $light-material-palette;
$schema: $light-material-schema;