Merge branch 'master' of https://github.com/IBM/carbon-components-angular into select

Author: youda97

.storybook/experimental.component.ts

@@ -1,13 +1,27 @@
-import { Component, AfterViewInit, OnDestroy } from "@angular/core";
+import {
+	Component,
+	AfterViewInit,
+	OnDestroy,
+	Input,
+	Output,
+	EventEmitter
+} from "@angular/core";
 import { ExperimentalService } from "../src/experimental.module";
 
 @Component({
 	selector: "app-experimental-component",
 	template: ``
 })
 export class ExperimentalComponenent implements AfterViewInit, OnDestroy {
+	@Input() set isExperimental(value: boolean) {
+		this.experimental.isExperimental = value;
+		this.isExperimentalChange.emit(this.experimental.isExperimental);
+	}
+	@Output() isExperimentalChange = new EventEmitter();
+
 	constructor(protected experimental: ExperimentalService) {
 		experimental.isExperimental = false;
+		this.isExperimentalChange.emit(this.isExperimental);
 	}
 
 	ngAfterViewInit() {
@@ -30,5 +44,6 @@ export class ExperimentalComponenent implements AfterViewInit, OnDestroy {
 		} else {
 			this.experimental.isExperimental = false;
 		}
+		this.isExperimentalChange.emit(this.experimental.isExperimental);
 	}
 }

.storybook/manager-head.html

@@ -1,13 +1,20 @@
+<!-- Open Graph -->
 <meta property="og:title" content="Carbon Components Angular">
 <meta property="og:description" content="An Angular implementation of the Carbon Design System for IBM.">
 <meta property="og:image" content="https://angular.carbondesignsystem.com/carbon.jpg">
 <meta property="og:url" content="https://angular.carbondesignsystem.com">
 
+<!-- Social -->
 <meta name="twitter:title" content="Carbon Components Angular">
 <meta name="twitter:description" content="An Angular implementation of the Carbon Design System for IBM.">
 <meta name="twitter:image" content="https://angular.carbondesignsystem.com/carbon.jpg">
 <meta name="twitter:card" content="summary_large_image">
 
+<!-- Storybook override -->
+<script>
+	document.title = "Carbon Components Angular";
+</script>
+
 <style id="iframestyle">
 .sb-show-main:not(.welcome) {
 	padding: 3em;

.storybook/webpack.config.js

@@ -1,7 +1,7 @@
 const path = require('path');
 
-module.exports = (baseConfig, env, defaultConfig) => {
-	defaultConfig.module.rules.push({
+module.exports = ({config, mode}) => {
+	config.module.rules.push({
 		test: [/\.stories\.tsx?$/, /index\.ts$/],
 		loaders: [
 		  {
@@ -15,7 +15,7 @@ module.exports = (baseConfig, env, defaultConfig) => {
 		enforce: 'pre',
 	});
 
-	defaultConfig.mode = "development";
-	defaultConfig.devtool = "source-map";
-	return defaultConfig;
+	config.mode = "development";
+	config.devtool = "source-map";
+	return config;
 };