Updating to version 1.0.2. Major changes

README.MD

@@ -44,30 +44,66 @@ export class AppModule { }
 ### Inputs
 | Option        | Type           | Description
 | ------------- |:-------------:| ---------|
-| options     | array |  An array of object where each must have a "name" and "options" fields
-| default      | object  | The default object to show, from the "options" list
+| options     | Array |  An array of object where each must have a "name" and "options" fields
+| settings  |   NgBootstrapNestedSelectSettings | An object of settings to control the select box
+| default      | Object  | The default object to show, from the "options" list
+| actions   |   NgBootstrapNestedSelectActions   |   An array of action (links or buttons) that will be displayed within the select box
+| disabled  | Boolean   | Disable the select box
 ### Outputs
 | Option        | Type           | Description
 | ------------- |:-------------:| ---------|
 | selected     | object |  Passes back selected object
-### Settings [settings] options
-| Option        | Type           | Default  | Description
+| actionSelect  | object    | Passes back the action object when one is selected
+### NgBootstrapNestedSelectActions [actions] Input
+| Option        | Type           | Description
+| ------------- |:-------------:| ---------|
+| id     | Number |  Unique ID for this action
+| label  | String    | Label that is displayed to the user
+### NgBootstrapNestedSelectSettings [settings] Input
+| Option        | Type           | Description  | Default
 | ------------- |:-------------:| :-----:| ---------|
-| field      | string | 'options' | The name of the field that you want to iterate over
-| top      | boolean      |   false | Display select options above input field
-| scroll | boolean      |    true | Use min-height and overflow-y scroll css to limit height of select box
+| field      | String | The name of the field that you want to iterate over, which contains the array of options | 'options'
+| top      | Boolean      |   Display select options above input field | false
+| scroll | Boolean      |    Use min-height and overflow-y scroll css to limit height of select box | true
+| selectAll | Boolean   | Allows user to select multi options   | false
+| collapsed | Boolean   | Collapse all child options and only display top most parent   |   false
+| label | String    |   Name of the field in the option object to display as label in drop down.    | 'name'
+| clear | String or Boolean   |   Set text of clear button. Setting to false will hide clear button.   | 'Clear'
+| strict    | Boolean   |   Disabled search. Only list options. |   false
+| filter    | {fields: [...array of fields as strings]}   | Fields in each option to search for when filtering.
+| actions   | String    |   The style of the action options. 'link' = plain text, 'buttons' = bootstrap button |   'link'
+| required  | Boolean   |   Field is required. Adds "required" class.   | false
+| indexedOptions    | Boolean
+| numberInput   | Boolean   | <input> type is "number"  | false
+| matchRating   | Float |   Using the "string-similarity" package, a rating number between 0-1. See https://www.npmjs.com/package/string-similarity | 0.4
+| emptyText |   String  | Text to display when no options are available
+| popoverTitle  | String or Boolean | When disabled, select box will have a popover of option selected. This is title to that popover. false = hide popover
 
 ```html
 <!--
-list = [
-    { name: 'Parent Item', options: [
-        { name: 'Child Item', options [
-            ...
-        ]}
-    ]}
+myOptions = [
+    { 
+        name: 'Parent Item', 
+        options: [
+            { 
+                name: 'Child Item', 
+                options [
+                    ...
+                ]
+            }
+        ]
+    }
 ];
 -->
-<nested-select [items]="list" [default]="list[0][0]" [settings]="{field: 'options', top: false, scroll: true}" (selected)="onSelect($event)" ></nested-select>
+<nested-select 
+    [options]="myOptions" 
+    [default]="myOptions[0].options[0]" 
+    [settings]="{collapsed: true, strict: false}" 
+    [actions]="{id: 1, label: 'Add Option'}"
+    (selected)="triggerSelected($event)" 
+    (actionSelected)="triggerAction($event)">
+
+</nested-select>
 ```
 
 ## License

karma.conf.js

@@ -0,0 +1,32 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage-istanbul-reporter'),
+      require('@angular-devkit/build-angular/plugins/karma')
+    ],
+    client: {
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+    coverageIstanbulReporter: {
+      dir: require('path').join(__dirname, '../../coverage/ng-bootstrap-nested-select'),
+      reports: ['html', 'lcovonly', 'text-summary'],
+      fixWebpackSourcePaths: true
+    },
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false,
+    restartOnFileChange: true
+  });
+};

ng-package.json

@@ -0,0 +1,15 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../dist/ng-bootstrap-nested-select",
+  "lib": {
+    "entryFile": "src/public-api.ts",
+    "umdModuleIds": {
+      "string-similarity": "string-similarity",
+      "@ng-bootstrap/ng-bootstrap": "@ng-bootstrap/ng-bootstrap"
+    }
+  },
+  "whitelistedNonPeerDependencies": [
+    "string-similarity",
+    "@ng-bootstrap/ng-bootstrap"
+  ]
+}