@mgdis/mg-components 6.10.1 → 6.11.0

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { Z as Zt, H as Ht, q as qe, D as Dt, X as Xt, Q as Qt } from './index.es.js';
+import { D as Dt, a as qt, q as qe, B as Bt, Y as Yt, e as er } from './index.es.js';
 import { i as initLocales } from './index2.js';
 import { d as defineCustomElement$6 } from './mg-badge2.js';
 import { d as defineCustomElement$5 } from './mg-button2.js';
@@ -54,7 +54,7 @@ const MgMenuItem = /*@__PURE__*/ proxyCustomElement(class MgMenuItem extends HTM
         /**
          * Identifier is used to control mg-popover
          */
-        this.identifier = Zt('mg-menu-item');
+        this.identifier = Dt('mg-menu-item');
         /**
          * Define menu-item status.
          */
@@ -73,7 +73,7 @@ const MgMenuItem = /*@__PURE__*/ proxyCustomElement(class MgMenuItem extends HTM
         /**
          * Component button classes
          */
-        this.navigationButtonClassList = new Ht([this.navigationButton]);
+        this.navigationButtonClassList = new qt([this.navigationButton]);
         /**
          * Does component have children.
          */
@@ -232,8 +232,8 @@ const MgMenuItem = /*@__PURE__*/ proxyCustomElement(class MgMenuItem extends HTM
         this.renderSlot = () => h("slot", null);
     }
     watchIdentifier(newValue) {
-        if (!Dt(newValue)) {
-            console.error(`<mg-menu-item> prop "identifier" value is invalid. Passed value: ${Xt(newValue)}.`);
+        if (!Bt(newValue)) {
+            console.error(`<mg-menu-item> prop "identifier" value is invalid. Passed value: ${Yt(newValue)}.`);
         }
         else {
             this.popoverIdentifier = `${this.identifier}-popover`;
@@ -241,7 +241,7 @@ const MgMenuItem = /*@__PURE__*/ proxyCustomElement(class MgMenuItem extends HTM
     }
     watchTarget(newValue) {
         if (newValue && !targets.includes(newValue)) {
-            throw new Error(`<mg-link> prop "target" must be one of: ${targets.join(', ')}. Passed value: ${Xt(newValue)}.`);
+            throw new Error(`<mg-link> prop "target" must be one of: ${targets.join(', ')}. Passed value: ${Yt(newValue)}.`);
         }
     }
     watchStatus(newValue, oldValue) {
@@ -251,7 +251,7 @@ const MgMenuItem = /*@__PURE__*/ proxyCustomElement(class MgMenuItem extends HTM
     }
     watchExpanded(newValue) {
         if (typeof newValue !== 'boolean') {
-            throw new Error(`<${this.name}> prop "expanded" must be a boolean. Passed value: ${Xt(newValue)}.`);
+            throw new Error(`<${this.name}> prop "expanded" must be a boolean. Passed value: ${Yt(newValue)}.`);
         }
         else {
             this.updateExpanded(newValue);
@@ -366,7 +366,7 @@ const MgMenuItem = /*@__PURE__*/ proxyCustomElement(class MgMenuItem extends HTM
      * @returns promise process wich emit the 'item-updated' event
      */
     componentShouldUpdate() {
-        return Qt(() => {
+        return er(() => {
             this.itemUpdated.emit();
         });
     }

package/dist/components/mg-message2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { H as Ht, X as Xt } from './index.es.js';
+import { a as qt, Y as Yt } from './index.es.js';
 import { d as defineCustomElement$2 } from './mg-card2.js';
 import { d as defineCustomElement$1 } from './mg-icon2.js';
 
@@ -34,7 +34,7 @@ const MgMessage = /*@__PURE__*/ proxyCustomElement(class MgMessage extends HTMLE
         /**
          * Component classes
          */
-        this.classCollection = new Ht(['mg-c-message']);
+        this.classCollection = new qt(['mg-c-message']);
         /**
          * Define if component is using actions slot
          */
@@ -58,7 +58,7 @@ const MgMessage = /*@__PURE__*/ proxyCustomElement(class MgMessage extends HTMLE
     }
     watchVariant(newValue, oldValue) {
         if (!variants.includes(newValue)) {
-            throw new Error(`<mg-message> prop "variant" must be one of: ${variants.join(', ')}. Passed value: ${Xt(newValue)}.`);
+            throw new Error(`<mg-message> prop "variant" must be one of: ${variants.join(', ')}. Passed value: ${Yt(newValue)}.`);
         }
         else {
             if (newValue !== undefined)
@@ -69,7 +69,7 @@ const MgMessage = /*@__PURE__*/ proxyCustomElement(class MgMessage extends HTMLE
     }
     watchVariantStyle(newValue, oldValue) {
         if (!variantStyles.includes(newValue)) {
-            throw new Error(`<mg-message> prop "variantStyle" must be one of: ${variantStyles.join(', ')}. Passed value: ${Xt(newValue)}.`);
+            throw new Error(`<mg-message> prop "variantStyle" must be one of: ${variantStyles.join(', ')}. Passed value: ${Yt(newValue)}.`);
         }
         else {
             if (newValue !== undefined)

package/dist/components/mg-modal.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { Z as Zt, H as Ht, D as Dt, X as Xt, q as qe } from './index.es.js';
+import { D as Dt, a as qt, B as Bt, Y as Yt, q as qe } from './index.es.js';
 import { i as initLocales } from './index2.js';
 import { d as defineCustomElement$4 } from './mg-button2.js';
 import { d as defineCustomElement$3 } from './mg-card2.js';
@@ -26,7 +26,7 @@ const MgModal$1 = /*@__PURE__*/ proxyCustomElement(class MgModal extends HTMLEle
          * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
          * If not set, it will be created.
          */
-        this.identifier = Zt('mg-modal');
+        this.identifier = Dt('mg-modal');
         /**
          * Modal dialog role.
          */
@@ -46,7 +46,7 @@ const MgModal$1 = /*@__PURE__*/ proxyCustomElement(class MgModal extends HTMLEle
         /**
          * Component classes
          */
-        this.classCollection = new Ht(['mg-c-modal']);
+        this.classCollection = new qt(['mg-c-modal']);
         /***********
          * Handles *
          ***********/
@@ -59,17 +59,17 @@ const MgModal$1 = /*@__PURE__*/ proxyCustomElement(class MgModal extends HTMLEle
         };
     }
     watchIdentifier(newValue) {
-        if (!Dt(newValue)) {
-            throw new Error(`<mg-modal> prop "identifier" value is invalid. Passed value: ${Xt(newValue)}.`);
+        if (!Bt(newValue)) {
+            throw new Error(`<mg-modal> prop "identifier" value is invalid. Passed value: ${Yt(newValue)}.`);
         }
     }
     validateDialogRole(newValue) {
         if (!dialogRoles.includes(newValue))
-            throw new Error(`<mg-modal> prop "dialogRole" must be one of: ${dialogRoles.join(', ')}. Passed value: ${Xt(newValue)}.`);
+            throw new Error(`<mg-modal> prop "dialogRole" must be one of: ${dialogRoles.join(', ')}. Passed value: ${Yt(newValue)}.`);
     }
     validateModalTitle(newValue) {
         if (!qe(newValue)) {
-            throw new Error(`<mg-modal> prop "modalTitle" is required. Passed value: ${Xt(newValue)}.`);
+            throw new Error(`<mg-modal> prop "modalTitle" is required. Passed value: ${Yt(newValue)}.`);
         }
     }
     watchOpen(newValue) {

package/dist/components/mg-pagination2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { Z as Zt, D as Dt, X as Xt } from './index.es.js';
+import { D as Dt, B as Bt, Y as Yt } from './index.es.js';
 import { i as initLocales } from './index2.js';
 import { d as defineCustomElement$7 } from './mg-button2.js';
 import { d as defineCustomElement$6 } from './mg-icon2.js';
@@ -48,7 +48,7 @@ const MgPagination = /*@__PURE__*/ proxyCustomElement(class MgPagination extends
          * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
          * If not set, it will be created.
          */
-        this.identifier = Zt('mg-pagination');
+        this.identifier = Dt('mg-pagination');
         /**
          * Hide navigation label
          */
@@ -93,18 +93,18 @@ const MgPagination = /*@__PURE__*/ proxyCustomElement(class MgPagination extends
         };
     }
     watchIdentifier(newValue) {
-        if (!Dt(newValue)) {
-            console.error(`<mg-pagination> prop "identifier" value is invalid. Passed value: ${Xt(newValue)}.`);
+        if (!Bt(newValue)) {
+            console.error(`<mg-pagination> prop "identifier" value is invalid. Passed value: ${Yt(newValue)}.`);
         }
     }
     validateTotalPages(newValue) {
         if (newValue < 1) {
-            throw new Error(`<mg-pagination> prop "totalPages" must be greater than 0. Passed value: ${Xt(newValue)}.`);
+            throw new Error(`<mg-pagination> prop "totalPages" must be greater than 0. Passed value: ${Yt(newValue)}.`);
         }
     }
     validateCurrentPage(newValue) {
         if (newValue < 1) {
-            throw new Error(`<mg-pagination> prop "currentPage" must be greater than 0. Passed value: ${Xt(newValue)}.`);
+            throw new Error(`<mg-pagination> prop "currentPage" must be greater than 0. Passed value: ${Yt(newValue)}.`);
         }
         else if (newValue > this.totalPages) {
             throw new Error('<mg-pagination> prop "currentPage" can not be greater than total page.');

package/dist/components/mg-panel.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { Z as Zt, H as Ht, D as Dt, X as Xt, q as qe } from './index.es.js';
+import { D as Dt, a as qt, B as Bt, Y as Yt, q as qe } from './index.es.js';
 import { i as initLocales } from './index2.js';
 import { d as defineCustomElement$a } from './mg-button2.js';
 import { d as defineCustomElement$9 } from './mg-card2.js';
@@ -33,7 +33,7 @@ const MgPanel$1 = /*@__PURE__*/ proxyCustomElement(class MgPanel extends HTMLEle
          * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
          * If not set, it will be created.
          */
-        this.identifier = Zt('mg-panel');
+        this.identifier = Dt('mg-panel');
         /**
          * Define if panel title is editable
          */
@@ -57,7 +57,7 @@ const MgPanel$1 = /*@__PURE__*/ proxyCustomElement(class MgPanel extends HTMLEle
         /**
          * Component classes
          */
-        this.classCollection = new Ht(['mg-c-panel']);
+        this.classCollection = new qt(['mg-c-panel']);
         /**
          * Title is in edition mode
          */
@@ -156,13 +156,13 @@ const MgPanel$1 = /*@__PURE__*/ proxyCustomElement(class MgPanel extends HTMLEle
         };
     }
     watchIdentifier(newValue) {
-        if (!Dt(newValue)) {
-            console.error(`<mg-panel> prop "identifier" value is invalid. Passed value: ${Xt(newValue)}.`);
+        if (!Bt(newValue)) {
+            console.error(`<mg-panel> prop "identifier" value is invalid. Passed value: ${Yt(newValue)}.`);
         }
     }
     validatePanelTitle(newValue) {
         if (!qe(newValue))
-            throw new Error(`<mg-panel> prop "panelTitle" is required and must be a string. Passed value: ${Xt(newValue)}.`);
+            throw new Error(`<mg-panel> prop "panelTitle" is required and must be a string. Passed value: ${Yt(newValue)}.`);
         this.titleChange.emit(newValue);
     }
     validateTitlePattern(newValue) {
@@ -171,14 +171,14 @@ const MgPanel$1 = /*@__PURE__*/ proxyCustomElement(class MgPanel extends HTMLEle
     }
     validateTitlePosition(newValue) {
         if (!titlePositions.includes(newValue))
-            throw new Error(`<mg-panel> prop "titlePosition" must be one of: ${titlePositions.join(', ')}. Passed value: ${Xt(newValue)}.`);
+            throw new Error(`<mg-panel> prop "titlePosition" must be one of: ${titlePositions.join(', ')}. Passed value: ${Yt(newValue)}.`);
     }
     handleExpanded(newValue) {
         this.expandedChange.emit(newValue);
     }
     validateExpandToggleDisplay(newValue) {
         if (!expandToggleDisplays.includes(newValue))
-            throw new Error(`<mg-panel> prop "expandToggleDisplay" must be one of: ${expandToggleDisplays.join(', ')}. Passed value: ${Xt(newValue)}.`);
+            throw new Error(`<mg-panel> prop "expandToggleDisplay" must be one of: ${expandToggleDisplays.join(', ')}. Passed value: ${Yt(newValue)}.`);
         if (newValue === 'icon' && this.titleEditable)
             this.titleEditable = false;
     }

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { H as Ht, B as Bt } from './index.es.js';
+import { a as qt, J as Jt } from './index.es.js';
 import { i as initLocales } from './index2.js';
 import { d as defineCustomElement$3 } from './mg-button2.js';
 import { d as defineCustomElement$2 } from './mg-card2.js';
@@ -20,7 +20,7 @@ const MgPopoverContent = /*@__PURE__*/ proxyCustomElement(class MgPopoverContent
         /**
          * Component classes
          */
-        this.classCollection = new Ht(['mg-c-popover-content']);
+        this.classCollection = new qt(['mg-c-popover-content']);
         /**
          * Handle action for close button
          */
@@ -44,7 +44,7 @@ const MgPopoverContent = /*@__PURE__*/ proxyCustomElement(class MgPopoverContent
     componentDidLoad() {
         const headingTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
         const slottedTitleElement = this.element.querySelector('[slot="title"]');
-        if (slottedTitleElement && !Bt(slottedTitleElement, headingTags)) {
+        if (slottedTitleElement && !Jt(slottedTitleElement, headingTags)) {
             throw new Error(`<mg-popover> Slotted title must be a heading: ${headingTags.join(', ')}.`);
         }
     }

package/dist/components/mg-popover2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { Z as Zt, D as Dt, X as Xt, J as Jt } from './index.es.js';
+import { D as Dt, B as Bt, Y as Yt, K as Kt } from './index.es.js';
 import { d as defineCustomElement$4 } from './mg-button2.js';
 import { d as defineCustomElement$3 } from './mg-card2.js';
 import { d as defineCustomElement$2 } from './mg-icon2.js';
@@ -19,7 +19,7 @@ const MgPopover = /*@__PURE__*/ proxyCustomElement(class MgPopover extends HTMLE
          * Sets an `id` attribute.
          * Needed by the input for accessibility `aria-decribedby`.
          */
-        this.identifier = Zt('mg-popover');
+        this.identifier = Dt('mg-popover');
         /**
          * Popover placement
          */
@@ -138,8 +138,8 @@ const MgPopover = /*@__PURE__*/ proxyCustomElement(class MgPopover extends HTMLE
         };
     }
     validateIdentifier(newValue) {
-        if (!Dt(newValue)) {
-            throw new Error(`<mg-popover> prop "identifier" value is invalid. Passed value: ${Xt(newValue)}.`);
+        if (!Bt(newValue)) {
+            throw new Error(`<mg-popover> prop "identifier" value is invalid. Passed value: ${Yt(newValue)}.`);
         }
         // use renderPopoverContent to update popover-content id
         this.renderPopoverContent();
@@ -176,7 +176,7 @@ const MgPopover = /*@__PURE__*/ proxyCustomElement(class MgPopover extends HTMLE
      */
     componentWillLoad() {
         // Get windows to attach events
-        this.windows = Jt(window);
+        this.windows = Kt(window);
         // render mg-popover-content slot
         this.renderPopoverContent();
         this.validateCloseButton(this.closeButton);

package/dist/components/mg-progress.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { q as qe, X as Xt, K as Kt } from './index.es.js';
+import { q as qe, Y as Yt, Q as Qt } from './index.es.js';
 
 /**
  * List of all possibles roles
@@ -36,25 +36,25 @@ const MgProgress$1 = /*@__PURE__*/ proxyCustomElement(class MgProgress extends H
     }
     watchLabel(newValue) {
         if (!qe(newValue)) {
-            throw new Error(`<mg-progress> prop "label" must be a valid string. Passed value: ${Xt(newValue)}.`);
+            throw new Error(`<mg-progress> prop "label" must be a valid string. Passed value: ${Yt(newValue)}.`);
         }
     }
     watchAriaRole(newValue) {
         if (newValue && !roles.includes(newValue)) {
-            throw new Error(`<mg-progress> prop "ariaRole" must be one of: ${roles.join(', ')}. Passed value: ${Xt(newValue)}.`);
+            throw new Error(`<mg-progress> prop "ariaRole" must be one of: ${roles.join(', ')}. Passed value: ${Yt(newValue)}.`);
         }
     }
     watchValue(newValue) {
-        if (newValue !== undefined && (!Kt(newValue) || !(newValue >= this.min && newValue <= this.max)))
-            throw new Error(`<mg-progress> prop “value” must be a number within the range ${this.min} to ${this.max}. Passed value: ${Xt(newValue)}.`);
+        if (newValue !== undefined && (!Qt(newValue) || !(newValue >= this.min && newValue <= this.max)))
+            throw new Error(`<mg-progress> prop “value” must be a number within the range ${this.min} to ${this.max}. Passed value: ${Yt(newValue)}.`);
     }
     watchMin(newValue) {
-        if (newValue !== 0 && newValue !== undefined && (!Kt(newValue) || newValue >= this.max))
-            throw new Error(`<mg-progress> prop “min” must be a number lower than: ${this.max}. Passed value: ${Xt(newValue)}.`);
+        if (newValue !== 0 && newValue !== undefined && (!Qt(newValue) || newValue >= this.max))
+            throw new Error(`<mg-progress> prop “min” must be a number lower than: ${this.max}. Passed value: ${Yt(newValue)}.`);
     }
     watchMax(newValue) {
-        if (newValue !== 100 && newValue !== undefined && (!Kt(newValue) || newValue <= this.min))
-            throw new Error(`<mg-progress> prop “max” must be a number greater than: ${this.min}. Passed value: ${Xt(newValue)}.`);
+        if (newValue !== 100 && newValue !== undefined && (!Qt(newValue) || newValue <= this.min))
+            throw new Error(`<mg-progress> prop “max” must be a number greater than: ${this.min}. Passed value: ${Yt(newValue)}.`);
     }
     /*************
      * Lifecycle *

package/dist/components/mg-table.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
-import { H as Ht, X as Xt, q as qe, Z as Zt } from './index.es.js';
+import { a as qt, Y as Yt, q as qe, D as Dt } from './index.es.js';
 import { i as initLocales } from './index2.js';
 import { d as defineCustomElement$2 } from './mg-icon2.js';
 
@@ -83,11 +83,11 @@ const MgTable$1 = /*@__PURE__*/ proxyCustomElement(class MgTable extends HTMLEle
         /**
          * Class collection
          */
-        this.classCollection = new Ht([this.componentClass]);
+        this.classCollection = new qt([this.componentClass]);
     }
     watchSize(newValue, oldValue) {
         if (!sizes.includes(newValue)) {
-            throw new Error(`<mg-table> prop "size" must be one of: ${sizes.join(', ')}. Passed value: ${Xt(newValue)}.`);
+            throw new Error(`<mg-table> prop "size" must be one of: ${sizes.join(', ')}. Passed value: ${Yt(newValue)}.`);
         }
         else {
             if (oldValue !== undefined) {
@@ -106,7 +106,7 @@ const MgTable$1 = /*@__PURE__*/ proxyCustomElement(class MgTable extends HTMLEle
     }
     watchColumns(newValue) {
         if (newValue !== undefined && !isValidColumnsObject(newValue)) {
-            throw new Error(`<mg-table> prop "columns" must be a ColumnsType object. Passed value: ${Xt(newValue)}.`);
+            throw new Error(`<mg-table> prop "columns" must be a ColumnsType object. Passed value: ${Yt(newValue)}.`);
         }
     }
     /**
@@ -236,7 +236,7 @@ const MgTable$1 = /*@__PURE__*/ proxyCustomElement(class MgTable extends HTMLEle
             captionTable.className = 'mg-u-visually-hidden';
             // Link caption to div
             if (!qe(captionTable.id)) {
-                captionTable.setAttribute('id', Zt(`${this.componentClass}-caption`));
+                captionTable.setAttribute('id', Dt(`${this.componentClass}-caption`));
             }
             divWrapper.setAttribute('aria-labelledby', captionTable.id);
             // Add sortable caption if neeeded

package/dist/components/mg-tabs.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { Z as Zt, H as Ht, Q as Qt, D as Dt, X as Xt, q as qe, a as qt } from './index.es.js';
+import { D as Dt, a as qt, e as er, B as Bt, Y as Yt, q as qe, G as Gt } from './index.es.js';
 import { K as Keys } from './events.utils.js';
 import { d as defineCustomElement$3 } from './mg-badge2.js';
 import { d as defineCustomElement$2 } from './mg-icon2.js';
@@ -43,7 +43,7 @@ const MgTabs$1 = /*@__PURE__*/ proxyCustomElement(class MgTabs extends HTMLEleme
          * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
          * If not set, it will be created.
          */
-        this.identifier = Zt('mg-tabs');
+        this.identifier = Dt('mg-tabs');
         /**
          * Define tabs size
          */
@@ -55,7 +55,7 @@ const MgTabs$1 = /*@__PURE__*/ proxyCustomElement(class MgTabs extends HTMLEleme
         /**
          * Component classes
          */
-        this.classCollection = new Ht(['mg-c-tabs']);
+        this.classCollection = new qt(['mg-c-tabs']);
         /**
          * Validate that new tab status can be `Status.ACTIVE`
          * @param tab - tab item
@@ -153,7 +153,7 @@ const MgTabs$1 = /*@__PURE__*/ proxyCustomElement(class MgTabs extends HTMLEleme
          */
         this.resetFocus = () => {
             // update asynchronously tabindex to prevent get focus on new tabindex at then end of event process
-            Qt(() => {
+            er(() => {
                 this.tabFocus = undefined;
                 Array.from(this.element.shadowRoot.querySelectorAll('[data-index]')).forEach((tab, index) => {
                     tab.setAttribute('tabindex', this.activeTab - this.startIndex !== index ? '-1' : '0');
@@ -170,30 +170,30 @@ const MgTabs$1 = /*@__PURE__*/ proxyCustomElement(class MgTabs extends HTMLEleme
         };
     }
     watchIdentifier(newValue) {
-        if (!Dt(newValue)) {
-            console.error(`<mg-tabs> prop "identifier" value is invalid. Passed value: ${Xt(newValue)}.`);
+        if (!Bt(newValue)) {
+            console.error(`<mg-tabs> prop "identifier" value is invalid. Passed value: ${Yt(newValue)}.`);
         }
     }
     validateLabel(newValue) {
         if (!qe(newValue)) {
-            throw new Error(`<mg-tabs> prop "label" is required and must be a string. Passed value: ${Xt(newValue)}.`);
+            throw new Error(`<mg-tabs> prop "label" is required and must be a string. Passed value: ${Yt(newValue)}.`);
         }
     }
     validateSize(newValue) {
         if (!sizes.includes(newValue)) {
-            throw new Error(`<mg-tabs> prop "size" must be one of: ${sizes.join(', ')}. Passed value: ${Xt(newValue)}.`);
+            throw new Error(`<mg-tabs> prop "size" must be one of: ${sizes.join(', ')}. Passed value: ${Yt(newValue)}.`);
         }
         this.classCollection.add(`mg-c-tabs--size-${this.size}`);
     }
     validateItems(newValue) {
         // String array
-        if (qt(newValue))
+        if (Gt(newValue))
             this.tabs = newValue.map(item => ({ label: item, status: Status.VISIBLE }));
         // Object array
         else if (Array.isArray(newValue) && newValue.length > 0 && newValue.every(isTabItem))
             this.tabs = newValue;
         else
-            throw new Error(`<mg-tabs> prop "items" is required and all items must be the same type: TabItem. Passed value: ${Xt(newValue)}.`);
+            throw new Error(`<mg-tabs> prop "items" is required and all items must be the same type: TabItem. Passed value: ${Yt(newValue)}.`);
     }
     validateActiveTab(newValue) {
         // when `active-tab` is undefined we set default value by searching an item with `Status.ACTIVE` or we use the `startIndex` has fallback value
@@ -218,7 +218,7 @@ const MgTabs$1 = /*@__PURE__*/ proxyCustomElement(class MgTabs extends HTMLEleme
             this.activeTabChange.emit(newValue);
         }
         else {
-            throw new Error(`<mg-tabs> prop "activeTab" must be a number between ${this.startIndex} and ${this.tabs.length} and new value must be "activable". Passed value: ${Xt(newValue)}.`);
+            throw new Error(`<mg-tabs> prop "activeTab" must be a number between ${this.startIndex} and ${this.tabs.length} and new value must be "activable". Passed value: ${Yt(newValue)}.`);
         }
     }
     /*************

package/dist/components/mg-tag.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { H as Ht, X as Xt, q as qe } from './index.es.js';
+import { a as qt, Y as Yt, q as qe } from './index.es.js';
 
 /**
  * List of all possibles variants
@@ -34,11 +34,11 @@ const MgTag$1 = /*@__PURE__*/ proxyCustomElement(class MgTag extends HTMLElement
         /**
          * Component classes
          */
-        this.classCollection = new Ht(['mg-c-tag']);
+        this.classCollection = new qt(['mg-c-tag']);
     }
     validateVariant(newValue, oldValue) {
         if (!variants.includes(newValue)) {
-            throw new Error(`<mg-tag> prop "variant" must be one of: ${variants.join(', ')}. Passed value: ${Xt(newValue)}.`);
+            throw new Error(`<mg-tag> prop "variant" must be one of: ${variants.join(', ')}. Passed value: ${Yt(newValue)}.`);
         }
         else {
             if (oldValue !== undefined) {

package/dist/components/mg-tooltip2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { Z as Zt, Q as Qt, D as Dt, X as Xt, q as qe, J as Jt, c as Gt } from './index.es.js';
+import { D as Dt, e as er, B as Bt, Y as Yt, q as qe, K as Kt, X as Xt } from './index.es.js';
 import { d as defineCustomElement$1 } from './mg-tooltip-content2.js';
 import { c as createPopper } from './popper.js';
 
@@ -27,7 +27,7 @@ const MgTooltip = /*@__PURE__*/ proxyCustomElement(class MgTooltip extends HTMLE
          * Sets an `id` attribute.
          * Needed by the input for accessibility `aria-decribedby`.
          */
-        this.identifier = Zt('mg-tooltip');
+        this.identifier = Dt('mg-tooltip');
         /**
          * Tooltip placement
          */
@@ -49,7 +49,7 @@ const MgTooltip = /*@__PURE__*/ proxyCustomElement(class MgTooltip extends HTMLE
             // Enable the event listeners
             this.popper.setOptions(options => (Object.assign(Object.assign({}, options), { modifiers: [...options.modifiers, { name: 'eventListeners', enabled: true }] })));
             // hide when click outside on nextTick to prevent event to trigger after creation
-            Qt(() => {
+            er(() => {
                 this.windows.forEach((localWindow) => {
                     localWindow.addEventListener('click', this.handleClickOutside, false);
                     localWindow.addEventListener('keydown', this.handlePressEscape, false);
@@ -247,15 +247,15 @@ const MgTooltip = /*@__PURE__*/ proxyCustomElement(class MgTooltip extends HTMLE
         };
     }
     watchIdentifier(newValue) {
-        if (!Dt(newValue)) {
-            throw new Error(`<mg-tooltip> prop "identifier" value is invalid. Passed value: ${Xt(newValue)}.`);
+        if (!Bt(newValue)) {
+            throw new Error(`<mg-tooltip> prop "identifier" value is invalid. Passed value: ${Yt(newValue)}.`);
         }
         // use renderTooltipContent to update tooltip-content id
         this.renderTooltipContent();
     }
     watchMessage(newValue) {
         if (!qe(newValue)) {
-            throw new Error(`<mg-tooltip> prop "message" is required and must be a string. Passed value: ${Xt(newValue)}.`);
+            throw new Error(`<mg-tooltip> prop "message" is required and must be a string. Passed value: ${Yt(newValue)}.`);
         }
         if (this.mgTooltipContent !== undefined)
             this.mgTooltipContent.message = newValue;
@@ -310,7 +310,7 @@ const MgTooltip = /*@__PURE__*/ proxyCustomElement(class MgTooltip extends HTMLE
      */
     componentWillLoad() {
         // Get windows to attach events
-        this.windows = Jt(window);
+        this.windows = Kt(window);
         // Get tooltip element
         this.renderTooltipContent();
         //validate properties
@@ -328,7 +328,7 @@ const MgTooltip = /*@__PURE__*/ proxyCustomElement(class MgTooltip extends HTMLE
         // get slotted element wich is not the tooltip
         const slotElement = this.element.querySelector(`*:not(#${this.identifier})`);
         // Get interactive element
-        const interactiveElement = slotElement.matches(Gt) ? slotElement : (_a = slotElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(Gt);
+        const interactiveElement = slotElement.matches(Xt) ? slotElement : (_a = slotElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(Xt);
         this.setTooltipedElement(interactiveElement || slotElement);
         // Check if slotted element is a disabled mg-button
         // In this case we wrap the mg-button into a div to enable the tooltip

package/dist/esm/{index-DALWFL9i.js → index-DHpyFawS.js}

@@ -1,4 +1,4 @@
-import { $ as $r } from './index.es-hNwGkhG6.js';
+import { h as hr } from './index.es-lyrZ9KRh.js';
 
 const errors$1 = {
 	required: "This field is required."
@@ -307,9 +307,9 @@ const messages = { en, fr };
  * @param element - element we need to get the language
  * @returns messages object
  */
-const initLocales = $r(messages, defaultLocale);
+const initLocales = hr(messages, defaultLocale);
 
 export { initLocales as i };
-//# sourceMappingURL=index-DALWFL9i.js.map
+//# sourceMappingURL=index-DHpyFawS.js.map
 
-//# sourceMappingURL=index-DALWFL9i.js.map
+//# sourceMappingURL=index-DHpyFawS.js.map

package/dist/esm/{index-DALWFL9i.js.map → index-DHpyFawS.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index-DALWFL9i.js","sources":["src/locales/index.ts"],"sourcesContent":["import en from './en/messages.json';\nimport fr from './fr/messages.json';\nimport { defineLocales } from '@mgdis/stencil-helpers';\n\nconst defaultLocale = 'en';\nconst messages = { en, fr };\n\n/**\n * Get Intl object\n * @param element - element we need to get the language\n * @returns messages object\n */\nexport const initLocales = defineLocales(messages, defaultLocale);\n"],"names":["defineLocales"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,aAAa,GAAG,IAAI;AAC1B,MAAM,QAAQ,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE;AAE3B;;;;AAIG;AACU,MAAA,WAAW,GAAGA,EAAa,CAAC,QAAQ,EAAE,aAAa;;;;"}
+{"version":3,"file":"index-DHpyFawS.js","sources":["src/locales/index.ts"],"sourcesContent":["import en from './en/messages.json';\nimport fr from './fr/messages.json';\nimport { defineLocales } from '@mgdis/stencil-helpers';\n\nconst defaultLocale = 'en';\nconst messages = { en, fr };\n\n/**\n * Get Intl object\n * @param element - element we need to get the language\n * @returns messages object\n */\nexport const initLocales = defineLocales(messages, defaultLocale);\n"],"names":["defineLocales"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,aAAa,GAAG,IAAI;AAC1B,MAAM,QAAQ,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE;AAE3B;;;;AAIG;AACU,MAAA,WAAW,GAAGA,EAAa,CAAC,QAAQ,EAAE,aAAa;;;;"}