@everymatrix/general-input 1.54.12 → 1.55.0

package/dist/collection/components/select-input/select-input.js

@@ -4,20 +4,6 @@ import "@vaadin/combo-box";
 import tooltipIcon from "../../utils/tooltipIcon.svg";
 export class SelectInput {
     constructor() {
-        /**
-         * Default value for the input.
-         */
-        this.defaultValue = '';
-        /**
-         * Options of the input.
-         */
-        this.options = [];
-        /**
-         * Client custom styling via inline style
-         */
-        this.clientStyling = '';
-        this.limitStylingAppends = false;
-        this.showTooltip = false;
         this.touched = false;
         this.handleChange = (event) => {
             this.touched = true;
@@ -46,6 +32,22 @@ export class SelectInput {
             sheet.innerHTML = this.clientStyling;
             this.stylingContainer.prepend(sheet);
         };
+        this.name = undefined;
+        this.displayName = undefined;
+        this.placeholder = undefined;
+        this.action = undefined;
+        this.defaultValue = '';
+        this.autofilled = undefined;
+        this.tooltip = undefined;
+        this.options = [];
+        this.validation = undefined;
+        this.language = undefined;
+        this.emitValue = undefined;
+        this.clientStyling = '';
+        this.errorMessage = undefined;
+        this.isValid = undefined;
+        this.limitStylingAppends = false;
+        this.showTooltip = false;
     }
     validityChanged() {
         this.validityStateHandler({ valid: this.isValid, name: this.name });
@@ -169,8 +171,6 @@ export class SelectInput {
                     "tags": [],
                     "text": "Name of the input."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "name",
                 "reflect": true
             },
@@ -188,8 +188,6 @@ export class SelectInput {
                     "tags": [],
                     "text": "Name of input to be shown to the user."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "display-name",
                 "reflect": true
             },
@@ -207,8 +205,6 @@ export class SelectInput {
                     "tags": [],
                     "text": "Placeholder text to be shown."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "placeholder",
                 "reflect": true
             },
@@ -226,8 +222,6 @@ export class SelectInput {
                     "tags": [],
                     "text": "Special behaviour an input should have. Can be fetching for data."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "action",
                 "reflect": true
             },
@@ -245,8 +239,6 @@ export class SelectInput {
                     "tags": [],
                     "text": "Default value for the input."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "default-value",
                 "reflect": true,
                 "defaultValue": "''"
@@ -265,8 +257,6 @@ export class SelectInput {
                     "tags": [],
                     "text": "Boolean. Determines if input should be readonly."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "autofilled",
                 "reflect": true
             },
@@ -284,8 +274,6 @@ export class SelectInput {
                     "tags": [],
                     "text": "Tooltip text."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "tooltip",
                 "reflect": true
             },
@@ -309,8 +297,6 @@ export class SelectInput {
                     "tags": [],
                     "text": "Options of the input."
                 },
-                "getter": false,
-                "setter": false,
                 "defaultValue": "[]"
             },
             "validation": {
@@ -332,9 +318,7 @@ export class SelectInput {
                 "docs": {
                     "tags": [],
                     "text": "Object of validation rules for the input."
-                },
-                "getter": false,
-                "setter": false
+                }
             },
             "language": {
                 "type": "string",
@@ -350,8 +334,6 @@ export class SelectInput {
                     "tags": [],
                     "text": "Currently selected language."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "language",
                 "reflect": true
             },
@@ -369,8 +351,6 @@ export class SelectInput {
                     "tags": [],
                     "text": "State passed down from the parent element. Will trigger the input to send it's value through an event."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "emit-value",
                 "reflect": true
             },
@@ -388,8 +368,6 @@ export class SelectInput {
                     "tags": [],
                     "text": "Client custom styling via inline style"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "client-styling",
                 "reflect": true,
                 "defaultValue": "''"

package/dist/collection/components/tel-input/tel-input.js

@@ -4,12 +4,6 @@ import "@vaadin/combo-box";
 import tooltipIcon from "../../utils/tooltipIcon.svg";
 export class TelInput {
     constructor() {
-        /**
-         * Client custom styling via inline style
-         */
-        this.clientStyling = '';
-        this.limitStylingAppends = false;
-        this.showTooltip = false;
         this.validationPattern = '';
         this.touched = false;
         this.handleInput = (event) => {
@@ -35,6 +29,22 @@ export class TelInput {
             sheet.innerHTML = this.clientStyling;
             this.stylingContainer.prepend(sheet);
         };
+        this.name = undefined;
+        this.displayName = undefined;
+        this.placeholder = undefined;
+        this.showLabels = undefined;
+        this.action = undefined;
+        this.validation = undefined;
+        this.defaultValue = undefined;
+        this.autofilled = undefined;
+        this.tooltip = undefined;
+        this.language = undefined;
+        this.emitValue = undefined;
+        this.clientStyling = '';
+        this.isValid = undefined;
+        this.errorMessage = undefined;
+        this.limitStylingAppends = false;
+        this.showTooltip = false;
     }
     validityChanged() {
         this.validityStateHandler({ valid: this.isValid, name: this.name });
@@ -177,8 +187,6 @@ export class TelInput {
                     "tags": [],
                     "text": "Name of the input."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "name",
                 "reflect": true
             },
@@ -196,8 +204,6 @@ export class TelInput {
                     "tags": [],
                     "text": "Name of input to be shown to the user."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "display-name",
                 "reflect": true
             },
@@ -215,8 +221,6 @@ export class TelInput {
                     "tags": [],
                     "text": "Placeholder text to be shown."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "placeholder",
                 "reflect": true
             },
@@ -234,8 +238,6 @@ export class TelInput {
                     "tags": [],
                     "text": "Boolean that defines if the widget show labels or placeholders."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "show-labels",
                 "reflect": true
             },
@@ -253,8 +255,6 @@ export class TelInput {
                     "tags": [],
                     "text": "Special behaviour an input should have. Can be fetching for data."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "action",
                 "reflect": true
             },
@@ -277,9 +277,7 @@ export class TelInput {
                 "docs": {
                     "tags": [],
                     "text": "Object of validation rules for the input."
-                },
-                "getter": false,
-                "setter": false
+                }
             },
             "defaultValue": {
                 "type": "any",
@@ -295,8 +293,6 @@ export class TelInput {
                     "tags": [],
                     "text": "Default value for the input."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "default-value",
                 "reflect": true
             },
@@ -314,8 +310,6 @@ export class TelInput {
                     "tags": [],
                     "text": "Boolean. Determines if input should be readonly."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "autofilled",
                 "reflect": true
             },
@@ -333,8 +327,6 @@ export class TelInput {
                     "tags": [],
                     "text": "Tooltip text."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "tooltip",
                 "reflect": true
             },
@@ -352,8 +344,6 @@ export class TelInput {
                     "tags": [],
                     "text": "Currently selected language."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "language",
                 "reflect": true
             },
@@ -371,8 +361,6 @@ export class TelInput {
                     "tags": [],
                     "text": "State passed down from the parent element. Will trigger the input to send it's value through an event."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "emit-value",
                 "reflect": true
             },
@@ -390,8 +378,6 @@ export class TelInput {
                     "tags": [],
                     "text": "Client custom styling via inline style"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "client-styling",
                 "reflect": true,
                 "defaultValue": "''"

package/dist/collection/components/text-input/text-input.js

@@ -3,17 +3,6 @@ import { translate } from "../../utils/locale.utils";
 import tooltipIcon from "../../utils/tooltipIcon.svg";
 export class TextInput {
     constructor() {
-        /**
-         * Default value for the input.
-         */
-        this.defaultValue = '';
-        /**
-         * Client custom styling via inline style
-         */
-        this.clientStyling = '';
-        this.errorMessage = '';
-        this.limitStylingAppends = false;
-        this.showTooltip = false;
         this.value = '';
         this.validationPattern = '';
         this.duplicateInputValue = null;
@@ -43,6 +32,22 @@ export class TextInput {
             sheet.innerHTML = this.clientStyling;
             this.stylingContainer.prepend(sheet);
         };
+        this.name = undefined;
+        this.displayName = undefined;
+        this.placeholder = undefined;
+        this.validation = undefined;
+        this.defaultValue = '';
+        this.autofilled = undefined;
+        this.tooltip = undefined;
+        this.language = undefined;
+        this.checkValidity = undefined;
+        this.emitValue = undefined;
+        this.isDuplicateInput = undefined;
+        this.clientStyling = '';
+        this.isValid = undefined;
+        this.errorMessage = '';
+        this.limitStylingAppends = false;
+        this.showTooltip = false;
     }
     validityChanged() {
         this.validityStateHandler({ valid: this.isValid, name: this.name });
@@ -180,8 +185,6 @@ export class TextInput {
                     "tags": [],
                     "text": "Name of the input."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "name",
                 "reflect": true
             },
@@ -199,8 +202,6 @@ export class TextInput {
                     "tags": [],
                     "text": "Name of input to be shown to the user."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "display-name",
                 "reflect": true
             },
@@ -218,8 +219,6 @@ export class TextInput {
                     "tags": [],
                     "text": "Placeholder text to be shown."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "placeholder",
                 "reflect": true
             },
@@ -242,9 +241,7 @@ export class TextInput {
                 "docs": {
                     "tags": [],
                     "text": "Object of validation rules for the input."
-                },
-                "getter": false,
-                "setter": false
+                }
             },
             "defaultValue": {
                 "type": "string",
@@ -260,8 +257,6 @@ export class TextInput {
                     "tags": [],
                     "text": "Default value for the input."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "default-value",
                 "reflect": true,
                 "defaultValue": "''"
@@ -280,8 +275,6 @@ export class TextInput {
                     "tags": [],
                     "text": "Boolean. Determines if input should be readonly."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "autofilled",
                 "reflect": true
             },
@@ -299,8 +292,6 @@ export class TextInput {
                     "tags": [],
                     "text": "Tooltip text."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "tooltip",
                 "reflect": true
             },
@@ -318,8 +309,6 @@ export class TextInput {
                     "tags": [],
                     "text": "Currently selected language."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "language",
                 "reflect": true
             },
@@ -337,8 +326,6 @@ export class TextInput {
                     "tags": [],
                     "text": "State passed down from the parent element. Will trigger the input to check for validity."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "check-validity",
                 "reflect": true
             },
@@ -356,8 +343,6 @@ export class TextInput {
                     "tags": [],
                     "text": "State passed down from the parent element. Will trigger the input to send it's value through an event."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "emit-value",
                 "reflect": true
             },
@@ -375,8 +360,6 @@ export class TextInput {
                     "tags": [],
                     "text": "Boolean that triggers certain validation rules, for duplicated inputs."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "is-duplicate-input",
                 "reflect": true
             },
@@ -394,8 +377,6 @@ export class TextInput {
                     "tags": [],
                     "text": "Client custom styling via inline style"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "client-styling",
                 "reflect": true,
                 "defaultValue": "''"

package/dist/collection/components/toggle-checkbox-input/toggle-checkbox-input.js

@@ -3,23 +3,27 @@ import { translate } from "../../utils/locale.utils";
 import tooltipIcon from "../../utils/tooltipIcon.svg";
 export class ToggleCheckboxInput {
     constructor() {
-        /**
-         * Default value for the input.
-         */
-        this.defaultValue = '';
-        /**
-         * Client custom styling via inline style
-         */
-        this.clientStyling = '';
-        this.limitStylingAppends = false;
-        this.showTooltip = false;
-        this.showFields = this.defaultValue === 'true';
         this.value = '';
         this.setClientStyling = () => {
             let sheet = document.createElement('style');
             sheet.innerHTML = this.clientStyling;
             this.stylingContainer.prepend(sheet);
         };
+        this.name = undefined;
+        this.displayName = undefined;
+        this.defaultValue = '';
+        this.options = undefined;
+        this.autofilled = undefined;
+        this.tooltip = undefined;
+        this.validation = undefined;
+        this.language = undefined;
+        this.emitValue = undefined;
+        this.clientStyling = '';
+        this.errorMessage = undefined;
+        this.isValid = undefined;
+        this.limitStylingAppends = false;
+        this.showTooltip = false;
+        this.showFields = this.defaultValue === 'true';
     }
     validityStateHandler(inputStateEvent) {
         this.sendValidityState.emit(inputStateEvent);
@@ -99,8 +103,6 @@ export class ToggleCheckboxInput {
                     "tags": [],
                     "text": "Name of the input."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "name",
                 "reflect": true
             },
@@ -118,8 +120,6 @@ export class ToggleCheckboxInput {
                     "tags": [],
                     "text": "Name of input to be shown to the user."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "display-name",
                 "reflect": true
             },
@@ -137,8 +137,6 @@ export class ToggleCheckboxInput {
                     "tags": [],
                     "text": "Default value for the input."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "default-value",
                 "reflect": true,
                 "defaultValue": "''"
@@ -162,9 +160,7 @@ export class ToggleCheckboxInput {
                 "docs": {
                     "tags": [],
                     "text": "Options of the input."
-                },
-                "getter": false,
-                "setter": false
+                }
             },
             "autofilled": {
                 "type": "boolean",
@@ -180,8 +176,6 @@ export class ToggleCheckboxInput {
                     "tags": [],
                     "text": "Boolean. Determines if input should be readonly."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "autofilled",
                 "reflect": true
             },
@@ -199,8 +193,6 @@ export class ToggleCheckboxInput {
                     "tags": [],
                     "text": "Tooltip text."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "tooltip",
                 "reflect": true
             },
@@ -223,9 +215,7 @@ export class ToggleCheckboxInput {
                 "docs": {
                     "tags": [],
                     "text": "Object of validation rules for the input."
-                },
-                "getter": false,
-                "setter": false
+                }
             },
             "language": {
                 "type": "string",
@@ -241,8 +231,6 @@ export class ToggleCheckboxInput {
                     "tags": [],
                     "text": "Currently selected language."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "language",
                 "reflect": true
             },
@@ -260,8 +248,6 @@ export class ToggleCheckboxInput {
                     "tags": [],
                     "text": "State passed down from the parent element. Will trigger the input to send it's value through an event."
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "emit-value",
                 "reflect": true
             },
@@ -279,8 +265,6 @@ export class ToggleCheckboxInput {
                     "tags": [],
                     "text": "Client custom styling via inline style"
                 },
-                "getter": false,
-                "setter": false,
                 "attribute": "client-styling",
                 "reflect": true,
                 "defaultValue": "''"