@mgdis/mg-components 6.13.1 → 6.15.0

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

@@ -141,7 +141,7 @@ export class MgActionMore {
                     [`${this.classBase}__chevron--rotate`]: this.expanded === true,
                 } }, h("mg-icon", { icon: "chevron-down" })));
         }
-        return (h(Host, { key: '76e2d992c871f918fd1e0ba0b4c7a385a15821da', "data-mg-popover-guard": this.mgPopoverIdentifier }, h("span", { key: '1b321034f5154f4ffc39c41725d25e47689c4425', class: this.classBase }, h("mg-popover", { key: 'c39e28967995ad6a2d823548848c21da44a1e5a5', identifier: this.mgPopoverIdentifier, display: this.expanded, "onDisplay-change": this.handleDisplayChange }, h("mg-button", { key: '72e170ce8da38fd2962b44a6fbf5b98e8ed2b72d', variant: this.button.variant, isIcon: this.button.isIcon, disabled: this.button.disabled, type: "button", label: buttonLabel, onClick: this.handleButton }, this.icon && h("mg-icon", Object.assign({ key: '48b16c1e4f1beddc8d3e92567c8d34dca26801f6' }, this.icon)), !this.button.isIcon && buttonContent), h("div", { key: '6e3a7df656edcf556a931d9fc9ce553b9b23503b', slot: "content" }, h("mg-menu", { key: '8f29fe09601875bdeff2bda35663ffcfd76f8e68', direction: directions.VERTICAL, label: this.messages.label }, this.items.map(item => {
+        return (h(Host, { key: 'f1b9e6e54f933a049628067993400d3a31d15710', "data-mg-popover-guard": this.mgPopoverIdentifier }, h("span", { key: '081b89284d5234f24e6073dcd9bf4088fd5a86b8', class: this.classBase }, h("mg-popover", { key: '0e6c50bc3bcb07f72507571de9fdda90226d2163', identifier: this.mgPopoverIdentifier, display: this.expanded, "onDisplay-change": this.handleDisplayChange }, h("mg-button", { key: 'ab4a385069e0a33fe9d5bc026c98160eb4ec1dfa', variant: this.button.variant, isIcon: this.button.isIcon, disabled: this.button.disabled, type: "button", label: buttonLabel, onClick: this.handleButton }, this.icon && h("mg-icon", Object.assign({ key: 'e9dc31c07c3c0f474cea70f5eeda36707d101e85' }, this.icon)), !this.button.isIcon && buttonContent), h("div", { key: '201666b0bf5513e3360c3cc960e6cd6cd565dda1', slot: "content" }, h("mg-menu", { key: '3b0d56d9779b5bcaad31c714586dcda81bc550fa', direction: directions.VERTICAL, label: this.messages.label }, this.items.map(item => {
             var _a, _b;
             return isMgActionMoreDivider(item) ? (h("mg-divider", { class: "mg-c-action-more__divider", key: "divider", "full-width": true })) : (h("mg-menu-item", { key: item.label, status: item.status || Status.VISIBLE, target: item.target, href: item.href,
                 // eslint-disable-next-line react/jsx-no-bind
@@ -164,6 +164,7 @@ export class MgActionMore {
         return {
             "items": {
                 "type": "unknown",
+                "attribute": "items",
                 "mutable": false,
                 "complexType": {
                     "original": "(MgActionMoreItemType | MgActionMoreDividerType)[]",
@@ -192,10 +193,11 @@ export class MgActionMore {
             },
             "icon": {
                 "type": "unknown",
+                "attribute": "icon",
                 "mutable": true,
                 "complexType": {
                     "original": "MgActionMoreIconType",
-                    "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": {
                         "MgActionMoreIconType": {
                             "location": "import",
@@ -215,6 +217,7 @@ export class MgActionMore {
             },
             "button": {
                 "type": "unknown",
+                "attribute": "button",
                 "mutable": false,
                 "complexType": {
                     "original": "MgActionMoreButtonType",
@@ -239,6 +242,7 @@ export class MgActionMore {
             },
             "displayChevron": {
                 "type": "boolean",
+                "attribute": "display-chevron",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -253,7 +257,6 @@ export class MgActionMore {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "display-chevron",
                 "reflect": false,
                 "defaultValue": "false"
             }
@@ -281,4 +284,3 @@ export class MgActionMore {
             }];
     }
 }
-//# sourceMappingURL=mg-action-more.js.map

package/dist/collection/components/molecules/mg-alert/mg-alert.conf.js

@@ -6,4 +6,3 @@ export const variants = ['info', 'warning', 'success', 'danger'];
  * List available variant styles
  */
 export const variantStyles = ['bar-left', 'background'];
-//# sourceMappingURL=mg-alert.conf.js.map

package/dist/collection/components/molecules/mg-alert/mg-alert.js

@@ -142,7 +142,7 @@ export class MgAlert {
      * @returns HTML Element
      */
     render() {
-        return (h("mg-message", { key: '12216af414367fc3eea31cffb2d7e38c724038a3', class: this.classCollection.join(), role: ['info', 'success'].includes(this.variant) ? 'status' : 'alert', variant: this.variant, variantStyle: this.variantStyle }, h("slot", { key: 'bdab00611363a879e8d2bd23442e62ab5e7238e3' }), this.hasActions ? (h("span", { slot: "actions" }, h("slot", { name: "actions" }))) : (h("span", { class: "mg-c-alert__close-button" }, h("mg-button", { "is-icon": true, variant: "flat", label: this.messages.alert.closeButton, onClick: this.handleClose }, h("mg-icon", { icon: "cross" }))))));
+        return (h("mg-message", { key: '626afcfe4c86dacff9860d2515827ae5aa6b7234', class: this.classCollection.join(), role: ['info', 'success'].includes(this.variant) ? 'status' : 'alert', variant: this.variant, variantStyle: this.variantStyle }, h("slot", { key: 'bc7d72c21dcf36c9012e144253ce2b3c6ebc14ed' }), this.hasActions ? (h("span", { slot: "actions" }, h("slot", { name: "actions" }))) : (h("span", { class: "mg-c-alert__close-button" }, h("mg-button", { "is-icon": true, variant: "flat", label: this.messages.alert.closeButton, onClick: this.handleClose }, h("mg-icon", { icon: "cross" }))))));
     }
     static get is() { return "mg-alert"; }
     static get encapsulation() { return "shadow"; }
@@ -160,6 +160,7 @@ export class MgAlert {
         return {
             "delay": {
                 "type": "number",
+                "attribute": "delay",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -174,11 +175,11 @@ export class MgAlert {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "delay",
                 "reflect": false
             },
             "variant": {
                 "type": "string",
+                "attribute": "variant",
                 "mutable": false,
                 "complexType": {
                     "original": "VariantType",
@@ -199,12 +200,12 @@ export class MgAlert {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "variant",
                 "reflect": false,
                 "defaultValue": "'info'"
             },
             "variantStyle": {
                 "type": "string",
+                "attribute": "variant-style",
                 "mutable": false,
                 "complexType": {
                     "original": "VariantStyleType",
@@ -225,7 +226,6 @@ export class MgAlert {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "variant-style",
                 "reflect": false,
                 "defaultValue": "'bar-left'"
             }
@@ -241,7 +241,7 @@ export class MgAlert {
         return [{
                 "method": "componentShow",
                 "name": "component-show",
-                "bubbles": true,
+                "bubbles": false,
                 "cancelable": true,
                 "composed": true,
                 "docs": {
@@ -256,7 +256,7 @@ export class MgAlert {
             }, {
                 "method": "componentHide",
                 "name": "component-hide",
-                "bubbles": true,
+                "bubbles": false,
                 "cancelable": true,
                 "composed": true,
                 "docs": {
@@ -271,7 +271,7 @@ export class MgAlert {
             }, {
                 "method": "componentClose",
                 "name": "component-close",
-                "bubbles": true,
+                "bubbles": false,
                 "cancelable": true,
                 "composed": true,
                 "docs": {
@@ -302,4 +302,3 @@ export class MgAlert {
             }];
     }
 }
-//# sourceMappingURL=mg-alert.js.map

package/dist/collection/components/molecules/mg-details/mg-details.js

@@ -53,7 +53,7 @@ export class MgDetails {
      * @returns HTML Element
      */
     render() {
-        return (h("details", { key: 'a06326b8ad16138a8dcc826a0e7dcce5b27aed6e', class: { 'mg-c-details': true, 'mg-c-details--empty-summary': this.isEmptySummary }, onToggle: this.handleToggle, open: this.expanded, ref: (el) => (this.details = el) }, h("summary", { key: '32517ae0572bfdd2b4abcf3b1a693df2bb9189d8' }, h("slot", { key: 'e06f303855a21ac4e6c20b2a405699429a38f978', name: "summary" }), h("span", { key: 'f9b1589d79e8f56d546fdb323faea37d6527ef78', class: "mg-c-details__toggle" }, h("mg-icon", { key: '5174b81f4a93f04690b8dcd3432d11cf56eaf7df', icon: "chevron-up", class: { 'mg-c-details__toggle-icon': true, 'mg-c-details__toggle-icon--reverse': !this.expanded } }), h("span", { key: 'b7c07eb8ec0b674c4233b2b6d6522a8afe9bcdfc', class: { 'mg-u-visually-hidden': this.hideSummary } }, this.expanded ? this.toggleOpened : this.toggleClosed))), h("div", { key: 'a88f7633a3aa775bb26e11788469d9f51764c223', class: "mg-c-details__details" }, h("slot", { key: 'd87ba0c67e7730436b9aff8edf1b04dcd0528fc1', name: "details" }))));
+        return (h("details", { key: '4da17afd7a964a14b5b101bcfadc241be569d55a', class: { 'mg-c-details': true, 'mg-c-details--empty-summary': this.isEmptySummary }, onToggle: this.handleToggle, open: this.expanded, ref: (el) => (this.details = el) }, h("summary", { key: '515d6c4e117b547fe80a310fb90e114900f645e8' }, h("slot", { key: '0c9c0dcc47dd418e34e541d878bfc03ca137c68d', name: "summary" }), h("span", { key: 'c94f52994843b10c1161c0d85f38f8cb917ea806', class: "mg-c-details__toggle" }, h("mg-icon", { key: '9421452572af3deb03146a8dfd189369b249ba2d', icon: "chevron-up", class: { 'mg-c-details__toggle-icon': true, 'mg-c-details__toggle-icon--reverse': !this.expanded } }), h("span", { key: 'dbfb0b34da00e37f55ec07236611c2babdd6b7c5', class: { 'mg-u-visually-hidden': this.hideSummary } }, this.expanded ? this.toggleOpened : this.toggleClosed))), h("div", { key: '1b18b65a98e39a8663fa5d7e51eef5fbe2b92f76', class: "mg-c-details__details" }, h("slot", { key: '81c213594b1b67747db439624090784eaa5e6fcd', name: "details" }))));
     }
     static get is() { return "mg-details"; }
     static get encapsulation() { return "shadow"; }
@@ -71,6 +71,7 @@ export class MgDetails {
         return {
             "toggleClosed": {
                 "type": "string",
+                "attribute": "toggle-closed",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -85,11 +86,11 @@ export class MgDetails {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "toggle-closed",
                 "reflect": false
             },
             "toggleOpened": {
                 "type": "string",
+                "attribute": "toggle-opened",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -104,11 +105,11 @@ export class MgDetails {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "toggle-opened",
                 "reflect": false
             },
             "hideSummary": {
                 "type": "boolean",
+                "attribute": "hide-summary",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -123,12 +124,12 @@ export class MgDetails {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "hide-summary",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "expanded": {
                 "type": "boolean",
+                "attribute": "expanded",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -143,7 +144,6 @@ export class MgDetails {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "expanded",
                 "reflect": false,
                 "defaultValue": "false"
             }
@@ -186,4 +186,3 @@ export class MgDetails {
             }];
     }
 }
-//# sourceMappingURL=mg-details.js.map

package/dist/collection/components/molecules/mg-form/mg-form.conf.js

@@ -6,4 +6,3 @@ export const roles = ['form', 'search', 'none', 'presentation'];
  * List of all possibles required message status
  */
 export const requiredMessageStatus = ['default', 'hide'];
-//# sourceMappingURL=mg-form.conf.js.map

package/dist/collection/components/molecules/mg-form/mg-form.js

@@ -231,7 +231,7 @@ export class MgForm {
      * @returns HTML Element
      */
     render() {
-        return (h("form", { key: '6330085d26ecd493eab3fd0fd63344ce1a00e589', class: this.classCollection.join(), id: this.identifier, name: this.name, onSubmit: this.handleFormSubmit, role: this.ariaRole }, this.requiredMessageText && h("p", { key: '386adf6d3ee2d0d8ec6adf791da8f21a6fb6ac11', innerHTML: this.requiredMessageText }), h("slot", { key: '5349f004f644b4e02e1c5da27f49df4efacac016' }), !this.readonly && !this.disabled && h("slot", { key: '2ed9817b514033c89933751a3dc00ed668331b68', name: "actions" })));
+        return (h("form", { key: 'd6842c8daef22c0a3747147d99d7bf6920f7623e', class: this.classCollection.join(), id: this.identifier, name: this.name, onSubmit: this.handleFormSubmit, role: this.ariaRole }, this.requiredMessageText && h("p", { key: 'cf5d9f380dfce313811df2dec390543ee19dffcb', innerHTML: this.requiredMessageText }), h("slot", { key: '2f03dd98f92469bc34b8bf9b8a8ef79cf8adf25c' }), !this.readonly && !this.disabled && h("slot", { key: 'c0f38f24c59d70703accf5fc63a2b58a92a952f0', name: "actions" })));
     }
     static get is() { return "mg-form"; }
     static get encapsulation() { return "shadow"; }
@@ -249,6 +249,7 @@ export class MgForm {
         return {
             "identifier": {
                 "type": "string",
+                "attribute": "identifier",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -263,12 +264,12 @@ export class MgForm {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "identifier",
                 "reflect": false,
                 "defaultValue": "createID('mg-form')"
             },
             "name": {
                 "type": "string",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -283,12 +284,12 @@ export class MgForm {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "name",
                 "reflect": false,
                 "defaultValue": "this.identifier"
             },
             "readonly": {
                 "type": "boolean",
+                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -303,12 +304,12 @@ export class MgForm {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "readonly",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "requiredMessage": {
                 "type": "string",
+                "attribute": "required-message",
                 "mutable": false,
                 "complexType": {
                     "original": "RequiredMessageStatusType",
@@ -329,11 +330,11 @@ export class MgForm {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "required-message",
                 "reflect": false
             },
             "ariaRole": {
                 "type": "string",
+                "attribute": "aria-role",
                 "mutable": false,
                 "complexType": {
                     "original": "AriaRoleType",
@@ -354,11 +355,11 @@ export class MgForm {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "aria-role",
                 "reflect": false
             },
             "labelOnTop": {
                 "type": "boolean",
+                "attribute": "label-on-top",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -373,12 +374,12 @@ export class MgForm {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label-on-top",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -393,12 +394,12 @@ export class MgForm {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "valid": {
                 "type": "boolean",
+                "attribute": "valid",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -413,11 +414,11 @@ export class MgForm {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "valid",
                 "reflect": false
             },
             "invalid": {
                 "type": "boolean",
+                "attribute": "invalid",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -432,7 +433,6 @@ export class MgForm {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "invalid",
                 "reflect": false
             }
         };
@@ -560,4 +560,3 @@ export class MgForm {
             }];
     }
 }
-//# sourceMappingURL=mg-form.js.map

package/dist/collection/components/molecules/mg-illustrated-message/mg-illustrated-message.conf.js

@@ -6,4 +6,3 @@ export const sizes = ['small', 'medium', 'large'];
  * List of all possibles directions
  */
 export const directions = ['vertical', 'horizontal'];
-//# sourceMappingURL=mg-illustrated-message.conf.js.map

package/dist/collection/components/molecules/mg-illustrated-message/mg-illustrated-message.js

@@ -81,7 +81,7 @@ export class MgIllustratedMessage {
      * @returns HTML Element
      */
     render() {
-        return (h("div", { key: 'f2bcf91e8d639736514a55a73d0182339eda1455', class: this.classCollection.join() }, h("div", { key: '46f862fc2a3daf2f217c55feebd41abb76252de2', class: "mg-c-illustrated-message__illustration" }, h("slot", { key: 'e2a0e9752a6739a684fd2668a8e8f0f792a0c38b', name: "illustration" })), h("div", { key: 'b037dd43ae59c07ca122b68b56dc3230a7aa94f2', class: "mg-c-illustrated-message__slots" }, h("slot", { key: '3a99f08cfb68bd51fbd015d213bb462acbfdda1a', name: "title" }), h("slot", { key: '14490ee1e7f9470f433c6249d502bd0a4dd77ca3', name: "details" }))));
+        return (h("div", { key: 'b7cea46c2fad219e02009fa44c772c0a09a5234f', class: this.classCollection.join() }, h("div", { key: '56b956ee405886ef2de2ef413ac1bc6902f287b3', class: "mg-c-illustrated-message__illustration" }, h("slot", { key: '33183d226a2443ccf1763ebff4c48f670d1d77ec', name: "illustration" })), h("div", { key: '69a7e034da7e2aef8dc488f9275b4546e905513c', class: "mg-c-illustrated-message__slots" }, h("slot", { key: '0eb9d5126f3d13380ea0a13a9eb754a7543e4178', name: "title" }), h("slot", { key: '088d3bae3be0d5e5d9fc8c07fee42dda39177fd6', name: "details" }))));
     }
     static get is() { return "mg-illustrated-message"; }
     static get encapsulation() { return "shadow"; }
@@ -99,6 +99,7 @@ export class MgIllustratedMessage {
         return {
             "size": {
                 "type": "string",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "IllustratedMessageSizeType",
@@ -119,12 +120,12 @@ export class MgIllustratedMessage {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size",
                 "reflect": false,
                 "defaultValue": "'medium'"
             },
             "direction": {
                 "type": "string",
+                "attribute": "direction",
                 "mutable": false,
                 "complexType": {
                     "original": "IllustratedMessageDirectionType",
@@ -145,7 +146,6 @@ export class MgIllustratedMessage {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "direction",
                 "reflect": false,
                 "defaultValue": "'vertical'"
             }
@@ -167,4 +167,3 @@ export class MgIllustratedMessage {
             }];
     }
 }
-//# sourceMappingURL=mg-illustrated-message.js.map

package/dist/collection/components/molecules/mg-loader/mg-loader.js

@@ -29,7 +29,7 @@ export class MgLoader {
      * @returns HTML Element
      */
     render() {
-        return (h("div", { key: 'ad7aa5e4fa0704cf2fa174ae1ed960f72deb79e3', class: "mg-c-loader", "aria-live": "polite" }, h("mg-icon", { key: '47e6df1e459a74851bf370e460438b7bdc2ed3d0', icon: "loader", spin: true }), h("span", { key: '44d36e8492401cacb911f21fc707c1de03ae7a5d', class: { 'mg-u-visually-hidden': this.messageHide } }, this.message || this.messages.loader.inProgress)));
+        return (h("div", { key: 'b74028455b7003824fa5618b1751d05a91ab7071', class: "mg-c-loader", "aria-live": "polite" }, h("mg-icon", { key: '204acdb8f881b348148020214c05269878852c4f', icon: "loader", spin: true }), h("span", { key: '40f1792354df01ec9af61ab128575ea166f34cb5', class: { 'mg-u-visually-hidden': this.messageHide } }, this.message || this.messages.loader.inProgress)));
     }
     static get is() { return "mg-loader"; }
     static get encapsulation() { return "shadow"; }
@@ -47,6 +47,7 @@ export class MgLoader {
         return {
             "message": {
                 "type": "string",
+                "attribute": "message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -61,11 +62,11 @@ export class MgLoader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "message",
                 "reflect": false
             },
             "messageHide": {
                 "type": "boolean",
+                "attribute": "message-hide",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -80,7 +81,6 @@ export class MgLoader {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "message-hide",
                 "reflect": false,
                 "defaultValue": "false"
             }
@@ -94,4 +94,3 @@ export class MgLoader {
             }];
     }
 }
-//# sourceMappingURL=mg-loader.js.map

package/dist/collection/components/molecules/mg-message/mg-message.conf.js

@@ -6,4 +6,3 @@ export const variants = ['info', 'warning', 'success', 'danger'];
  * List available variant styles
  */
 export const variantStyles = ['bar-left', 'background'];
-//# sourceMappingURL=mg-message.conf.js.map

package/dist/collection/components/molecules/mg-message/mg-message.js

@@ -86,9 +86,9 @@ export class MgMessage {
      * @returns HTML Element
      */
     render() {
-        return (h("div", { key: '9619c3fe51c76045c7c2ac7be24d71f317749f3d', class: this.classCollection.join() }, h("mg-card", { key: '264ece9455a04e709420042e4a5e3c972c1c6256' }, this.variantStyle === 'bar-left' && h("span", { key: 'd12be7accbf0311403664b5f33652eb79a3855b4', class: "mg-c-message__bar" }), h("span", { key: 'ed663ad3888290e2294daaa43b1a68b99842eb20', class: "mg-c-message__icon" }, h("mg-icon", { key: '02df83b0a8a298a20bc9db592535c6e7995a4ecf', icon: this.getIcon() })), h("div", { key: '25c971ba1b7a8db1f78534d445217c0e6f50412f', class: "mg-c-message__content" }, h("span", { key: 'a5284e22d723656dd8d24ebc13bce03533ccb5b0', class: "mg-c-message__content-slot" }, h("slot", { key: 'acedd0b59ac7c3a9b42749fdaf7dcbb5ce28d9ce' })), this.hasActions && [
+        return (h("div", { key: 'a113514956d6a3ef9fada1a20baa7b00843e5b96', class: this.classCollection.join() }, h("mg-card", { key: 'db894eb3d0f3cb9b18681e0925e0fd1bdcd208e2', shadow: true }, this.variantStyle === 'bar-left' && h("span", { key: '37eb3a027be82ab006fe30dd07bce88f526fc263', class: "mg-c-message__bar" }), h("span", { key: '76a3b6bf2d27ec85b3e9b7235cf5bba933ac02e2', class: "mg-c-message__icon" }, h("mg-icon", { key: '2988764c8a3d272dab5e749a8dc95643b9ead573', icon: this.getIcon() })), h("div", { key: '64e57835d18f433965eda9260efeb74055489c6e', class: "mg-c-message__content" }, h("span", { key: 'a2032d4fe0eec962cd9bb1e12119709bcb6ff53c', class: "mg-c-message__content-slot" }, h("slot", { key: 'dfe5f7315e8f8d66ccb195d8e7f7862eb803e6d9' })), this.hasActions && [
             h("span", { class: "mg-c-message__content-separator", key: "content-separator" }),
-            h("span", { class: "mg-c-message__content-actions-slot", key: "content-actions-slot" }, h("slot", { key: '0f3aaf3952d94f3ddc12396a6c85eeae8e6a8ef3', name: "actions" })),
+            h("span", { class: "mg-c-message__content-actions-slot", key: "content-actions-slot" }, h("slot", { key: 'db1782730e0bffb168b8ec23410e6836f572715c', name: "actions" })),
         ]))));
     }
     static get is() { return "mg-message"; }
@@ -107,6 +107,7 @@ export class MgMessage {
         return {
             "variant": {
                 "type": "string",
+                "attribute": "variant",
                 "mutable": false,
                 "complexType": {
                     "original": "VariantType",
@@ -127,12 +128,12 @@ export class MgMessage {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "variant",
                 "reflect": false,
                 "defaultValue": "'info'"
             },
             "variantStyle": {
                 "type": "string",
+                "attribute": "variant-style",
                 "mutable": false,
                 "complexType": {
                     "original": "VariantStyleType",
@@ -153,7 +154,6 @@ export class MgMessage {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "variant-style",
                 "reflect": false,
                 "defaultValue": "'bar-left'"
             }
@@ -176,4 +176,3 @@ export class MgMessage {
             }];
     }
 }
-//# sourceMappingURL=mg-message.js.map

package/dist/collection/components/molecules/mg-modal/mg-modal.conf.js

@@ -2,4 +2,3 @@
  * List of all possibles dialog roles
  */
 export const dialogRoles = ['dialog', 'alertdialog'];
-//# sourceMappingURL=mg-modal.conf.js.map

package/dist/collection/components/molecules/mg-modal/mg-modal.js

@@ -106,11 +106,11 @@ export class MgModal {
      * @returns HTML Element
      */
     render() {
-        return (h("dialog", { key: 'e104352d5cdb04886d4db6bac62ecb772c6df004', role: this.dialogRole, id: this.identifier, class: this.classCollection.join(), "aria-labelledby": this.titleId, ref: (el) => {
+        return (h("dialog", { key: '783b289712deb419fa7ac4c9f371add80054af6b', role: this.dialogRole, id: this.identifier, class: this.classCollection.join(), "aria-labelledby": this.titleId, ref: (el) => {
                 if (el !== null) {
                     this.dialog = el;
                 }
-            } }, h("mg-card", { key: '550675acefcd45e712d0416735edfe7ab6eb984b' }, h("div", { key: '1a59b6a7a1625a525cebc8677a18173d6b0056d4', class: "mg-c-modal__dialog" }, h("header", { key: '004e82cce949cc3ff0e169ca0d165b5f9100dbd0', class: "mg-c-modal__header" }, this.closeButton && (h("span", { key: '22d81e390737de328b91f376c63ac9c436d91e88', class: "mg-c-modal__close-button" }, h("mg-button", { key: '72966c2c2baf30c3a64c6db16ccf51729ddcc48a', "is-icon": true, variant: "flat", label: this.messages.modal.closeButton, onClick: this.handleClose }, h("mg-icon", { key: '717d8230a2ea28b8f33c3ea1ccc89b5086e752d3', icon: "cross" })))), h("h1", { key: 'c407ca5450274370080fa41655b609706ee619fc', class: "mg-c-modal__title", id: this.titleId }, this.modalTitle)), h("article", { key: 'c5a7567b54f24ea68cf2974318f8b36bb6df6269', class: "mg-c-modal__content" }, h("slot", { key: 'deca806c3ea6f2edb4b6a2182e41ad4cb973e1df' })), this.hasActions && (h("footer", { key: 'f8ec65acea48b0bb1ab2b4872507dbbef9964f5e', class: "mg-c-modal__footer" }, h("slot", { key: 'bfd435583763a1582c51a3cdeca35ea5e236c5ad', name: "actions" })))))));
+            } }, h("mg-card", { key: 'd6006f296ab50a192229e09e6e01a3313ab69cce', shadow: true }, h("div", { key: '76bc44557dc4b4bcce40b54d5d4bfa381f7906af', class: "mg-c-modal__dialog" }, h("header", { key: '08ba473f429ae57434dd321575f9eaf97e41f7a9', class: "mg-c-modal__header" }, this.closeButton && (h("span", { key: 'd96baeaaefdb5541da7ee7bc58c3901b3d64ed33', class: "mg-c-modal__close-button" }, h("mg-button", { key: 'f43486e05e337fad6e54b8a0b07b9d13aad50acc', "is-icon": true, variant: "flat", label: this.messages.modal.closeButton, onClick: this.handleClose }, h("mg-icon", { key: '3278e25d15abdefb56cc3c67e7a8ec500d90547b', icon: "cross" })))), h("h1", { key: 'd9246055be4cb938f4aff20fcdc53b3a7c119d20', class: "mg-c-modal__title", id: this.titleId }, this.modalTitle)), h("article", { key: 'bce8cd10a2fffdf726df6d07b9f81da1fd693038', class: "mg-c-modal__content" }, h("slot", { key: '9db561d8462fe9a3afc6be543f2ef3b189f3efd4' })), this.hasActions && (h("footer", { key: '226e235454dce60eb8b5652add3b23e1cf480fc7', class: "mg-c-modal__footer" }, h("slot", { key: '8352666de0db98e96c52a419c939574285972571', name: "actions" })))))));
     }
     static get is() { return "mg-modal"; }
     static get encapsulation() { return "shadow"; }
@@ -128,6 +128,7 @@ export class MgModal {
         return {
             "identifier": {
                 "type": "string",
+                "attribute": "identifier",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -142,12 +143,12 @@ export class MgModal {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "identifier",
                 "reflect": false,
                 "defaultValue": "createID('mg-modal')"
             },
             "dialogRole": {
                 "type": "string",
+                "attribute": "dialog-role",
                 "mutable": false,
                 "complexType": {
                     "original": "DialogRoleType",
@@ -168,12 +169,12 @@ export class MgModal {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "dialog-role",
                 "reflect": false,
                 "defaultValue": "'dialog'"
             },
             "modalTitle": {
                 "type": "string",
+                "attribute": "modal-title",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -188,11 +189,11 @@ export class MgModal {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "modal-title",
                 "reflect": false
             },
             "closeButton": {
                 "type": "boolean",
+                "attribute": "close-button",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -207,12 +208,12 @@ export class MgModal {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "close-button",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "open": {
                 "type": "boolean",
+                "attribute": "open",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -227,7 +228,6 @@ export class MgModal {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "open",
                 "reflect": false,
                 "defaultValue": "false"
             }
@@ -304,4 +304,3 @@ export class MgModal {
             }];
     }
 }
-//# sourceMappingURL=mg-modal.js.map

package/dist/collection/components/molecules/mg-pagination/mg-pagination.conf.js

@@ -2,4 +2,3 @@ export const NavigationAction = {
     NEXT: 'next',
     PREVIOUS: 'previous',
 };
-//# sourceMappingURL=mg-pagination.conf.js.map