PR changes (TODO-merge master)

Author: TomVanDenBroeck

packages/forms/examples/forms/pages/search-filter/search-filter.page.ts

@@ -30,7 +30,9 @@ export class FormsSearchFilterDemoPageComponent {
 
 export class AppModule {};`;
 
-	public searchfilterExampleJS1 = `public stuff: SearchFilterChoice[] = [{
+	public searchfilterExampleJS1 = `import { SearchFilterChoice } from '@acpaas-ui/ngx-components/forms';
+
+	public stuff: SearchFilterChoice[] = [{
 		label: "First item",
 		value: "one",
 	}, {

packages/forms/src/lib/mask/README.md

@@ -5,7 +5,7 @@ With the mask module you can make input fields that only accept a specific forma
 ## Usage
 
 ```typescript
-import { MaskModule } from '@acpaas-ui/ngx-components/mask'`;
+import { MaskModule } from '@acpaas-ui/ngx-components/forms'`;
 ```
 
 ## Documentation

packages/forms/src/lib/range-slider/README.md

@@ -5,7 +5,7 @@ Use the range slider as stand alone component or in a form.
 ## Usage
 
 ```typescript
-import { RangeSliderModule } from '@acpaas-ui/ngx-components/range-slider'`;
+import { RangeSliderModule } from '@acpaas-ui/ngx-components/forms'`;
 ```
 
 ## Documentation

packages/forms/src/lib/search-filter/README.md

@@ -1,11 +1,11 @@
 # @acpaas-ui/ngx-components/forms
 
-The search-filter is a JIRA-like filter component with remote search capabilities.
+The searchfilter is a JIRA-like filter component with remote search capabilities.
 
 ## Usage
 
 ```typescript
-import { SearchFilterModule } from '@acpaas-ui/ngx-components/search-filter'`;
+import { SearchFilterModule } from '@acpaas-ui/ngx-components/forms'`;
 ```
 
 ## Documentation
@@ -18,16 +18,16 @@ Visit our [documentation site](https://acpaas-ui.digipolis.be/) for full how-to
 | -----------  | ------ | -------------------------- |
 | `@Input() id: string;` | - | Field id. |
 | `@Input() name: string;` | - | Field name. |
-| `@Input() flyoutSize: enum;` | `FlyoutSize.Small` | Passed along to `auiFlyout`. |
-| `@Input() flyoutAlign: string;` | `'left'` | Passed along to `auiFlyout`. |
+| `@Input() flyoutSize: enum;` | `FlyoutSize.Small` | Passed along to [`auiFlyout`](https://github.com/digipolisantwerp/acpaas-ui_angular/tree/master/packages/flyout/src/lib/flyout). |
+| `@Input() flyoutAlign: string;` | `'left'` | Passed along to [`auiFlyout`](https://github.com/digipolisantwerp/acpaas-ui_angular/tree/master/packages/flyout/src/lib/flyout). |
 | `@Input() label: string;` | `'Filter'` | Field label. |
 | `@Input() labelDeselect: string;` | `'Alles deselecteren'` | Clear button text. |
 | `@Input() labelResults: string;` | `'Resultaten'` | Result list header text. |
 | `@Input() labelNoResults: string;` | `'Geen resultaten gevonden.'` | Text shown when no results are found. |
 | `@Input() choices: SearchFilterChoice[];` | - | Available choices. |
 | `@Input() remote: boolean;` | `false` | Enable remote searching. |
 | `@Input() placeholder: string;` | `'Zoeken'` | Search field placeholder text. |
-| `@Input() inputDelay: string;` | `'150'` | Delay the search callback on the input field. |
+| `@Input() inputDelay: number;` | `150` | Delay the search callback on the input field. |
 | `@Input() showAllByDefault: boolean;` | `false` | Show all items on init, will trigger a search when `remote` is `true`. |
 | `@Output() search: Event<string>;` | - | Callback triggered when `remote` is true. |
 
@@ -48,6 +48,8 @@ export class AppModule {};
 #### Basic
 
 ```typescript
+import { SearchFilterChoice } from '@acpaas-ui/ngx-components/forms';
+
 public stuff: SearchFilterChoice[] = [{
         label: "First item",
         value: "one",

packages/forms/src/lib/timepicker/README.md

@@ -5,7 +5,7 @@ The timepicker package provides an easy way to pick a time by providing two fiel
 ## Usage
 
 ```typescript
-import { TimepickerModule } from '@acpaas-ui/ngx-components/timepicker'`;
+import { TimepickerModule } from '@acpaas-ui/ngx-components/forms'`;
 ```
 
 ## Documentation

packages/forms/src/lib/wysiwyg/README.md

@@ -5,7 +5,7 @@ A component to add a wysiwyg to a page or a form, build upon [ckeditor](https://
 ## Usage
 
 ```typescript
-import { WysiwygModule } from '@acpaas-ui/ngx-components/wysiwyg'`;
+import { WysiwygModule } from '@acpaas-ui/ngx-components/forms'`;
 ```
 
 ## Documentation