@everymatrix/general-input 1.53.0 → 1.53.10

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

@@ -4,6 +4,20 @@ 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;
@@ -32,22 +46,6 @@ 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 });
@@ -171,6 +169,8 @@ export class SelectInput {
                     "tags": [],
                     "text": "Name of the input."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "name",
                 "reflect": true
             },
@@ -188,6 +188,8 @@ export class SelectInput {
                     "tags": [],
                     "text": "Name of input to be shown to the user."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "display-name",
                 "reflect": true
             },
@@ -205,6 +207,8 @@ export class SelectInput {
                     "tags": [],
                     "text": "Placeholder text to be shown."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "placeholder",
                 "reflect": true
             },
@@ -222,6 +226,8 @@ export class SelectInput {
                     "tags": [],
                     "text": "Special behaviour an input should have. Can be fetching for data."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "action",
                 "reflect": true
             },
@@ -239,6 +245,8 @@ export class SelectInput {
                     "tags": [],
                     "text": "Default value for the input."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "default-value",
                 "reflect": true,
                 "defaultValue": "''"
@@ -257,6 +265,8 @@ export class SelectInput {
                     "tags": [],
                     "text": "Boolean. Determines if input should be readonly."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "autofilled",
                 "reflect": true
             },
@@ -274,6 +284,8 @@ export class SelectInput {
                     "tags": [],
                     "text": "Tooltip text."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "tooltip",
                 "reflect": true
             },
@@ -297,6 +309,8 @@ export class SelectInput {
                     "tags": [],
                     "text": "Options of the input."
                 },
+                "getter": false,
+                "setter": false,
                 "defaultValue": "[]"
             },
             "validation": {
@@ -318,7 +332,9 @@ export class SelectInput {
                 "docs": {
                     "tags": [],
                     "text": "Object of validation rules for the input."
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "language": {
                 "type": "string",
@@ -334,6 +350,8 @@ export class SelectInput {
                     "tags": [],
                     "text": "Currently selected language."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "language",
                 "reflect": true
             },
@@ -351,6 +369,8 @@ 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
             },
@@ -368,6 +388,8 @@ 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,6 +4,12 @@ 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) => {
@@ -29,22 +35,6 @@ 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 });
@@ -187,6 +177,8 @@ export class TelInput {
                     "tags": [],
                     "text": "Name of the input."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "name",
                 "reflect": true
             },
@@ -204,6 +196,8 @@ export class TelInput {
                     "tags": [],
                     "text": "Name of input to be shown to the user."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "display-name",
                 "reflect": true
             },
@@ -221,6 +215,8 @@ export class TelInput {
                     "tags": [],
                     "text": "Placeholder text to be shown."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "placeholder",
                 "reflect": true
             },
@@ -238,6 +234,8 @@ export class TelInput {
                     "tags": [],
                     "text": "Boolean that defines if the widget show labels or placeholders."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "show-labels",
                 "reflect": true
             },
@@ -255,6 +253,8 @@ 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,7 +277,9 @@ export class TelInput {
                 "docs": {
                     "tags": [],
                     "text": "Object of validation rules for the input."
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "defaultValue": {
                 "type": "any",
@@ -293,6 +295,8 @@ export class TelInput {
                     "tags": [],
                     "text": "Default value for the input."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "default-value",
                 "reflect": true
             },
@@ -310,6 +314,8 @@ export class TelInput {
                     "tags": [],
                     "text": "Boolean. Determines if input should be readonly."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "autofilled",
                 "reflect": true
             },
@@ -327,6 +333,8 @@ export class TelInput {
                     "tags": [],
                     "text": "Tooltip text."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "tooltip",
                 "reflect": true
             },
@@ -344,6 +352,8 @@ export class TelInput {
                     "tags": [],
                     "text": "Currently selected language."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "language",
                 "reflect": true
             },
@@ -361,6 +371,8 @@ 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
             },
@@ -378,6 +390,8 @@ 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,6 +3,17 @@ 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;
@@ -32,22 +43,6 @@ 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 });
@@ -185,6 +180,8 @@ export class TextInput {
                     "tags": [],
                     "text": "Name of the input."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "name",
                 "reflect": true
             },
@@ -202,6 +199,8 @@ export class TextInput {
                     "tags": [],
                     "text": "Name of input to be shown to the user."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "display-name",
                 "reflect": true
             },
@@ -219,6 +218,8 @@ export class TextInput {
                     "tags": [],
                     "text": "Placeholder text to be shown."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "placeholder",
                 "reflect": true
             },
@@ -241,7 +242,9 @@ export class TextInput {
                 "docs": {
                     "tags": [],
                     "text": "Object of validation rules for the input."
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "defaultValue": {
                 "type": "string",
@@ -257,6 +260,8 @@ export class TextInput {
                     "tags": [],
                     "text": "Default value for the input."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "default-value",
                 "reflect": true,
                 "defaultValue": "''"
@@ -275,6 +280,8 @@ export class TextInput {
                     "tags": [],
                     "text": "Boolean. Determines if input should be readonly."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "autofilled",
                 "reflect": true
             },
@@ -292,6 +299,8 @@ export class TextInput {
                     "tags": [],
                     "text": "Tooltip text."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "tooltip",
                 "reflect": true
             },
@@ -309,6 +318,8 @@ export class TextInput {
                     "tags": [],
                     "text": "Currently selected language."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "language",
                 "reflect": true
             },
@@ -326,6 +337,8 @@ 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
             },
@@ -343,6 +356,8 @@ 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
             },
@@ -360,6 +375,8 @@ export class TextInput {
                     "tags": [],
                     "text": "Boolean that triggers certain validation rules, for duplicated inputs."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "is-duplicate-input",
                 "reflect": true
             },
@@ -377,6 +394,8 @@ 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,27 +3,23 @@ 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);
@@ -103,6 +99,8 @@ export class ToggleCheckboxInput {
                     "tags": [],
                     "text": "Name of the input."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "name",
                 "reflect": true
             },
@@ -120,6 +118,8 @@ export class ToggleCheckboxInput {
                     "tags": [],
                     "text": "Name of input to be shown to the user."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "display-name",
                 "reflect": true
             },
@@ -137,6 +137,8 @@ export class ToggleCheckboxInput {
                     "tags": [],
                     "text": "Default value for the input."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "default-value",
                 "reflect": true,
                 "defaultValue": "''"
@@ -160,7 +162,9 @@ export class ToggleCheckboxInput {
                 "docs": {
                     "tags": [],
                     "text": "Options of the input."
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "autofilled": {
                 "type": "boolean",
@@ -176,6 +180,8 @@ export class ToggleCheckboxInput {
                     "tags": [],
                     "text": "Boolean. Determines if input should be readonly."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "autofilled",
                 "reflect": true
             },
@@ -193,6 +199,8 @@ export class ToggleCheckboxInput {
                     "tags": [],
                     "text": "Tooltip text."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "tooltip",
                 "reflect": true
             },
@@ -215,7 +223,9 @@ export class ToggleCheckboxInput {
                 "docs": {
                     "tags": [],
                     "text": "Object of validation rules for the input."
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "language": {
                 "type": "string",
@@ -231,6 +241,8 @@ export class ToggleCheckboxInput {
                     "tags": [],
                     "text": "Currently selected language."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "language",
                 "reflect": true
             },
@@ -248,6 +260,8 @@ 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
             },
@@ -265,6 +279,8 @@ export class ToggleCheckboxInput {
                     "tags": [],
                     "text": "Client custom styling via inline style"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "client-styling",
                 "reflect": true,
                 "defaultValue": "''"