@mgdis/mg-components 6.13.1 → 6.15.0

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

@@ -1,6 +1,8 @@
 import { h } from "@stencil/core";
 import { ClassList, allItemsAreString, isValidString, toString } from "@mgdis/core-ui-helpers/dist/utils";
 import { classDisabled, classReadonly } from "../mg-input/mg-input.conf";
+import { initLocales } from "../../../../locales";
+import { defineErrorMessage } from "../mg-input/mg-input.utils";
 /**
  * type Option validation function
  * @param option - radio option
@@ -58,6 +60,29 @@ export class MgInputToggle {
          * Checked internal value
          */
         this.checked = false;
+        /**
+         * Check if input is valid
+         */
+        this.checkValidity = () => {
+            this.setValidity(this.readonly || this.disabled || this.hasInputItems());
+        };
+        /**
+         * Reset error message
+         */
+        this.resetErrorMessage = () => {
+            this.checkValidity();
+            this.errorMessage = undefined;
+        };
+        /**
+         * Test if component has items
+         * @returns truthy if component has items
+         */
+        this.hasInputItems = () => { var _a; return ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > 0; };
+        /**
+         * Test if component has no value error message displayed
+         * @returns truthy if compent display no value error message
+         */
+        this.hasNoValueErrorMessageDisplay = () => this.errorMessage === this.messages.errors.noValue;
         /**
          * Set input error message
          * @param errorMessage - errorMessage override
@@ -66,8 +91,13 @@ export class MgInputToggle {
             // Set error message
             this.errorMessage = undefined;
             // Does have a custom error message
-            if (!this.valid && errorMessage !== undefined) {
-                this.errorMessage = errorMessage;
+            if (!this.valid) {
+                if (errorMessage !== undefined) {
+                    this.errorMessage = errorMessage;
+                }
+                else if (!this.hasInputItems()) {
+                    this.errorMessage = this.messages.errors.noValue;
+                }
             }
         };
         /**
@@ -82,7 +112,7 @@ export class MgInputToggle {
         this.validateSlots = () => {
             const slots = Array.from(this.element.children);
             if (slots.length !== 2) {
-                throw new Error('<mg-input-toggle> 2 slots are required.');
+                console.error('<mg-input-toggle> 2 slots are required.');
             }
             else if (!this.isIcon) {
                 // Due to text-overflow set to ellipsis
@@ -113,16 +143,28 @@ export class MgInputToggle {
         this.valueChange.emit(newValue);
     }
     validateItems(newValue) {
-        if (typeof newValue === 'object' && this.items.length !== 2) {
+        if ([undefined, null].includes(newValue) || (Array.isArray(newValue) && newValue.length === 0)) {
+            this.options = [];
+            this.displayError();
+        }
+        else if (Array.isArray(newValue) && this.items.length !== 2) {
             throw new Error(`<mg-input-toggle> prop "items" require 2 items. Passed value: ${toString(newValue)}.`);
         }
         // String array
         else if (allItemsAreString(newValue)) {
             this.options = newValue.map(item => ({ title: item, value: item }));
+            // force to reset error when noValueError is displaied
+            if (this.invalid && this.hasNoValueErrorMessageDisplay()) {
+                this.resetErrorMessage();
+            }
         }
         // Object array
         else if (Array.isArray(newValue) && newValue.every(isOption)) {
             this.options = newValue;
+            // force to reset error when noValueError is displaied
+            if (this.invalid && this.hasNoValueErrorMessageDisplay()) {
+                this.resetErrorMessage();
+            }
         }
         else {
             throw new Error(`<mg-input-toggle> prop "items" is required and all items must be the same type: ToggleValue. Passed value: ${toString(newValue)}.`);
@@ -184,8 +226,7 @@ export class MgInputToggle {
             throw new Error('<mg-input-toggle> method "setError()" param "errorMessage" must be a string.');
         }
         else {
-            this.valid = valid;
-            this.inputValid.emit(valid);
+            this.setValidity(valid);
             this.setErrorMessage(valid ? undefined : errorMessage);
         }
     }
@@ -204,12 +245,43 @@ export class MgInputToggle {
             // - Keep everything in sync both inside and outside the component
             return new Promise(resolve => {
                 requestAnimationFrame(() => {
-                    this.errorMessage = undefined;
+                    this.resetErrorMessage();
                     resolve();
                 });
             });
         }
     }
+    /**
+     * Display input error if it exists.
+     */
+    displayError() {
+        // Use `Promise` as requested for stencil method
+        // Use `requestAnimationFrame` to ensure:
+        // - DOM is fully updated before validation
+        // - Async operations are completed
+        // - No timing issues with Stencil's render cycle
+        // - Keep everything in sync both inside and outside the component
+        return new Promise(resolve => {
+            requestAnimationFrame(() => {
+                this.checkValidity();
+                this.setErrorMessage();
+                resolve();
+            });
+        });
+    }
+    /**
+     * Method to set validity values
+     * @param newValue - valid new value
+     */
+    setValidity(newValue) {
+        const oldValidValue = this.valid;
+        this.valid = newValue;
+        this.invalid = !this.valid;
+        // We need to send valid event even if it is the same value
+        if (this.valid !== oldValidValue) {
+            this.inputValid.emit(this.valid);
+        }
+    }
     /**
      * set checked state
      */
@@ -228,6 +300,9 @@ export class MgInputToggle {
             const selectedValue = this.value === this.options[optionTrueValueIndex].value;
             this.checked = optionTrueValueIndex === 0 ? !selectedValue : selectedValue;
         }
+        else if (Array.isArray(this.options) && this.options.length === 0) {
+            return;
+        }
         else {
             this.checked = this.value === this.options[1].value;
         }
@@ -239,6 +314,8 @@ export class MgInputToggle {
      * Check if component props are well configured on init
      */
     componentWillLoad() {
+        // Get locales
+        this.messages = initLocales(this.element).messages;
         // Check items format
         this.validateItems(this.items);
         // Check slots
@@ -257,7 +334,7 @@ export class MgInputToggle {
      */
     render() {
         const checkedItem = this.getCheckedItem(this.checked);
-        return (h("mg-input", { key: '2e92c411cfa6fdcbcc6ed0546eed6e804ed4d9cb', label: this.label, helpText: this.helpText, identifier: this.identifier, class: this.classCollection.join(), ariaDescribedbyIDs: [], labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: undefined, tooltip: this.tooltip, tooltipPosition: this.tooltipPosition, errorMessage: this.errorMessage }, this.readonly ? (checkedItem && h("b", { class: "mg-c-input__readonly-value" }, checkedItem.title)) : (h("button", { type: "button", role: "switch", "aria-checked": this.checked.toString(), "aria-readonly": this.disabled || this.readonly, id: this.identifier, class: "mg-c-input__button-toggle", disabled: this.disabled || this.readonly, onClick: this.toggleChecked, ref: el => {
+        return (h("mg-input", { key: 'a17e505f60d3c7e37f18db5d5c94e8d4a03b3949', label: this.label, helpText: this.helpText, identifier: this.identifier, class: this.classCollection.join(), labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: undefined, tooltip: this.tooltip, tooltipPosition: this.tooltipPosition, errorMessage: defineErrorMessage(this.errorMessage, this.noValueErrorDetail) }, this.readonly ? (checkedItem && h("b", { class: "mg-c-input__readonly-value" }, checkedItem.title)) : (h("button", { type: "button", role: "switch", "aria-checked": this.checked.toString(), "aria-readonly": this.disabled || this.readonly, id: this.identifier, class: "mg-c-input__button-toggle", disabled: this.disabled || this.readonly || !this.hasInputItems(), onClick: this.toggleChecked, ref: el => {
                 if (el !== null)
                     this.button = el;
             } }, h("span", { "aria-hidden": "true", class: "mg-c-input__toggle-item-container" }, h("slot", { name: "item-1" })), h("span", { "aria-hidden": "true", class: "mg-c-input__toggle-item-container" }, h("slot", { name: "item-2" }))))));
@@ -278,6 +355,7 @@ export class MgInputToggle {
         return {
             "value": {
                 "type": "any",
+                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "any",
@@ -292,11 +370,11 @@ export class MgInputToggle {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": false
             },
             "items": {
                 "type": "unknown",
+                "attribute": "items",
                 "mutable": false,
                 "complexType": {
                     "original": "string[] | ToggleValue[]",
@@ -320,6 +398,7 @@ export class MgInputToggle {
             },
             "identifier": {
                 "type": "string",
+                "attribute": "identifier",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -334,11 +413,11 @@ export class MgInputToggle {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "identifier",
                 "reflect": false
             },
             "name": {
                 "type": "string",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -353,12 +432,12 @@ export class MgInputToggle {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "name",
                 "reflect": false,
                 "defaultValue": "this.identifier"
             },
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -373,11 +452,11 @@ export class MgInputToggle {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
                 "reflect": false
             },
             "labelOnTop": {
                 "type": "boolean",
+                "attribute": "label-on-top",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -392,12 +471,12 @@ export class MgInputToggle {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label-on-top",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "labelHide": {
                 "type": "boolean",
+                "attribute": "label-hide",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -412,12 +491,12 @@ export class MgInputToggle {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label-hide",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "isOnOff": {
                 "type": "boolean",
+                "attribute": "is-on-off",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -432,12 +511,12 @@ export class MgInputToggle {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "is-on-off",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "isIcon": {
                 "type": "boolean",
+                "attribute": "is-icon",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -452,12 +531,12 @@ export class MgInputToggle {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "is-icon",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "readonly": {
                 "type": "boolean",
+                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -472,12 +551,12 @@ export class MgInputToggle {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "readonly",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -492,12 +571,12 @@ export class MgInputToggle {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "tooltip": {
                 "type": "string",
+                "attribute": "tooltip",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -512,11 +591,11 @@ export class MgInputToggle {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "tooltip",
                 "reflect": false
             },
             "tooltipPosition": {
                 "type": "string",
+                "attribute": "tooltip-position",
                 "mutable": false,
                 "complexType": {
                     "original": "TooltipPosition",
@@ -537,12 +616,12 @@ export class MgInputToggle {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "tooltip-position",
                 "reflect": false,
                 "defaultValue": "'input'"
             },
             "helpText": {
                 "type": "string",
+                "attribute": "help-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -557,7 +636,63 @@ export class MgInputToggle {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "help-text",
+                "reflect": false
+            },
+            "noValueErrorDetail": {
+                "type": "string",
+                "attribute": "no-value-error-detail",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "Define no value error detail"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "valid": {
+                "type": "boolean",
+                "attribute": "valid",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Define input valid state"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false
+            },
+            "invalid": {
+                "type": "boolean",
+                "attribute": "invalid",
+                "mutable": true,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Define input invalid state"
+                },
+                "getter": false,
+                "setter": false,
                 "reflect": false
             }
         };
@@ -567,7 +702,6 @@ export class MgInputToggle {
             "classCollection": {},
             "options": {},
             "errorMessage": {},
-            "valid": {},
             "checked": {}
         };
     }
@@ -704,4 +838,3 @@ export class MgInputToggle {
             }];
     }
 }
-//# sourceMappingURL=mg-input-toggle.js.map

package/dist/collection/components/molecules/internals/mg-item-more/mg-item-more.conf.js

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

package/dist/collection/components/molecules/internals/mg-item-more/mg-item-more.js

@@ -101,10 +101,11 @@ export class MgItemMore {
         return {
             "icon": {
                 "type": "unknown",
+                "attribute": "icon",
                 "mutable": false,
                 "complexType": {
                     "original": "IconType",
-                    "resolved": "{ icon: \"filter\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"copy\" | \"history\" | \"location\" | \"key\" | \"loader\" | \"address-card\" | \"address-card-outline\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"arrows-up-down\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building-outline\" | \"calculator\" | \"calculator-outline\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-outline\" | \"comment-sms\" | \"conversation\" | \"conversation-outline\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-outline\" | \"eye-slash\" | \"eye-slash-outline\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-download\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-checked\" | \"floppy-disk-checked-outline\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-euro\" | \"hand-euro-outline\" | \"hand-up\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"laptop\" | \"layers\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"list\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-outline\" | \"paper-plane-slash\" | \"paper-plane-slash-outline\" | \"paperclip\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"tag\" | \"tag-outline\" | \"tags\" | \"tags-outline\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"universal-access-outline\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-group-outline\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"; }",
+                    "resolved": "{ icon: \"filter\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"key\" | \"list\" | \"copy\" | \"history\" | \"location\" | \"loader\" | \"address-card\" | \"address-card-outline\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"arrows-up-down\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building-outline\" | \"calculator\" | \"calculator-outline\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-exclamation\" | \"comment-exclamation-outline\" | \"comment-outline\" | \"comment-question\" | \"comment-question-outline\" | \"comment-sms\" | \"conversation\" | \"conversation-outline\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-outline\" | \"eye-slash\" | \"eye-slash-outline\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-download\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-word\" | \"file-word-outline\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-checked\" | \"floppy-disk-checked-outline\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-euro\" | \"hand-euro-outline\" | \"hand-up\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"laptop\" | \"layers\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-open\" | \"mail-open-outline\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-outline\" | \"paper-plane-slash\" | \"paper-plane-slash-outline\" | \"paperclip\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"tag\" | \"tag-outline\" | \"tags\" | \"tags-outline\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"universal-access-outline\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-group-outline\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"; }",
                     "references": {
                         "IconType": {
                             "location": "import",
@@ -125,6 +126,7 @@ export class MgItemMore {
             },
             "slotlabel": {
                 "type": "unknown",
+                "attribute": "slotlabel",
                 "mutable": false,
                 "complexType": {
                     "original": "SlotLabelType",
@@ -149,6 +151,7 @@ export class MgItemMore {
             },
             "size": {
                 "type": "string",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "SizeType",
@@ -169,7 +172,6 @@ export class MgItemMore {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size",
                 "reflect": false
             }
         };
@@ -193,4 +195,3 @@ export class MgItemMore {
             }];
     }
 }
-//# sourceMappingURL=mg-item-more.js.map

package/dist/collection/components/molecules/menus/mg-menu/mg-menu.conf.js

@@ -9,4 +9,3 @@ export const directions = {
  * List of all possibles sizes
  */
 export const sizes = ['medium', 'large', 'xlarge'];
-//# sourceMappingURL=mg-menu.conf.js.map

package/dist/collection/components/molecules/menus/mg-menu/mg-menu.js

@@ -180,6 +180,7 @@ export class MgMenu {
         return {
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -194,11 +195,11 @@ export class MgMenu {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
                 "reflect": false
             },
             "direction": {
                 "type": "string",
+                "attribute": "direction",
                 "mutable": false,
                 "complexType": {
                     "original": "Direction",
@@ -219,12 +220,12 @@ export class MgMenu {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "direction",
                 "reflect": true,
                 "defaultValue": "'horizontal'"
             },
             "itemmore": {
                 "type": "unknown",
+                "attribute": "itemmore",
                 "mutable": false,
                 "complexType": {
                     "original": "ItemMoreType",
@@ -248,6 +249,7 @@ export class MgMenu {
             },
             "size": {
                 "type": "string",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "MenuSizeType",
@@ -268,7 +270,6 @@ export class MgMenu {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size",
                 "reflect": false,
                 "defaultValue": "'medium'"
             }
@@ -300,4 +301,3 @@ export class MgMenu {
             }];
     }
 }
-//# sourceMappingURL=mg-menu.js.map

package/dist/collection/components/molecules/menus/mg-menu-item/mg-menu-item.conf.js

@@ -11,4 +11,3 @@ export const Status = {
  * List of all possibles target
  */
 export const targets = ['_blank', '_self', '_parent', '_top'];
-//# sourceMappingURL=mg-menu-item.conf.js.map

package/dist/collection/components/molecules/menus/mg-menu-item/mg-menu-item.js

@@ -384,6 +384,7 @@ export class MgMenuItem {
         return {
             "identifier": {
                 "type": "string",
+                "attribute": "identifier",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -398,12 +399,12 @@ export class MgMenuItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "identifier",
                 "reflect": true,
                 "defaultValue": "createID('mg-menu-item')"
             },
             "href": {
                 "type": "string",
+                "attribute": "href",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -418,11 +419,11 @@ export class MgMenuItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "href",
                 "reflect": false
             },
             "target": {
                 "type": "string",
+                "attribute": "target",
                 "mutable": false,
                 "complexType": {
                     "original": "TargetType",
@@ -443,11 +444,11 @@ export class MgMenuItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "target",
                 "reflect": false
             },
             "status": {
                 "type": "string",
+                "attribute": "status",
                 "mutable": true,
                 "complexType": {
                     "original": "MgMenuStatusType",
@@ -468,12 +469,12 @@ export class MgMenuItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "status",
                 "reflect": true,
                 "defaultValue": "'visible'"
             },
             "expanded": {
                 "type": "boolean",
+                "attribute": "expanded",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -488,7 +489,6 @@ export class MgMenuItem {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "expanded",
                 "reflect": false,
                 "defaultValue": "false"
             }
@@ -569,4 +569,3 @@ export class MgMenuItem {
             }];
     }
 }
-//# sourceMappingURL=mg-menu-item.js.map

package/dist/collection/components/molecules/mg-action-more/mg-action-more.conf.js

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