Adding moduleId: module.id to all components. This make them ready t…

ng-semantic/button/button.ts

@@ -6,6 +6,7 @@ import { Component, Input, ChangeDetectionStrategy } from "@angular/core";
  * @link http://semantic-ui.com/elements/button.html
  */
 @Component({
+  moduleId: module.id,
   changeDetection: ChangeDetectionStrategy.OnPush,
   selector: "sm-button",
   template: `<button [ngClass]="{icon: icon}" [attr.disabled]="disabled ? true : null" class="ui {{class}} button">

ng-semantic/card/card.ts

@@ -6,6 +6,7 @@ import { Component, Input, ChangeDetectionStrategy } from "@angular/core";
  * @link http://semantic-ui.com/views/card.html
  */
 @Component({
+  moduleId: module.id,
   changeDetection: ChangeDetectionStrategy.OnPush,
   selector: "sm-card",
   template: `<div class="ui {{class}}">

ng-semantic/contextmenu/contextmenu.ts

@@ -6,6 +6,7 @@ import { Component, Input, ChangeDetectionStrategy, HostListener } from "@angula
  * @link http://semantic-ui.com/modules/dropdown.html
  */
 @Component({
+    moduleId: module.id,
     changeDetection: ChangeDetectionStrategy.OnPush,
     selector: "sm-contextmenu",
     styles: [`.sm-contextmenu { position: fixed; z-index: 1000; }`],

ng-semantic/dimmer/dimmer.ts

@@ -3,6 +3,7 @@ import { Component, ChangeDetectionStrategy, ViewChild, ElementRef } from "@angu
 declare var jQuery: any;
 
 @Component({
+    moduleId: module.id,
     changeDetection: ChangeDetectionStrategy.OnPush,
     selector: "sm-dimmer",
     template: `<div class="ui page dimmer" #dimmer>

ng-semantic/dropdown/dropdown.ts

@@ -5,6 +5,7 @@ import {
 declare var jQuery: any;
 
 @Component({
+    moduleId: module.id,
     changeDetection: ChangeDetectionStrategy.OnPush,
     selector: "sm-dropdown",
     template: `

ng-semantic/flag/flag.ts

@@ -1,6 +1,7 @@
 import { Component, ChangeDetectionStrategy, Input } from "@angular/core";
 
 @Component({
+	moduleId: module.id,
     changeDetection: ChangeDetectionStrategy.OnPush,
     selector: "sm-flag",
     template: `<i class="{{flag}} flag"></i>`

ng-semantic/input/input.ts

@@ -13,6 +13,7 @@ import { FormControl } from "@angular/forms";
  * <sm-input icon="dollar" type="number" [(model)]="model" class="right fluid" placeholder="Enter a sum..."></sm-input>
  */
 @Component({
+  moduleId: module.id,
   selector: "sm-input",
   template: `<div class="field" [ngClass]="{error: (!control.valid && control.dirty && isInsideForm) }">
   <label *ngIf="label && isInsideForm">{{label}}</label>

ng-semantic/list/list.ts

@@ -6,6 +6,7 @@ import { Component, Input, ChangeDetectionStrategy, ViewChild, ElementRef, After
  * @link http://semantic-ui.com/elements/list.html
  */
 @Component({
+  moduleId: module.id,
   changeDetection: ChangeDetectionStrategy.OnPush,
   selector: "sm-list",
   template: `

ng-semantic/loader/loader.ts

@@ -6,6 +6,7 @@ import { Component, Input, ChangeDetectionStrategy } from "@angular/core";
  * @link http://semantic-ui.com/elements/loader.html
  */
 @Component({
+  moduleId: module.id,
   changeDetection: ChangeDetectionStrategy.OnPush,
   selector: "sm-loader",
   template: `<div *ngIf="!complete" class="ui active dimmer {{class}}">

ng-semantic/menu/menu.ts

@@ -7,6 +7,7 @@ import { Component, Input, ChangeDetectionStrategy, AfterViewInit, ViewChild, El
  * @link http://semantic-ui.com/elements/icon.html
  */
 @Component({
+    moduleId: module.id,
     changeDetection: ChangeDetectionStrategy.OnPush,
     selector: "sm-menu",
     template: `<div class="ui menu {{class}}" #innerElement>

ng-semantic/message/message.ts

@@ -9,6 +9,7 @@ import {
  * @link http://semantic-ui.com/collections/message.html
  */
 @Component({
+  moduleId: module.id,
   changeDetection: ChangeDetectionStrategy.OnPush,
   encapsulation: ViewEncapsulation.None,
   selector: "sm-message",

ng-semantic/modal/modal.ts

@@ -8,6 +8,7 @@ declare var jQuery: any;
  * This component is triggered by SMModalDirective.
  */
 @Component({
+    moduleId: module.id,
     changeDetection: ChangeDetectionStrategy.OnPush,
     selector: "sm-modal",
     template: `<div class="ui modal {{class}}" #modal>

ng-semantic/popup/popup.ts

@@ -8,6 +8,7 @@ declare var jQuery: any;
  * This component is triggered by UIPopupDirective.
  */
 @Component({
+    moduleId: module.id,
     selector: "sm-popup",
     template: `<div class="ui popup very wide {{selector}}" #popup>
     <div class="content">

ng-semantic/popup/tooltip.ts

@@ -8,6 +8,7 @@ declare var jQuery: any;
  * @link http://semantic-ui.com/modules/popup.html
  */
 @Directive({
+	moduleId: module.id,
     selector: "[smDirTooltip]"
 })
 export class SMTooltipDirective implements OnInit {

ng-semantic/progress/progress.ts

@@ -1,6 +1,7 @@
 import { Component, Input, ChangeDetectionStrategy } from "@angular/core";
 
 @Component({
+    moduleId: module.id,
     changeDetection: ChangeDetectionStrategy.OnPush,
     selector: "sm-progress",
     template: `<div [ngClass]="{'success': _progress === 100}" class="ui {{class}} progress" [attr.data-percent]="_progress">

ng-semantic/rating/rating.ts

@@ -3,6 +3,7 @@ import { Component, Input, ViewChild, ChangeDetectionStrategy, AfterViewInit, El
 declare var jQuery: any;
 
 @Component({
+    moduleId: module.id,
     changeDetection: ChangeDetectionStrategy.OnPush,
     selector: "sm-rating",
     template: `<div class="ui {{class}} rating" #rating></div>`

ng-semantic/search/search.ts

@@ -7,6 +7,7 @@ import "rxjs/add/operator/distinctUntilChanged";
  * <sm-search placeholder="Search..." (onSearch)="element.innerText = $event" ></sm-search>
  */
 @Component({
+    moduleId: module.id,
     changeDetection: ChangeDetectionStrategy.OnPush,
     selector: "sm-search",
     template: `<div class="ui search" [ngClass]="{'loading': loading}">

ng-semantic/segment/segment.ts

@@ -6,6 +6,7 @@ import { Component, Input, ChangeDetectionStrategy } from "@angular/core";
  * @link http://semantic-ui.com/elements/segment.html
  */
 @Component({
+	moduleId: module.id,
     changeDetection: ChangeDetectionStrategy.OnPush,
     selector : "sm-segment",
     template: `<div class="ui segment {{class}}">

ng-semantic/select/select.ts

@@ -6,6 +6,7 @@ import { FormControl } from "@angular/forms";
 declare var jQuery: any;
 
 @Component({
+    moduleId: module.id,
     changeDetection: ChangeDetectionStrategy.OnPush,
     selector: "sm-select",
     template: `<div class="field" [ngClass]="{error: (!control?.valid && control?.touched) }">

ng-semantic/shape/shape.ts

@@ -3,6 +3,7 @@ import { Component, ChangeDetectionStrategy, ViewChild, ElementRef } from "@angu
 declare var jQuery: any;
 
 @Component({
+    moduleId: module.id,
     changeDetection: ChangeDetectionStrategy.OnPush,
     selector: "sm-shape",
     template: `

ng-semantic/sidebar/sidebar.ts

@@ -30,6 +30,7 @@ jQuery.fn.fixSidebar = function() {
  * @link semantic-ui.com/modules/sidebar.html
  */
 @Component({
+    moduleId: module.id,
     changeDetection: ChangeDetectionStrategy.OnPush,
     selector: "sm-sidebar",
     template: `<div class="ui sidebar {{class}}" #sidebar>

ng-semantic/tab/tab.ts

@@ -5,6 +5,7 @@ import {
 declare var jQuery: any;
 
 @Component({
+  moduleId: module.id,
   selector: "sm-tab",
   template: `
 <div #tab>

ng-semantic/transition/transition.ts

@@ -3,6 +3,7 @@ import { Component, ChangeDetectionStrategy, ViewChild, ElementRef } from "@angu
 declare var jQuery: any;
 
 @Component({
+    moduleId: module.id,
     changeDetection: ChangeDetectionStrategy.OnPush,
     selector: "sm-transition",
     template: `