@luftborn/custom-elements 2.8.12 → 2.10.0

package/demo/index.min.js

@@ -2766,6 +2766,9 @@ var CPRElement = /** @class */ (function (_super) {
         if (this.required) {
             this.text.setAttribute('required', '');
         }
+        if (this.initialValue) {
+            this.value = this.initialValue;
+        }
     };
     // events
     CPRElement.prototype.change = function ($event) {
@@ -2850,6 +2853,9 @@ var CVRElement = /** @class */ (function (_super) {
         if (this.required) {
             this.text.setAttribute('required', '');
         }
+        if (this.initialValue) {
+            this.value = this.initialValue;
+        }
     };
     // events
     CVRElement.prototype.change = function ($event) {
@@ -3976,6 +3982,9 @@ var CustomRegularExpressionElement = /** @class */ (function (_super) {
         if (this.placeholder) {
             this.text.setAttribute('placeholder', this.placeholder);
         }
+        if (this.initialValue) {
+            this.value = this.initialValue;
+        }
     };
     // events
     CustomRegularExpressionElement.prototype.change = function ($event) {
@@ -4063,6 +4072,9 @@ var DateFieldElement = /** @class */ (function (_super) {
         if (this.min) {
             this.date.setAttribute('min', this.min);
         }
+        if (this.initialValue) {
+            this.value = this.initialValue;
+        }
     };
     // events
     DateFieldElement.prototype.change = function ($event) {
@@ -4152,6 +4164,9 @@ var DropDownListElement = /** @class */ (function (_super) {
         if (this.multi) {
             this.select.setAttribute('multiple', '');
         }
+        if (this.initialValue) {
+            this.value = this.initialValue;
+        }
         this.select.addEventListener('change', this.change.bind(this));
     };
     DropDownListElement.prototype.addOptions = function () {
@@ -4297,6 +4312,9 @@ var EmailFieldElement = /** @class */ (function (_super) {
         if (this.placeholder) {
             this.email.setAttribute('placeholder', this.placeholder);
         }
+        if (this.initialValue) {
+            this.value = this.initialValue;
+        }
     };
     // events
     EmailFieldElement.prototype.change = function ($event) {
@@ -4706,10 +4724,10 @@ var NumericFieldElement = /** @class */ (function (_super) {
             if (isNaN(this.number.valueAsNumber)) {
                 return '';
             }
-            return this.number.valueAsNumber;
+            return this.number.value;
         },
         set: function (value) {
-            this.number.valueAsNumber = value;
+            this.number.value = value;
         },
         enumerable: false,
         configurable: true
@@ -4742,6 +4760,9 @@ var NumericFieldElement = /** @class */ (function (_super) {
         if (this.placeholder) {
             this.number.setAttribute('placeholder', this.placeholder);
         }
+        if (this.initialValue) {
+            this.value = this.initialValue;
+        }
     };
     // events
     NumericFieldElement.prototype.change = function ($event) {
@@ -4755,7 +4776,7 @@ var NumericFieldElement = /** @class */ (function (_super) {
     NumericFieldElement = __decorate([
         (0, custom_element_decorator_1.default)({
             selector: 'numeric-element',
-            template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"number\" id='numeric-field'/>\n\t\t\t</div>",
+            template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"number\" id=\"numeric-field\" step=\"any\" />\n\t\t\t</div>",
             style: "\n    :host{\n            width:100%;\n    }\n    .wrapper{\n            display:flex;\n    }\n    input{\n            box-sizing: border-box;\n            width: 100% !important;\n            border: none;\n            background-color: #f1f4ff;\n            margin: 2px;\n            resize: none;\n    }\n           ",
             useShadow: true,
         })
@@ -4835,6 +4856,9 @@ var RadioButtonGroupElement = /** @class */ (function (_super) {
         this.radioButton.forEach(function (radio) {
             return radio.addEventListener('change', _this.change.bind(_this));
         });
+        if (this.initialValue) {
+            this.value = this.initialValue;
+        }
     };
     RadioButtonGroupElement.prototype.addRadioButtons = function () {
         var _this = this;
@@ -4927,6 +4951,9 @@ var SECompanyRegistrationElement = /** @class */ (function (_super) {
         if (this.required) {
             this.text.setAttribute('required', '');
         }
+        if (this.initialValue) {
+            this.value = this.initialValue;
+        }
     };
     // events
     SECompanyRegistrationElement.prototype.change = function ($event) {
@@ -5011,6 +5038,9 @@ var SEPersonalNumberElement = /** @class */ (function (_super) {
         if (this.required) {
             this.text.setAttribute('required', '');
         }
+        if (this.initialValue) {
+            this.value = this.initialValue;
+        }
     };
     // events
     SEPersonalNumberElement.prototype.change = function ($event) {
@@ -5095,6 +5125,9 @@ var TextAreaElement = /** @class */ (function (_super) {
         if (this.placeholder) {
             this.text.setAttribute('placeholder', this.placeholder);
         }
+        if (this.initialValue) {
+            this.value = this.initialValue;
+        }
     };
     // events
     TextAreaElement.prototype.change = function ($event) {
@@ -5179,6 +5212,9 @@ var TextFieldElement = /** @class */ (function (_super) {
         if (this.placeholder) {
             this.text.setAttribute('placeholder', this.placeholder);
         }
+        if (this.initialValue) {
+            this.value = this.initialValue;
+        }
     };
     // events
     TextFieldElement.prototype.change = function ($event) {
@@ -5293,6 +5329,9 @@ var TypeAheadElement = /** @class */ (function (_super) {
         if (this.placeholder) {
             this.textInputElement.setAttribute('placeholder', this.placeholder);
         }
+        if (this.initialValue) {
+            this.value = this.initialValue;
+        }
         this.textInputElement.addEventListener('change', this.change.bind(this));
         this.textInputElement.addEventListener('input', function () {
             _this.inputEventHandler();
@@ -5558,6 +5597,7 @@ var CustomInputElement = /** @class */ (function (_super) {
             this.step = data.step;
             this.customValue = data.value;
             this.dateFormat = data.dateFormat;
+            this.initialValue = data.value;
         }
         catch (ex) {
             console.error(ex);