chore(): update to latest stencil

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",

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) {

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'] },
@@ -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']
-};

core/tsconfig.json

@@ -26,7 +26,8 @@
   },
   "include": [
     "src/**/*.ts",
-    "src/**/*.tsx"
+    "src/**/*.tsx",
+    "stencil.config.ts"
   ],
   "exclude": [
     "node_modules"