Starting to function

package.json

@@ -18,8 +18,9 @@
     "test.watch": "jest --watch --no-cache"
   },
   "dependencies": {
-    "@stencil/core": "0.3.0",
-    "aikumic": "^0.0.3",
+    "@stencil/core": "0.4.0-1",
+    "aikumic": "^0.1.0",
+    "prettyprint": "^1.1.1",
     "randomcolor": "^0.5.3",
     "sketch-js": "^1.1.3",
     "swiper": "^4.1.0"
@@ -28,7 +29,8 @@
     "@stencil/dev-server": "latest",
     "@stencil/utils": "latest",
     "@types/jest": "^21.1.1",
-    "jest": "^21.2.1"
+    "jest": "^21.2.1",
+    "tslib": "^1.9.0"
   },
   "repository": {
     "type": "git",
@@ -44,6 +46,9 @@
     "transform": {
       "^.+\\.(ts|tsx)$": "<rootDir>/node_modules/@stencil/core/testing/jest.preprocessor.js"
     },
+    "transformIgnorePatterns": [
+      "<rootDir>/node_modules/(?!aikumic)"
+    ],
     "testRegex": "(/__tests__/.*|\\.(test|spec))\\.(tsx?|jsx?)$",
     "moduleFileExtensions": [
       "ts",

src/components.d.ts

@@ -5,12 +5,21 @@
  */
 
 
+declare global {
+  interface HTMLStencilElement extends HTMLElement {
+    componentOnReady(): Promise<this>;
+    componentOnReady(done: (ele?: this) => void): void;
+  }
+}
+
+
+
 import {
   Gestate as AikumaGestate
 } from './components/gestate/gestate';
 
 declare global {
-  interface HTMLAikumaGestateElement extends AikumaGestate, HTMLElement {
+  interface HTMLAikumaGestateElement extends AikumaGestate, HTMLStencilElement {
   }
   var HTMLAikumaGestateElement: {
     prototype: HTMLAikumaGestateElement;
@@ -40,7 +49,7 @@ import {
 } from './components/image-gesture-voice/image-gesture-voice';
 
 declare global {
-  interface HTMLAikumaImageGestureVoiceElement extends AikumaImageGestureVoice, HTMLElement {
+  interface HTMLAikumaImageGestureVoiceElement extends AikumaImageGestureVoice, HTMLStencilElement {
   }
   var HTMLAikumaImageGestureVoiceElement: {
     prototype: HTMLAikumaImageGestureVoiceElement;
@@ -70,7 +79,7 @@ import {
 } from './components/slide-show/slide-show';
 
 declare global {
-  interface HTMLAikumaSlideShowElement extends AikumaSlideShow, HTMLElement {
+  interface HTMLAikumaSlideShowElement extends AikumaSlideShow, HTMLStencilElement {
   }
   var HTMLAikumaSlideShowElement: {
     prototype: HTMLAikumaSlideShowElement;
@@ -100,7 +109,7 @@ import {
 } from './components/translate-igv/translate-igv';
 
 declare global {
-  interface HTMLAikumaTranslateIgvElement extends AikumaTranslateIgv, HTMLElement {
+  interface HTMLAikumaTranslateIgvElement extends AikumaTranslateIgv, HTMLStencilElement {
   }
   var HTMLAikumaTranslateIgvElement: {
     prototype: HTMLAikumaTranslateIgvElement;

src/components/gestate/gestate.scss

@@ -3,4 +3,5 @@
   position: absolute;
   border: 2px solid purple;
   box-sizing: border-box;
+  z-index: 100;
 }