@mgdis/mg-components 6.13.0 → 6.14.0

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

@@ -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

@@ -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

@@ -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: '9619c3fe51c76045c7c2ac7be24d71f317749f3d', class: this.classCollection.join() }, h("mg-card", { key: '270c8b9b0479a1762fb0b180b99bab8fcf92be40', shadow: true }, this.variantStyle === 'bar-left' && h("span", { key: '8d568740eb1a579cc8e3b447aa1df27691fd3473', class: "mg-c-message__bar" }), h("span", { key: '96bbd399ce78b312755f238d68f46c4c633b898a', class: "mg-c-message__icon" }, h("mg-icon", { key: 'ebaa2fd3d7d60ae8f9864afdb6fd0fa79e7b1d40', icon: this.getIcon() })), h("div", { key: '8ff7552abb158fa9787f8501b2068254455b8cbb', class: "mg-c-message__content" }, h("span", { key: '1af60ee247054d5ce5ae1d8bf0a33503cdebf857', class: "mg-c-message__content-slot" }, h("slot", { key: 'd35b2cca2ac8231e257972bb1251f318c10e6e2f' })), 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: '90a115e7e49ea5058da58d096184151f7aa7b7d8', 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

@@ -110,7 +110,7 @@ export class MgModal {
                 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: 'd69679cb9118dfe4b141c1dcf6d1ef0fd53d9df9', shadow: true }, h("div", { key: '29e0a092a73d4e05c300c0840191823d3e3bbd30', class: "mg-c-modal__dialog" }, h("header", { key: 'c3a595adc778b67e5cafbbb964741ebc56c2dba5', class: "mg-c-modal__header" }, this.closeButton && (h("span", { key: 'f19447c5c29ae4fdaa46c2e35629622091b172d6', class: "mg-c-modal__close-button" }, h("mg-button", { key: 'af85956cc5e16e2c8c05156a4f54f63ad35b913a', "is-icon": true, variant: "flat", label: this.messages.modal.closeButton, onClick: this.handleClose }, h("mg-icon", { key: 'fd6aa0394f8b39bacd50e7b087f1b155c38e1bc9', icon: "cross" })))), h("h1", { key: '0e80bdf6182c01257f487741661754a1224b802d', class: "mg-c-modal__title", id: this.titleId }, this.modalTitle)), h("article", { key: 'c23c02cc9046545b4b851ce640ed8409fa190511', class: "mg-c-modal__content" }, h("slot", { key: 'db7c708e38ff3e7de6e4a7d299cd7a3c1e9d1e00' })), this.hasActions && (h("footer", { key: '4ba012a916db38e219287a5ea9ca7b4644dd96d9', class: "mg-c-modal__footer" }, h("slot", { key: 'c541075b02466d95defae7831c3fc7e4b786d7fc', 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

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

@@ -152,6 +152,7 @@ export class MgPagination {
         return {
             "identifier": {
                 "type": "string",
+                "attribute": "identifier",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -166,12 +167,12 @@ export class MgPagination {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "identifier",
                 "reflect": false,
                 "defaultValue": "createID('mg-pagination')"
             },
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -186,11 +187,11 @@ export class MgPagination {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
                 "reflect": false
             },
             "hideNavigationLabels": {
                 "type": "boolean",
+                "attribute": "hide-navigation-labels",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -205,12 +206,12 @@ export class MgPagination {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "hide-navigation-labels",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "hidePageCount": {
                 "type": "boolean",
+                "attribute": "hide-page-count",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -225,12 +226,12 @@ export class MgPagination {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "hide-page-count",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "totalPages": {
                 "type": "number",
+                "attribute": "total-pages",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -245,12 +246,12 @@ export class MgPagination {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "total-pages",
                 "reflect": false,
                 "defaultValue": "1"
             },
             "currentPage": {
                 "type": "number",
+                "attribute": "current-page",
                 "mutable": true,
                 "complexType": {
                     "original": "number",
@@ -265,12 +266,12 @@ export class MgPagination {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "current-page",
                 "reflect": true,
                 "defaultValue": "1"
             },
             "messages": {
                 "type": "unknown",
+                "attribute": "messages",
                 "mutable": false,
                 "complexType": {
                     "original": "PaginationMessagesType",
@@ -329,4 +330,3 @@ export class MgPagination {
             }];
     }
 }
-//# sourceMappingURL=mg-pagination.js.map

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

@@ -6,4 +6,3 @@ export const expandToggleDisplays = ['text', 'icon'];
  * Available title positions
  */
 export const titlePositions = ['left', 'right'];
-//# sourceMappingURL=mg-panel.conf.js.map

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

@@ -33,6 +33,10 @@ export class MgPanel {
          * Disable possibility to toggle expand
          */
         this.expandToggleDisabled = false;
+        /**
+         * Add box-shadow style
+         */
+        this.shadow = false;
         /**
          * Component classes
          */
@@ -192,7 +196,7 @@ export class MgPanel {
      */
     render() {
         const headerId = `${this.identifier}-header`;
-        return (h("section", { key: '6aae78aba1165a5e84ea58168b545bd804615dc6', class: this.classCollection.join(), id: this.identifier }, h("mg-card", { key: '588fc4a2a0445bea2a60a05a5bfe58efbbf02670' }, h("header", { key: '42e75406706c913e5c33a192c49659d927fabea7', class: { 'mg-c-panel__header': true, 'mg-c-panel__header--reverse': this.titlePosition === 'right' }, id: headerId }, this.renderHeaderChildren()), h("article", { key: '18f81805215284977a31e7320a260110b51b2e5a', class: "mg-c-panel__content", id: `${this.identifier}-content`, "aria-labelledby": headerId, hidden: !this.expanded }, h("slot", { key: '789b4432247cc58a11df789cdf748f9e0e306565' })))));
+        return (h("section", { key: '36381ea8a92fcfc7e54c0db11edc49e033a3914f', class: this.classCollection.join(), id: this.identifier }, h("mg-card", { key: 'b55169124454725f2cfc8b769f1b9c2882573112', shadow: this.shadow }, h("header", { key: '2ef537a657cb5f40fb0249a24b822a892a64aa7c', class: { 'mg-c-panel__header': true, 'mg-c-panel__header--reverse': this.titlePosition === 'right' }, id: headerId }, this.renderHeaderChildren()), h("article", { key: '16705d61598a15b02f8adfd4ae42fe69c6fd9833', class: "mg-c-panel__content", id: `${this.identifier}-content`, "aria-labelledby": headerId, hidden: !this.expanded }, h("slot", { key: '26633ede9d285e037e9aafa030d8008eeee430e8' })))));
     }
     static get is() { return "mg-panel"; }
     static get encapsulation() { return "shadow"; }
@@ -210,6 +214,7 @@ export class MgPanel {
         return {
             "identifier": {
                 "type": "string",
+                "attribute": "identifier",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -224,12 +229,12 @@ export class MgPanel {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "identifier",
                 "reflect": false,
                 "defaultValue": "createID('mg-panel')"
             },
             "panelTitle": {
                 "type": "string",
+                "attribute": "panel-title",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -244,11 +249,11 @@ export class MgPanel {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "panel-title",
                 "reflect": false
             },
             "titlePattern": {
                 "type": "string",
+                "attribute": "title-pattern",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -263,11 +268,11 @@ export class MgPanel {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "title-pattern",
                 "reflect": false
             },
             "titlePatternErrorMessage": {
                 "type": "string",
+                "attribute": "title-pattern-error-message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -282,11 +287,11 @@ export class MgPanel {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "title-pattern-error-message",
                 "reflect": false
             },
             "titleEditable": {
                 "type": "boolean",
+                "attribute": "title-editable",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -301,12 +306,12 @@ export class MgPanel {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "title-editable",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "titlePosition": {
                 "type": "string",
+                "attribute": "title-position",
                 "mutable": false,
                 "complexType": {
                     "original": "TitlePositionType",
@@ -327,12 +332,12 @@ export class MgPanel {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "title-position",
                 "reflect": false,
                 "defaultValue": "'left'"
             },
             "expanded": {
                 "type": "boolean",
+                "attribute": "expanded",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -347,12 +352,12 @@ export class MgPanel {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "expanded",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "expandToggleDisplay": {
                 "type": "string",
+                "attribute": "expand-toggle-display",
                 "mutable": false,
                 "complexType": {
                     "original": "ExpandToggleDisplayType",
@@ -373,12 +378,12 @@ export class MgPanel {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "expand-toggle-display",
                 "reflect": false,
                 "defaultValue": "'text'"
             },
             "expandToggleDisabled": {
                 "type": "boolean",
+                "attribute": "expand-toggle-disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -393,7 +398,26 @@ export class MgPanel {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "expand-toggle-disabled",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "shadow": {
+                "type": "boolean",
+                "attribute": "shadow",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Add box-shadow style"
+                },
+                "getter": false,
+                "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
             }
@@ -475,4 +499,3 @@ export class MgPanel {
             }];
     }
 }
-//# sourceMappingURL=mg-panel.js.map

package/dist/collection/components/molecules/mg-popover/mg-popover-content/mg-popover-content.js

@@ -46,7 +46,7 @@ export class MgPopoverContent {
      * @returns HTML Element
      */
     render() {
-        return (h(Host, { key: 'c87fe52d52b80954170963fd1378b3a05313f9c6' }, h("mg-card", { key: '814aeebb329016ba553c941d85397872b6a729aa', class: this.classCollection.join() }, this.closeButton && (h("mg-button", { key: '5b2598be40fe42fd135b2969193d44265ebe7970', "is-icon": true, variant: "flat", label: this.messages.general.close, onClick: this.handleCloseButton }, h("mg-icon", { key: 'e96557893047b803c212d89d859f312a9e467ba1', icon: "cross" }))), h("div", { key: 'ba71f91050872644e778e6f4a1659e2b446111ed', class: "mg-c-popover-content__title" }, h("slot", { key: '2200f5ee095635af0ac283a645a2f65e5139a7e0', name: "title" })), h("slot", { key: 'cc80f376937761c563fc73055aa4288e9b54eef4', name: "content" })), h("slot", { key: 'b4cbdb1e109eaade8053d34cf6840c7474675ba5', name: "arrow" })));
+        return (h(Host, { key: 'c87fe52d52b80954170963fd1378b3a05313f9c6' }, h("mg-card", { key: 'a38755a5a7055d4bd4166531326b1be245d2906f', class: this.classCollection.join(), shadow: true }, this.closeButton && (h("mg-button", { key: '823e99beb15aa19f6f2f7cee2c5e1088cc116425', "is-icon": true, variant: "flat", label: this.messages.general.close, onClick: this.handleCloseButton }, h("mg-icon", { key: '70daf81e59533585b6a051a6d97539a75833432e', icon: "cross" }))), h("div", { key: 'cccf70c8fba6906e6724629642383fad0c98656e', class: "mg-c-popover-content__title" }, h("slot", { key: 'b05acb47b32d27d1629d39451e4a786d2f404406', name: "title" })), h("slot", { key: '40de167b1fb77c7d8fc557f60cf176c0991e991d', name: "content" })), h("slot", { key: 'c6c1305d5ff51d2af0d56b1199731cd41645c99d', name: "arrow" })));
     }
     static get is() { return "mg-popover-content"; }
     static get encapsulation() { return "shadow"; }
@@ -64,6 +64,7 @@ export class MgPopoverContent {
         return {
             "closeButton": {
                 "type": "boolean",
+                "attribute": "close-button",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -78,7 +79,6 @@ export class MgPopoverContent {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "close-button",
                 "reflect": false,
                 "defaultValue": "false"
             }
@@ -109,4 +109,3 @@ export class MgPopoverContent {
     }
     static get elementRef() { return "element"; }
 }
-//# sourceMappingURL=mg-popover-content.js.map