@luftborn/custom-elements 2.3.4 → 2.4.0

package/demo/index.min.js

@@ -3032,6 +3032,9 @@ var CustomRegularExpressionElement = /** @class */ (function (_super) {
         if (this.customValue) {
             this.text.setAttribute('pattern', this.customValue);
         }
+        if (this.placeholder) {
+            this.text.setAttribute('placeholder', this.placeholder);
+        }
     };
     // events
     CustomRegularExpressionElement.prototype.change = function ($event) {
@@ -3342,6 +3345,9 @@ var EmailFieldElement = /** @class */ (function (_super) {
         if (this.required) {
             this.email.setAttribute('required', '');
         }
+        if (this.placeholder) {
+            this.email.setAttribute('placeholder', this.placeholder);
+        }
     };
     // events
     EmailFieldElement.prototype.change = function ($event) {
@@ -3780,6 +3786,9 @@ var NumericFieldElement = /** @class */ (function (_super) {
         if (this.step) {
             this.number.setAttribute('step', this.step);
         }
+        if (this.placeholder) {
+            this.number.setAttribute('placeholder', this.placeholder);
+        }
     };
     // events
     NumericFieldElement.prototype.change = function ($event) {
@@ -4130,6 +4139,9 @@ var TextAreaElement = /** @class */ (function (_super) {
         if (this.required) {
             this.text.setAttribute('required', '');
         }
+        if (this.placeholder) {
+            this.text.setAttribute('placeholder', this.placeholder);
+        }
     };
     // events
     TextAreaElement.prototype.change = function ($event) {
@@ -4211,6 +4223,9 @@ var TextFieldElement = /** @class */ (function (_super) {
         if (this.required) {
             this.text.setAttribute('required', '');
         }
+        if (this.placeholder) {
+            this.text.setAttribute('placeholder', this.placeholder);
+        }
     };
     // events
     TextFieldElement.prototype.change = function ($event) {
@@ -4224,7 +4239,7 @@ var TextFieldElement = /** @class */ (function (_super) {
     TextFieldElement = __decorate([
         (0, custom_element_decorator_1.default)({
             selector: 'text-element',
-            template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"text\" id='text-field'/>\n\t\t\t</div>",
+            template: "\n\t\t\t<div class=\"wrapper\">\n\t\t\t\t<input type=\"text\" id='text-field' />\n\t\t\t</div>",
             style: "\n\t:host{\n\t\t\twidth:100%;\n\t}\n\t.wrapper{\n\t\t\tdisplay:flex;\n\t}\n\tinput{\n\t\t\tbox-sizing: border-box;\n\t\t\twidth: 100% !important;\n\t\t\tborder: none;\n\t\t\tbackground-color: #f1f4ff;\n\t\t\tmargin: 2px;\n\t\t\tresize: none;\n\t}\n\t\t",
             useShadow: true,
         })
@@ -4322,6 +4337,9 @@ var TypeAheadElement = /** @class */ (function (_super) {
         if (this.required) {
             this.textInputElement.setAttribute('required', '');
         }
+        if (this.placeholder) {
+            this.textInputElement.setAttribute('placeholder', this.placeholder);
+        }
         this.textInputElement.addEventListener('change', this.change.bind(this));
         this.textInputElement.addEventListener('input', function () {
             _this.inputEventHandler();
@@ -4579,6 +4597,7 @@ var CustomInputElement = /** @class */ (function (_super) {
             this.dependencies = data.dependencies;
             this.required = data.required;
             this.name = data.name;
+            this.placeholder = data.placeholder;
             this.allDependenciesMustBeMet = data.allDependenciesMustBeMet;
             this.multi = data.multi;
             this.max = data.max;