Merge pull request #12 from edcarroll/develop

v0.3.2 into Master

README.md

@@ -35,6 +35,11 @@ import {SuiModule} from 'ng2-semantic-ui/ng2-semantic-ui';
 export class AppModule {}
 ```
 
+N.B. you can import individual component modules:
+```ts
+import {SuiCheckboxModule, SuiRatingModule} from 'ng2-semantic-ui/ng2-semantic-ui';
+```
+
 Now you're good to go!
 
 ## Dependencies
@@ -56,7 +61,7 @@ The current list of available components with links to their docs is below:
 * [Rating](http://edcarroll.github.io/ng2-semantic-ui/#/components/rating)
 * [Search](http://edcarroll.github.io/ng2-semantic-ui/#/components/search)
 * [Select](http://edcarroll.github.io/ng2-semantic-ui/#/components/select)
-* [Tab](http://edcarroll.github.io/ng2-semantic-ui/#/components/tab)
+* [Tabs](http://edcarroll.github.io/ng2-semantic-ui/#/components/tabs)
 
 ## Development
 

components/index.ts

@@ -1,8 +1,8 @@
 import {NgModule} from "@angular/core";
 
-import {SuiCollapseModule} from "./collapse/collapse.module";
 import {SuiAccordionModule} from "./accordion/accordion.module";
 import {SuiCheckboxModule} from "./checkbox/checkbox.module";
+import {SuiCollapseModule} from "./collapse/collapse.module";
 import {SuiDimmerModule} from "./dimmer/dimmer.module";
 import {SuiDropdownModule} from "./dropdown/dropdown.module";
 import {SuiMessageModule} from "./message/message.module";
@@ -28,3 +28,15 @@ import {SuiSelectModule} from "./select/select.module";
     ]
 })
 export class SuiModule {}
+
+export {SuiAccordionModule};
+export {SuiCheckboxModule};
+export {SuiCollapseModule};
+export {SuiDimmerModule};
+export {SuiDropdownModule};
+export {SuiMessageModule};
+export {SuiProgressModule};
+export {SuiRatingModule};
+export {SuiSearchModule};
+export {SuiTabsModule};
+export {SuiSelectModule};

components/select/select.ts

@@ -14,7 +14,6 @@ import {Subscription} from "rxjs";
 @Component({
     selector: 'sui-select',
     exportAs: 'suiSelect',
-    directives: [SuiSelectMultiLabel],
     inputs: ['placeholder', 'options', 'optionsField', 'isSearchable', 'searchDelay', 'isDisabled', 'allowMultiple', 'maxSelected', 'optionTemplate'],
     outputs: ['selectedOptionChange'],
     host: {
@@ -315,4 +314,4 @@ export class SuiSelectValueAccessor extends SuiSearchValueAccessor implements Co
     }
 }
 
-export const SUI_SELECT_DIRECTIVES = [SuiSelect, SuiSelectOption, SuiSelectValueAccessor];
+export const SUI_SELECT_DIRECTIVES = [SuiSelect, SuiSelectOption, SuiSelectValueAccessor, SuiSelectMultiLabel];

demo/app/app.module.ts

@@ -53,8 +53,8 @@ import {CodeblockComponent} from './components/codeblock/codeblock.component';
         BrowserModule,
         CommonModule,
         FormsModule,
-        routing,
-        SuiModule
+        SuiModule,
+        routing
     ],
     providers: [],
     entryComponents: [AppComponent],

demo/app/pages/getting-started/getting-started.page.html

@@ -23,6 +23,10 @@ <h2 class="ui dividing header">Installation</h2>
     <div class="ui segment">
         <demo-codeblock language="typescript" [src]="moduleImportCode"></demo-codeblock>
     </div>
+    <p>N.B. you can import individual component modules:</p>
+    <div class="ui segment">
+        <demo-codeblock language="typescript" [src]="individualImportCode"></demo-codeblock>
+    </div>
     <p>Now you're good to go!</p>
     <h2 class="ui dividing header">Dependencies</h2>
     <div class="ui bulleted list">

demo/app/pages/getting-started/getting-started.page.ts

@@ -18,5 +18,6 @@ import {SuiModule} from 'ng2-semantic-ui/ng2-semantic-ui';
     bootstrap: [AppComponent]
 })
 export class AppModule {}
-`
+`;
+    public individualImportCode:string = `import {SuiCheckboxModule, SuiRatingModule} from 'ng2-semantic-ui/ng2-semantic-ui';`;
 }

demo/test.ts

@@ -18,6 +18,7 @@ declare var __karma__: any;
 __karma__.loaded = function () {};
 
 
+//noinspection TypeScriptUnresolvedVariable,TypeScriptUnresolvedFunction
 Promise.all([
   System.import('@angular/core/testing'),
   System.import('@angular/platform-browser-dynamic/testing')

ng2-semantic-ui.ts

@@ -1,3 +1 @@
-import {SuiModule} from './components';
-
-export {SuiModule} from './components';
+export * from './components';

package.json

@@ -1,6 +1,6 @@
 {
   "name": "ng2-semantic-ui",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "Angular 2 Semantic UI Components",
   "repository": {
     "type": "git",