@mgdis/mg-components 6.16.0 → 6.18.0

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: '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 && [
+        return (h("div", { key: 'f99bf527eb2c6005eeaec11f89aaa08f8865ea57', class: this.classCollection.join() }, h("mg-card", { key: 'beede3cd97b022d947c216b6bba454a104ba5790', shadow: true }, this.variantStyle === 'bar-left' && h("span", { key: '515828d725a996c9d57b39ad75e9373150a1b78a', class: "mg-c-message__bar" }), h("span", { key: '02ae41c66af25c2611b9b6cb8c87a1ad99346fa3', class: "mg-c-message__icon" }, h("mg-icon", { key: '3eadb40ed0dfa5ec51155608a67769c5fee3d402', icon: this.getIcon() })), h("div", { key: 'b832251e8f330d00b512bcd508ae9bf6e5f511cb', class: "mg-c-message__content" }, h("span", { key: 'c3520fc49bd5c3c187a83823050ceb9ca8c12d46', class: "mg-c-message__content-slot" }, h("slot", { key: 'f4064dff9536cbb76e45c5c4c1a89621da9531b2' })), 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: 'db1782730e0bffb168b8ec23410e6836f572715c', name: "actions" })),
+            h("span", { class: "mg-c-message__content-actions-slot", key: "content-actions-slot" }, h("slot", { key: '5585f7c14c2c3896cfdb5319414cd82f4d4b3a8b', name: "actions" })),
         ]))));
     }
     static get is() { return "mg-message"; }
@@ -107,7 +107,6 @@ export class MgMessage {
         return {
             "variant": {
                 "type": "string",
-                "attribute": "variant",
                 "mutable": false,
                 "complexType": {
                     "original": "VariantType",
@@ -129,11 +128,11 @@ export class MgMessage {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "variant",
                 "defaultValue": "'info'"
             },
             "variantStyle": {
                 "type": "string",
-                "attribute": "variant-style",
                 "mutable": false,
                 "complexType": {
                     "original": "VariantStyleType",
@@ -155,6 +154,7 @@ export class MgMessage {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "variant-style",
                 "defaultValue": "'bar-left'"
             }
         };

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: '783b289712deb419fa7ac4c9f371add80054af6b', role: this.dialogRole, id: this.identifier, class: this.classCollection.join(), "aria-labelledby": this.titleId, ref: (el) => {
+        return (h("dialog", { key: '2d99322fd3c80b8cbfea70589cf579e0c1c6f06b', 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: '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" })))))));
+            } }, h("mg-card", { key: '32692a6d41ef30b3d3e61ddcfea47350d374ed09', shadow: true }, h("div", { key: 'c87bb43bb069671b65a9759ee293e77975707597', class: "mg-c-modal__dialog" }, h("header", { key: '1272a946878efcf8c69f3b09852ba6938cbe31b0', class: "mg-c-modal__header" }, this.closeButton && (h("span", { key: '0704656c7c5ac4c8d405f2cd673e91f72763ee8f', class: "mg-c-modal__close-button" }, h("mg-button", { key: '4402971c763ee34145de5bd69d367fde68f9d1a2', "is-icon": true, variant: "flat", label: this.messages.modal.closeButton, onClick: this.handleClose }, h("mg-icon", { key: '9e16add6a3e387971507a252671c895b6c94a586', icon: "cross" })))), h("h1", { key: '3e4fc2b4419398528565d382b728b8b752758ddd', class: "mg-c-modal__title", id: this.titleId }, this.modalTitle)), h("article", { key: '170ff6bd9592687baa4c561615f540ad1c7400e4', class: "mg-c-modal__content" }, h("slot", { key: 'cb710e2a57e4c997deac367169b56047af1200b1' })), this.hasActions && (h("footer", { key: '1e08d67caeaaaf75eb97faa11528719ea537c24c', class: "mg-c-modal__footer" }, h("slot", { key: '461ec8e4117477aef08dc6d346ad0bf6007ec12d', name: "actions" })))))));
     }
     static get is() { return "mg-modal"; }
     static get encapsulation() { return "shadow"; }
@@ -128,7 +128,6 @@ export class MgModal {
         return {
             "identifier": {
                 "type": "string",
-                "attribute": "identifier",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -144,11 +143,11 @@ export class MgModal {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "identifier",
                 "defaultValue": "createID('mg-modal')"
             },
             "dialogRole": {
                 "type": "string",
-                "attribute": "dialog-role",
                 "mutable": false,
                 "complexType": {
                     "original": "DialogRoleType",
@@ -170,11 +169,11 @@ export class MgModal {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "dialog-role",
                 "defaultValue": "'dialog'"
             },
             "modalTitle": {
                 "type": "string",
-                "attribute": "modal-title",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -189,11 +188,11 @@ export class MgModal {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "modal-title"
             },
             "closeButton": {
                 "type": "boolean",
-                "attribute": "close-button",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -209,11 +208,11 @@ export class MgModal {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "close-button",
                 "defaultValue": "false"
             },
             "open": {
                 "type": "boolean",
-                "attribute": "open",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -229,6 +228,7 @@ export class MgModal {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "open",
                 "defaultValue": "false"
             }
         };

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

@@ -152,7 +152,6 @@ export class MgPagination {
         return {
             "identifier": {
                 "type": "string",
-                "attribute": "identifier",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -168,11 +167,11 @@ export class MgPagination {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "identifier",
                 "defaultValue": "createID('mg-pagination')"
             },
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -187,11 +186,11 @@ export class MgPagination {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "label"
             },
             "hideNavigationLabels": {
                 "type": "boolean",
-                "attribute": "hide-navigation-labels",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -207,11 +206,11 @@ export class MgPagination {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "hide-navigation-labels",
                 "defaultValue": "false"
             },
             "hidePageCount": {
                 "type": "boolean",
-                "attribute": "hide-page-count",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -227,11 +226,11 @@ export class MgPagination {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "hide-page-count",
                 "defaultValue": "false"
             },
             "totalPages": {
                 "type": "number",
-                "attribute": "total-pages",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -247,11 +246,11 @@ export class MgPagination {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "total-pages",
                 "defaultValue": "1"
             },
             "currentPage": {
                 "type": "number",
-                "attribute": "current-page",
                 "mutable": true,
                 "complexType": {
                     "original": "number",
@@ -267,11 +266,11 @@ export class MgPagination {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "current-page",
                 "defaultValue": "1"
             },
             "messages": {
                 "type": "unknown",
-                "attribute": "messages",
                 "mutable": false,
                 "complexType": {
                     "original": "PaginationMessagesType",

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

@@ -4,6 +4,7 @@ import { initLocales } from "../../../locales";
 import { expandToggleDisplays, titlePositions } from "./mg-panel.conf";
 /**
  * @slot - Panel content
+ * @slot panel-title - Panel title content (replaces panel-title prop when used)
  * @slot header-right - Header right panel content
  */
 export class MgPanel {
@@ -48,6 +49,13 @@ export class MgPanel {
         /************
          * Methods *
          ************/
+        /**
+         * Check if panel-title slot is used
+         * @returns true if slot is used
+         */
+        this.hasPanelTitleSlot = () => {
+            return this.element.querySelector('[slot="panel-title"]') !== null;
+        };
         /**
          * Toggle is editing state
          */
@@ -101,7 +109,7 @@ export class MgPanel {
          * Render collapse button
          * @returns collpase button
          */
-        this.renderCollapseButton = () => (h("mg-button", { onClick: this.handleCollapseButton, variant: "flat", "aria-expanded": this.expanded.toString(), "aria-controls": `${this.identifier}-content`, disabled: this.expandToggleDisabled, isIcon: this.expandToggleDisplay === 'icon', label: this.panelTitle }, h("span", { class: "mg-c-panel__collapse-button-content" }, h("mg-icon", { icon: "chevron-up", class: { 'mg-c-panel__collapse-button-icon': true, 'mg-c-panel__collapse-button-icon--reverse': !this.expanded } }), !this.isEditing && this.expandToggleDisplay !== 'icon' && this.panelTitle)));
+        this.renderCollapseButton = () => (h("mg-button", { onClick: this.handleCollapseButton, variant: "flat", "aria-expanded": this.expanded.toString(), "aria-controls": `${this.identifier}-content`, disabled: this.expandToggleDisabled, isIcon: this.expandToggleDisplay === 'icon', label: this.expandToggleDisplay === 'icon' ? this.panelTitle : undefined }, h("span", { class: "mg-c-panel__collapse-button-content" }, h("mg-icon", { icon: "chevron-up", class: { 'mg-c-panel__collapse-button-icon': true, 'mg-c-panel__collapse-button-icon--reverse': !this.expanded } }), !this.isEditing && this.expandToggleDisplay !== 'icon' && (this.hasPanelTitleSlot() ? h("slot", { name: "panel-title" }) : this.panelTitle))));
         /**
          * Render edit button
          * @returns edit Button
@@ -118,7 +126,8 @@ export class MgPanel {
          */
         this.renderTitle = () => {
             const elementsToRender = [this.renderCollapseButton()];
-            if (this.titleEditable) {
+            // Add edit functionality only if not using slot and title is editable
+            if (this.titleEditable && !this.hasPanelTitleSlot()) {
                 if (!this.isEditing)
                     elementsToRender.push(this.renderEditButton());
                 else
@@ -144,14 +153,24 @@ export class MgPanel {
         }
     }
     validatePanelTitle(newValue) {
-        if (!isValidString(newValue))
-            throw new Error(`<mg-panel> prop "panelTitle" is required and must be a string. Passed value: ${toString(newValue)}.`);
-        this.titleChange.emit(newValue);
+        if (newValue !== undefined) {
+            if (!isValidString(newValue)) {
+                throw new Error(`<mg-panel> prop "panelTitle" must be a string. Passed value: ${toString(newValue)}.`);
+            }
+            else {
+                this.titleChange.emit(newValue);
+            }
+        }
     }
     validateTitlePattern(newValue) {
         if (newValue !== undefined && !this.titleEditable)
             throw new Error(`<mg-panel> prop "titleEditable" must be set to "true".`);
     }
+    validateTitleEditable(newValue) {
+        if (newValue && this.hasPanelTitleSlot()) {
+            throw new Error(`<mg-panel> prop "titleEditable" cannot be used with panel-title slot.`);
+        }
+    }
     validateTitlePosition(newValue) {
         if (!titlePositions.includes(newValue))
             throw new Error(`<mg-panel> prop "titlePosition" must be one of: ${titlePositions.join(', ')}. Passed value: ${toString(newValue)}.`);
@@ -164,6 +183,9 @@ export class MgPanel {
             throw new Error(`<mg-panel> prop "expandToggleDisplay" must be one of: ${expandToggleDisplays.join(', ')}. Passed value: ${toString(newValue)}.`);
         if (newValue === 'icon' && this.titleEditable)
             this.titleEditable = false;
+        if (newValue === 'icon' && this.hasPanelTitleSlot()) {
+            throw new Error(`<mg-panel> prop "expandToggleDisplay" cannot be "icon" when panel-title slot is used.`);
+        }
     }
     /*************
      * Lifecycle *
@@ -178,9 +200,15 @@ export class MgPanel {
         this.watchIdentifier(this.identifier);
         this.validateTitlePattern(this.titlePattern);
         this.validateTitlePattern(this.titlePatternErrorMessage);
-        this.validatePanelTitle(this.panelTitle);
+        // Only validate panelTitle if slot is not used
+        if (!this.hasPanelTitleSlot()) {
+            if (!isValidString(this.panelTitle))
+                throw new Error(`<mg-panel> prop "panelTitle" is required when panel-title slot is not used.`);
+            this.validatePanelTitle(this.panelTitle);
+        }
         this.validateExpandToggleDisplay(this.expandToggleDisplay);
         this.validateTitlePosition(this.titlePosition);
+        this.validateTitleEditable(this.titleEditable);
     }
     /**
      * Edit DOM after render
@@ -196,7 +224,7 @@ export class MgPanel {
      */
     render() {
         const headerId = `${this.identifier}-header`;
-        return (h("section", { key: '6d9b0759cf8d6a8e94a1a6598f45fc00288ca22a', class: this.classCollection.join(), id: this.identifier }, h("mg-card", { key: '21b0d991daf053506097333df58d3b98ec2e5b0e', shadow: this.shadow }, h("header", { key: 'abd9dbeb13d85c9a66aac13e7b32e6a83e2ded57', class: { 'mg-c-panel__header': true, 'mg-c-panel__header--reverse': this.titlePosition === 'right' }, id: headerId }, this.renderHeaderChildren()), h("article", { key: '23c74b70bd275fb18c853a1b7a0a4b4ff5a4c605', class: "mg-c-panel__content", id: `${this.identifier}-content`, "aria-labelledby": headerId, hidden: !this.expanded }, h("slot", { key: '15561936437c960768c4954f45df4045ac3dee03' })))));
+        return (h("section", { key: '3662204d763051c34ea13de4b7b3f7abc7914b81', class: this.classCollection.join(), id: this.identifier }, h("mg-card", { key: '46f113258172b1d040f65a4d312554b0c0551489', shadow: this.shadow }, h("header", { key: '1d7e7a48a5c4f89d141a5a7e46b220d4f9c082a5', class: { 'mg-c-panel__header': true, 'mg-c-panel__header--reverse': this.titlePosition === 'right' }, id: headerId }, this.renderHeaderChildren()), h("article", { key: 'ab0aec831cc79d982b7556d6e245c80ae2979083', class: "mg-c-panel__content", id: `${this.identifier}-content`, "aria-labelledby": headerId, hidden: !this.expanded }, h("slot", { key: 'e831573fe9d5ff783073d123b7e2a54baad73bfc' })))));
     }
     static get is() { return "mg-panel"; }
     static get encapsulation() { return "shadow"; }
@@ -214,7 +242,6 @@ export class MgPanel {
         return {
             "identifier": {
                 "type": "string",
-                "attribute": "identifier",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -230,30 +257,30 @@ export class MgPanel {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "identifier",
                 "defaultValue": "createID('mg-panel')"
             },
             "panelTitle": {
                 "type": "string",
-                "attribute": "panel-title",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
                     "resolved": "string",
                     "references": {}
                 },
-                "required": true,
-                "optional": false,
+                "required": false,
+                "optional": true,
                 "docs": {
                     "tags": [],
                     "text": "Panel title"
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "panel-title"
             },
             "titlePattern": {
                 "type": "string",
-                "attribute": "title-pattern",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -268,11 +295,11 @@ export class MgPanel {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "title-pattern"
             },
             "titlePatternErrorMessage": {
                 "type": "string",
-                "attribute": "title-pattern-error-message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -287,11 +314,11 @@ export class MgPanel {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "title-pattern-error-message"
             },
             "titleEditable": {
                 "type": "boolean",
-                "attribute": "title-editable",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -307,11 +334,11 @@ export class MgPanel {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "title-editable",
                 "defaultValue": "false"
             },
             "titlePosition": {
                 "type": "string",
-                "attribute": "title-position",
                 "mutable": false,
                 "complexType": {
                     "original": "TitlePositionType",
@@ -333,11 +360,11 @@ export class MgPanel {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "title-position",
                 "defaultValue": "'left'"
             },
             "expanded": {
                 "type": "boolean",
-                "attribute": "expanded",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -353,11 +380,11 @@ export class MgPanel {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "expanded",
                 "defaultValue": "false"
             },
             "expandToggleDisplay": {
                 "type": "string",
-                "attribute": "expand-toggle-display",
                 "mutable": false,
                 "complexType": {
                     "original": "ExpandToggleDisplayType",
@@ -379,11 +406,11 @@ export class MgPanel {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "expand-toggle-display",
                 "defaultValue": "'text'"
             },
             "expandToggleDisabled": {
                 "type": "boolean",
-                "attribute": "expand-toggle-disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -399,11 +426,11 @@ export class MgPanel {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "expand-toggle-disabled",
                 "defaultValue": "false"
             },
             "shadow": {
                 "type": "boolean",
-                "attribute": "shadow",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -419,6 +446,7 @@ export class MgPanel {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "shadow",
                 "defaultValue": "false"
             }
         };
@@ -487,6 +515,9 @@ export class MgPanel {
             }, {
                 "propName": "titlePatternErrorMessage",
                 "methodName": "validateTitlePattern"
+            }, {
+                "propName": "titleEditable",
+                "methodName": "validateTitleEditable"
             }, {
                 "propName": "titlePosition",
                 "methodName": "validateTitlePosition"

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: '2746e72f636c1a702d2b15836343ca8503f233e5' }, h("mg-card", { key: '84e28550627969d4e15ded5a5f8b6d19584eb891', class: this.classCollection.join(), shadow: true }, this.closeButton && (h("mg-button", { key: 'f25c773593441597e81330997df3175cd9a963e4', "is-icon": true, variant: "flat", label: this.messages.general.close, onClick: this.handleCloseButton }, h("mg-icon", { key: '723f3d1e8a85356d7aa9be9c875b273d7c9c1f72', icon: "cross" }))), h("div", { key: '283316f2a66212d9afc128aaec3fb24e4a40c0eb', class: "mg-c-popover-content__title" }, h("slot", { key: 'a1839a9a3259ccb221b90e82f786eb0e7c3d2a19', name: "title" })), h("slot", { key: '708903013417e27f4a9ed9811fde886d6b697dec', name: "content" })), h("slot", { key: 'fad6024a2474ffd5f46925101baa0e6ab9f2e951', name: "arrow" })));
+        return (h(Host, { key: '054fc82954b39a488f7fe5cb391d89b5fa4a61fe' }, h("mg-card", { key: 'bb89bada37069b50295bd93d988667c3b85eada3', class: this.classCollection.join(), shadow: true }, this.closeButton && (h("mg-button", { key: 'a59d6610574b964be1e2ce34ccd8e31c1395b6ff', "is-icon": true, variant: "flat", label: this.messages.general.close, onClick: this.handleCloseButton }, h("mg-icon", { key: '5bcc9e4eb21396f4fc66a6f1e4d6c5cdf68ec1f4', icon: "cross" }))), h("div", { key: '57be2022f3b61220e1249faeaf2acee9960027fe', class: "mg-c-popover-content__title" }, h("slot", { key: 'c7870e86a9f105cf6b9d4520c77874bce9235d72', name: "title" })), h("slot", { key: '5af8462232625d9c7d694bab46351d5e646f62ca', name: "content" })), h("slot", { key: '599863410dd7d751e82c440cd6c4fb7f2c48d9f3', name: "arrow" })));
     }
     static get is() { return "mg-popover-content"; }
     static get encapsulation() { return "shadow"; }
@@ -64,7 +64,6 @@ export class MgPopoverContent {
         return {
             "closeButton": {
                 "type": "boolean",
-                "attribute": "close-button",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -80,6 +79,7 @@ export class MgPopoverContent {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "close-button",
                 "defaultValue": "false"
             }
         };

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

@@ -242,7 +242,7 @@ export class MgPopover {
      * @returns HTML Element
      */
     render() {
-        return (h(Host, { key: '7ea28f19a5a61f6191c2aece439e85da8f067270' }, h("slot", { key: 'aa6a627b90246ca327e2971329ab58b02eeb1d04' }), h("slot", { key: '1851353a6b4de659d6027a0bf3ba5f2120f7137d', name: "content" })));
+        return (h(Host, { key: '2c1506b8e2da100519aeeae75fc5c378a81c473c' }, h("slot", { key: 'f9aea885e8cbc168614c05761829f0a0740eba9e' }), h("slot", { key: 'fa6106a660a73b3761d4783f8d46d401c47b4eb6', name: "content" })));
     }
     static get is() { return "mg-popover"; }
     static get encapsulation() { return "shadow"; }
@@ -260,7 +260,6 @@ export class MgPopover {
         return {
             "identifier": {
                 "type": "string",
-                "attribute": "identifier",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -276,11 +275,11 @@ export class MgPopover {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "identifier",
                 "defaultValue": "createID('mg-popover')"
             },
             "placement": {
                 "type": "string",
-                "attribute": "placement",
                 "mutable": false,
                 "complexType": {
                     "original": "Placement",
@@ -302,11 +301,11 @@ export class MgPopover {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "placement",
                 "defaultValue": "'bottom'"
             },
             "arrowHide": {
                 "type": "boolean",
-                "attribute": "arrow-hide",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -322,11 +321,11 @@ export class MgPopover {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "arrow-hide",
                 "defaultValue": "false"
             },
             "closeButton": {
                 "type": "boolean",
-                "attribute": "close-button",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -342,11 +341,11 @@ export class MgPopover {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "close-button",
                 "defaultValue": "false"
             },
             "display": {
                 "type": "boolean",
-                "attribute": "display",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -362,11 +361,11 @@ export class MgPopover {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "display",
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -382,6 +381,7 @@ export class MgPopover {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             }
         };