@mgdis/mg-components 6.22.0 → 6.23.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: 'bef7d0e0c5a991f321ca930d65fa458873fc7564', "data-mg-popover-guard": this.mgPopoverIdentifier }, h("span", { key: '4e47d1513749cc1ac15ef8febd2fb914e362bbee', class: this.classBase }, h("mg-popover", { key: 'ab6dfc93422f03b49a78d2896196aa6901841aef', identifier: this.mgPopoverIdentifier, display: this.expanded, "onDisplay-change": this.handleDisplayChange }, h("mg-button", { key: '921f17c4ede5f1783dc336429539b0b082902fdd', 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: '19bf9e015cbd82d8dffc62269de735607ab4f2bb' }, this.icon)), !this.button.isIcon && buttonContent), h("div", { key: '56a43a5adebd31264742c0ef8905ccb0bd8fb581', slot: "content" }, h("mg-menu", { key: '70520957ac07a3190ef753ee435996af96dbc5b5', direction: directions.VERTICAL, label: this.messages.label }, this.items.map(item => {
+        return (h(Host, { key: '184355435ec346d682c2df4aa8b33bf5f54e77e7', "data-mg-popover-guard": this.mgPopoverIdentifier }, h("span", { key: '8176489e5dd7741311745d015b8ef7f2a4f63ea9', class: this.classBase }, h("mg-popover", { key: '3ee64b21556ee9e910939ad2fc9e3fbf8e4bd964', identifier: this.mgPopoverIdentifier, display: this.expanded, "onDisplay-change": this.handleDisplayChange }, h("mg-button", { key: 'cf8f7f4f736d6a8338a4f6eebce04b4e2be49825', 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: 'ee8b4f13bac85ccdd5e9d72edbaa957054c304ec' }, this.icon)), !this.button.isIcon && buttonContent), h("div", { key: '1c78fb9a98d59fa5422c5105ecb13d2f2884c7d2', slot: "content" }, h("mg-menu", { key: '522d915d4a38529f7709640bb96eebb81ccc86af', 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
@@ -172,12 +172,14 @@ export class MgActionMore {
                         "MgActionMoreItemType": {
                             "location": "import",
                             "path": "./mg-action-more.conf",
-                            "id": "src/components/molecules/mg-action-more/mg-action-more.conf.ts::MgActionMoreItemType"
+                            "id": "src/components/molecules/mg-action-more/mg-action-more.conf.ts::MgActionMoreItemType",
+                            "referenceLocation": "MgActionMoreItemType"
                         },
                         "MgActionMoreDividerType": {
                             "location": "import",
                             "path": "./mg-action-more.conf",
-                            "id": "src/components/molecules/mg-action-more/mg-action-more.conf.ts::MgActionMoreDividerType"
+                            "id": "src/components/molecules/mg-action-more/mg-action-more.conf.ts::MgActionMoreDividerType",
+                            "referenceLocation": "MgActionMoreDividerType"
                         }
                     }
                 },
@@ -195,12 +197,13 @@ export class MgActionMore {
                 "mutable": true,
                 "complexType": {
                     "original": "MgActionMoreIconType",
-                    "resolved": "{ icon: \"filter\" | \"link\" | \"picture\" | \"table\" | \"circle\" | \"download\" | \"key\" | \"list\" | \"copy\" | \"history\" | \"location\" | \"pause\" | \"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\" | \"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\" | \"comment-sms-outline\" | \"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-cog-outline\" | \"file-download\" | \"file-download-outline\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-upload-outline\" | \"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\" | \"folder-star-outline\" | \"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\" | \"pause-outline\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"plus-circle-outline\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sidebar-arrow-left\" | \"sidebar-arrow-right\" | \"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\" | \"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\" | \"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\" | \"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\" | \"comment-sms-outline\" | \"conversation\" | \"conversation-outline\" | \"copy\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"download\" | \"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-cog-outline\" | \"file-download\" | \"file-download-outline\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-upload-outline\" | \"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\" | \"folder-star-outline\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"glitters\" | \"glitters-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-euro\" | \"hand-euro-outline\" | \"hand-up\" | \"history\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"key\" | \"laptop\" | \"layers\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"link\" | \"list\" | \"loader\" | \"location\" | \"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\" | \"pause\" | \"pause-outline\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"plus-circle-outline\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sidebar-arrow-left\" | \"sidebar-arrow-right\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"table\" | \"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",
                             "path": "./mg-action-more.conf",
-                            "id": "src/components/molecules/mg-action-more/mg-action-more.conf.ts::MgActionMoreIconType"
+                            "id": "src/components/molecules/mg-action-more/mg-action-more.conf.ts::MgActionMoreIconType",
+                            "referenceLocation": "MgActionMoreIconType"
                         }
                     }
                 },
@@ -218,12 +221,13 @@ export class MgActionMore {
                 "mutable": false,
                 "complexType": {
                     "original": "MgActionMoreButtonType",
-                    "resolved": "{ label?: string; disabled?: boolean; variant: \"flat\" | \"info\" | \"link\" | \"success\" | \"danger\" | \"danger-alt\" | \"primary\" | \"secondary\"; isIcon: boolean; }",
+                    "resolved": "{ variant: \"flat\" | \"info\" | \"link\" | \"success\" | \"danger\" | \"danger-alt\" | \"primary\" | \"secondary\"; label?: string; disabled?: boolean; isIcon: boolean; }",
                     "references": {
                         "MgActionMoreButtonType": {
                             "location": "import",
                             "path": "./mg-action-more.conf",
-                            "id": "src/components/molecules/mg-action-more/mg-action-more.conf.ts::MgActionMoreButtonType"
+                            "id": "src/components/molecules/mg-action-more/mg-action-more.conf.ts::MgActionMoreButtonType",
+                            "referenceLocation": "MgActionMoreButtonType"
                         }
                     }
                 },

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

@@ -26,6 +26,10 @@ export class MgAlert {
          * Define variant style
          */
         this.variantStyle = 'bar-left';
+        /**
+         * Define if alert fits its parent element
+         */
+        this.fullWidth = false;
         /**
          * Component classes
          */
@@ -142,7 +146,7 @@ export class MgAlert {
      * @returns HTML Element
      */
     render() {
-        return (h("mg-message", { key: '6085a45d00c4762bae88d98e89f44c20d5f9b6c4', class: this.classCollection.join(), role: ['info', 'success'].includes(this.variant) ? 'status' : 'alert', variant: this.variant, variantStyle: this.variantStyle }, h("slot", { key: '55491d1b41609883958680c14a2ddb8dd84a3bd4' }), 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: '8d10696cd86b00304d8ae409e36691a41a16702e', class: this.classCollection.join(), role: ['info', 'success'].includes(this.variant) ? 'status' : 'alert', variant: this.variant, variantStyle: this.variantStyle, fullWidth: this.fullWidth }, h("slot", { key: '598a86d657b77006f5a9e9dbf33e7969669be125' }), 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"; }
@@ -187,7 +191,8 @@ export class MgAlert {
                         "VariantType": {
                             "location": "import",
                             "path": "./mg-alert.conf",
-                            "id": "src/components/molecules/mg-alert/mg-alert.conf.ts::VariantType"
+                            "id": "src/components/molecules/mg-alert/mg-alert.conf.ts::VariantType",
+                            "referenceLocation": "VariantType"
                         }
                     }
                 },
@@ -213,7 +218,8 @@ export class MgAlert {
                         "VariantStyleType": {
                             "location": "import",
                             "path": "./mg-alert.conf",
-                            "id": "src/components/molecules/mg-alert/mg-alert.conf.ts::VariantStyleType"
+                            "id": "src/components/molecules/mg-alert/mg-alert.conf.ts::VariantStyleType",
+                            "referenceLocation": "VariantStyleType"
                         }
                     }
                 },
@@ -228,6 +234,26 @@ export class MgAlert {
                 "reflect": false,
                 "attribute": "variant-style",
                 "defaultValue": "'bar-left'"
+            },
+            "fullWidth": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Define if alert fits its parent element"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "full-width",
+                "defaultValue": "false"
             }
         };
     }

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

@@ -38,7 +38,7 @@ export class MgBreadcrumb {
         this.messages = initLocales(this.element).messages.breadcrumb;
     }
     render() {
-        return (h("nav", { key: '5181512072a7de6e161adcbb9988ae3407f61301', "aria-label": this.messages.label, class: "mg-c-breadcrumb" }, h("ol", { key: '2a4cec366a72027091ebcbccd78d552884005b93', class: "mg-c-breadcrumb__list" }, this.items.map((item, index) => {
+        return (h("nav", { key: 'af5c541e6a268af67762eb9d384269511fe0be17', "aria-label": this.messages.label, class: "mg-c-breadcrumb" }, h("ol", { key: 'b5fdfe61eb2c826b3462bdd65cacfb73d4f00484', class: "mg-c-breadcrumb__list" }, this.items.map((item, index) => {
             var _a;
             return (h("li", { key: `${index}-${(_a = item.href) !== null && _a !== void 0 ? _a : item.label}`, class: "mg-c-breadcrumb__list-item" }, this.renderItem(item, index === this.items.length - 1)));
         }))));
@@ -67,7 +67,8 @@ export class MgBreadcrumb {
                         "BreadcrumbItemType": {
                             "location": "import",
                             "path": "./mg-breadcrumb.conf",
-                            "id": "src/components/molecules/mg-breadcrumb/mg-breadcrumb.conf.ts::BreadcrumbItemType"
+                            "id": "src/components/molecules/mg-breadcrumb/mg-breadcrumb.conf.ts::BreadcrumbItemType",
+                            "referenceLocation": "BreadcrumbItemType"
                         }
                     }
                 },

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

@@ -1,5 +1,6 @@
 import { h } from "@stencil/core";
 import { isValidString } from "@mgdis/core-ui-helpers/dist/utils";
+import { normalizeBooleanAttributes } from "@mgdis/core-ui-helpers/dist/stencil";
 /**
  * @slot summary - Summary content
  * @slot details - Details content
@@ -36,6 +37,7 @@ export class MgDetails {
      * Check if component props are well configured on init
      */
     componentWillLoad() {
+        normalizeBooleanAttributes(this);
         this.validateTitles(this.toggleClosed);
         this.validateTitles(this.toggleOpened);
         // Check if summary slot is empty
@@ -53,7 +55,7 @@ export class MgDetails {
      * @returns HTML Element
      */
     render() {
-        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" }))));
+        return (h("details", { key: 'b4a342010e903cfd2a670e46257e889fd74ddf1e', 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: '85fbd6f675e20881a8eb8df776d827e25859e0b7' }, h("slot", { key: '56491b2e4fa9f4772efd5ec66825e897b90cfde3', name: "summary" }), h("span", { key: '43f913504670d8f592479d5929e6901e9f9e9a9a', class: "mg-c-details__toggle" }, h("mg-icon", { key: '268cfc8d4b9e55d87303e6a85dead205ecdd7ce1', icon: "chevron-up", class: { 'mg-c-details__toggle-icon': true, 'mg-c-details__toggle-icon--reverse': !this.expanded } }), h("span", { key: 'e3d7c794f7a8d83a31c02302a06bbe0db1e8b63d', class: { 'mg-u-visually-hidden': this.hideSummary } }, this.expanded ? this.toggleOpened : this.toggleClosed))), h("div", { key: 'e5230b49934c2b3e9a0c31821e53ea52084b2b26', class: "mg-c-details__details" }, h("slot", { key: '0355f1596c85ab869b3658276ee156a7aadc50d1', name: "details" }))));
     }
     static get is() { return "mg-details"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,5 +1,6 @@
 import { h } from "@stencil/core";
 import { ClassList, isValidString } from "@mgdis/core-ui-helpers/dist/utils";
+import { normalizeBooleanAttributes } from "@mgdis/core-ui-helpers/dist/stencil";
 import { classReadonly, isMgInputFile } from "../inputs/mg-input/mg-input.conf";
 export class MgFieldset {
     constructor() {
@@ -112,6 +113,7 @@ export class MgFieldset {
      * Check if component props are well configured on init
      */
     componentWillLoad() {
+        normalizeBooleanAttributes(this);
         this.watchReadonly(this.readonly);
         this.watchLegendBorderDisplay(this.legendBorderDisplay);
         this.setMgInputs();
@@ -133,7 +135,7 @@ export class MgFieldset {
      * @returns HTML Element
      */
     render() {
-        return (h("mg-input", { key: 'b0b16a170de87de91fa02a38371eb3dd6fe995d7', label: this.legend, identifier: this.identifier, class: this.classCollection.join(), labelOnTop: !this.legendHide, labelHeading: this.legendHeading, labelBorderDisplay: this.legendHeading && this.legendBorderDisplay, labelHide: this.legendHide, inputsOnBottom: this.legendHeading !== undefined, tooltip: this.tooltip, tooltipPosition: 'label', helpText: this.helpText, errorMessage: !this.valid && isValidString(this.errorMessage) ? this.errorMessage : undefined }, h("span", { key: 'c449a5235da7b190d8d311469d15cebcfaf3badc', class: "mg-c-input__input-group" }, h("slot", { key: '6d8c60e2555bfd65c8c146233dc840a2d73597d5' }))));
+        return (h("mg-input", { key: '547bdc6c4c35ae9949f185f110a24c5a6437cea7', label: this.legend, identifier: this.identifier, class: this.classCollection.join(), labelOnTop: !this.legendHide, labelHeading: this.legendHeading, labelBorderDisplay: this.legendHeading && this.legendBorderDisplay, labelHide: this.legendHide, inputsOnBottom: this.legendHeading !== undefined, tooltip: this.tooltip, tooltipPosition: 'label', helpText: this.helpText, errorMessage: !this.valid && isValidString(this.errorMessage) ? this.errorMessage : undefined }, h("span", { key: '4fe4ec0d810cf46192e61b5052caf3694c3444be', class: "mg-c-input__input-group" }, h("slot", { key: '030481c1c7536b9d5e20975f77a86d3dda853582' }))));
     }
     static get is() { return "mg-fieldset"; }
     static get encapsulation() { return "shadow"; }
@@ -227,7 +229,8 @@ export class MgFieldset {
                         "labelHeading": {
                             "location": "import",
                             "path": "../inputs/mg-input/mg-input.conf",
-                            "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::labelHeading"
+                            "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::labelHeading",
+                            "referenceLocation": "labelHeading"
                         }
                     }
                 },

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

@@ -1,5 +1,6 @@
 import { h } from "@stencil/core";
-import { createID, ClassList, toString, isValideID } from "@mgdis/core-ui-helpers/dist/utils";
+import { ClassList, createID, isValideID, toString } from "@mgdis/core-ui-helpers/dist/utils";
+import { normalizeBooleanAttributes } from "@mgdis/core-ui-helpers/dist/stencil";
 import { initLocales } from "../../../locales";
 import { isMgInputFile } from "../inputs/mg-input/mg-input.conf";
 import { requiredMessageStatus, roles } from "./mg-form.conf";
@@ -196,6 +197,7 @@ export class MgForm {
     componentWillLoad() {
         // Get locales
         this.messages = initLocales(this.element).messages;
+        normalizeBooleanAttributes(this);
         this.watchIdentifier(this.identifier);
         this.validateAriaRole(this.ariaRole);
         this.validateRequiredMessage(this.requiredMessage);
@@ -242,7 +244,7 @@ export class MgForm {
      * @returns HTML Element
      */
     render() {
-        return (h("form", { key: 'b1a6b50f2bbb9b71cecd23d419771cf1b40e13b4', class: this.classCollection.join(), id: this.identifier, name: this.name, onSubmit: this.handleFormSubmit, role: this.ariaRole }, this.requiredMessageText && h("p", { key: '9c878f3730a06e1b683240057511b588edf5e887', innerHTML: this.requiredMessageText }), h("slot", { key: '3cf5ca0f07e2f3573615cf6566e230f4d5678b31' }), !this.readonly && !this.disabled && h("slot", { key: '6cbfd58e9600f7a9d9b55ec23bdd64877c03f0d7', name: "actions" })));
+        return (h("form", { key: 'bb340dafd9e9d987b4de94f718f81a63749b183c', class: this.classCollection.join(), id: this.identifier, name: this.name, onSubmit: this.handleFormSubmit, role: this.ariaRole }, this.requiredMessageText && h("p", { key: '5cdfc883ecd9a1e9759f952beac2c17f4d9a3237', innerHTML: this.requiredMessageText }), h("slot", { key: 'd5879767bc1d23a7c31b119b2fa2a29b9f8bc76f' }), !this.readonly && !this.disabled && h("slot", { key: 'c47af6bccd71ee51e1725c5592001d09add966b8', name: "actions" })));
     }
     static get is() { return "mg-form"; }
     static get encapsulation() { return "shadow"; }
@@ -328,7 +330,8 @@ export class MgForm {
                         "RequiredMessageStatusType": {
                             "location": "import",
                             "path": "./mg-form.conf",
-                            "id": "src/components/molecules/mg-form/mg-form.conf.ts::RequiredMessageStatusType"
+                            "id": "src/components/molecules/mg-form/mg-form.conf.ts::RequiredMessageStatusType",
+                            "referenceLocation": "RequiredMessageStatusType"
                         }
                     }
                 },
@@ -353,7 +356,8 @@ export class MgForm {
                         "AriaRoleType": {
                             "location": "import",
                             "path": "./mg-form.conf",
-                            "id": "src/components/molecules/mg-form/mg-form.conf.ts::AriaRoleType"
+                            "id": "src/components/molecules/mg-form/mg-form.conf.ts::AriaRoleType",
+                            "referenceLocation": "AriaRoleType"
                         }
                     }
                 },

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: 'ed3b924f5c5a75706aef03ef8798cb699679012d', class: this.classCollection.join() }, h("div", { key: '59b7f7b3fe4ad808377094f93e8b6e86ba2f49ec', class: "mg-c-illustrated-message__illustration" }, h("slot", { key: 'd28aa873cd7025647f56f3a4ed62d9e35dde25d3', name: "illustration" })), h("div", { key: '3b150411a26531827c988a2d34e2990a2302f982', class: "mg-c-illustrated-message__slots" }, h("slot", { key: '8ffea6e50bf5dc4b870d414cb710fc88e0984f61', name: "title" }), h("slot", { key: 'ec85b4a50d28ddf14dbd6b0feff59e2030348b68', name: "details" }))));
+        return (h("div", { key: 'c9d8c8bfd2792b1cf5e78ab9d168d597b20e9a1e', class: this.classCollection.join() }, h("div", { key: 'cc8fa03147b9e59e6e8e015be9ed2b8dddd92ded', class: "mg-c-illustrated-message__illustration" }, h("slot", { key: '83a4ec2223c4e74511beb7c0abfa10e77cee425d', name: "illustration" })), h("div", { key: 'dbb4d13ca5324cab889fa2acc9b9b22522d7a8ec', class: "mg-c-illustrated-message__slots" }, h("slot", { key: '9e74d84becf29539ec9c37e8ad1e317714f3c86c', name: "title" }), h("slot", { key: 'ae97d25c19b76ca092560d2555ebd6a87f542ffe', name: "details" }))));
     }
     static get is() { return "mg-illustrated-message"; }
     static get encapsulation() { return "shadow"; }
@@ -107,7 +107,8 @@ export class MgIllustratedMessage {
                         "IllustratedMessageSizeType": {
                             "location": "import",
                             "path": "./mg-illustrated-message.conf",
-                            "id": "src/components/molecules/mg-illustrated-message/mg-illustrated-message.conf.ts::IllustratedMessageSizeType"
+                            "id": "src/components/molecules/mg-illustrated-message/mg-illustrated-message.conf.ts::IllustratedMessageSizeType",
+                            "referenceLocation": "IllustratedMessageSizeType"
                         }
                     }
                 },
@@ -133,7 +134,8 @@ export class MgIllustratedMessage {
                         "IllustratedMessageDirectionType": {
                             "location": "import",
                             "path": "./mg-illustrated-message.conf",
-                            "id": "src/components/molecules/mg-illustrated-message/mg-illustrated-message.conf.ts::IllustratedMessageDirectionType"
+                            "id": "src/components/molecules/mg-illustrated-message/mg-illustrated-message.conf.ts::IllustratedMessageDirectionType",
+                            "referenceLocation": "IllustratedMessageDirectionType"
                         }
                     }
                 },

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: 'da82988810c1e2916a2464299844cad674cd1f12', class: "mg-c-loader", "aria-live": "polite" }, h("mg-icon", { key: '45588ae8dd55ca582a4872d4c1e731bb00681c28', icon: "loader", spin: true }), h("span", { key: '3bc07f4bbf8995de61c019942c33c8076793096a', class: { 'mg-u-visually-hidden': this.messageHide } }, this.message || this.messages.loader.inProgress)));
+        return (h("div", { key: '739b4cbacd8a8da056dbb1445c40fac2cf26766a', class: "mg-c-loader", "aria-live": "polite" }, h("mg-icon", { key: '95d3cbf26fcd6dbf0dad4853bf55aa66385f1aba', icon: "loader", spin: true }), h("span", { key: 'f6322cd3054d8976bd2ec24f86a2d6bb60ca7ae1', class: { 'mg-u-visually-hidden': this.messageHide } }, this.message || this.messages.loader.inProgress)));
     }
     static get is() { return "mg-loader"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,6 +11,7 @@ export class MgMessage {
          * Internal *
          ************/
         this.classBase = 'mg-c-message';
+        this.classFullWidth = 'mg-c-message--full-width';
         /**
          * Define variant
          */
@@ -19,6 +20,10 @@ export class MgMessage {
          * Define variant style
          */
         this.variantStyle = 'bar-left';
+        /**
+         * Define if message fits its parent element
+         */
+        this.fullWidth = false;
         /**
          * Component classes
          */
@@ -68,6 +73,14 @@ export class MgMessage {
                 this.classCollection.delete(`${this.classBase}--${oldValue}`);
         }
     }
+    watchFullWidth(newValue) {
+        if (newValue) {
+            this.classCollection.add(this.classFullWidth);
+        }
+        else {
+            this.classCollection.delete(this.classFullWidth);
+        }
+    }
     /*************
      * Lifecycle *
      *************/
@@ -78,6 +91,7 @@ export class MgMessage {
         // Validate
         this.watchVariant(this.variant);
         this.watchVariantStyle(this.variantStyle);
+        this.watchFullWidth(this.fullWidth);
         // Check if component has actions slot
         this.hasActions = this.element.querySelector('[slot="actions"]') !== null;
     }
@@ -86,9 +100,9 @@ export class MgMessage {
      * @returns HTML Element
      */
     render() {
-        return (h("div", { key: '516691c613b30edf92d43fb9596169459dd8058a', class: this.classCollection.join() }, h("mg-card", { key: '2be929dd6ed5458927b155d2f4c94fa15f9717e9', shadow: true }, this.variantStyle === 'bar-left' && h("span", { key: '604d5a7bd37abc571b40f8be09ac5dadbde69ec1', class: "mg-c-message__bar" }), h("span", { key: '837cce7c506997955de6efb4cffc53e5107fb602', class: "mg-c-message__icon" }, h("mg-icon", { key: '3fd70f747cad5605f129bec491aa1bfd5ea42a95', icon: this.getIcon() })), h("div", { key: 'bf0b166fee2c94014fc35980b06a45dfc91b8596', class: "mg-c-message__content" }, h("span", { key: '305f79545b87055a954831c7355e7685340d1aa6', class: "mg-c-message__content-slot" }, h("slot", { key: 'd25113f6305d8ceaa39d12672fecc4e4bf6ffb49' })), this.hasActions && [
+        return (h("div", { key: '7a91fbc1a334d006013cdc8dd8ce6bce52947b90', class: this.classCollection.join() }, h("mg-card", { key: '34117431721f271fa96ac729376c1af6178dcedf', shadow: true }, this.variantStyle === 'bar-left' && h("span", { key: 'b68b15e7bb5c48b53f3aafea30c50a1db42db87c', class: "mg-c-message__bar" }), h("span", { key: 'efb2fd983a68f252312c3266879cd37666c17707', class: "mg-c-message__icon" }, h("mg-icon", { key: 'de7df68e25a5c581407b2a88dd7c268c4e6977cd', icon: this.getIcon() })), h("div", { key: '10afb1b7e6b8bea33ed18cf17dfbdaf6b35b3b89', class: "mg-c-message__content" }, h("span", { key: '5f7c5d7429a143f44c992fe79f0c42649fb695a7', class: "mg-c-message__content-slot" }, h("slot", { key: 'c20cbe2a91eb487bdebd5c049c33b7d50148a7b0' })), 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: '744098ecfdcc8bb5f5e0b913884126498c21d3f0', name: "actions" })),
+            h("span", { class: "mg-c-message__content-actions-slot", key: "content-actions-slot" }, h("slot", { key: 'cdf59d5cb43793c7d8be40cf9d8d43b7d03d0a02', name: "actions" })),
         ]))));
     }
     static get is() { return "mg-message"; }
@@ -115,7 +129,8 @@ export class MgMessage {
                         "VariantType": {
                             "location": "import",
                             "path": "./mg-message.conf",
-                            "id": "src/components/molecules/mg-message/mg-message.conf.ts::VariantType"
+                            "id": "src/components/molecules/mg-message/mg-message.conf.ts::VariantType",
+                            "referenceLocation": "VariantType"
                         }
                     }
                 },
@@ -141,7 +156,8 @@ export class MgMessage {
                         "VariantStyleType": {
                             "location": "import",
                             "path": "./mg-message.conf",
-                            "id": "src/components/molecules/mg-message/mg-message.conf.ts::VariantStyleType"
+                            "id": "src/components/molecules/mg-message/mg-message.conf.ts::VariantStyleType",
+                            "referenceLocation": "VariantStyleType"
                         }
                     }
                 },
@@ -156,6 +172,26 @@ export class MgMessage {
                 "reflect": false,
                 "attribute": "variant-style",
                 "defaultValue": "'bar-left'"
+            },
+            "fullWidth": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Define if message fits its parent element"
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "full-width",
+                "defaultValue": "false"
             }
         };
     }
@@ -173,6 +209,9 @@ export class MgMessage {
             }, {
                 "propName": "variantStyle",
                 "methodName": "watchVariantStyle"
+            }, {
+                "propName": "fullWidth",
+                "methodName": "watchFullWidth"
             }];
     }
 }

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: 'fe7c7abaf53fbc5c87d2855cc72de2212dfe8642', 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: '4b361ad45cd0b20253cf82e8f68c574429dd451c', shadow: true }, h("div", { key: '90f5490fb82f2900403f0a7549b338e884eea171', class: "mg-c-modal__dialog" }, h("header", { key: 'a58be90f41ad4448c387b1d18372aa31522d8d35', class: "mg-c-modal__header" }, this.closeButton && (h("span", { key: 'd9a0f9c1944b89b4a64f35fc9c1b70bea60f5423', class: "mg-c-modal__close-button" }, h("mg-button", { key: 'd7ecae6a2c2b2b094fea6b4a6d3c761f0f975b29', "is-icon": true, variant: "flat", label: this.messages.modal.closeButton, onClick: this.handleClose }, h("mg-icon", { key: '54b91decfd0deb5e452e03c23f68bac58d97677a', icon: "cross" })))), h("h1", { key: '7dc2519bdf97ebc5cc18505fbbd347c7b1a4c336', class: "mg-c-modal__title", id: this.titleId }, this.modalTitle)), h("article", { key: 'b6a27c0bb6e5a350e10addbd0325b04626b07239', class: "mg-c-modal__content" }, h("slot", { key: '41acebdafae6289d2f03fc3226eb7f3c4334e33f' })), this.hasActions && (h("footer", { key: '04a934a044bfbfa64f65642361e1962d2f599bf9', class: "mg-c-modal__footer" }, h("slot", { key: '8d72488a4095c245b638d7d0e5fdbda77fa5ab01', 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"; }
@@ -156,7 +156,8 @@ export class MgModal {
                         "DialogRoleType": {
                             "location": "import",
                             "path": "./mg-modal.conf",
-                            "id": "src/components/molecules/mg-modal/mg-modal.conf.ts::DialogRoleType"
+                            "id": "src/components/molecules/mg-modal/mg-modal.conf.ts::DialogRoleType",
+                            "referenceLocation": "DialogRoleType"
                         }
                     }
                 },

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

@@ -279,7 +279,8 @@ export class MgPagination {
                         "PaginationMessagesType": {
                             "location": "import",
                             "path": "./mg-pagination.conf",
-                            "id": "src/components/molecules/mg-pagination/mg-pagination.conf.ts::PaginationMessagesType"
+                            "id": "src/components/molecules/mg-pagination/mg-pagination.conf.ts::PaginationMessagesType",
+                            "referenceLocation": "PaginationMessagesType"
                         }
                     }
                 },

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

@@ -1,5 +1,6 @@
 import { h } from "@stencil/core";
-import { createID, ClassList, isValidString, toString, isValideID } from "@mgdis/core-ui-helpers/dist/utils";
+import { ClassList, createID, isValidString, isValideID, toString } from "@mgdis/core-ui-helpers/dist/utils";
+import { normalizeBooleanAttributes } from "@mgdis/core-ui-helpers/dist/stencil";
 import { initLocales } from "../../../locales";
 import { expandToggleDisplays, titlePositions } from "./mg-panel.conf";
 /**
@@ -172,6 +173,11 @@ export class MgPanel {
         }
     }
     validateTitlePosition(newValue) {
+        if (String(newValue) === '') {
+            // Reactive frameworks (e.g. Vue) may pass "" instead of undefined when the prop is reset.
+            this.titlePosition = 'left';
+            return;
+        }
         if (!titlePositions.includes(newValue))
             throw new Error(`<mg-panel> prop "titlePosition" must be one of: ${titlePositions.join(', ')}. Passed value: ${toString(newValue)}.`);
     }
@@ -179,6 +185,11 @@ export class MgPanel {
         this.expandedChange.emit(newValue);
     }
     validateExpandToggleDisplay(newValue) {
+        if (String(newValue) === '') {
+            // Reactive frameworks (e.g. Vue) may pass "" instead of undefined when the prop is reset.
+            this.expandToggleDisplay = 'text';
+            return;
+        }
         if (!expandToggleDisplays.includes(newValue))
             throw new Error(`<mg-panel> prop "expandToggleDisplay" must be one of: ${expandToggleDisplays.join(', ')}. Passed value: ${toString(newValue)}.`);
         if (newValue === 'icon' && this.titleEditable)
@@ -196,6 +207,7 @@ export class MgPanel {
     componentWillLoad() {
         // Get locales
         this.messages = initLocales(this.element).messages;
+        normalizeBooleanAttributes(this);
         // Validate
         this.watchIdentifier(this.identifier);
         this.validateTitlePattern(this.titlePattern);
@@ -224,7 +236,7 @@ export class MgPanel {
      */
     render() {
         const headerId = `${this.identifier}-header`;
-        return (h("section", { key: 'e92b270e15717a1b6ab7d938674ccd785fe3ee97', class: this.classCollection.join(), id: this.identifier }, h("mg-card", { key: '40647ea277463f5e915c2fb5aa982f22527545ea', shadow: this.shadow }, h("header", { key: '604611af47d683cf1f0d3ffc8b5873be390e3fb9', class: { 'mg-c-panel__header': true, 'mg-c-panel__header--reverse': this.titlePosition === 'right' }, id: headerId }, this.renderHeaderChildren()), h("article", { key: 'ff640071dd4813aa113f5928b2a0350f4528a22c', class: "mg-c-panel__content", id: `${this.identifier}-content`, "aria-labelledby": headerId, hidden: !this.expanded }, h("slot", { key: 'fe54d2ca332c573e8dfa782a3e72454501b47adf' })))));
+        return (h("section", { key: '62efd2c00306fef33b5aace98c7b226aac19663f', class: this.classCollection.join(), id: this.identifier }, h("mg-card", { key: '9958310f59b455d6a70d4948cb62daa0b27150ee', shadow: this.shadow }, h("header", { key: '593119bbcb5c1204928fe0ba640a04d3af97a13d', class: { 'mg-c-panel__header': true, 'mg-c-panel__header--reverse': this.titlePosition === 'right' }, id: headerId }, this.renderHeaderChildren()), h("article", { key: 'b71801233980b6a871be253061463a2148cf7f2c', class: "mg-c-panel__content", id: `${this.identifier}-content`, "aria-labelledby": headerId, hidden: !this.expanded }, h("slot", { key: 'efc3235a2a0600f55ac51eee7fd932f87ace2a47' })))));
     }
     static get is() { return "mg-panel"; }
     static get encapsulation() { return "shadow"; }
@@ -339,7 +351,7 @@ export class MgPanel {
             },
             "titlePosition": {
                 "type": "string",
-                "mutable": false,
+                "mutable": true,
                 "complexType": {
                     "original": "TitlePositionType",
                     "resolved": "\"left\" | \"right\"",
@@ -347,7 +359,8 @@ export class MgPanel {
                         "TitlePositionType": {
                             "location": "import",
                             "path": "./mg-panel.conf",
-                            "id": "src/components/molecules/mg-panel/mg-panel.conf.ts::TitlePositionType"
+                            "id": "src/components/molecules/mg-panel/mg-panel.conf.ts::TitlePositionType",
+                            "referenceLocation": "TitlePositionType"
                         }
                     }
                 },
@@ -385,7 +398,7 @@ export class MgPanel {
             },
             "expandToggleDisplay": {
                 "type": "string",
-                "mutable": false,
+                "mutable": true,
                 "complexType": {
                     "original": "ExpandToggleDisplayType",
                     "resolved": "\"icon\" | \"text\"",
@@ -393,7 +406,8 @@ export class MgPanel {
                         "ExpandToggleDisplayType": {
                             "location": "import",
                             "path": "./mg-panel.conf",
-                            "id": "src/components/molecules/mg-panel/mg-panel.conf.ts::ExpandToggleDisplayType"
+                            "id": "src/components/molecules/mg-panel/mg-panel.conf.ts::ExpandToggleDisplayType",
+                            "referenceLocation": "ExpandToggleDisplayType"
                         }
                     }
                 },

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: '56962c792e0015e1b52f8121914829b7da136283' }, h("mg-card", { key: '05b557704fd10e1be87e1931fe672f5c29d3afc4', class: this.classCollection.join(), shadow: true }, this.closeButton && (h("mg-button", { key: 'd2fc38c5be7ea92d0d0efc36133d6c683baa4e68', "is-icon": true, variant: "flat", label: this.messages.general.close, onClick: this.handleCloseButton }, h("mg-icon", { key: '5d2091d064f3908a291af3b90acaddc59e2b9268', icon: "cross" }))), h("div", { key: 'd599231cfe330cdbc73f4bf7553b2cc66baf4889', class: "mg-c-popover-content__title" }, h("slot", { key: 'fbb836bac9d9f5f2327ecba13ddc3b1cab974930', name: "title" })), h("slot", { key: 'bdb29d255f35931efa24be57c13c4303ba326778', name: "content" })), h("slot", { key: 'b09b667ea04096baaeac07fac9097a3a22335f2b', 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"; }

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: '530971c84be3edae39c5aed0013d0c5b9005a1c1' }, h("slot", { key: '6e717bc8c5aa3d58fc048c4232e706cc78ab66ec' }), h("slot", { key: 'e779db01e55a28ffaedde21e9944f5ef3c79fa29', 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"; }
@@ -288,7 +288,8 @@ export class MgPopover {
                         "Placement": {
                             "location": "import",
                             "path": "@popperjs/core",
-                            "id": "../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/index.d.ts::Placement"
+                            "id": "../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/index.d.ts::Placement",
+                            "referenceLocation": "Placement"
                         }
                     }
                 },