@mgdis/mg-components 6.13.1 → 6.14.0

package/dist/components/mg-input.js

@@ -4,6 +4,3 @@ const MgInput = MgInput$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { MgInput, defineCustomElement };
-//# sourceMappingURL=mg-input.js.map
-
-//# sourceMappingURL=mg-input.js.map

package/dist/components/mg-input2.js

@@ -48,6 +48,10 @@ const MgInput = /*@__PURE__*/ proxyCustomElement(class MgInput extends HTMLEleme
          * Define if input is required
          */
         this.required = false;
+        /**
+         * Define aria-describedby ids to link with
+         */
+        this.ariaDescribedbyIDs = [];
         /**
          * Element is fieldset
          */
@@ -123,8 +127,17 @@ const MgInput = /*@__PURE__*/ proxyCustomElement(class MgInput extends HTMLEleme
         }
     }
     watchAriaDescribedbyIDs() {
-        if (this.isReadonly)
+        if (this.isReadonly) {
+            return;
+        }
+        else if (typeof this.ariaDescribedbyIDs === 'string') {
+            this.ariaDescribedbyIDs = this.ariaDescribedbyIDs.split(' ');
             return;
+        }
+        else if (!(Array.isArray(this.ariaDescribedbyIDs) && this.ariaDescribedbyIDs.every(entry => typeof entry === 'string'))) {
+            this.ariaDescribedbyIDs = [];
+            return;
+        }
         // a11y IDs
         const ariaDescribedbyIDs = new Set(this.ariaDescribedbyIDs);
         // Help text
@@ -259,7 +272,7 @@ const MgInput = /*@__PURE__*/ proxyCustomElement(class MgInput extends HTMLEleme
      */
     render() {
         const isGroup = this.isFieldset && !this.isReadonly;
-        return (h(Host, { key: 'fb239d1d75a2fe4f2f7796e75fd3949e58c37882', class: this.element.classList.toString(), role: isGroup ? 'group' : undefined, "aria-labelledby": isGroup ? `${this.identifier}-title` : undefined }, h("div", { key: '0a0b36084782d57db0571b56798d87f8597e1256', class: { 'mg-c-input__title': true, 'mg-u-visually-hidden': this.labelHide } }, h("slot", { key: 'd89b8b8818b24c0798c1b2dab37faf0d1573dfa1', name: this.slotLabel }), this.tooltip && (this.tooltipPosition === 'label' || this.labelOnTop) && !this.labelHide && this.renderTooltip()), h("div", { key: '61fd67410d42d49e22f14f9dbff6a20446f2b8bf', class: "mg-c-input__input-container" }, h("div", { key: 'becf5ed690f1d67782c7c3ebd4c1f6ac304d39ed', class: "mg-c-input__input" }, h("slot", { key: '92b902d304351938a538fa8a35cdda0f9ad4d932' }), this.tooltip && !this.labelOnTop && (this.tooltipPosition === 'input' || this.labelHide) && this.renderTooltip()), this.helptextMessageSlotElement && (h("div", { key: 'fcec4c1057241286ed5e2791d09b642d454fceed', class: "mg-c-input__help-text" }, h("slot", { key: '8b219b2d34a73371a0edfe6d545e3023cd4b3621', name: this.slotHelpText }))), !this.isDisabled && this.errorMessage && (h("div", { key: '644c00027e4a7ba82eadb6a149c58a451c1768d3', class: "mg-c-input__error", "aria-live": "assertive" }, h("slot", { key: '612d6bcd7ee465ff671e76b8764044a72459d3d8', name: this.slotError }))))));
+        return (h(Host, { key: '7c4c22aaa8f8d250eafa9159a103a11e637b0cca', class: this.element.classList.toString(), role: isGroup ? 'group' : undefined, "aria-labelledby": isGroup ? `${this.identifier}-title` : undefined }, h("div", { key: '2215e7b2d96e08507579a39d8e05b3e8a3d901fb', class: { 'mg-c-input__title': true, 'mg-u-visually-hidden': this.labelHide } }, h("slot", { key: 'a4dbf4e36dd3ae5437d6dcb05d807f4faa0924b7', name: this.slotLabel }), this.tooltip && (this.tooltipPosition === 'label' || this.labelOnTop) && !this.labelHide && this.renderTooltip()), h("div", { key: '8e382a4857f469a9d6f77cad613183798df4d1e1', class: "mg-c-input__input-container" }, h("div", { key: 'f9897f90d44aab19614d4d40d77a8eb270c92847', class: "mg-c-input__input" }, h("slot", { key: 'c8d809d4ff0d0e660849825f016f9267da3a2d7e' }), this.tooltip && !this.labelOnTop && (this.tooltipPosition === 'input' || this.labelHide) && this.renderTooltip()), this.helptextMessageSlotElement && (h("div", { key: 'cebd6c083d088aebcdae6f032c6cdcf2387c3e27', class: "mg-c-input__help-text" }, h("slot", { key: '923fcc78b309d197e32522052b297ef0f58b1495', name: this.slotHelpText }))), !this.isDisabled && this.errorMessage && (h("div", { key: 'e706bff54ce21191a8c0940c60f6e99a91cfb9ec', class: "mg-c-input__error", "aria-live": "assertive" }, h("slot", { key: '6524debd3640df7b5e73ef4aa4415569eef1ecd8', name: this.slotError }))))));
     }
     get element() { return this; }
     static get watchers() { return {
@@ -287,7 +300,7 @@ const MgInput = /*@__PURE__*/ proxyCustomElement(class MgInput extends HTMLEleme
         "required": [4],
         "errorMessage": [1, "error-message"],
         "helpText": [1, "help-text"],
-        "ariaDescribedbyIDs": [16],
+        "ariaDescribedbyIDs": [1025, "aria-describedby-i-ds"],
         "isFieldset": [32],
         "isReadonly": [32],
         "isDisabled": [32],
@@ -342,6 +355,3 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { MgInput as M, classDisabled as a, classFieldset as b, classReadonly as c, defineCustomElement as d, classVerticalList as e, widths as w };
-//# sourceMappingURL=mg-input2.js.map
-
-//# sourceMappingURL=mg-input2.js.map

package/dist/components/mg-item-more.js

@@ -4,6 +4,3 @@ const MgItemMore = MgItemMore$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { MgItemMore, defineCustomElement };
-//# sourceMappingURL=mg-item-more.js.map
-
-//# sourceMappingURL=mg-item-more.js.map

package/dist/components/mg-item-more2.js

@@ -495,6 +495,3 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { MgItemMore as M, MgMenu as a, defineCustomElement$1 as b, defineCustomElement as d };
-//# sourceMappingURL=mg-item-more2.js.map
-
-//# sourceMappingURL=mg-item-more2.js.map

package/dist/components/mg-loader.js

@@ -4,6 +4,3 @@ const MgLoader = MgLoader$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { MgLoader, defineCustomElement };
-//# sourceMappingURL=mg-loader.js.map
-
-//# sourceMappingURL=mg-loader.js.map

package/dist/components/mg-loader2.js

@@ -70,6 +70,3 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { MgLoader as M, defineCustomElement as d };
-//# sourceMappingURL=mg-loader2.js.map
-
-//# sourceMappingURL=mg-loader2.js.map

package/dist/components/mg-menu-item.js

@@ -4,6 +4,3 @@ const MgMenuItem = MgMenuItem$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { MgMenuItem, defineCustomElement };
-//# sourceMappingURL=mg-menu-item.js.map
-
-//# sourceMappingURL=mg-menu-item.js.map

package/dist/components/mg-menu-item2.js

@@ -481,6 +481,3 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { MgMenuItem as M, Status as S, directions as a, defineCustomElement as d, sizes as s };
-//# sourceMappingURL=mg-menu-item2.js.map
-
-//# sourceMappingURL=mg-menu-item2.js.map

package/dist/components/mg-menu.js

@@ -4,6 +4,3 @@ const MgMenu = MgMenu$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { MgMenu, defineCustomElement };
-//# sourceMappingURL=mg-menu.js.map
-
-//# sourceMappingURL=mg-menu.js.map

package/dist/components/mg-message.js

@@ -4,6 +4,3 @@ const MgMessage = MgMessage$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { MgMessage, defineCustomElement };
-//# sourceMappingURL=mg-message.js.map
-
-//# sourceMappingURL=mg-message.js.map

package/dist/components/mg-message2.js

@@ -96,9 +96,9 @@ const MgMessage = /*@__PURE__*/ proxyCustomElement(class MgMessage extends HTMLE
      * @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" })),
         ]))));
     }
     get element() { return this; }
@@ -142,6 +142,3 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { MgMessage as M, defineCustomElement as d };
-//# sourceMappingURL=mg-message2.js.map
-
-//# sourceMappingURL=mg-message2.js.map

package/dist/components/mg-modal.js

@@ -122,7 +122,7 @@ const MgModal$1 = /*@__PURE__*/ proxyCustomElement(class MgModal extends HTMLEle
                 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" })))))));
     }
     get element() { return this; }
     static get watchers() { return {
@@ -180,6 +180,3 @@ const MgModal = MgModal$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { MgModal, defineCustomElement };
-//# sourceMappingURL=mg-modal.js.map
-
-//# sourceMappingURL=mg-modal.js.map

package/dist/components/mg-pagination.js

@@ -4,6 +4,3 @@ const MgPagination = MgPagination$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { MgPagination, defineCustomElement };
-//# sourceMappingURL=mg-pagination.js.map
-
-//# sourceMappingURL=mg-pagination.js.map

package/dist/components/mg-pagination2.js

@@ -227,6 +227,3 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { MgPagination as M, defineCustomElement as d };
-//# sourceMappingURL=mg-pagination2.js.map
-
-//# sourceMappingURL=mg-pagination2.js.map

package/dist/components/mg-panel.js

@@ -20,7 +20,7 @@ const expandToggleDisplays = ['text', 'icon'];
  */
 const titlePositions = ['left', 'right'];
 
-const mgPanelCss = "/*!\n * @prop --mg-c-panel-border-radius: Defines the border radius of the panel. Default value: `--mg-b-size-radius`.\n * @prop --mg-c-panel-color-background: Defines the background of the panel. Default value: `color-mix(in srgb, var(--mg-b-color-info), white 97%)`.\n * @prop --mg-c-panel-box-shadow: Defines the box shadow of the panel. Default value: `--mg-b-box-shadow`.\n * @prop --mg-c-panel-content-spacing: Defines the padding of the panel content. Default value: `--mg-b-size-16`.\n */:host{--mg-c-card-border:none;--mg-c-card-spacing:0;--mg-c-card-border-radius:var(--mg-c-panel-border-radius);--mg-c-card-color-background:var(--mg-c-panel-color-background);--mg-c-card-box-shadow:var(--mg-c-panel-box-shadow)}.mg-c-panel__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;padding:0 var(--mg-b-size-4)}.mg-c-panel__header-title,.mg-c-panel__header-content{display:flex;margin:var(--mg-b-size-4) 0}.mg-c-panel__header-content{min-height:var(--mg-b-size-min-height);flex:1 auto;align-items:center;padding-left:var(--mg-b-size-4)}.mg-c-panel__header-title mg-input-text{flex-grow:1;margin-left:var(--mg-b-size-4)}.mg-c-panel__header-title mg-button+mg-button:not([slot=append-input]){margin-left:var(--mg-b-size-4)}.mg-c-panel__header-title.mg-c-panel__header-title--full{flex:1 1 auto}.mg-c-panel__collapse-button-content{--mg-b-font-size:var(--mg-b-font-size-h5);--mg-c-button-font-weight:600}.mg-c-panel__collapse-button-icon.mg-c-panel__collapse-button-icon--reverse{transform:rotate(180deg)}.mg-c-panel__content{padding:var(--mg-c-panel-content-spacing)}.mg-c-panel ::slotted([slot=header-right]){display:flex;flex-wrap:wrap;margin-left:auto;gap:var(--mg-b-spacing-actions)}.mg-c-panel ::slotted(*:not(mg-panel,mg-message,mg-modal)){--mg-c-card-border:var(--mg-c-card-border-default);--mg-c-card-spacing:var(--mg-c-card-spacing-default);--mg-c-card-border-radius:var(--mg-c-card-border-radius-default);--mg-c-card-color-background:var(--mg-c-card-color-background-default);--mg-c-card-box-shadow:var(--mg-c-card-box-shadow-default);--mg-c-card-max-width:unset;--mg-c-card-min-width:unset}";
+const mgPanelCss = "/*!\n * @prop --mg-c-panel-border-radius: Defines the border radius of the panel. Default value: `--mg-b-size-radius`.\n * @prop --mg-c-panel-color-background: Defines the background of the panel.\n * @prop --mg-c-panel-box-shadow: Defines the box shadow of the panel. Default value: `--mg-b-box-shadow`.\n * @prop --mg-c-panel-content-spacing: Defines the padding of the panel content. Default value: `--mg-b-size-16`.\n */:host{--mg-c-card-border:none;--mg-c-card-spacing:0;--mg-c-card-border-radius:var(--mg-c-panel-border-radius);--mg-c-card-color-background:var(--mg-c-panel-color-background);--mg-c-card-box-shadow:var(--mg-c-panel-box-shadow)}.mg-c-panel__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;padding:0 var(--mg-b-size-4)}.mg-c-panel__header-title,.mg-c-panel__header-content{display:flex;margin:var(--mg-b-size-4) 0}.mg-c-panel__header-content{min-height:var(--mg-b-size-min-height);flex:1 auto;align-items:center;padding-left:var(--mg-b-size-4)}.mg-c-panel__header-title mg-input-text{flex-grow:1;margin-left:var(--mg-b-size-4)}.mg-c-panel__header-title mg-button+mg-button:not([slot=append-input]){margin-left:var(--mg-b-size-4)}.mg-c-panel__header-title.mg-c-panel__header-title--full{flex:1 1 auto}.mg-c-panel__collapse-button-content{--mg-b-font-size:var(--mg-b-font-size-h5);--mg-c-button-font-weight:600}.mg-c-panel__collapse-button-icon.mg-c-panel__collapse-button-icon--reverse{transform:rotate(180deg)}.mg-c-panel__content{padding:var(--mg-c-panel-content-spacing)}.mg-c-panel ::slotted([slot=header-right]){display:flex;flex-wrap:wrap;margin-left:auto;gap:var(--mg-b-spacing-actions)}.mg-c-panel ::slotted(*:not(mg-panel,mg-message,mg-modal)){--mg-c-card-border:var(--mg-c-card-border-default);--mg-c-card-spacing:var(--mg-c-card-spacing-default);--mg-c-card-border-radius:var(--mg-c-card-border-radius-default);--mg-c-card-color-background:var(--mg-c-card-color-background-default);--mg-c-card-box-shadow:var(--mg-c-card-box-shadow-default);--mg-c-card-max-width:unset;--mg-c-card-min-width:unset}";
 
 const MgPanel$1 = /*@__PURE__*/ proxyCustomElement(class MgPanel extends HTMLElement {
     constructor() {
@@ -54,6 +54,10 @@ const MgPanel$1 = /*@__PURE__*/ proxyCustomElement(class MgPanel extends HTMLEle
          * Disable possibility to toggle expand
          */
         this.expandToggleDisabled = false;
+        /**
+         * Add box-shadow style
+         */
+        this.shadow = false;
         /**
          * Component classes
          */
@@ -213,7 +217,7 @@ const MgPanel$1 = /*@__PURE__*/ proxyCustomElement(class MgPanel extends HTMLEle
      */
     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' })))));
     }
     get element() { return this; }
     static get watchers() { return {
@@ -236,6 +240,7 @@ const MgPanel$1 = /*@__PURE__*/ proxyCustomElement(class MgPanel extends HTMLEle
         "expanded": [1028],
         "expandToggleDisplay": [1, "expand-toggle-display"],
         "expandToggleDisabled": [4, "expand-toggle-disabled"],
+        "shadow": [4],
         "classCollection": [32],
         "isEditing": [32],
         "updatedPanelTitle": [32]
@@ -312,6 +317,3 @@ const MgPanel = MgPanel$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { MgPanel, defineCustomElement };
-//# sourceMappingURL=mg-panel.js.map
-
-//# sourceMappingURL=mg-panel.js.map

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

@@ -4,6 +4,3 @@ const MgPopoverContent = MgPopoverContent$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { MgPopoverContent, defineCustomElement };
-//# sourceMappingURL=mg-popover-content.js.map
-
-//# sourceMappingURL=mg-popover-content.js.map

package/dist/components/mg-popover-content2.js

@@ -53,7 +53,7 @@ const MgPopoverContent = /*@__PURE__*/ proxyCustomElement(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" })));
     }
     get element() { return this; }
     static get style() { return mgPopoverContentCss; }
@@ -92,6 +92,3 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { MgPopoverContent as M, defineCustomElement as d };
-//# sourceMappingURL=mg-popover-content2.js.map
-
-//# sourceMappingURL=mg-popover-content2.js.map

package/dist/components/mg-popover.js

@@ -4,6 +4,3 @@ const MgPopover = MgPopover$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { MgPopover, defineCustomElement };
-//# sourceMappingURL=mg-popover.js.map
-
-//# sourceMappingURL=mg-popover.js.map

package/dist/components/mg-popover2.js

@@ -308,6 +308,3 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { MgPopover as M, defineCustomElement as d };
-//# sourceMappingURL=mg-popover2.js.map
-
-//# sourceMappingURL=mg-popover2.js.map

package/dist/components/mg-progress.js

@@ -119,6 +119,3 @@ const MgProgress = MgProgress$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { MgProgress, defineCustomElement };
-//# sourceMappingURL=mg-progress.js.map
-
-//# sourceMappingURL=mg-progress.js.map

package/dist/components/mg-skip-links.js

@@ -18,8 +18,9 @@ const MgSkipLinks$1 = /*@__PURE__*/ proxyCustomElement(class MgSkipLinks extends
          * @param event - mouse event
          */
         this.handleLinkCLick = (event) => {
-            event.currentTarget.blur();
-            this.goToAnchor.emit(event.currentTarget.getAttribute('href'));
+            const element = event.currentTarget;
+            element.blur();
+            this.goToAnchor.emit(element.getAttribute('href'));
         };
     }
     validateLinks(links) {
@@ -42,7 +43,7 @@ const MgSkipLinks$1 = /*@__PURE__*/ proxyCustomElement(class MgSkipLinks extends
      * @returns HTML Element
      */
     render() {
-        return (h("nav", { key: '334bfc3fdd2749ad172b03168f2d00d6c5d26a2f', class: "mg-c-skip-links", role: "navigation", "aria-label": this.messages.skipLinks.navLabel }, h("ul", { key: 'dc9e2202c955f0ff582ae3fe9cd0b48542eb3c10', class: "mg-c-skip-links__list", role: "list" }, this.links.map(link => (h("li", { key: link.href }, h("a", { class: "mg-c-skip-links__link", href: link.href, onClick: this.handleLinkCLick }, link.label)))))));
+        return (h("nav", { key: '9df42d332b207abf989ef73f3c83ebbcfcf222a6', class: "mg-c-skip-links", role: "navigation", "aria-label": this.messages.skipLinks.navLabel }, h("ul", { key: '0185490dbd3dfb08b534a898fe779850ce96c427', class: "mg-c-skip-links__list", role: "list" }, this.links.map(link => (h("li", { key: link.href }, h("a", { class: "mg-c-skip-links__link", href: link.href, onClick: this.handleLinkCLick }, link.label)))))));
     }
     get element() { return this; }
     static get watchers() { return {
@@ -73,6 +74,3 @@ const MgSkipLinks = MgSkipLinks$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { MgSkipLinks, defineCustomElement };
-//# sourceMappingURL=mg-skip-links.js.map
-
-//# sourceMappingURL=mg-skip-links.js.map

package/dist/components/mg-table.js

@@ -218,7 +218,7 @@ const MgTable$1 = /*@__PURE__*/ proxyCustomElement(class MgTable extends HTMLEle
             });
         }
         // Add alignment to columns
-        this.element.shadowRoot.adoptedStyleSheets = [...this.element.shadowRoot.adoptedStyleSheets, this.alignmentStylesheet];
+        this.element.shadowRoot.adoptedStyleSheets.push(this.alignmentStylesheet);
         // Create div wrapper for responsive behavior
         const divWrapper = document.createElement('div');
         divWrapper.setAttribute('class', this.componentWrapperClass);
@@ -315,6 +315,3 @@ const MgTable = MgTable$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { MgTable, defineCustomElement };
-//# sourceMappingURL=mg-table.js.map
-
-//# sourceMappingURL=mg-table.js.map

package/dist/components/mg-tabs.js

@@ -253,7 +253,7 @@ const MgTabs$1 = /*@__PURE__*/ proxyCustomElement(class MgTabs extends HTMLEleme
      * @returns HTML Element
      */
     render() {
-        return (h("div", { key: '0e61cfdaa48e7d24adc1d427bf0b202c67948530', class: this.classCollection.join() }, h("header", { key: 'd43836e3daef98d1dad558ab12dd1f4310c7cfcd', role: "tablist", "aria-label": this.label, class: "mg-c-tabs__header" }, this.tabs.map((tab, index) => (h("button", { key: tab.label, role: "tab", id: this.getElementId(this.identifier, index), class: {
+        return (h("div", { key: '06dd97d9d4e77f606dee3c4a8960b51265345666', class: this.classCollection.join() }, h("header", { key: 'ea3771bdfe8576bb8b443823a2c338a51ed3ba69', role: "tablist", "aria-label": this.label, class: "mg-c-tabs__header" }, this.tabs.map((tab, index) => (h("button", { key: tab.label, role: "tab", id: this.getElementId(this.identifier, index), class: {
                 [`${this.buttonTabBaseClass}`]: true,
                 [`${this.buttonTabBaseClass}--horizontal`]: true,
                 [`${this.getNavigationButtonClass(Status.ACTIVE)}`]: this.tabHasStatus(tab, Status.ACTIVE),
@@ -314,6 +314,3 @@ const MgTabs = MgTabs$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { MgTabs, defineCustomElement };
-//# sourceMappingURL=mg-tabs.js.map
-
-//# sourceMappingURL=mg-tabs.js.map

package/dist/components/mg-tag.js

@@ -129,6 +129,3 @@ const MgTag = MgTag$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { MgTag, defineCustomElement };
-//# sourceMappingURL=mg-tag.js.map
-
-//# sourceMappingURL=mg-tag.js.map

package/dist/components/mg-tooltip-content.js

@@ -4,6 +4,3 @@ const MgTooltipContent = MgTooltipContent$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { MgTooltipContent, defineCustomElement };
-//# sourceMappingURL=mg-tooltip-content.js.map
-
-//# sourceMappingURL=mg-tooltip-content.js.map

package/dist/components/mg-tooltip-content2.js

@@ -38,6 +38,3 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { MgTooltipContent as M, defineCustomElement as d };
-//# sourceMappingURL=mg-tooltip-content2.js.map
-
-//# sourceMappingURL=mg-tooltip-content2.js.map

package/dist/components/mg-tooltip.js

@@ -4,6 +4,3 @@ const MgTooltip = MgTooltip$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { MgTooltip, defineCustomElement };
-//# sourceMappingURL=mg-tooltip.js.map
-
-//# sourceMappingURL=mg-tooltip.js.map

package/dist/components/mg-tooltip2.js

@@ -417,6 +417,3 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { MgTooltip as M, defineCustomElement as d };
-//# sourceMappingURL=mg-tooltip2.js.map
-
-//# sourceMappingURL=mg-tooltip2.js.map

package/dist/components/popper.js

@@ -1788,6 +1788,3 @@ var createPopper = /*#__PURE__*/popperGenerator({
 }); // eslint-disable-next-line import/no-unused-modules
 
 export { createPopper as c };
-//# sourceMappingURL=popper.js.map
-
-//# sourceMappingURL=popper.js.map

package/dist/esm/events.utils-yMGqY8YG.js

@@ -21,6 +21,3 @@ const Keys = {
 };
 
 export { Keys as K };
-//# sourceMappingURL=events.utils-yMGqY8YG.js.map
-
-//# sourceMappingURL=events.utils-yMGqY8YG.js.map

package/dist/esm/index-Bv7NHR-W.js

@@ -462,6 +462,3 @@ const messages = { en, fr };
 const initLocales = defineLocales(messages, defaultLocale);
 
 export { localeDatePattern as a, localeNumber as b, localeUnit as c, localePercent as d, localeCurrency as e, initLocales as i, localeDate as l };
-//# sourceMappingURL=index-Bv7NHR-W.js.map
-
-//# sourceMappingURL=index-Bv7NHR-W.js.map