From 1b5bb6795955e22eecd2e379cc0e76faf5f9a634 Mon Sep 17 00:00:00 2001
From: "Manu Mtz.-Almeida" <manu.mtza@gmail.com>
Date: Tue, 31 Jul 2018 16:53:06 +0200
Subject: [PATCH] chore(): update to latest stencil

---
 core/package.json                                |  5 +++--
 .../test/translucent/translucent-page-tab.tsx    |  2 +-
 core/{stencil.config.js => stencil.config.ts}    | 16 ++++++----------
 core/tsconfig.json                               |  3 ++-
 4 files changed, 12 insertions(+), 14 deletions(-)
 rename core/{stencil.config.js => stencil.config.ts} (91%)

diff --git a/core/package.json b/core/package.json
index 54cb7b7070..3b790b0159 100644
--- a/core/package.json
+++ b/core/package.json
@@ -27,11 +27,12 @@
     "ionicons": "4.2.6"
   },
   "devDependencies": {
-    "@stencil/core": "0.11.0-0",
+    "@stencil/core": "0.11.0",
     "@stencil/dev-server": "latest",
-    "@stencil/sass": "latest",
+    "@stencil/sass": "0.1.0",
     "@stencil/utils": "latest",
     "@types/jest": "^23.3.1",
+    "autoprefixer": "^9.0.2",
     "chromedriver": "^2.38.3",
     "clean-css-cli": "^4.1.11",
     "jest": "^23.4.2",
diff --git a/core/src/components/tabs/test/translucent/translucent-page-tab.tsx b/core/src/components/tabs/test/translucent/translucent-page-tab.tsx
index 30026bdf7c..d7bd93b2dc 100644
--- a/core/src/components/tabs/test/translucent/translucent-page-tab.tsx
+++ b/core/src/components/tabs/test/translucent/translucent-page-tab.tsx
@@ -13,7 +13,7 @@ export class TranslucentPageTab {
   @Element() element!: HTMLElement;
 
   getTabs() {
-    return this.element.closest('ion-tabs');
+    return this.element.closest('ion-tabs')!;
   }
 
   setLayout(value: string) {
diff --git a/core/stencil.config.js b/core/stencil.config.ts
similarity index 91%
rename from core/stencil.config.js
rename to core/stencil.config.ts
index 42245c1977..5d194bae57 100644
--- a/core/stencil.config.js
+++ b/core/stencil.config.ts
@@ -1,6 +1,7 @@
-const sass = require('@stencil/sass');
+import { Config } from '@stencil/core';
+import { sass } from '@stencil/sass';
 
-exports.config = {
+export const config: Config = {
   namespace: 'Ionic',
   bundles: [
     { components: ['ion-action-sheet', 'ion-action-sheet-controller'] },
@@ -29,8 +30,8 @@ exports.config = {
     { components: ['ion-note', 'ion-img', 'ion-text'] },
     { components: ['ion-popover', 'ion-popover-controller'] },
     { components: ['ion-radio', 'ion-radio-group'] },
-    { components: ['ion-range', 'ion-range-knob']},
-    { components: ['ion-refresher', 'ion-refresher-content']},
+    { components: ['ion-range', 'ion-range-knob'] },
+    { components: ['ion-refresher', 'ion-refresher-content'] },
     { components: ['ion-reorder', 'ion-reorder-group'] },
     { components: ['ion-ripple-effect'] },
     { components: ['ion-router', 'ion-route', 'ion-route-redirect', 'ion-router-outlet'] },
@@ -46,7 +47,7 @@ exports.config = {
     { components: ['ion-virtual-scroll'] },
   ],
   plugins: [
-    sass(),
+    sass()
   ],
   outputTargets: [
     {
@@ -62,8 +63,3 @@ exports.config = {
   globalScript: 'src/global/ionic-global.ts',
   enableCache: true,
 };
-
-exports.devServer = {
-  root: '.',
-  watchGlob: ['dist/*.*', 'dist/ionic/**/**', 'src/**/*.html']
-};
diff --git a/core/tsconfig.json b/core/tsconfig.json
index d204d96993..51de51fd9a 100644
--- a/core/tsconfig.json
+++ b/core/tsconfig.json
@@ -26,7 +26,8 @@
   },
   "include": [
     "src/**/*.ts",
-    "src/**/*.tsx"
+    "src/**/*.tsx",
+    "stencil.config.ts"
   ],
   "exclude": [
     "node_modules"