update changelog and readme

Author: vicmans

CHANGELOG.md

@@ -1,6 +1,10 @@
 # Changelog
 All notable changes to this project will be documented in this file.
 
+## [1.5.2] - 2023-08-06
+### Added
+- Add config for disabled styles (#52)
+
 ## [1.5.1] - 2023-04-28
 ### Change
 - Add accessibility attributes to fix accessibility issue (#49)

README.md

@@ -3,10 +3,12 @@
 
 [![npm version](https://img.shields.io/npm/v/ng-toggle-button.svg)][npm-url]
 [![npm dlm](https://img.shields.io/npm/dm/ng-toggle-button)][npm-url]
+[![Netlify Status](https://api.netlify.com/api/v1/badges/a28b65dc-53df-41d9-a660-d2741f833233/deploy-status)][demo-url]
 
 [npm-url]: https://www.npmjs.com/package/ng-toggle-button
+[demo-url]: https://ng-toggle-button.netlify.app
 
-This is a toggle switch button component, you can see the demo [here](https://ng-toggle-button.netlify.app) and test it in [StackBlitz](https://stackblitz.com/edit/ng-toggle-button).
+This is a toggle switch button component, you can see the demo [here][demo-url] and test it in [StackBlitz](https://stackblitz.com/edit/ng-toggle-button).
 
 ## Versions
 
@@ -82,17 +84,27 @@ Use
 | value | `boolean` | `false` | Initial state of the toggle button |
 | speed | `number` | `300` | Transition time for the animation |
 | disabled | `boolean` | `false` | Button does not react on mouse events |
-| color | `string` | `#0099CC` | If `String` - color of the button when checked <br>If `Object` - colors for the button when checked/unchecked or disabled<br>Example: `{checked: '#00FF00', unchecked: '#FF0000', disabled: '#CCCCCC'}` |
-| labels | `boolean  Object` | `false` | If `boolean` - shows/hides default labels <br>If `Object` - sets custom labels for both states. <br>Example: `{checked: 'Foo', unchecked: 'Bar'}` |
-| switchColor | `string  Object` | `#fff` | If `string` - color or background property of the switch when checked <br>If `Object` - colors or background property for the switch when checked/uncheked <br>Example: `{checked: '#25EF02', unchecked: 'silver'}` |
+| color | `string` | `#0099CC` | If `String` - color of the button when checked <br>If `toggleConfig` - colors for the button when checked/unchecked or disabled<br>Example: `{checked: '#00FF00', unchecked: '#FF0000', disabled: '#CCCCCC'}` |
+| labels | `boolean | Object` | `false` | If `boolean` - shows/hides default labels <br>If `Object` - sets custom labels for both states. <br>Example: `{checked: 'Foo', unchecked: 'Bar'}` |
+| switchColor | `string | toggleConfig` | `#fff` | If `string` - color or background property of the switch when checked <br>If `toggleConfig` - colors or background property for the switch when checked/uncheked or disabled <br>Example: `{checked: '#25EF02', unchecked: 'silver', disabled: '#fff'}` |
 | width | `number` | `50` | Width of the button |
 | height | `number` | `22` | Height of the button |
 | margin | `number` | `3` | Space between the switch and background border |
 | name | `string` | `undefined` | Name to attach to the generated input field |
 | fontSize | `number` | `10` | Font size in pixels |
-| fontColor | `string  Object` | `undefined` | If `string` - color when checked <br>If `Object` - colors for labels when checked/uncheked <br>Example: `{checked: '#25EF02', unchecked: '#35DB15'}` by default the text color is white.|
+| fontColor | `string | toggleConfig` | `undefined` | If `string` - color when checked <br>If `toggleConfig` - colors for labels when checked/uncheked <br>Example: `{checked: '#25EF02', unchecked: '#35DB15'}` by default the text color is white.|
 | values | `{checked: any, unchecked: any}` | `{checked: true, unchecked: false}` | Values for checked and unchecked states, by default checked value is `true` and unchecked value is `false` <br>Example: `{checked: 1, unchecked: 0}`.|
 
+`toggleConfig` type is described below:
+
+```ts
+toggleConfig = {
+  checked: string;
+  unchecked: string;
+  disabled?: string;
+};
+```
+
 ### Outputs events
 
 | Name   | Payload | Description |

package.json

@@ -2,7 +2,7 @@
   "name": "ng-toggle-button",
   "description": "A toggle button component",
   "author": "vicmans",
-  "version": "1.5.1",
+  "version": "1.5.2",
   "homepage": "https://github.com/vicmans/ng-toggle-button#readme",
   "repository": {
     "type": "git",

projects/ng-toggle/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ng-toggle-button",
-  "version": "1.5.1",
+  "version": "1.5.2",
   "description": "Angular toggle button switch",
   "author": "vicmans",
   "license": "MIT",