@everymatrix/general-input 1.55.0 → 1.56.0

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

@@ -2,29 +2,28 @@ import { h, Host } from "@stencil/core";
 import { getTranslations } from "../../utils/locale.utils";
 export class GeneralInput {
     constructor() {
+        /**
+         * Type the general-input should take. Can take the default HTML input values.
+         */
+        this.type = 'text';
+        /**
+         * Client custom styling via inline style
+         */
+        this.clientStyling = '';
+        /**
+         * Translations via URL
+         */
+        this.translationUrl = '';
+        /**
+         * Emit event on click
+         */
+        this.emitOnClick = false;
         this.handleClick = (event) => {
             if (this.emitOnClick) {
                 event.stopPropagation();
                 window.postMessage({ type: `registration${this.name}Clicked` }, window.location.href);
             }
         };
-        this.type = 'text';
-        this.name = undefined;
-        this.displayName = undefined;
-        this.placeholder = undefined;
-        this.action = undefined;
-        this.validation = undefined;
-        this.options = undefined;
-        this.language = undefined;
-        this.autofilled = undefined;
-        this.tooltip = undefined;
-        this.defaultValue = undefined;
-        this.emitValue = undefined;
-        this.isDuplicateInput = undefined;
-        this.clientStyling = '';
-        this.dateFormat = undefined;
-        this.translationUrl = '';
-        this.emitOnClick = false;
     }
     connectedCallback() {
         if (this.translationUrl) {
@@ -91,6 +90,8 @@ export class GeneralInput {
                     "tags": [],
                     "text": "Type the general-input should take. Can take the default HTML input values."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "type",
                 "reflect": true,
                 "defaultValue": "'text'"
@@ -109,6 +110,8 @@ export class GeneralInput {
                     "tags": [],
                     "text": "Name of the input."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "name",
                 "reflect": true
             },
@@ -126,6 +129,8 @@ export class GeneralInput {
                     "tags": [],
                     "text": "Name of input to be shown to the user."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "display-name",
                 "reflect": true
             },
@@ -143,6 +148,8 @@ export class GeneralInput {
                     "tags": [],
                     "text": "Placeholder text to be shown."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "placeholder",
                 "reflect": true
             },
@@ -160,6 +167,8 @@ export class GeneralInput {
                     "tags": [],
                     "text": "Special behaviour an input should have. Can be fetching for data."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "action",
                 "reflect": true
             },
@@ -182,7 +191,9 @@ export class GeneralInput {
                 "docs": {
                     "tags": [],
                     "text": "Object of validation rules for the input."
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "options": {
                 "type": "any",
@@ -198,6 +209,8 @@ export class GeneralInput {
                     "tags": [],
                     "text": "For input elements that have multiple options or choises."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "options",
                 "reflect": true
             },
@@ -215,6 +228,8 @@ export class GeneralInput {
                     "tags": [],
                     "text": "Currently selected language."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "language",
                 "reflect": true
             },
@@ -232,6 +247,8 @@ export class GeneralInput {
                     "tags": [],
                     "text": "Boolean. Determines if input should be readonly."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "autofilled",
                 "reflect": true
             },
@@ -249,6 +266,8 @@ export class GeneralInput {
                     "tags": [],
                     "text": "Tooltip text."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "tooltip",
                 "reflect": true
             },
@@ -266,6 +285,8 @@ export class GeneralInput {
                     "tags": [],
                     "text": "Default value for the input."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "default-value",
                 "reflect": true
             },
@@ -283,6 +304,8 @@ export class GeneralInput {
                     "tags": [],
                     "text": "State passed down from the parent element. Will trigger the child specialised input to send it's value through an event."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "emit-value",
                 "reflect": true
             },
@@ -300,6 +323,8 @@ export class GeneralInput {
                     "tags": [],
                     "text": "Boolean that triggers certain validation rules, for duplicated inputs."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "is-duplicate-input",
                 "reflect": true
             },
@@ -317,6 +342,8 @@ export class GeneralInput {
                     "tags": [],
                     "text": "Client custom styling via inline style"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "client-styling",
                 "reflect": true,
                 "defaultValue": "''"
@@ -335,6 +362,8 @@ export class GeneralInput {
                     "tags": [],
                     "text": "Date format for date picker."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "date-format",
                 "reflect": true
             },
@@ -352,6 +381,8 @@ export class GeneralInput {
                     "tags": [],
                     "text": "Translations via URL"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "translation-url",
                 "reflect": true,
                 "defaultValue": "''"
@@ -370,6 +401,8 @@ export class GeneralInput {
                     "tags": [],
                     "text": "Emit event on click"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "emit-on-click",
                 "reflect": true,
                 "defaultValue": "false"

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

@@ -3,6 +3,12 @@ import { translate } from "../../utils/locale.utils";
 import tooltipIcon from "../../utils/tooltipIcon.svg";
 export class NumberInput {
     constructor() {
+        /**
+         * Client custom styling via inline style
+         */
+        this.clientStyling = '';
+        this.limitStylingAppends = false;
+        this.showTooltip = false;
         this.validationPattern = '';
         this.touched = false;
         this.handleInput = (event) => {
@@ -27,20 +33,6 @@ export class NumberInput {
             sheet.innerHTML = this.clientStyling;
             this.stylingContainer.prepend(sheet);
         };
-        this.name = undefined;
-        this.displayName = undefined;
-        this.placeholder = undefined;
-        this.validation = undefined;
-        this.defaultValue = undefined;
-        this.autofilled = undefined;
-        this.tooltip = 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 });
@@ -149,6 +141,8 @@ export class NumberInput {
                     "tags": [],
                     "text": "Name of the input."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "name",
                 "reflect": true
             },
@@ -166,6 +160,8 @@ export class NumberInput {
                     "tags": [],
                     "text": "Name of input to be shown to the user."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "display-name",
                 "reflect": true
             },
@@ -183,6 +179,8 @@ export class NumberInput {
                     "tags": [],
                     "text": "Placeholder text to be shown."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "placeholder",
                 "reflect": true
             },
@@ -205,7 +203,9 @@ export class NumberInput {
                 "docs": {
                     "tags": [],
                     "text": "Object of validation rules for the input."
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "defaultValue": {
                 "type": "string",
@@ -221,6 +221,8 @@ export class NumberInput {
                     "tags": [],
                     "text": "Default value for the input."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "default-value",
                 "reflect": true
             },
@@ -238,6 +240,8 @@ export class NumberInput {
                     "tags": [],
                     "text": "Boolean. Determines if input should be readonly."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "autofilled",
                 "reflect": true
             },
@@ -255,6 +259,8 @@ export class NumberInput {
                     "tags": [],
                     "text": "Tooltip text."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "tooltip",
                 "reflect": true
             },
@@ -272,6 +278,8 @@ export class NumberInput {
                     "tags": [],
                     "text": "Currently selected language."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "language",
                 "reflect": true
             },
@@ -289,6 +297,8 @@ export class NumberInput {
                     "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
             },
@@ -306,6 +316,8 @@ export class NumberInput {
                     "tags": [],
                     "text": "Client custom styling via inline style"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "client-styling",
                 "reflect": true,
                 "defaultValue": "''"

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

@@ -4,6 +4,17 @@ import "@vaadin/password-field";
 import tooltipIcon from "../../utils/tooltipIcon.svg";
 export class PasswordInput {
     constructor() {
+        /**
+         * Default value for the input.
+         */
+        this.defaultValue = '';
+        /**
+         * Client custom styling via inline style
+         */
+        this.clientStyling = '';
+        this.limitStylingAppends = false;
+        this.showTooltip = false;
+        this.value = '';
         this.touched = false;
         this.originalValid = false;
         this.validationPattern = '';
@@ -42,24 +53,6 @@ export class PasswordInput {
             sheet.innerHTML = this.clientStyling;
             this.stylingContainer.prepend(sheet);
         };
-        this.name = undefined;
-        this.displayName = undefined;
-        this.placeholder = undefined;
-        this.defaultValue = '';
-        this.autofilled = undefined;
-        this.tooltip = undefined;
-        this.validation = undefined;
-        this.language = undefined;
-        this.emitValue = undefined;
-        this.isDuplicateInput = undefined;
-        this.clientStyling = '';
-        this.isValid = undefined;
-        this.errorMessage = undefined;
-        this.limitStylingAppends = false;
-        this.showTooltip = false;
-        this.passwordComplexity = undefined;
-        this.showPopup = undefined;
-        this.value = '';
     }
     validityChanged() {
         this.validityStateHandler({ valid: this.isValid, name: this.name });
@@ -250,6 +243,8 @@ export class PasswordInput {
                     "tags": [],
                     "text": "Name of the input."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "name",
                 "reflect": true
             },
@@ -267,6 +262,8 @@ export class PasswordInput {
                     "tags": [],
                     "text": "Name of input to be shown to the user."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "display-name",
                 "reflect": true
             },
@@ -284,6 +281,8 @@ export class PasswordInput {
                     "tags": [],
                     "text": "Placeholder text to be shown."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "placeholder",
                 "reflect": true
             },
@@ -301,6 +300,8 @@ export class PasswordInput {
                     "tags": [],
                     "text": "Default value for the input."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "default-value",
                 "reflect": true,
                 "defaultValue": "''"
@@ -319,6 +320,8 @@ export class PasswordInput {
                     "tags": [],
                     "text": "Boolean. Determines if input should be readonly."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "autofilled",
                 "reflect": true
             },
@@ -336,6 +339,8 @@ export class PasswordInput {
                     "tags": [],
                     "text": "Tooltip text."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "tooltip",
                 "reflect": true
             },
@@ -358,7 +363,9 @@ export class PasswordInput {
                 "docs": {
                     "tags": [],
                     "text": "Object of validation rules for the input."
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "language": {
                 "type": "string",
@@ -374,6 +381,8 @@ export class PasswordInput {
                     "tags": [],
                     "text": "Currently selected language."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "language",
                 "reflect": true
             },
@@ -391,6 +400,8 @@ export class PasswordInput {
                     "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
             },
@@ -408,6 +419,8 @@ export class PasswordInput {
                     "tags": [],
                     "text": "Flag for duplicate inputs, it sets up the input for certain validation rules."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "is-duplicate-input",
                 "reflect": true
             },
@@ -425,6 +438,8 @@ export class PasswordInput {
                     "tags": [],
                     "text": "Client custom styling via inline style"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "client-styling",
                 "reflect": true,
                 "defaultValue": "''"

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

@@ -3,23 +3,17 @@ import { translate } from "../../utils/locale.utils";
 import tooltipIcon from "../../utils/tooltipIcon.svg";
 export class RadioInput {
     constructor() {
+        /**
+         * Client custom styling via inline style
+         */
+        this.clientStyling = '';
+        this.limitStylingAppends = false;
+        this.showTooltip = false;
         this.setClientStyling = () => {
             let sheet = document.createElement('style');
             sheet.innerHTML = this.clientStyling;
             this.stylingContainer.prepend(sheet);
         };
-        this.name = undefined;
-        this.displayName = undefined;
-        this.optionsGroup = undefined;
-        this.validation = undefined;
-        this.tooltip = 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 });
@@ -105,6 +99,8 @@ export class RadioInput {
                     "tags": [],
                     "text": "Name of the input."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "name",
                 "reflect": true
             },
@@ -122,6 +118,8 @@ export class RadioInput {
                     "tags": [],
                     "text": "Name of input to be shown to the user."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "display-name",
                 "reflect": true
             },
@@ -144,7 +142,9 @@ export class RadioInput {
                 "docs": {
                     "tags": [],
                     "text": "Options of the input."
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "validation": {
                 "type": "unknown",
@@ -165,7 +165,9 @@ export class RadioInput {
                 "docs": {
                     "tags": [],
                     "text": "Object of validation rules for the input."
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "tooltip": {
                 "type": "string",
@@ -181,6 +183,8 @@ export class RadioInput {
                     "tags": [],
                     "text": "Tooltip text."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "tooltip",
                 "reflect": true
             },
@@ -198,6 +202,8 @@ export class RadioInput {
                     "tags": [],
                     "text": "Currently selected language."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "language",
                 "reflect": true
             },
@@ -215,6 +221,8 @@ export class RadioInput {
                     "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
             },
@@ -232,6 +240,8 @@ export class RadioInput {
                     "tags": [],
                     "text": "Client custom styling via inline style"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "client-styling",
                 "reflect": true,
                 "defaultValue": "''"