From 4560b2ef673ca0b671287d4d200c78d1ea920693 Mon Sep 17 00:00:00 2001
From: Robert von Burg <eitch@eitchnet.ch>
Date: Fri, 6 May 2022 11:35:53 +0200
Subject: [PATCH] [Minor] Allow label floating

---
 bower.json                      |  2 +-
 strolch-wc-debounced-input.html | 14 ++++++++++++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/bower.json b/bower.json
index 6621b73..d6e9b0a 100644
--- a/bower.json
+++ b/bower.json
@@ -1,7 +1,7 @@
 {
   "name": "strolch-wc-debounced-input",
   "description": "Strolch WebComponent Debounced Input",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "authors": [
     "Robert von Burg"
   ],
diff --git a/strolch-wc-debounced-input.html b/strolch-wc-debounced-input.html
index c06e730..4929014 100644
--- a/strolch-wc-debounced-input.html
+++ b/strolch-wc-debounced-input.html
@@ -12,6 +12,8 @@
                 --regular-color: lightgrey;
                 --disabled-color: darkgrey;
                 display: block;
+
+                --input-padding: 4px;
             }
 
             paper-input {
@@ -20,7 +22,7 @@
                 --paper-input-container-input-color: var(--focus-color);
                 --paper-input-container-input: {
                     font-size: 18px;
-                    padding: 4px;
+                    padding: var(--input-padding);
                 };
                 --paper-input-container-underline-disabled: {
                     border-bottom-style: solid;
@@ -52,7 +54,8 @@
 
         <!-- Content -->
         <paper-input id="inputElement"
-                     no-label-float
+                     label="[[label]]"
+                     no-label-float="[[noLabelFloat]]"
                      placeholder="[[placeholder]]"
                      value="{{input}}"
                      disabled$="[[disabled]]"
@@ -97,6 +100,13 @@
                     type: String,
                     value: "search"
                 },
+                label: {
+                    type: String
+                },
+                noLabelFloat: {
+                    type: Boolean,
+                    value: true
+                },
                 disabled: {
                     type: Boolean,
                     value: false