fix build and update packages

package.json

@@ -54,31 +54,27 @@
   "license": "Apache-2.0",
   "author": "IBM",
   "peerDependencies": {
-    "@angular/animations": "^6.1.0 || ^7.0.0 || ^8.0.0",
-    "@angular/common": "^6.1.0 || ^7.0.0 || ^8.0.0",
-    "@angular/core": "^6.1.0 || ^7.0.0 || ^8.0.0",
-    "@angular/forms": "^6.1.0 || ^7.0.0 || ^8.0.0",
+    "@angular/common": "^7.0.0 || ^8.0.0 || ^9.0.0",
+    "@angular/core": "^7.0.0 || ^8.0.0 || ^9.0.0",
+    "@angular/forms": "^7.0.0 || ^8.0.0 || ^9.0.0",
     "rxjs": "^6.0.0",
     "zone.js": "^0.8.26 || ^0.9.0",
     "carbon-components": "^10.0.0",
     "@carbon/icons-angular": "^10.1.0"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "0.8.9",
-    "@angular-devkit/build-ng-packagr": "0.8.9",
-    "@angular-devkit/core": "0.8.9",
-    "@angular/animations": "6.1.10",
-    "@angular/cli": "6.2.9",
-    "@angular/common": "6.1.10",
-    "@angular/compiler": "6.1.10",
-    "@angular/compiler-cli": "6.1.10",
-    "@angular/core": "6.1.10",
-    "@angular/forms": "6.1.10",
-    "@angular/http": "6.1.10",
-    "@angular/platform-browser": "6.1.10",
-    "@angular/platform-browser-dynamic": "6.1.10",
-    "@angular/platform-server": "6.1.10",
-    "@angular/router": "6.1.10",
+    "@angular-devkit/build-angular": "0.13.9",
+    "@angular-devkit/build-ng-packagr": "0.13.9",
+    "@angular-devkit/core": "7.3.9",
+    "@angular/cli": "7.3.9",
+    "@angular/common": "7.2.16",
+    "@angular/compiler": "7.2.16",
+    "@angular/compiler-cli": "7.2.16",
+    "@angular/core": "7.2.16",
+    "@angular/forms": "7.2.16",
+    "@angular/platform-browser": "7.2.16",
+    "@angular/platform-browser-dynamic": "7.2.16",
+    "@angular/router": "7.2.16",
     "@babel/core": "7.4.3",
     "@carbon/icons-angular": "10.8.0",
     "@commitlint/cli": "8.3.5",
@@ -120,7 +116,7 @@
     "karma-coverage-istanbul-reporter": "2.0.5",
     "karma-jasmine": "2.0.1",
     "karma-jasmine-html-reporter": "1.4.2",
-    "ng-packagr": "9.0.2",
+    "ng-packagr": "4.7.1",
     "postcss-loader": "3.0.0",
     "raw-loader": "1.0.0",
     "rxjs": "6.4.0",
@@ -135,7 +131,9 @@
     "ts-loader": "5.3.3",
     "tslint": "5.15.0",
     "tslint-loader": "3.5.4",
-    "typescript": "2.9.2",
+    "tsickle": "0.35.0",
+    "tslib": "1.9.3",
+    "typescript": "3.2.4",
     "wait-on": "3.2.0",
     "webpack": "4.29.6",
     "webpack-cli": "3.3.0",

scripts/build.sh

@@ -8,6 +8,8 @@ rm -rf dist
 # TODO enable with v4
 ng build
 
+exit 0;
+
 # run the classic buld - TODO remove with v4/Carbon v11
 # gulp build
 # ngc -p tsconfig-aot.json

src/accordion/accordion.module.ts

@@ -5,9 +5,6 @@ import { ChevronRight16Module } from "@carbon/icons-angular/lib/chevron--right/1
 import { Accordion } from "./accordion.component";
 import { AccordionItem } from "./accordion-item.component";
 
-export { Accordion } from "./accordion.component";
-export { AccordionItem } from "./accordion-item.component";
-
 @NgModule({
 	declarations: [
 		Accordion,

src/accordion/index.ts

@@ -0,0 +1,3 @@
+export * from "./accordion-item.component";
+export * from "./accordion.component";
+export * from "./accordion.module";

src/breadcrumb/breadcrumb.module.ts

@@ -6,10 +6,6 @@ import { DialogModule } from "../dialog/dialog.module";
 import { Breadcrumb } from "./breadcrumb.component";
 import { BreadcrumbItemComponent } from "./breadcrumb-item.component";
 
-export { Breadcrumb } from "./breadcrumb.component";
-export { BreadcrumbItemComponent } from "./breadcrumb-item.component";
-export { BreadcrumbItem } from "./breadcrumb-item.interface";
-
 @NgModule({
 	declarations: [
 		Breadcrumb,

src/breadcrumb/index.ts

@@ -0,0 +1,4 @@
+export * from "./breadcrumb.component";
+export * from "./breadcrumb-item.component";
+export * from "./breadcrumb-item.interface";
+export * from "./breadcrumb.module";

src/button/button.module.ts

@@ -3,8 +3,6 @@ import { CommonModule } from "@angular/common";
 
 import { Button } from "./button.directive";
 
-export { Button } from "./button.directive";
-
 @NgModule({
 	declarations: [Button],
 	exports: [Button],

src/button/index.ts

@@ -0,0 +1,2 @@
+export * from "./button.directive";
+export * from "./button.module";

src/checkbox/checkbox.module.ts

@@ -6,9 +6,6 @@ import { CommonModule } from "@angular/common";
 // imports
 import { Checkbox } from "./checkbox.component";
 
-// exports
-export { Checkbox };
-
 @NgModule({
 	declarations: [
 		Checkbox

src/checkbox/index.ts

@@ -0,0 +1,2 @@
+export * from "./checkbox.component";
+export * from "./checkbox.module";

src/code-snippet/code-snippet.component.spec.ts

@@ -1,6 +1,6 @@
 import { BrowserAnimationsModule } from "@angular/platform-browser/animations";
 import { ComponentFixture, TestBed } from "@angular/core/testing";
-import { I18nModule } from "../i18n/i18n.module";
+import { I18nModule } from "../i18n/index";
 
 import { CodeSnippet } from "./code-snippet.component";
 import { Copy16Module } from "@carbon/icons-angular/lib/copy/16";

src/code-snippet/code-snippet.component.ts

@@ -7,7 +7,7 @@ import {
 	AfterViewInit
 } from "@angular/core";
 
-import { I18n } from "../i18n/i18n.module";
+import { I18n } from "../i18n/index";
 
 export enum SnippetType {
 	single = "single",

src/code-snippet/code-snippet.module.ts

@@ -5,14 +5,11 @@ import { CommonModule } from "@angular/common";
 import { Copy16Module } from "@carbon/icons-angular/lib/copy/16";
 import { ChevronDown16Module } from "@carbon/icons-angular/lib/chevron--down/16";
 
-import { I18nModule } from "../i18n/i18n.module";
+import { I18nModule } from "../i18n/index";
 
 // imports
 import { CodeSnippet } from "./code-snippet.component";
 
-// exports
-export { CodeSnippet } from "./code-snippet.component";
-
 @NgModule({
 	declarations: [
 		CodeSnippet

src/code-snippet/index.ts

@@ -0,0 +1,2 @@
+export { CodeSnippet } from "./code-snippet.component";
+export * from "./code-snippet.module";

src/combobox/combobox.component.spec.ts

@@ -4,7 +4,7 @@ import { By	} from "@angular/platform-browser";
 import { ChevronDown16Module } from "@carbon/icons-angular/lib/chevron--down/16";
 import { WarningFilled16Module } from "@carbon/icons-angular/lib/warning--filled/16";
 import { Close16Module } from "@carbon/icons-angular/lib/close/16";
-import { I18nModule } from "../i18n/i18n.module";
+import { I18nModule } from "../i18n/index";
 
 import { ListItem } from "./../dropdown/list-item.interface";
 import { ComboBox } from "./combobox.component";

src/combobox/combobox.module.ts

@@ -7,9 +7,6 @@ import { WarningFilled16Module } from "@carbon/icons-angular/lib/warning--filled
 import { ComboBox } from "./combobox.component";
 import { DropdownModule } from "../dropdown/dropdown.module";
 
-export { ComboBox } from "./combobox.component";
-
-
 @NgModule({
 	declarations: [
 		ComboBox

src/combobox/index.ts

@@ -0,0 +1,2 @@
+export { ComboBox } from "./combobox.component";
+export * from "./combobox.module";

src/content-switcher/content-switcher.module.ts

@@ -4,9 +4,6 @@ import { CommonModule } from "@angular/common";
 import { ContentSwitcher } from "./content-switcher.component";
 import { ContentSwitcherOption } from "./content-switcher-option.directive";
 
-export { ContentSwitcher } from "./content-switcher.component";
-export { ContentSwitcherOption } from "./content-switcher-option.directive";
-
 @NgModule({
 	declarations: [
 		ContentSwitcher,

src/content-switcher/index.ts

@@ -0,0 +1,3 @@
+export { ContentSwitcher } from "./content-switcher.component";
+export { ContentSwitcherOption } from "./content-switcher-option.directive";
+export * from "./content-switcher.module";

src/datepicker-input/index.ts

@@ -0,0 +1,2 @@
+export * from "./datepicker-input.module";
+export * from "./datepicker-input.component";

src/datepicker/index.ts

@@ -0,0 +1,2 @@
+export * from "./datepicker.component";
+export * from "./datepicker.module";

src/dialog/dialog-placeholder.component.ts

@@ -4,7 +4,7 @@ import {
 	ViewContainerRef,
 	ViewChild
 } from "@angular/core";
-import { PlaceholderService } from "./../placeholder/placeholder.module";
+import { PlaceholderService } from "./../placeholder/index";
 
 /**
  * Deprecated as of v2.0, will be removed with v3.0

src/dialog/dialog.module.ts

@@ -18,28 +18,11 @@ import { OverflowMenu } from "./overflow-menu/overflow-menu.component";
 import { OverflowMenuPane } from "./overflow-menu/overflow-menu-pane.component";
 import { OverflowMenuDirective } from "./overflow-menu/overflow-menu.directive";
 import { OverflowMenuOption } from "./overflow-menu/overflow-menu-option.component";
-import { I18nModule } from "./../i18n/i18n.module";
-import { PlaceholderModule } from "./../placeholder/placeholder.module";
+import { I18nModule } from "./../i18n/index";
+import { PlaceholderModule } from "./../placeholder/index";
 import { ExperimentalModule } from "./../experimental.module";
 import { UtilsModule } from "./../utils/utils.module";
 
-// exports
-export { DialogService } from "./dialog.service";
-export { Dialog } from "./dialog.component";
-export { DialogDirective } from "./dialog.directive";
-export { DialogPlaceholder } from "./dialog-placeholder.component";
-
-export { Tooltip } from "./tooltip/tooltip.component";
-export { TooltipDefinition } from "./tooltip/tooltip-definition.component";
-export { TooltipIcon } from "./tooltip/tooltip-icon.component";
-export { TooltipDirective } from "./tooltip/tooltip.directive";
-export { EllipsisTooltip } from "./tooltip/ellipsis-tooltip.directive";
-
-export { OverflowMenu } from "./overflow-menu/overflow-menu.component";
-export { OverflowMenuPane } from "./overflow-menu/overflow-menu-pane.component";
-export { OverflowMenuDirective } from "./overflow-menu/overflow-menu.directive";
-export { OverflowMenuOption } from "./overflow-menu/overflow-menu-option.component";
-
 @NgModule({
 	declarations: [
 		Dialog,

src/dialog/dialog.service.ts

@@ -10,7 +10,7 @@ import {
 } from "@angular/core";
 import { Subscription } from "rxjs";
 import { DialogConfig } from "./dialog-config.interface";
-import { PlaceholderService } from "./../placeholder/placeholder.module";
+import { PlaceholderService } from "./../placeholder/index";
 import { Dialog } from "./dialog.component";
 import { tabbableSelector } from "../common/tab.service";
 

src/dialog/index.ts

@@ -0,0 +1,17 @@
+export { DialogService } from "./dialog.service";
+export { Dialog } from "./dialog.component";
+export { DialogDirective } from "./dialog.directive";
+export { DialogPlaceholder } from "./dialog-placeholder.component";
+
+export { Tooltip } from "./tooltip/tooltip.component";
+export { TooltipDefinition } from "./tooltip/tooltip-definition.component";
+export { TooltipIcon } from "./tooltip/tooltip-icon.component";
+export { TooltipDirective } from "./tooltip/tooltip.directive";
+export { EllipsisTooltip } from "./tooltip/ellipsis-tooltip.directive";
+
+export { OverflowMenu } from "./overflow-menu/overflow-menu.component";
+export { OverflowMenuPane } from "./overflow-menu/overflow-menu-pane.component";
+export { OverflowMenuDirective } from "./overflow-menu/overflow-menu.directive";
+export { OverflowMenuOption } from "./overflow-menu/overflow-menu-option.component";
+
+export * from "./dialog.module";

src/dialog/overflow-menu/overflow-menu-pane.component.ts

@@ -8,7 +8,7 @@ import {
 import { Dialog } from "../dialog.component";
 import { position } from "@carbon/utils-position";
 import { isFocusInLastItem, isFocusInFirstItem } from "./../../common/tab.service";
-import { I18n } from "./../../i18n/i18n.module";
+import { I18n } from "./../../i18n/index";
 import { ExperimentalService } from "./../../experimental.module";
 import { ElementService } from "./../../utils/utils.module";
 

src/dialog/overflow-menu/overflow-menu.component.ts

@@ -5,7 +5,7 @@ import {
 	ViewEncapsulation,
 	ContentChild
 } from "@angular/core";
-import { I18n } from "./../../i18n/i18n.module";
+import { I18n } from "./../../i18n/index";
 import { OverflowMenuDirective } from "./overflow-menu.directive";
 
 /**

src/dialog/tooltip/tooltip.directive.spec.ts

@@ -6,7 +6,7 @@ import { TestBed, async } from "@angular/core/testing";
 import { TooltipDirective } from "./tooltip.directive";
 import { By } from "@angular/platform-browser";
 import { DialogModule } from "./../dialog.module";
-import { PlaceholderModule } from "../../placeholder/placeholder.module";
+import { PlaceholderModule } from "../../placeholder/index";
 
 @Component({
 	selector: "test-component",
@@ -69,7 +69,7 @@ describe("Tooltip directive", () => {
 				`
 			}
 		}).createComponent(TooltipTest);
-		
+
 		fixture.detectChanges();
 
 		let button = fixture.debugElement.query(By.css("button"));

src/dropdown/dropdown.component.spec.ts

@@ -6,9 +6,9 @@ import { Dropdown } from "./dropdown.component";
 import { DropdownList } from "./list/dropdown-list.component";
 import { ListItem } from "./list-item.interface";
 import { ScrollableList } from "./scrollable-list.directive";
-import { I18nModule } from "../i18n/i18n.module";
+import { I18nModule } from "../i18n/index";
 import { DropdownService } from "./dropdown.service";
-import { PlaceholderModule } from "./../placeholder/placeholder.module";
+import { PlaceholderModule } from "./../placeholder/index";
 import { ChevronDown16Module } from "@carbon/icons-angular/lib/chevron--down/16";
 import { FormsModule } from "@angular/forms";
 import { WarningFilled16Module } from "@carbon/icons-angular/lib/warning--filled/16";

src/dropdown/dropdown.component.ts

@@ -24,7 +24,7 @@ import {
 } from "rxjs";
 
 import { AbstractDropdownView } from "./abstract-dropdown-view.class";
-import { I18n } from "./../i18n/i18n.module";
+import { I18n } from "./../i18n/index";
 import { ListItem } from "./list-item.interface";
 import { DropdownService } from "./dropdown.service";
 import { ElementService } from "./../utils/utils.module";

src/dropdown/dropdown.module.ts

@@ -6,21 +6,13 @@ import { Dropdown } from "./dropdown.component";
 import { DropdownList } from "./list/dropdown-list.component";
 
 import { ScrollableList } from "./scrollable-list.directive";
-import { I18nModule } from "./../i18n/i18n.module";
-import { PlaceholderModule } from "./../placeholder/placeholder.module";
+import { I18nModule } from "./../i18n/index";
+import { PlaceholderModule } from "./../placeholder/index";
 import { DropdownService } from "./dropdown.service";
 import { ChevronDown16Module } from "@carbon/icons-angular/lib/chevron--down/16";
 import { WarningFilled16Module } from "@carbon/icons-angular/lib/warning--filled/16";
 import { UtilsModule } from "./../utils/utils.module";
 
-export { Dropdown } from "./dropdown.component";
-export { DropdownList } from "./list/dropdown-list.component";
-
-export { ScrollableList } from "./scrollable-list.directive";
-export { AbstractDropdownView } from "./abstract-dropdown-view.class";
-export { ListItem } from "./list-item.interface";
-export { DropdownService } from "./dropdown.service";
-
 @NgModule({
 	declarations: [
 		Dropdown,

src/dropdown/dropdown.service.ts

@@ -1,5 +1,5 @@
 import { Injectable, ElementRef, OnDestroy } from "@angular/core";
-import { PlaceholderService } from "./../placeholder/placeholder.module";
+import { PlaceholderService } from "./../placeholder/index";
 import { Subscription } from "rxjs";
 import { position } from "@carbon/utils-position";
 import { AnimationFrameService } from "./../utils/utils.module";

src/dropdown/index.ts

@@ -0,0 +1,9 @@
+export { Dropdown } from "./dropdown.component";
+export { DropdownList } from "./list/dropdown-list.component";
+
+export { ScrollableList } from "./scrollable-list.directive";
+export { AbstractDropdownView } from "./abstract-dropdown-view.class";
+export { ListItem } from "./list-item.interface";
+export { DropdownService } from "./dropdown.service";
+
+export * from "./dropdown.module";

src/dropdown/list/dropdown-list.component.spec.ts

@@ -5,7 +5,7 @@ import { By	} from "@angular/platform-browser";
 import { DropdownList } from "./dropdown-list.component";
 import { ListItem } from "./../list-item.interface";
 import { ScrollableList } from "./../scrollable-list.directive";
-import { I18nModule } from "../../i18n/i18n.module";
+import { I18nModule } from "../../i18n/index";
 
 @Component({
 	template: `<ibm-dropdown-list [items]="items" (select)="onSelect($event)"></ibm-dropdown-list>`

src/dropdown/list/dropdown-list.component.ts

@@ -12,7 +12,7 @@ import {
 	QueryList
 } from "@angular/core";
 
-import { I18n } from "../../i18n/i18n.module";
+import { I18n } from "../../i18n/index";
 import { AbstractDropdownView } from "./../abstract-dropdown-view.class";
 import { ListItem } from "./../list-item.interface";
 import { watchFocusJump } from "./../dropdowntools";