@luftborn/custom-elements 2.9.0 → 2.11.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) {
@@ -4124,6 +4136,9 @@ var DropDownListElement = /** @class */ (function (_super) {
     }
     Object.defineProperty(DropDownListElement.prototype, "value", {
         get: function () {
+            if (this.multi) {
+                return Array.from(this.select.selectedOptions).map(function (option) { return option.value; }).join(', ');
+            }
             return "" + this.select.value;
         },
         set: function (value) {
@@ -4144,7 +4159,7 @@ var DropDownListElement = /** @class */ (function (_super) {
         _super.prototype.connectedCallback.call(this);
     };
     DropDownListElement.prototype.initChildInputs = function () {
-        this.select = _super.prototype.getChildInput.call(this, "#select-list");
+        this.select = this.shadowRoot.querySelector('select');
         this.addOptions();
         if (this.required) {
             this.select.setAttribute('required', '');
@@ -4152,6 +4167,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 +4315,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) {
@@ -4742,6 +4763,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) {
@@ -4835,6 +4859,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 +4954,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 +5041,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 +5128,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 +5215,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 +5332,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 +5600,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);