@mgdis/mg-components 6.10.0 → 6.10.1

package/dist/components/mg-input-radio.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { Z as Zt, a as Dt, G as Gt, D as De } from './index.es.js';
+import { H as Ht, a as qt, X as Xt, q as qe } from './index.es.js';
 import { d as defineCustomElement$5, b as classFieldset, c as classReadonly, a as classDisabled } from './mg-input2.js';
 import { i as initLocales } from './index2.js';
 import { d as defineCustomElement$6 } from './mg-icon2.js';
@@ -67,7 +67,7 @@ const MgInputRadio$1 = /*@__PURE__*/ proxyCustomElement(class MgInputRadio exten
         /**
          * Component classes
          */
-        this.classCollection = new Zt(['mg-c-input--radio', classFieldset]);
+        this.classCollection = new Ht(['mg-c-input--radio', classFieldset]);
         /**
          * Handle input event
          * @param event - input event
@@ -118,7 +118,7 @@ const MgInputRadio$1 = /*@__PURE__*/ proxyCustomElement(class MgInputRadio exten
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     watchValue(newValue) {
         var _a;
-        if (Dt(this.items) && typeof newValue === 'string') {
+        if (qt(this.items) && typeof newValue === 'string') {
             this.readonlyValue = newValue;
         }
         else if (Array.isArray(this.items) && this.items.every(isOption)) {
@@ -132,10 +132,10 @@ const MgInputRadio$1 = /*@__PURE__*/ proxyCustomElement(class MgInputRadio exten
     validateItems(newValue) {
         // Validate if items have required min length
         if (typeof newValue === 'object' && newValue.length < 2) {
-            throw new Error(`<mg-input-radio> prop "items" require at least 2 items. Passed value: ${Gt(newValue)}.`);
+            throw new Error(`<mg-input-radio> prop "items" require at least 2 items. Passed value: ${Xt(newValue)}.`);
         }
         // String array
-        else if (Dt(newValue)) {
+        else if (qt(newValue)) {
             this.options = newValue.map(item => ({ title: item, value: item, disabled: this.disabled }));
         }
         // Object array
@@ -143,7 +143,7 @@ const MgInputRadio$1 = /*@__PURE__*/ proxyCustomElement(class MgInputRadio exten
             this.options = newValue;
         }
         else {
-            throw new Error(`<mg-input-radio> prop "items" is required and all items must be the same type, string or RadioOption. Passed value: ${Gt(newValue)}.`);
+            throw new Error(`<mg-input-radio> prop "items" is required and all items must be the same type, string or RadioOption. Passed value: ${Xt(newValue)}.`);
         }
     }
     watchInputVerticalList(newValue) {
@@ -205,7 +205,7 @@ const MgInputRadio$1 = /*@__PURE__*/ proxyCustomElement(class MgInputRadio exten
         if (typeof valid !== 'boolean') {
             throw new Error('<mg-input-radio> method "setError()" param "valid" must be a boolean.');
         }
-        else if (!De(errorMessage)) {
+        else if (!qe(errorMessage)) {
             throw new Error('<mg-input-radio> method "setError()" param "errorMessage" must be a string.');
         }
         else {

package/dist/components/mg-input-rich-text-editor.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement as HTMLElement$1, createEvent, h } from '@stencil/core/internal/client';
-import { D as De, Z as Zt, G as Gt } from './index.es.js';
+import { q as qe, H as Ht, X as Xt } from './index.es.js';
 import { d as defineCustomElement$5, c as classReadonly, a as classDisabled } from './mg-input2.js';
 import { i as initLocales } from './index2.js';
 import { d as defineCustomElement$6 } from './mg-icon2.js';
@@ -31119,10 +31119,10 @@ const defineEditor = (wrapperElement, { value, modules, readOnly, placeholder, h
         readOnly,
         placeholder,
     });
-    if (De(value) && /<[a-z][\s\S]*>/i.test(value)) {
+    if (qe(value) && /<[a-z][\s\S]*>/i.test(value)) {
         editor.clipboard.dangerouslyPasteHTML(value);
     }
-    else if (De(value)) {
+    else if (qe(value)) {
         editor.setText(value);
     }
     const editorContent = wrapperElement.querySelector('.ql-editor');
@@ -31187,14 +31187,14 @@ const MgInputRichTextEditor$1 = /*@__PURE__*/ proxyCustomElement(class MgInputRi
         /**
          * Component classes
          */
-        this.classCollection = new Zt(['mg-c-input--rich-text-editor']);
+        this.classCollection = new Ht(['mg-c-input--rich-text-editor']);
         /**
          * Check if the field is empty taking into account the value format
          * @returns truthy is value is invalid
          */
         this.isEmpty = () => {
             const textContent = this.getTextContent();
-            return !(De(textContent) && textContent !== '\n');
+            return !(qe(textContent) && textContent !== '\n');
         };
         /**
          * Extract the text without HTML tags from value
@@ -31220,7 +31220,7 @@ const MgInputRichTextEditor$1 = /*@__PURE__*/ proxyCustomElement(class MgInputRi
             this.errorMessage = undefined;
             if (this.valid)
                 return;
-            else if (De(errorMessage)) {
+            else if (qe(errorMessage)) {
                 this.errorMessage = errorMessage;
             }
             else if (this.required && this.isEmpty()) {
@@ -31235,7 +31235,7 @@ const MgInputRichTextEditor$1 = /*@__PURE__*/ proxyCustomElement(class MgInputRi
          */
         this.handleFocus = () => {
             this.classCollection.add(this.classFocus);
-            this.classCollection = new Zt(this.classCollection.classes);
+            this.classCollection = new Ht(this.classCollection.classes);
         };
         /**
          * Handles the blur event on the editor
@@ -31244,7 +31244,7 @@ const MgInputRichTextEditor$1 = /*@__PURE__*/ proxyCustomElement(class MgInputRi
         this.handleBlur = () => {
             // Manage focus
             this.classCollection.delete(this.classFocus);
-            this.classCollection = new Zt(this.classCollection.classes);
+            this.classCollection = new Ht(this.classCollection.classes);
             if (!this.readonly) {
                 this.checkValidity();
                 this.setErrorMessage();
@@ -31296,8 +31296,8 @@ const MgInputRichTextEditor$1 = /*@__PURE__*/ proxyCustomElement(class MgInputRi
         }
     }
     validatePattern(newValue) {
-        if (newValue !== undefined && !(De(this.pattern) && De(this.patternErrorMessage))) {
-            throw new Error(`<mg-input-rich-text-editor> props "pattern" and "patternErrorMessage" must be non-empty string and paired. Passed value: "pattern='${Gt(this.pattern)}'" and "patternErrorMessage='${Gt(this.patternErrorMessage)}'".`);
+        if (newValue !== undefined && !(qe(this.pattern) && qe(this.patternErrorMessage))) {
+            throw new Error(`<mg-input-rich-text-editor> props "pattern" and "patternErrorMessage" must be non-empty string and paired. Passed value: "pattern='${Xt(this.pattern)}'" and "patternErrorMessage='${Xt(this.patternErrorMessage)}'".`);
         }
     }
     /**
@@ -31353,7 +31353,7 @@ const MgInputRichTextEditor$1 = /*@__PURE__*/ proxyCustomElement(class MgInputRi
         if (typeof valid !== 'boolean') {
             throw new Error('<mg-input-rich-text-editor> method "setError()" param "valid" must be a boolean.');
         }
-        else if (!De(errorMessage)) {
+        else if (!qe(errorMessage)) {
             throw new Error('<mg-input-rich-text-editor> method "setError()" param "errorMessage" must be a string.');
         }
         else {

package/dist/components/mg-input-select2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { Z as Zt, a as Dt, G as Gt, D as De } from './index.es.js';
+import { H as Ht, a as qt, X as Xt, q as qe } from './index.es.js';
 import { d as defineCustomElement$4, c as classReadonly, a as classDisabled, w as widths } from './mg-input2.js';
 import { i as initLocales } from './index2.js';
 import { d as defineCustomElement$5 } from './mg-icon2.js';
@@ -100,7 +100,7 @@ const MgInputSelect = /*@__PURE__*/ proxyCustomElement(class MgInputSelect exten
         /**
          * Component classes
          */
-        this.classCollection = new Zt(['mg-c-input--select']);
+        this.classCollection = new Ht(['mg-c-input--select']);
         /**
          * Handle input event
          */
@@ -130,7 +130,7 @@ const MgInputSelect = /*@__PURE__*/ proxyCustomElement(class MgInputSelect exten
             if (this.input.value === '') {
                 this.setValue(null);
             }
-            else if (Dt(this.items) && this.items.includes(this.input.value)) {
+            else if (qt(this.items) && this.items.includes(this.input.value)) {
                 this.setValue(this.input.value);
             }
             else if (allItemsAreOptions(this.items) && typeof this.input.value === 'string' && this.items.some(this.isInputValue)) {
@@ -188,7 +188,7 @@ const MgInputSelect = /*@__PURE__*/ proxyCustomElement(class MgInputSelect exten
     }
     validateValue(newValue) {
         var _a, _b;
-        if (Dt(this.items) && typeof newValue === 'string') {
+        if (qt(this.items) && typeof newValue === 'string') {
             this.readonlyValue = ((_a = this.input) === null || _a === void 0 ? void 0 : _a.value) !== undefined ? this.input.value : newValue;
         }
         else if (allItemsAreOptions(this.items)) {
@@ -205,7 +205,7 @@ const MgInputSelect = /*@__PURE__*/ proxyCustomElement(class MgInputSelect exten
             this.options = [];
         }
         // String array
-        else if (Dt(newValue)) {
+        else if (qt(newValue)) {
             if (typeof this.value === 'string')
                 this.valueExist = newValue.includes(this.value);
             this.options = newValue.map(item => ({ title: item, value: item }));
@@ -223,7 +223,7 @@ const MgInputSelect = /*@__PURE__*/ proxyCustomElement(class MgInputSelect exten
             }
         }
         else {
-            throw new Error(`<mg-input-select> prop "items" is required, can be an empty Array or all items must be the same type: string or Option. Passed value: ${Gt(newValue)}.`);
+            throw new Error(`<mg-input-select> prop "items" is required, can be an empty Array or all items must be the same type: string or Option. Passed value: ${Xt(newValue)}.`);
         }
     }
     watchReadonly(newValue) {
@@ -288,7 +288,7 @@ const MgInputSelect = /*@__PURE__*/ proxyCustomElement(class MgInputSelect exten
         if (typeof valid !== 'boolean') {
             throw new Error('<mg-input-select> method "setError()" param "valid" must be a boolean.');
         }
-        else if (!De(errorMessage)) {
+        else if (!qe(errorMessage)) {
             throw new Error('<mg-input-select> method "setError()" param "errorMessage" must be a string.');
         }
         else {

package/dist/components/mg-input-text2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { Z as Zt, D as De, a as Dt, G as Gt } from './index.es.js';
+import { H as Ht, q as qe, a as qt, X as Xt } from './index.es.js';
 import { d as defineCustomElement$4, c as classReadonly, a as classDisabled, w as widths } from './mg-input2.js';
 import { i as initLocales } from './index2.js';
 import { d as defineCustomElement$6 } from './mg-character-left2.js';
@@ -29,7 +29,7 @@ const isOption = (option) => typeof option === 'object' && typeof option.title =
  * @param options - Datalist options to check.
  * @returns True if datalist is well structured.
  */
-const isDatalistOptions = (options) => Dt(options) || (Array.isArray(options) && options.every(isOption));
+const isDatalistOptions = (options) => qt(options) || (Array.isArray(options) && options.every(isOption));
 const MgInputText = /*@__PURE__*/ proxyCustomElement(class MgInputText extends HTMLElement {
     constructor() {
         super();
@@ -96,13 +96,13 @@ const MgInputText = /*@__PURE__*/ proxyCustomElement(class MgInputText extends H
         /**
          * Component classes
          */
-        this.classCollection = new Zt(['mg-c-input--text']);
+        this.classCollection = new Ht(['mg-c-input--text']);
         /**
          * Validate pattern configuration
          */
         this.validatePattern = () => {
             if ((this.pattern !== undefined || this.patternErrorMessage !== undefined) && // At least one is defined
-                (!De(this.pattern) || (!helpTextTypes.includes(this.type) && !De(this.patternErrorMessage))) // Both must be defined
+                (!qe(this.pattern) || (!helpTextTypes.includes(this.type) && !qe(this.patternErrorMessage))) // Both must be defined
             ) {
                 throw new Error(`<mg-input-text> props "pattern" and "patternErrorMessage" must be non-empty string and paired. Passed value: "pattern='${this.pattern}'" and "patternErrorMessage='${this.patternErrorMessage}'".`);
             }
@@ -122,7 +122,7 @@ const MgInputText = /*@__PURE__*/ proxyCustomElement(class MgInputText extends H
          */
         this.handleFocus = () => {
             this.classCollection.add(this.classFocus);
-            this.classCollection = new Zt(this.classCollection.classes);
+            this.classCollection = new Ht(this.classCollection.classes);
         };
         /**
          * Handle blur event
@@ -130,7 +130,7 @@ const MgInputText = /*@__PURE__*/ proxyCustomElement(class MgInputText extends H
         this.handleBlur = () => {
             // Manage focus
             this.classCollection.delete(this.classFocus);
-            this.classCollection = new Zt(this.classCollection.classes);
+            this.classCollection = new Ht(this.classCollection.classes);
             // Display Error
             this.handlerInProgress = 'blur';
             this.displayError().finally(() => {
@@ -225,7 +225,7 @@ const MgInputText = /*@__PURE__*/ proxyCustomElement(class MgInputText extends H
     }
     validateDatalistoptions(newValue) {
         if (Boolean(newValue) && !isDatalistOptions(newValue)) {
-            throw new Error(`<mg-input-text> prop "datalistoptions" values must be the same type, string or OptionType. Passed value: ${Gt(newValue)}.`);
+            throw new Error(`<mg-input-text> prop "datalistoptions" values must be the same type, string or OptionType. Passed value: ${Xt(newValue)}.`);
         }
     }
     watchReadonly(newValue) {
@@ -263,7 +263,7 @@ const MgInputText = /*@__PURE__*/ proxyCustomElement(class MgInputText extends H
         this.validatePattern();
     }
     watchHelpText(newValue) {
-        if (!De(newValue) && helpTextTypes.includes(this.type)) {
+        if (!qe(newValue) && helpTextTypes.includes(this.type)) {
             this.helpText = this.messages.input.text.helpText[this.type];
         }
     }
@@ -304,7 +304,7 @@ const MgInputText = /*@__PURE__*/ proxyCustomElement(class MgInputText extends H
         if (typeof valid !== 'boolean') {
             throw new Error('<mg-input-text> method "setError()" param "valid" must be a boolean.');
         }
-        else if (!De(errorMessage)) {
+        else if (!qe(errorMessage)) {
             throw new Error('<mg-input-text> method "setError()" param "errorMessage" must be a string.');
         }
         else {

package/dist/components/mg-input-textarea.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { Z as Zt, D as De, G as Gt } from './index.es.js';
+import { H as Ht, q as qe, X as Xt } from './index.es.js';
 import { d as defineCustomElement$5, c as classReadonly, a as classDisabled, w as widths } from './mg-input2.js';
 import { i as initLocales } from './index2.js';
 import { d as defineCustomElement$7 } from './mg-character-left2.js';
@@ -77,7 +77,7 @@ const MgInputTextarea$1 = /*@__PURE__*/ proxyCustomElement(class MgInputTextarea
         /**
          * Component classes
          */
-        this.classCollection = new Zt(['mg-c-input--textarea']);
+        this.classCollection = new Ht(['mg-c-input--textarea']);
         /**
          * Handle input event
          */
@@ -93,7 +93,7 @@ const MgInputTextarea$1 = /*@__PURE__*/ proxyCustomElement(class MgInputTextarea
          */
         this.handleFocus = () => {
             this.classCollection.add(this.classFocus);
-            this.classCollection = new Zt(this.classCollection.classes);
+            this.classCollection = new Ht(this.classCollection.classes);
         };
         /**
          * Handle blur event
@@ -101,7 +101,7 @@ const MgInputTextarea$1 = /*@__PURE__*/ proxyCustomElement(class MgInputTextarea
         this.handleBlur = () => {
             // Manage focus
             this.classCollection.delete(this.classFocus);
-            this.classCollection = new Zt(this.classCollection.classes);
+            this.classCollection = new Ht(this.classCollection.classes);
             // Display Error
             this.handlerInProgress = 'blur';
             this.displayError().finally(() => {
@@ -179,8 +179,8 @@ const MgInputTextarea$1 = /*@__PURE__*/ proxyCustomElement(class MgInputTextarea
             this.classCollection.add(`mg-c-input--width-${this.mgWidth}`);
     }
     validatePattern(newValue) {
-        if (newValue !== undefined && !(De(this.pattern) && De(this.patternErrorMessage))) {
-            throw new Error(`<mg-input-textarea> props "pattern" and "patternErrorMessage" must be non-empty string and paired. Passed value: "pattern='${Gt(this.pattern)}'" and "patternErrorMessage='${Gt(this.patternErrorMessage)}'".`);
+        if (newValue !== undefined && !(qe(this.pattern) && qe(this.patternErrorMessage))) {
+            throw new Error(`<mg-input-textarea> props "pattern" and "patternErrorMessage" must be non-empty string and paired. Passed value: "pattern='${Xt(this.pattern)}'" and "patternErrorMessage='${Xt(this.patternErrorMessage)}'".`);
         }
     }
     validatecharacterLeftHide(newValue) {
@@ -222,7 +222,7 @@ const MgInputTextarea$1 = /*@__PURE__*/ proxyCustomElement(class MgInputTextarea
         if (typeof valid !== 'boolean') {
             throw new Error('<mg-input-textarea> method "setError()" param "valid" must be a boolean.');
         }
-        else if (!De(errorMessage)) {
+        else if (!qe(errorMessage)) {
             throw new Error('<mg-input-textarea> method "setError()" param "errorMessage" must be a string.');
         }
         else {

package/dist/components/mg-input-title2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { D as De, U as Ut, G as Gt } from './index.es.js';
+import { q as qe, D as Dt, X as Xt } from './index.es.js';
 
 const mgInputTitleCss = ".mg-u-form-legacy.sc-mg-input-title{--mg-c-form-inputs-title-width:calc(100% / 3 - 20px)}.mg-u-is-asterisk.sc-mg-input-title{color:var(--mg-b-color-danger)}legend.mg-c-input-title.sc-mg-input-title{padding-right:0;padding-left:0}.mg-c-input-title__required.sc-mg-input-title{display:var(--mg-c-input-title-display, unset)}";
 
@@ -17,11 +17,11 @@ const MgInputTitle = /*@__PURE__*/ proxyCustomElement(class MgInputTitle extends
         this.tagName = 'label';
     }
     validateIdentifier(newValue) {
-        if (!De(newValue)) {
+        if (!qe(newValue)) {
             throw new Error('<mg-input-title> prop "identifier" is required.');
         }
-        else if (!Ut(newValue)) {
-            console.error(`<mg-input-title> prop "identifier" value is invalid. Passed value: ${Gt(newValue)}.`);
+        else if (!Dt(newValue)) {
+            console.error(`<mg-input-title> prop "identifier" value is invalid. Passed value: ${Xt(newValue)}.`);
         }
     }
     validateIsLegend(newValue) {

package/dist/components/mg-input-toggle.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { Z as Zt, G as Gt, a as Dt, D as De } from './index.es.js';
+import { H as Ht, X as Xt, a as qt, q as qe } from './index.es.js';
 import { d as defineCustomElement$5, c as classReadonly, a as classDisabled } from './mg-input2.js';
 import { d as defineCustomElement$6 } from './mg-icon2.js';
 import { d as defineCustomElement$4 } from './mg-input-title2.js';
@@ -64,7 +64,7 @@ const MgInputToggle$1 = /*@__PURE__*/ proxyCustomElement(class MgInputToggle ext
         /**
          * Component classes
          */
-        this.classCollection = new Zt(['mg-c-input--toggle']);
+        this.classCollection = new Ht(['mg-c-input--toggle']);
         /**
          * Checked internal value
          */
@@ -125,10 +125,10 @@ const MgInputToggle$1 = /*@__PURE__*/ proxyCustomElement(class MgInputToggle ext
     }
     validateItems(newValue) {
         if (typeof newValue === 'object' && this.items.length !== 2) {
-            throw new Error(`<mg-input-toggle> prop "items" require 2 items. Passed value: ${Gt(newValue)}.`);
+            throw new Error(`<mg-input-toggle> prop "items" require 2 items. Passed value: ${Xt(newValue)}.`);
         }
         // String array
-        else if (Dt(newValue)) {
+        else if (qt(newValue)) {
             this.options = newValue.map(item => ({ title: item, value: item }));
         }
         // Object array
@@ -136,7 +136,7 @@ const MgInputToggle$1 = /*@__PURE__*/ proxyCustomElement(class MgInputToggle ext
             this.options = newValue;
         }
         else {
-            throw new Error(`<mg-input-toggle> prop "items" is required and all items must be the same type: ToggleValue. Passed value: ${Gt(newValue)}.`);
+            throw new Error(`<mg-input-toggle> prop "items" is required and all items must be the same type: ToggleValue. Passed value: ${Xt(newValue)}.`);
         }
     }
     watchIsOnOff(newValue) {
@@ -184,7 +184,7 @@ const MgInputToggle$1 = /*@__PURE__*/ proxyCustomElement(class MgInputToggle ext
         if (typeof valid !== 'boolean') {
             throw new Error('<mg-input-toggle> method "setError()" param "valid" must be a boolean.');
         }
-        else if (!De(errorMessage)) {
+        else if (!qe(errorMessage)) {
             throw new Error('<mg-input-toggle> method "setError()" param "errorMessage" must be a string.');
         }
         else {

package/dist/components/mg-input2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { D as De, G as Gt, U as Ut } from './index.es.js';
+import { q as qe, X as Xt, D as Dt } from './index.es.js';
 import { d as defineCustomElement$4 } from './mg-icon2.js';
 import { d as defineCustomElement$3 } from './mg-input-title2.js';
 import { d as defineCustomElement$2 } from './mg-tooltip2.js';
@@ -71,11 +71,11 @@ const MgInput = /*@__PURE__*/ proxyCustomElement(class MgInput extends HTMLEleme
         this.renderTooltip = () => (h("mg-tooltip", { identifier: `${this.identifier}-tooltip`, message: this.tooltip }, h("mg-icon", { icon: "info-circle" })));
     }
     watchIdentifier(newValue) {
-        if (!De(newValue)) {
-            throw new Error(`<mg-input> prop "identifier" is required and must be a string. Passed value: ${Gt(newValue)}.`);
+        if (!qe(newValue)) {
+            throw new Error(`<mg-input> prop "identifier" is required and must be a string. Passed value: ${Xt(newValue)}.`);
         }
-        else if (!Ut(newValue)) {
-            console.error(`<mg-input> prop "identifier" value is invalid. Passed value: ${Gt(newValue)}.`);
+        else if (!Dt(newValue)) {
+            console.error(`<mg-input> prop "identifier" value is invalid. Passed value: ${Xt(newValue)}.`);
         }
         else {
             this.helpTextId = `${this.identifier}-help-text`;
@@ -97,7 +97,7 @@ const MgInput = /*@__PURE__*/ proxyCustomElement(class MgInput extends HTMLEleme
     }
     watchTooltipPosition(newValue) {
         if (!tooltipPositions.includes(newValue)) {
-            throw new Error(`<mg-input> prop "tooltipPosition" must be one of: ${tooltipPositions.join(', ')}. Passed value: ${Gt(newValue)}.`);
+            throw new Error(`<mg-input> prop "tooltipPosition" must be one of: ${tooltipPositions.join(', ')}. Passed value: ${Xt(newValue)}.`);
         }
     }
     watchErrorMessage(newValue) {
@@ -166,8 +166,8 @@ const MgInput = /*@__PURE__*/ proxyCustomElement(class MgInput extends HTMLEleme
      */
     // eslint-disable-next-line @stencil-community/no-unused-watch
     watchLabel() {
-        if (!De(this.label)) {
-            throw new Error(`<mg-input> prop "label" is required and must be a string. Passed value: ${Gt(this.label)}.`);
+        if (!qe(this.label)) {
+            throw new Error(`<mg-input> prop "label" is required and must be a string. Passed value: ${Xt(this.label)}.`);
         }
         else {
             this.watchAriaDescribedbyIDs();

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { G as Gt } from './index.es.js';
+import { X as Xt } from './index.es.js';
 import { d as defineCustomElement$4, a as directions, s as sizes } from './mg-menu-item2.js';
 import { i as initLocales } from './index2.js';
 import { d as defineCustomElement$8 } from './mg-badge2.js';
@@ -163,12 +163,12 @@ const MgMenu = /*@__PURE__*/ proxyCustomElement(class MgMenu extends HTMLElement
     }
     validateLabel(newValue) {
         if (newValue === undefined && !this.element.hasAttribute('aria-label')) {
-            throw new Error(`<${this.name}> prop "label" is required. Passed value: ${Gt(newValue)}.`);
+            throw new Error(`<${this.name}> prop "label" is required. Passed value: ${Xt(newValue)}.`);
         }
     }
     validateDirection(newValue) {
         if (![directions.VERTICAL, directions.HORIZONTAL].includes(newValue)) {
-            throw new Error(`<${this.name}> prop "direction" must be one of: ${directions.HORIZONTAL}, ${directions.VERTICAL}. Passed value: ${Gt(newValue)}.`);
+            throw new Error(`<${this.name}> prop "direction" must be one of: ${directions.HORIZONTAL}, ${directions.VERTICAL}. Passed value: ${Xt(newValue)}.`);
         }
         else {
             this.updateMenuItems();
@@ -184,7 +184,7 @@ const MgMenu = /*@__PURE__*/ proxyCustomElement(class MgMenu extends HTMLElement
     }
     validateSize(newValue) {
         if (!sizes.includes(newValue)) {
-            throw new Error(`<${this.name}> prop "size" must be one of: ${sizes.join(', ')}. Passed value: ${Gt(newValue)}.`);
+            throw new Error(`<${this.name}> prop "size" must be one of: ${sizes.join(', ')}. Passed value: ${Xt(newValue)}.`);
         }
     }
     /**
@@ -355,17 +355,17 @@ const MgItemMore = /*@__PURE__*/ proxyCustomElement(class MgItemMore extends HTM
     }
     validateIcon(newValue) {
         if (typeof newValue !== 'object' || (typeof newValue === 'object' && typeof newValue.icon !== 'string'))
-            throw new Error(`<${this.name}> prop "icon" must match MgItemMore['icon'] type. Passed value: ${Gt(newValue)}.`);
+            throw new Error(`<${this.name}> prop "icon" must match MgItemMore['icon'] type. Passed value: ${Xt(newValue)}.`);
     }
     validateSlotLabel(newValue) {
         if (typeof newValue !== 'object' || (typeof newValue === 'object' && typeof newValue.display !== 'boolean'))
-            throw new Error(`<${this.name}> prop "slotlabel" must match MgItemMore['slotlabel'] type. Passed value: ${Gt(newValue)}.`);
+            throw new Error(`<${this.name}> prop "slotlabel" must match MgItemMore['slotlabel'] type. Passed value: ${Xt(newValue)}.`);
         else if (typeof newValue.label !== 'string')
             this.slotlabel.label = this.messages.menuLabel;
     }
     validateSize(newValue) {
         if (newValue && !sizes.includes(newValue))
-            throw new Error(`<${this.name}> prop "size" must match MgItemMore['size'] type. Passed value: ${Gt(newValue)}.`);
+            throw new Error(`<${this.name}> prop "size" must match MgItemMore['size'] type. Passed value: ${Xt(newValue)}.`);
     }
     /*************
      * Lifecycle *

package/dist/components/mg-loader2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 import { i as initLocales } from './index2.js';
-import { D as De, G as Gt } from './index.es.js';
+import { q as qe, X as Xt } from './index.es.js';
 import { d as defineCustomElement$1 } from './mg-icon2.js';
 
 const mgLoaderCss = ".mg-u-visually-hidden{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip:rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important;clip-path:inset(50%) !important;white-space:nowrap !important}*:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion){*{animation:none !important;transition:none !important}}:host{display:block}.mg-c-loader{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--mg-b-size-4);text-align:center}";
@@ -16,8 +16,8 @@ const MgLoader = /*@__PURE__*/ proxyCustomElement(class MgLoader extends HTMLEle
         this.messageHide = false;
     }
     watchMessage(newValue) {
-        if (newValue && !De(newValue))
-            throw new Error(`<mg-loader> prop "message" must be a valid string. Passed value: ${Gt(newValue)}.`);
+        if (newValue && !qe(newValue))
+            throw new Error(`<mg-loader> prop "message" must be a valid string. Passed value: ${Xt(newValue)}.`);
     }
     /*************
      * Lifecycle *

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { P as Pt, Z as Zt, D as De, U as Ut, G as Gt, X as Xt } from './index.es.js';
+import { Z as Zt, H as Ht, q as qe, D as Dt, X as Xt, Q as Qt } 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 = Pt('mg-menu-item');
+        this.identifier = Zt('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 Zt([this.navigationButton]);
+        this.navigationButtonClassList = new Ht([this.navigationButton]);
         /**
          * Does component have children.
          */
@@ -112,7 +112,7 @@ const MgMenuItem = /*@__PURE__*/ proxyCustomElement(class MgMenuItem extends HTM
          * Is component an interactive item
          * @returns truthy if element is clickable
          */
-        this.isInteractiveItem = () => this.hasChildren || !De(this.href);
+        this.isInteractiveItem = () => this.hasChildren || !qe(this.href);
         /**
          * Is component contextual direction match the given direction
          * @param direction - in parent menu
@@ -165,7 +165,7 @@ const MgMenuItem = /*@__PURE__*/ proxyCustomElement(class MgMenuItem extends HTM
             }
             ['label', 'metadata'].forEach(slot => {
                 Array.from(this.element.querySelectorAll(`[slot="${slot}"]`)).forEach(element => {
-                    if (!De(element.textContent))
+                    if (!qe(element.textContent))
                         throw new Error(`<${this.name}> slot "${slot}" must have text content.`);
                     if ((guard && !element.hasAttribute('title')) || !guard)
                         element.setAttribute('title', element.textContent);
@@ -232,8 +232,8 @@ const MgMenuItem = /*@__PURE__*/ proxyCustomElement(class MgMenuItem extends HTM
         this.renderSlot = () => h("slot", null);
     }
     watchIdentifier(newValue) {
-        if (!Ut(newValue)) {
-            console.error(`<mg-menu-item> prop "identifier" value is invalid. Passed value: ${Gt(newValue)}.`);
+        if (!Dt(newValue)) {
+            console.error(`<mg-menu-item> prop "identifier" value is invalid. Passed value: ${Xt(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: ${Gt(newValue)}.`);
+            throw new Error(`<mg-link> prop "target" must be one of: ${targets.join(', ')}. Passed value: ${Xt(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: ${Gt(newValue)}.`);
+            throw new Error(`<${this.name}> prop "expanded" must be a boolean. Passed value: ${Xt(newValue)}.`);
         }
         else {
             this.updateExpanded(newValue);
@@ -300,7 +300,7 @@ const MgMenuItem = /*@__PURE__*/ proxyCustomElement(class MgMenuItem extends HTM
      */
     // eslint-disable-next-line @stencil-community/no-unused-watch
     watchDataHasFocus(newValue) {
-        if (!De(newValue))
+        if (!qe(newValue))
             this.updateExpanded(Boolean(newValue));
     }
     /**
@@ -366,7 +366,7 @@ const MgMenuItem = /*@__PURE__*/ proxyCustomElement(class MgMenuItem extends HTM
      * @returns promise process wich emit the 'item-updated' event
      */
     componentShouldUpdate() {
-        return Xt(() => {
+        return Qt(() => {
             this.itemUpdated.emit();
         });
     }

package/dist/components/mg-message2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { Z as Zt, G as Gt } from './index.es.js';
+import { H as Ht, X as Xt } 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 Zt(['mg-c-message']);
+        this.classCollection = new Ht(['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: ${Gt(newValue)}.`);
+            throw new Error(`<mg-message> prop "variant" must be one of: ${variants.join(', ')}. Passed value: ${Xt(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: ${Gt(newValue)}.`);
+            throw new Error(`<mg-message> prop "variantStyle" must be one of: ${variantStyles.join(', ')}. Passed value: ${Xt(newValue)}.`);
         }
         else {
             if (newValue !== undefined)