@mgdis/mg-components 6.13.0 → 6.14.0

package/dist/collection/components/molecules/inputs/mg-input-rich-text-editor/mg-input-rich-text-editor.js

@@ -328,6 +328,7 @@ export class MgInputRichTextEditor {
         return {
             "value": {
                 "type": "string",
+                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -342,12 +343,12 @@ export class MgInputRichTextEditor {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "identifier": {
                 "type": "string",
+                "attribute": "identifier",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -362,11 +363,11 @@ export class MgInputRichTextEditor {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "identifier",
                 "reflect": false
             },
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -381,11 +382,11 @@ export class MgInputRichTextEditor {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
                 "reflect": false
             },
             "labelOnTop": {
                 "type": "boolean",
+                "attribute": "label-on-top",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -400,12 +401,12 @@ export class MgInputRichTextEditor {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label-on-top",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "labelHide": {
                 "type": "boolean",
+                "attribute": "label-hide",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -420,12 +421,12 @@ export class MgInputRichTextEditor {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label-hide",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "placeholder": {
                 "type": "string",
+                "attribute": "placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -440,11 +441,11 @@ export class MgInputRichTextEditor {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "placeholder",
                 "reflect": false
             },
             "rows": {
                 "type": "number",
+                "attribute": "rows",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -459,12 +460,12 @@ export class MgInputRichTextEditor {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "rows",
                 "reflect": false,
                 "defaultValue": "5"
             },
             "required": {
                 "type": "boolean",
+                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -479,12 +480,12 @@ export class MgInputRichTextEditor {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "required",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "readonly": {
                 "type": "boolean",
+                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -499,12 +500,12 @@ export class MgInputRichTextEditor {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "readonly",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -519,12 +520,12 @@ export class MgInputRichTextEditor {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "pattern": {
                 "type": "string",
+                "attribute": "pattern",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -539,11 +540,11 @@ export class MgInputRichTextEditor {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "pattern",
                 "reflect": false
             },
             "patternErrorMessage": {
                 "type": "string",
+                "attribute": "pattern-error-message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -558,11 +559,11 @@ export class MgInputRichTextEditor {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "pattern-error-message",
                 "reflect": false
             },
             "tooltip": {
                 "type": "string",
+                "attribute": "tooltip",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -577,11 +578,11 @@ export class MgInputRichTextEditor {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "tooltip",
                 "reflect": false
             },
             "tooltipPosition": {
                 "type": "string",
+                "attribute": "tooltip-position",
                 "mutable": false,
                 "complexType": {
                     "original": "TooltipPosition",
@@ -602,12 +603,12 @@ export class MgInputRichTextEditor {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "tooltip-position",
                 "reflect": false,
                 "defaultValue": "'input'"
             },
             "helpText": {
                 "type": "string",
+                "attribute": "help-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -622,11 +623,11 @@ export class MgInputRichTextEditor {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "help-text",
                 "reflect": false
             },
             "modules": {
                 "type": "unknown",
+                "attribute": "modules",
                 "mutable": false,
                 "complexType": {
                     "original": "EditorOptionsType['modules']",
@@ -650,6 +651,7 @@ export class MgInputRichTextEditor {
             },
             "valid": {
                 "type": "boolean",
+                "attribute": "valid",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -664,11 +666,11 @@ export class MgInputRichTextEditor {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "valid",
                 "reflect": false
             },
             "invalid": {
                 "type": "boolean",
+                "attribute": "invalid",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -683,7 +685,6 @@ export class MgInputRichTextEditor {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "invalid",
                 "reflect": false
             }
         };
@@ -883,4 +884,3 @@ export class MgInputRichTextEditor {
             }];
     }
 }
-//# sourceMappingURL=mg-input-rich-text-editor.js.map

package/dist/collection/components/molecules/inputs/mg-input-select/mg-input-select.conf.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=mg-input-select.conf.js.map

package/dist/collection/components/molecules/inputs/mg-input-select/mg-input-select.js

@@ -89,6 +89,22 @@ export class MgInputSelect {
          * Component classes
          */
         this.classCollection = new ClassList(['mg-c-input--select']);
+        /**
+         * Method to get readonly value from value
+         * @returns readonly value
+         */
+        this.getReadonlyValue = () => {
+            var _a;
+            if (allItemsAreString(this.items) && typeof this.value === 'string') {
+                return this.items.find(item => item === this.value);
+            }
+            else if (allItemsAreOptions(this.items)) {
+                return (_a = this.items.find(item => item.value === this.value)) === null || _a === void 0 ? void 0 : _a.title;
+            }
+            else {
+                return null;
+            }
+        };
         /**
          * Handle input event
          */
@@ -162,16 +178,6 @@ export class MgInputSelect {
         this.renderOption = (option) => (h("option", { key: option.title, value: option.title, selected: JSON.stringify(this.value) === JSON.stringify(option.value), disabled: option.disabled }, option.title));
     }
     validateValue(newValue) {
-        var _a, _b;
-        if (allItemsAreString(this.items) && typeof newValue === 'string') {
-            this.readonlyValue = ((_a = this.input) === null || _a === void 0 ? void 0 : _a.value) !== undefined ? this.input.value : newValue;
-        }
-        else if (allItemsAreOptions(this.items)) {
-            this.readonlyValue = (_b = this.items.find(item => item.value === newValue)) === null || _b === void 0 ? void 0 : _b.title;
-        }
-        else {
-            this.readonlyValue = null;
-        }
         setTimeout(() => {
             this.checkValidity();
             if (this.hasDisplayedError) {
@@ -353,7 +359,8 @@ export class MgInputSelect {
      * @returns HTML Element
      */
     render() {
-        return (h("mg-input", { key: 'c755e68979b8cb479f409c0ac99d4fc47d1e4c25', label: this.label, identifier: this.identifier, class: this.classCollection.join(), ariaDescribedbyIDs: [], labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.readonly && this.readonlyValue === null ? 'label' : this.tooltipPosition, helpText: this.helpText, errorMessage: this.errorMessage }, this.readonly ? (this.readonlyValue && h("b", { class: "mg-c-input__readonly-value" }, this.readonlyValue)) : (h("select", { class: "mg-c-input__box", id: this.identifier, name: this.name, title: this.placeholder, disabled: this.disabled, required: this.required, "aria-invalid": (this.invalid === true).toString(), onInput: this.handleInput, onBlur: this.handleBlur, ref: (el) => {
+        const readonlyValue = this.getReadonlyValue();
+        return (h("mg-input", { key: '2a0599578526b7c110b8f8e01dcb233ed2d523cf', label: this.label, identifier: this.identifier, class: this.classCollection.join(), labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.readonly && readonlyValue === null ? 'label' : this.tooltipPosition, helpText: this.helpText, errorMessage: this.errorMessage }, this.readonly ? (readonlyValue && h("b", { class: "mg-c-input__readonly-value" }, readonlyValue)) : (h("select", { class: "mg-c-input__box", id: this.identifier, name: this.name, title: this.placeholder, disabled: this.disabled, required: this.required, "aria-invalid": (this.invalid === true).toString(), onInput: this.handleInput, onBlur: this.handleBlur, ref: (el) => {
                 if (el !== null)
                     this.input = el;
             } }, (!this.placeholderHide || !this.valueExist) && ( // In case passed value does not match any option we display the placeholder
@@ -375,6 +382,7 @@ export class MgInputSelect {
         return {
             "value": {
                 "type": "any",
+                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "any",
@@ -389,11 +397,11 @@ export class MgInputSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": false
             },
             "items": {
                 "type": "unknown",
+                "attribute": "items",
                 "mutable": false,
                 "complexType": {
                     "original": "(string | SelectOption)[]",
@@ -417,6 +425,7 @@ export class MgInputSelect {
             },
             "identifier": {
                 "type": "string",
+                "attribute": "identifier",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -431,11 +440,11 @@ export class MgInputSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "identifier",
                 "reflect": false
             },
             "name": {
                 "type": "string",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -450,12 +459,12 @@ export class MgInputSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "name",
                 "reflect": false,
                 "defaultValue": "this.identifier"
             },
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -470,11 +479,11 @@ export class MgInputSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
                 "reflect": false
             },
             "labelOnTop": {
                 "type": "boolean",
+                "attribute": "label-on-top",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -489,12 +498,12 @@ export class MgInputSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label-on-top",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "labelHide": {
                 "type": "boolean",
+                "attribute": "label-hide",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -509,12 +518,12 @@ export class MgInputSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label-hide",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "placeholder": {
                 "type": "string",
+                "attribute": "placeholder",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -529,11 +538,11 @@ export class MgInputSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "placeholder",
                 "reflect": false
             },
             "placeholderHide": {
                 "type": "boolean",
+                "attribute": "placeholder-hide",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -548,12 +557,12 @@ export class MgInputSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "placeholder-hide",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "placeholderDisabled": {
                 "type": "boolean",
+                "attribute": "placeholder-disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -568,12 +577,12 @@ export class MgInputSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "placeholder-disabled",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "required": {
                 "type": "boolean",
+                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -588,12 +597,12 @@ export class MgInputSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "required",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "readonly": {
                 "type": "boolean",
+                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -608,12 +617,12 @@ export class MgInputSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "readonly",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -628,12 +637,12 @@ export class MgInputSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "mgWidth": {
                 "type": "any",
+                "attribute": "mg-width",
                 "mutable": false,
                 "complexType": {
                     "original": "Width",
@@ -654,11 +663,11 @@ export class MgInputSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "mg-width",
                 "reflect": true
             },
             "tooltip": {
                 "type": "string",
+                "attribute": "tooltip",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -673,11 +682,11 @@ export class MgInputSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "tooltip",
                 "reflect": false
             },
             "tooltipPosition": {
                 "type": "string",
+                "attribute": "tooltip-position",
                 "mutable": false,
                 "complexType": {
                     "original": "TooltipPosition",
@@ -698,12 +707,12 @@ export class MgInputSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "tooltip-position",
                 "reflect": false,
                 "defaultValue": "'input'"
             },
             "helpText": {
                 "type": "string",
+                "attribute": "help-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -718,11 +727,11 @@ export class MgInputSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "help-text",
                 "reflect": false
             },
             "valid": {
                 "type": "boolean",
+                "attribute": "valid",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -737,11 +746,11 @@ export class MgInputSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "valid",
                 "reflect": false
             },
             "invalid": {
                 "type": "boolean",
+                "attribute": "invalid",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -756,7 +765,6 @@ export class MgInputSelect {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "invalid",
                 "reflect": false
             }
         };
@@ -766,8 +774,7 @@ export class MgInputSelect {
             "classCollection": {},
             "errorMessage": {},
             "options": {},
-            "valueExist": {},
-            "readonlyValue": {}
+            "valueExist": {}
         };
     }
     static get events() {
@@ -932,4 +939,3 @@ export class MgInputSelect {
             }];
     }
 }
-//# sourceMappingURL=mg-input-select.js.map

package/dist/collection/components/molecules/inputs/mg-input-text/mg-input-text.conf.js

@@ -5,4 +5,3 @@
 export const helpTextTypes = ['email', 'emails', 'url'];
 // Define possible text types
 export const textTypes = ['text', 'search', 'tel', ...helpTextTypes];
-//# sourceMappingURL=mg-input-text.conf.js.map