Venetian Blind support

.github/workflows/release.yml

@@ -20,7 +20,7 @@ jobs:
 
       # Upload build file to the releas as an asset.
       - name: Upload zip to release
-        uses: svenstaro/upload-release-action@v1-release
+        uses: svenstaro/upload-release-action@v2-release
 
         with:
           repo_token: ${{ secrets.GITHUB_TOKEN }}

.gitignore

@@ -1,3 +1,4 @@
+/dist/
 /node_modules/
 /.rpt2_cache/
 /.idea/

.nvmrc

@@ -0,0 +1 @@
+v18.17.1

README.md

@@ -2,7 +2,7 @@
 [![GitHub Release][releases-shield]][releases]
 [![hacs_badge](https://img.shields.io/badge/HACS-default-orange.svg?style=for-the-badge)](https://github.com/custom-components/hacs)
 
-A button card with integrated slider for `light, switch, fan, cover, input_boolean, media_player, climate, lock` entities.
+A button card with integrated slider for `automation, light, switch, fan, cover, input_boolean, input_number, media_player, number, climate, lock` entities.
 
 ![Preview][preview]
 ![Preview 2][preview-2]
@@ -71,11 +71,13 @@ Slider Button Card supports Lovelace's Visual Editor.
 | Name              | Type    | Requirement  | Description                                 | Default             |
 | ----------------- | ------- | ------------ | ------------------------------------------- | ------------------- |
 | type              | string  | **Required** | `custom:slider-button-card`                   |
-| entity            | string  | **Required** | HA entity ID from domain `light, switch, fan, cover, input_boolean, media_player, climate, lock`                   |               |
+| entity            | string  | **Required** | HA entity ID from domain `automation, light, switch, fan, cover, input_boolean, input_number, media_player, number climate, lock`                   |               |
 | name              | string  | **Optional** | Name                                   | `entity.friendly_name`       |
+| show_attribute        | boolean | **Optional** | Show attribute  | `false` (except for `media_player` entities)            |
 | show_name        | boolean | **Optional** | Show name  | `true`             |
 | show_state        | boolean | **Optional** | Show state  | `true`             |
 | compact        | boolean | **Optional** | Compact mode, display name and state inline with icon. Useful for full width cards.   | `false`             |
+| attribute     | string  | **Optional** | Name of the attribute to display if `show_attribute` is `true`.
 | icon        | object  | **Optional** |  [Icon options](#icon-options)                      |  |
 | slider        | object  | **Optional** | [Slider options](#slider-options)                      |  |
 | action_button        | object  | **Optional** | [Action button options](#action-button-options)                     |  |
@@ -93,7 +95,7 @@ Slider Button Card supports Lovelace's Visual Editor.
 
 | Name              | Type    | Requirement  | Description                                 | Default             |
 | ----------------- | ------- | ------------ | ------------------------------------------- | ------------------- |
-| direction              | string  | **Optional** | Direction `left-right, top-bottom, bottom-top`                                   | `left-right`       |
+| direction              | string  | **Optional** | Direction `left-right, right-left, top-bottom, bottom-top`                                   | `left-right`       |
 | background        | string | **Optional** | Background `solid, gradient, triangle, striped, custom`  | `gradient`             |
 | use_state_color        | boolean | **Optional** | Use state color  | `true`             |
 | use_percentage_bg_opacity        | boolean | **Optional** | Apply opacity to background based on percentage  | `true`             |
@@ -169,7 +171,7 @@ Custom styles can be set by using [Card mod](https://github.com/thomasloven/love
 </td>
 </tr>
 <tr>
-<td><img src="https://raw.githubusercontent.com/mattieha/slider-button-card/main/assets/examples/general-minimal.png">  
+<td><img src="https://raw.githubusercontent.com/custom-cards/slider-button-card/main/assets/examples/general-minimal.png">  
 </td>
 <td valign="top">
 
@@ -200,7 +202,7 @@ action_button:
 </td>
 </tr>
 <tr>
-<td><img src="https://raw.githubusercontent.com/mattieha/slider-button-card/main/assets/examples/general-compact.png">  
+<td><img src="https://raw.githubusercontent.com/custom-cards/slider-button-card/main/assets/examples/general-compact.png">  
 </td>
 <td valign="top">
 
@@ -220,7 +222,7 @@ compact: true
 </td>
 </tr>
 <tr>
-<td><img src="https://raw.githubusercontent.com/mattieha/slider-button-card/main/assets/examples/icon-minimal.png">  
+<td><img src="https://raw.githubusercontent.com/custom-cards/slider-button-card/main/assets/examples/icon-minimal.png">  
 </td>
 <td valign="top">
 
@@ -240,7 +242,7 @@ icon:
 </td>
 </tr>
 <tr>
-<td><img src="https://raw.githubusercontent.com/mattieha/slider-button-card/main/assets/examples/icon-icon-override.png">  
+<td><img src="https://raw.githubusercontent.com/custom-cards/slider-button-card/main/assets/examples/icon-icon-override.png">  
 </td>
 <td valign="top">
 
@@ -264,7 +266,7 @@ icon:
 </td>
 </tr>
 <tr>
-<td><img src="https://raw.githubusercontent.com/mattieha/slider-button-card/main/assets/examples/action-minimal.png">  
+<td><img src="https://raw.githubusercontent.com/custom-cards/slider-button-card/main/assets/examples/action-minimal.png">  
 </td>
 <td valign="top">
 
@@ -284,7 +286,7 @@ action_button:
 </td>
 </tr>
 <tr>
-<td><img src="https://raw.githubusercontent.com/mattieha/slider-button-card/main/assets/examples/action-custom.png">  
+<td><img src="https://raw.githubusercontent.com/custom-cards/slider-button-card/main/assets/examples/action-custom.png">  
 </td>
 <td valign="top">
 
@@ -306,7 +308,7 @@ action_button:
 </td>
 </tr>
 <tr>
-<td><img src="https://raw.githubusercontent.com/mattieha/slider-button-card/main/assets/examples/action-custom-icon.png">  
+<td><img src="https://raw.githubusercontent.com/custom-cards/slider-button-card/main/assets/examples/action-custom-icon.png">  
 </td>
 <td valign="top">
 
@@ -334,7 +336,7 @@ action_button:
 </td>
 </tr>
 <tr>
-<td><img src="https://raw.githubusercontent.com/mattieha/slider-button-card/main/assets/examples/slider-minimal.png">  
+<td><img src="https://raw.githubusercontent.com/custom-cards/slider-button-card/main/assets/examples/slider-minimal.png">  
 </td>
 <td valign="top">
 
@@ -354,7 +356,7 @@ slider:
 </td>
 </tr>
 <tr>
-<td><img src="https://raw.githubusercontent.com/mattieha/slider-button-card/main/assets/examples/slider-state-color.png">  
+<td><img src="https://raw.githubusercontent.com/custom-cards/slider-button-card/main/assets/examples/slider-state-color.png">  
 </td>
 <td valign="top">
 
@@ -375,7 +377,7 @@ slider:
 </td>
 </tr>
 <tr>
-<td><img src="https://raw.githubusercontent.com/mattieha/slider-button-card/main/assets/examples/slider-show-track.png">  
+<td><img src="https://raw.githubusercontent.com/custom-cards/slider-button-card/main/assets/examples/slider-show-track.png">  
 </td>
 <td valign="top">
 
@@ -397,7 +399,7 @@ slider:
 </td>
 </tr>
 <tr>
-<td><img src="https://raw.githubusercontent.com/mattieha/slider-button-card/main/assets/examples/slider-force-square.png">  
+<td><img src="https://raw.githubusercontent.com/custom-cards/slider-button-card/main/assets/examples/slider-force-square.png">  
 </td>
 <td valign="top">
 
@@ -425,7 +427,7 @@ For fan entities the icon auto rotates based on the speed of the fan.
 </td>
 </tr>
 <tr>
-<td><img src="https://raw.githubusercontent.com/mattieha/slider-button-card/main/assets/examples/fan.gif">  
+<td><img src="https://raw.githubusercontent.com/custom-cards/slider-button-card/main/assets/examples/fan.gif">  
 </td>
 <td valign="top">
 
@@ -458,7 +460,7 @@ name: Fan
 </td>
 </tr>
 <tr>
-<td><img src="https://raw.githubusercontent.com/mattieha/slider-button-card/main/assets/examples/switch.gif">  
+<td><img src="https://raw.githubusercontent.com/custom-cards/slider-button-card/main/assets/examples/switch.gif">  
 </td>
 <td valign="top">
 
@@ -492,7 +494,7 @@ For most use cases: set `slider.direction: top-bottom` and `slider.background: s
 </td>
 </tr>
 <tr>
-<td><img src="https://raw.githubusercontent.com/mattieha/slider-button-card/main/assets/examples/cover.gif">  
+<td><img src="https://raw.githubusercontent.com/custom-cards/slider-button-card/main/assets/examples/cover.gif">  
 </td>
 <td valign="top">
 
@@ -527,7 +529,7 @@ In this example the action button is used to toggle play/pause.
 </td>
 </tr>
 <tr>
-<td><img src="https://raw.githubusercontent.com/mattieha/slider-button-card/main/assets/examples/media.gif">  
+<td><img src="https://raw.githubusercontent.com/custom-cards/slider-button-card/main/assets/examples/media.gif">  
 </td>
 <td valign="top">
 
@@ -565,7 +567,7 @@ Default behavior: slider is used to set target temperature, it doesn't alter sta
 </td>
 </tr>
 <tr>
-<td><img src="https://raw.githubusercontent.com/mattieha/slider-button-card/main/assets/examples/climate.gif">  
+<td><img src="https://raw.githubusercontent.com/custom-cards/slider-button-card/main/assets/examples/climate.gif">  
 </td>
 <td valign="top">
 
@@ -599,7 +601,7 @@ Default behavior: `slider.toggle_on_click: true`
 </td>
 </tr>
 <tr>
-<td><img src="https://raw.githubusercontent.com/mattieha/slider-button-card/main/assets/examples/lock.gif">  
+<td><img src="https://raw.githubusercontent.com/custom-cards/slider-button-card/main/assets/examples/lock.gif">  
 </td>
 <td valign="top">
 
@@ -631,7 +633,7 @@ name: Lock
 </td>
 </tr>
 <tr>
-<td valign="top"><img src="https://raw.githubusercontent.com/mattieha/slider-button-card/main/assets/preview.gif">  
+<td valign="top"><img src="https://raw.githubusercontent.com/custom-cards/slider-button-card/main/assets/preview.gif">  
 </td>
 <td valign="top">
 
@@ -709,7 +711,11 @@ Mixed `group` entities are not supported, if you want to control multiple
 - media players use [Media player group](https://www.home-assistant.io/integrations/media_player.group/)
 
 ## Known issues
-When you discover any bugs please open an [issue](https://github.com/mattieha/slider-button-card/issues).
+When you discover any bugs please open an [issue](https://github.com/custom-cards/slider-button-card/issues).
+
+### Input Number & Number entities
+- If the `input_number.entity.min value` is not cleanly divisible by the `input_number.entity.step value`, then the slider card is off by an amount. If your `input_number` has `min = 5`, `max = 25`, `step = 5` then it will work just fine. But if the `step` is 2, then it will be off. This also has the side effect of changing the `input_number` to an "out of bounds" value when modified via this card. Using `step = 1` avoids this problem.
+- The same limitation applies to `number` entities.
 
 ## Languages
 
@@ -719,28 +725,30 @@ This card supports translations. Please, help to add more translations and impro
 - French
 - German
 - Hebrew
+- Korean
 - Nederlands (Dutch)
 - Polish (polski)
 - Portuguese
 - Russian
-- Korean
+- Slovak
 - [_Your language?_][add-translation]
 
 ## Credits
-- Inspired by [Slider entity row](https://github.com/thomasloven/lovelace-slider-entity-row)
+- Originally inspired by [Slider entity row](https://github.com/thomasloven/lovelace-slider-entity-row)
+- Forked from [Slider button card](https://github.com/mattieha/slider-button-card/) by [@mattieha](https://www.github.com/mattieha)
 
 ---
 [![beer](https://www.buymeacoffee.com/assets/img/custom_images/black_img.png)](https://www.buymeacoffee.com/mattijsha)
 
 <!-- References -->
 [hacs]: https://hacs.xyz
-[add-translation]: https://github.com/mattieha/slider-button-card/blob/main/CONTRIBUTE.md#adding-a-new-translation
-[visual-editor]: https://raw.githubusercontent.com/mattieha/slider-button-card/main/assets/card-editor.png
-[preview]: https://raw.githubusercontent.com/mattieha/slider-button-card/main/assets/preview.gif
-[preview-2]: https://raw.githubusercontent.com/mattieha/slider-button-card/main/assets/preview-2.gif
-[grid]: https://raw.githubusercontent.com/mattieha/slider-button-card/main/assets/grid-not-square.png
-[full-width]: https://raw.githubusercontent.com/mattieha/slider-button-card/main/assets/grid-full-width.png
-[latest-release]: https://github.com/mattieha/slider-button-card/releases/latest
-[releases-shield]: https://img.shields.io/github/release/mattieha/slider-button-card.svg?style=for-the-badge
-[releases]: https://github.com/mattieha/slider-button-card/releases
-[icon-minimal]: https://raw.githubusercontent.com/mattieha/slider-button-card/main/assets/grid-full-width.png
+[add-translation]: https://github.com/custom-cards/slider-button-card/blob/main/CONTRIBUTE.md#adding-a-new-translation
+[visual-editor]: https://raw.githubusercontent.com/custom-cards/slider-button-card/main/assets/card-editor.png
+[preview]: https://raw.githubusercontent.com/custom-cards/slider-button-card/main/assets/preview.gif
+[preview-2]: https://raw.githubusercontent.com/custom-cards/slider-button-card/main/assets/preview-2.gif
+[grid]: https://raw.githubusercontent.com/custom-cards/slider-button-card/main/assets/grid-not-square.png
+[full-width]: https://raw.githubusercontent.com/custom-cards/slider-button-card/main/assets/grid-full-width.png
+[latest-release]: https://github.com/custom-cards/slider-button-card/releases/latest
+[releases-shield]: https://img.shields.io/github/release/custom-cards/slider-button-card.svg?style=for-the-badge
+[releases]: https://github.com/custom-cards/slider-button-card/releases
+[icon-minimal]: https://raw.githubusercontent.com/custom-cards/slider-button-card/main/assets/grid-full-width.png