added inline template

Author: Rahul Kumar

package.json

@@ -1,11 +1,11 @@
 {
   "name": "ng2-fab-speed-dial",
-  "version": "1.0.0",
+  "version": "1.0.0-beta.5",
   "author": "Rahul Kumar",
   "description": "Fab speed dial in for Angular 4+",
   "license": "MIT",
   "scripts": {
-    "transpile": "ngc",
+    "transpile": "ngc -p tsconfig.json",
     "package": "rollup -c",
     "minify": "uglifyjs dist/bundles/fabSpeedDial.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/fabSpeedDial.umd.min.js",
     "build": "npm run transpile && npm run package && npm run minify"

src/fabSpeedDial/fabSpeedDial.component.ts

@@ -29,8 +29,31 @@ export class FabToggleDirective {}
 
 @Component({
   selector: 'fab-speed-dial',
-  templateUrl : './fabSpeedDial.component.html',
-  styleUrls : ['./fabSpeedDial.component.scss']
+  template : `
+    <div class="fab-menu">
+      <ng-content></ng-content>
+    </div>
+  `,
+  styles : [`
+    .fab-menu {
+      position: relative;
+      display: inline-block;
+    }
+
+    .fab-menu ::ng-deep .fab-button {
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      transition-timing-function: ease-out;
+      transition-property: transform;
+    }
+
+    .fab-menu ::ng-deep .fab-toggle {
+      z-index: 2;
+    }
+  `]
 })
 
 export class FabSpeedDialComponent implements AfterContentInit {

tsconfig.json

@@ -4,6 +4,7 @@
     "declaration": true,
     "stripInternal": true,
     "experimentalDecorators": true,
+    "emitDecoratorMetadata": true,
     "strictNullChecks": true,
     "noImplicitAny": true,
     "module": "es2015",
@@ -27,6 +28,8 @@
     "src/index.ts"
   ],
   "angularCompilerOptions": {
-    "strictMetadataEmit": true
+    "strictMetadataEmit": true,
+    "skipTemplateCodegen": true,
+    "annotateForClosureCompiler": true
   }
 }