@mgdis/mg-components 6.4.0 → 6.5.0

package/dist/components/mg-icon2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement } from '@stencil/core/internal/client';
-import { G as Ge, J as Je } from './index.es.js';
+import { K as Ke, V as Ve } from './index.es.js';
 
 /**
  * List of all possibles sizes
@@ -35,7 +35,7 @@ const MgIcon = /*@__PURE__*/ proxyCustomElement(class MgIcon extends HTMLElement
         /**
          * Component classes
          */
-        this.classCollection = new Ge(['mg-c-icon']);
+        this.classCollection = new Ke(['mg-c-icon']);
         /**
          * Method to set default varianStyle props
          * needeed has stencil doesn't know that props is mutated when updated in prop watcher
@@ -59,7 +59,7 @@ const MgIcon = /*@__PURE__*/ proxyCustomElement(class MgIcon extends HTMLElement
     }
     validateIcon(newValue, oldValue) {
         if (!Object.keys(icons).includes(newValue))
-            throw new Error(`<mg-icon> prop "icon" must be one of: ${Object.keys(icons).join(', ')}. Passed value: ${Je(newValue)}.`);
+            throw new Error(`<mg-icon> prop "icon" must be one of: ${Object.keys(icons).join(', ')}. Passed value: ${Ve(newValue)}.`);
         else {
             if (oldValue !== undefined)
                 this.classCollection.delete(`mg-c-icon--${oldValue}`);
@@ -69,7 +69,7 @@ const MgIcon = /*@__PURE__*/ proxyCustomElement(class MgIcon extends HTMLElement
     }
     validateSize(newValue, oldValue) {
         if (!sizes.includes(newValue))
-            throw new Error(`<mg-icon> prop "size" must be one of: ${sizes.join(', ')}. Passed value: ${Je(newValue)}.`);
+            throw new Error(`<mg-icon> prop "size" must be one of: ${sizes.join(', ')}. Passed value: ${Ve(newValue)}.`);
         else {
             if (oldValue !== undefined)
                 this.classCollection.delete(`mg-c-icon--size-${oldValue}`);
@@ -79,7 +79,7 @@ const MgIcon = /*@__PURE__*/ proxyCustomElement(class MgIcon extends HTMLElement
     validateVariant(newValue, oldValue) {
         if (newValue !== undefined) {
             if (!variants.includes(newValue))
-                throw new Error(`<mg-icon> prop "variant" must be one of: ${variants.join(', ')}. Passed value: ${Je(newValue)}.`);
+                throw new Error(`<mg-icon> prop "variant" must be one of: ${variants.join(', ')}. Passed value: ${Ve(newValue)}.`);
             else {
                 this.setDefaultVariantStyle();
                 if (oldValue !== undefined)
@@ -91,7 +91,7 @@ const MgIcon = /*@__PURE__*/ proxyCustomElement(class MgIcon extends HTMLElement
     validateVariantStyle(newValue, oldValue) {
         if (newValue !== undefined) {
             if (!variantStyles.includes(newValue))
-                throw new Error(`<mg-icon> prop "variantStyle" must be one of: ${variantStyles.join(', ')}. Passed value: ${Je(newValue)}.`);
+                throw new Error(`<mg-icon> prop "variantStyle" must be one of: ${variantStyles.join(', ')}. Passed value: ${Ve(newValue)}.`);
             else {
                 if (oldValue !== undefined)
                     this.classCollection.delete(`mg-c-icon--variant-style-${oldValue}`);

package/dist/components/mg-illustrated-message.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { K as Ke } from './index.es.js';
+import { Z as Ze } from './index.es.js';
 
 const mgIllustratedMessageCss = "/*!\n * @prop --mg-c-illustrated-message-spacing-vertical: Defines the vertical padding of the illustrated message. Default value: `--mg-b-size-40`.\n */.mg-c-illustrated-message{display:flex;max-width:calc(60*var(--mg-b-size-8));box-sizing:border-box;flex-direction:column;justify-content:center;padding:var(--mg-c-illustrated-message-spacing-vertical) var(--mg-b-size-16);margin:auto;gap:var(--mg-b-size-32) var(--mg-b-size-64);text-align:center}.mg-c-illustrated-message__illustration{max-height:calc(23*var(--mg-b-size-8))}.mg-c-illustrated-message__illustration ::slotted([slot=illustration]){width:100%;max-width:100%;height:auto;max-height:calc(23*var(--mg-b-size-8))}.mg-c-illustrated-message__illustration.mg-c-illustrated-message__illustration--small{max-height:var(--mg-b-size-64)}.mg-c-illustrated-message__illustration.mg-c-illustrated-message__illustration--small ::slotted([slot=illustration]){max-height:var(--mg-b-size-64)}.mg-c-illustrated-message.mg-c-illustrated-message--horizontal{max-width:unset;flex-flow:row wrap;align-items:center}.mg-c-illustrated-message.mg-c-illustrated-message--horizontal .mg-c-illustrated-message__slots,.mg-c-illustrated-message.mg-c-illustrated-message--horizontal .mg-c-illustrated-message__illustration{max-width:calc(60*var(--mg-b-size-8))}.mg-c-illustrated-message__title ::slotted([slot=title]){margin:0;font-family:var(--mg-b-font-family) !important;font-size:var(--mg-b-font-size-h2) !important;font-weight:400 !important}.mg-c-illustrated-message__details ::slotted([slot=details]){margin:var(--mg-b-size-16) 0 0}";
 const MgIllustratedMessageStyle0 = mgIllustratedMessageCss;
@@ -27,7 +27,7 @@ const MgIllustratedMessage$1 = /*@__PURE__*/ proxyCustomElement(class MgIllustra
     componentDidLoad() {
         const headingTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
         const slottedIllustrations = this.element.querySelectorAll('[slot="illustration"]');
-        if (!Ke(this.element.querySelector('[slot="title"]'), headingTags)) {
+        if (!Ze(this.element.querySelector('[slot="title"]'), headingTags)) {
             throw new Error(`<mg-illustrated-message> Slotted title must be a heading: ${headingTags.join(', ')}.`);
         }
         else if (slottedIllustrations.length !== 1) {

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { G as Ge, V as Ve, y as ye, J as Je } from './index.es.js';
+import { K as Ke, t as tt, m as me, V as Ve } from './index.es.js';
 import { d as defineCustomElement$a, S as SectionKind, M as MgInputCheckboxList, c as checkboxTypes } from './mg-input-checkbox-paginated2.js';
 import { d as defineCustomElement$b, c as classFieldset, a as classVerticalList, b as classReadonly, e as classDisabled } from './mg-input2.js';
 import { i as initLocales } from './index2.js';
@@ -78,7 +78,7 @@ const MgInputCheckbox$1 = /*@__PURE__*/ proxyCustomElement(class MgInputCheckbox
         /**
          * Component classes
          */
-        this.classCollection = new Ge([this.baseClassName, classFieldset]);
+        this.classCollection = new Ke([this.baseClassName, classFieldset]);
         /**
          * Formated value to display in list
          */
@@ -196,7 +196,7 @@ const MgInputCheckbox$1 = /*@__PURE__*/ proxyCustomElement(class MgInputCheckbox
          * Method to update searchResults
          */
         this.updateSearchResults = () => {
-            this.searchResults = this.checkboxItems.filter(item => Ve(item.title).includes(Ve(this.searchValue)));
+            this.searchResults = this.checkboxItems.filter(item => tt(item.title).includes(tt(this.searchValue)));
         };
         /**
          * Method to validate if one of inputs value is checked id required
@@ -228,13 +228,13 @@ const MgInputCheckbox$1 = /*@__PURE__*/ proxyCustomElement(class MgInputCheckbox
          * @returns message to display
          */
         this.getSelectValuesButtonMessage = () => {
-            if (this.selectValuesButtonKey === 'editButton' && ye(this.editButtonMessage)) {
+            if (this.selectValuesButtonKey === 'editButton' && me(this.editButtonMessage)) {
                 return this.editButtonMessage;
             }
-            else if (this.selectValuesButtonKey === 'showButton' && ye(this.showButtonMessage)) {
+            else if (this.selectValuesButtonKey === 'showButton' && me(this.showButtonMessage)) {
                 return this.showButtonMessage;
             }
-            else if (this.selectValuesButtonKey === 'selectButton' && ye(this.selectButtonMessage)) {
+            else if (this.selectValuesButtonKey === 'selectButton' && me(this.selectButtonMessage)) {
                 return this.selectButtonMessage;
             }
             else {
@@ -290,12 +290,12 @@ const MgInputCheckbox$1 = /*@__PURE__*/ proxyCustomElement(class MgInputCheckbox
             this.valueChange.emit(newValue);
         }
         else {
-            throw new Error(`<mg-input-checkbox> prop "value" is required and all values must be the same type, CheckboxItem. Passed value: ${Je(newValue)}.`);
+            throw new Error(`<mg-input-checkbox> prop "value" is required and all values must be the same type, CheckboxItem. Passed value: ${Ve(newValue)}.`);
         }
     }
     validateType(newValue) {
         if (newValue !== undefined && !checkboxTypes.includes(newValue)) {
-            throw new Error(`<mg-input-checkbox> prop "type" must be a CheckboxType. Passed value: ${Je(newValue)}.`);
+            throw new Error(`<mg-input-checkbox> prop "type" must be a CheckboxType. Passed value: ${Ve(newValue)}.`);
         }
         else if (newValue === undefined) {
             this.mode = 'auto';
@@ -395,7 +395,7 @@ const MgInputCheckbox$1 = /*@__PURE__*/ proxyCustomElement(class MgInputCheckbox
         if (typeof valid !== 'boolean') {
             throw new Error('<mg-input-checkbox> method "setError()" param "valid" must be a boolean.');
         }
-        else if (!ye(errorMessage)) {
+        else if (!me(errorMessage)) {
             throw new Error('<mg-input-checkbox> method "setError()" param "errorMessage" must be a string.');
         }
         else {

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { G as Ge, y as ye, B as Be, P as Pe, c as ct, a as at, J as Je } from './index.es.js';
+import { K as Ke, m as me, q as qe, W as We, u as ut, f as ft, V as Ve } from './index.es.js';
 import { d as defineCustomElement$5, b as classReadonly, e as classDisabled } from './mg-input2.js';
 import { i as initLocales } from './index2.js';
 import { d as defineCustomElement$6 } from './mg-icon2.js';
@@ -52,13 +52,13 @@ const MgInputDate$1 = /*@__PURE__*/ proxyCustomElement(class MgInputDate extends
         /**
          * Component classes
          */
-        this.classCollection = new Ge(['mg-c-input--date']);
+        this.classCollection = new Ke(['mg-c-input--date']);
         /**
          * Method to validate date pattern string
          * @param value - value to test
          * @returns truthy when value match the pattern
          */
-        this.isValidPattern = (value) => ye(value) && Be.test(value);
+        this.isValidPattern = (value) => me(value) && qe.test(value);
         /**
          * Format help text to display
          * @param helpText - help text format
@@ -66,10 +66,10 @@ const MgInputDate$1 = /*@__PURE__*/ proxyCustomElement(class MgInputDate extends
          */
         this.formatHelpText = (helpText) => {
             const defaultHelpTextVariable = '{defaultHelpText}';
-            let text = ye(helpText) ? helpText : this.messages.input.date.helpText;
+            let text = me(helpText) ? helpText : this.messages.input.date.helpText;
             if (text.includes(defaultHelpTextVariable))
                 text = text.replace(defaultHelpTextVariable, this.formatHelpText(this.messages.input.date.helpText));
-            return text.replace('{pattern}', this.renderPattern()).replace('{date}', Pe(ct(new Date('2023-12-24')), this.systemLocale));
+            return text.replace('{pattern}', this.renderPattern()).replace('{date}', We(ut(new Date('2023-12-24')), this.systemLocale));
         };
         /**
          * Handle input event
@@ -161,8 +161,8 @@ const MgInputDate$1 = /*@__PURE__*/ proxyCustomElement(class MgInputDate extends
                 // min, max & minMax
                 else if (['min', 'max', 'minMax'].includes(inputError)) {
                     this.errorMessage = this.messages.errors.date[inputError]
-                        .replace('{min}', Pe(this.min, this.systemLocale))
-                        .replace('{max}', Pe(this.max, this.systemLocale));
+                        .replace('{min}', We(this.min, this.systemLocale))
+                        .replace('{max}', We(this.max, this.systemLocale));
                 }
                 // wrong date format
                 // element.validity.badInput is default error message
@@ -176,7 +176,7 @@ const MgInputDate$1 = /*@__PURE__*/ proxyCustomElement(class MgInputDate extends
          * @returns translated html pattern
          */
         this.renderPattern = () => {
-            let patternLocal = at(this.systemLocale);
+            let patternLocal = ft(this.systemLocale);
             for (const key in this.messages.input.date.pattern) {
                 patternLocal = patternLocal.replace(key, this.messages.input.date.pattern[key]);
             }
@@ -191,9 +191,9 @@ const MgInputDate$1 = /*@__PURE__*/ proxyCustomElement(class MgInputDate extends
             // - `undefined` is not allowed in CustomEvent['detail']
             this.value = null;
         }
-        else if (newValue && !ye(newValue)) {
+        else if (newValue && !me(newValue)) {
             // check value validity
-            throw new Error(`<mg-input-date> props 'value' must be a valid string. Passed value: ${Je(newValue)}.`);
+            throw new Error(`<mg-input-date> props 'value' must be a valid string. Passed value: ${Ve(newValue)}.`);
         }
         else if (newValue === null || this.isValidPattern(newValue)) {
             this.valueChange.emit(newValue);
@@ -210,7 +210,7 @@ const MgInputDate$1 = /*@__PURE__*/ proxyCustomElement(class MgInputDate extends
     }
     validateMinMax(newValue) {
         if (newValue && !this.isValidPattern(newValue)) {
-            throw new Error(`<mg-input-date> props 'min/max' doesn't match pattern: 'yyyy-mm-dd'. Passed value: ${Je(newValue)}.`);
+            throw new Error(`<mg-input-date> props 'min/max' doesn't match pattern: 'yyyy-mm-dd'. Passed value: ${Ve(newValue)}.`);
         }
     }
     handleValidityChange(newValue, _oldValue, prop) {
@@ -260,7 +260,7 @@ const MgInputDate$1 = /*@__PURE__*/ proxyCustomElement(class MgInputDate extends
         if (typeof valid !== 'boolean') {
             throw new Error('<mg-input-date> method "setError()" param "valid" must be a boolean.');
         }
-        else if (!ye(errorMessage)) {
+        else if (!me(errorMessage)) {
             throw new Error('<mg-input-date> method "setError()" param "errorMessage" must be a string.');
         }
         else {
@@ -326,7 +326,7 @@ const MgInputDate$1 = /*@__PURE__*/ proxyCustomElement(class MgInputDate extends
      * @returns HTML Element
      */
     render() {
-        return (h("mg-input", { key: '09d07883b178cd1196c2be110c8fcfdde8fef01d', label: this.label, identifier: this.identifier, class: this.classCollection.join(), ariaDescribedbyIDs: [], labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.readonly && this.value === null ? 'label' : this.tooltipPosition, helpText: this.formatHelpText(this.helpText), errorMessage: this.errorMessage }, this.readonly ? (this.value && h("b", { class: "mg-c-input__readonly-value" }, Pe(this.value, this.locale))) : (h("input", { type: "date", class: "mg-c-input__box", min: this.min, max: this.max, value: this.value, id: this.identifier, name: this.name, disabled: this.disabled, required: this.required, "aria-invalid": (this.invalid === true).toString(), onInput: this.handleInput, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, ref: (el) => {
+        return (h("mg-input", { key: '09d07883b178cd1196c2be110c8fcfdde8fef01d', label: this.label, identifier: this.identifier, class: this.classCollection.join(), ariaDescribedbyIDs: [], labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, tooltip: this.tooltip, tooltipPosition: this.readonly && this.value === null ? 'label' : this.tooltipPosition, helpText: this.formatHelpText(this.helpText), errorMessage: this.errorMessage }, this.readonly ? (this.value && h("b", { class: "mg-c-input__readonly-value" }, We(this.value, this.locale))) : (h("input", { type: "date", class: "mg-c-input__box", min: this.min, max: this.max, value: this.value, id: this.identifier, name: this.name, disabled: this.disabled, required: this.required, "aria-invalid": (this.invalid === true).toString(), onInput: this.handleInput, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, ref: (el) => {
                 if (el !== null)
                     this.input = el;
             } }))));

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { G as Ge, u as ut, $ as $t, d as dt, f as ft, J as Je, y as ye } from './index.es.js';
+import { K as Ke, $ as $t, g as gt, p as pt, d as dt, V as Ve, m as me } from './index.es.js';
 import { d as defineCustomElement$5, b as classReadonly, e as classDisabled, w as widths } from './mg-input2.js';
 import { i as initLocales } from './index2.js';
 import { d as defineCustomElement$6 } from './mg-icon2.js';
@@ -80,7 +80,7 @@ const MgInputNumeric$1 = /*@__PURE__*/ proxyCustomElement(class MgInputNumeric e
         /**
          * Component classes
          */
-        this.classCollection = new Ge(['mg-c-input--numeric']);
+        this.classCollection = new Ke(['mg-c-input--numeric']);
         /**
          * Handle input event
          */
@@ -123,7 +123,7 @@ const MgInputNumeric$1 = /*@__PURE__*/ proxyCustomElement(class MgInputNumeric e
          * @param value - value to format
          * @returns formatted value according to locale
          */
-        this.formatErrorValue = (value) => ut(value, this.locale, !Number.isInteger(value) && this.type === 'decimal' ? this.decimalLength : 0);
+        this.formatErrorValue = (value) => $t(value, this.locale, !Number.isInteger(value) && this.type === 'decimal' ? this.decimalLength : 0);
         /**
          * Set input error message
          * @param errorMessage - errorMessage override
@@ -180,13 +180,13 @@ const MgInputNumeric$1 = /*@__PURE__*/ proxyCustomElement(class MgInputNumeric e
         this.formatValue = (value) => {
             switch (this.format) {
                 case 'number':
-                    return ut(value, this.locale, this.type === 'decimal' ? this.decimalLength : undefined);
+                    return $t(value, this.locale, this.type === 'decimal' ? this.decimalLength : undefined);
                 case 'currency':
-                    return ft(value, this.locale, this.currency);
+                    return dt(value, this.locale, this.currency);
                 case 'percent':
-                    return dt(value / 100, this.locale, this.type === 'decimal' ? this.decimalLength : undefined);
+                    return pt(value / 100, this.locale, this.type === 'decimal' ? this.decimalLength : undefined);
                 case 'unit':
-                    return $t(value, this.locale, this.unit, this.unitDisplay, this.type === 'decimal' ? this.decimalLength : undefined);
+                    return gt(value, this.locale, this.unit, this.unitDisplay, this.type === 'decimal' ? this.decimalLength : undefined);
                 case 'none':
                     return value.toString();
             }
@@ -265,22 +265,22 @@ const MgInputNumeric$1 = /*@__PURE__*/ proxyCustomElement(class MgInputNumeric e
     }
     validateType(newValue) {
         if (!types.includes(newValue)) {
-            throw new Error(`<mg-input-numeric> prop "type" must be one of: ${types.join(', ')}. Passed value: ${Je(newValue)}.`);
+            throw new Error(`<mg-input-numeric> prop "type" must be one of: ${types.join(', ')}. Passed value: ${Ve(newValue)}.`);
         }
     }
     watchFormat(newValue) {
         if (!formats.includes(newValue)) {
-            throw new Error(`<mg-input-numeric> prop "format" must be one of: ${formats.join(', ')}. Passed value: ${Je(newValue)}.`);
+            throw new Error(`<mg-input-numeric> prop "format" must be one of: ${formats.join(', ')}. Passed value: ${Ve(newValue)}.`);
         }
     }
     validateIntegerLength(newValue) {
         if (newValue < 1) {
-            throw new Error(`<mg-input-numeric> prop "integer-length" must be a positive number. Passed value: ${Je(newValue)}.`);
+            throw new Error(`<mg-input-numeric> prop "integer-length" must be a positive number. Passed value: ${Ve(newValue)}.`);
         }
     }
     validateDecimalLength(newValue) {
         if (newValue < 1) {
-            throw new Error(`<mg-input-numeric> prop "decimal-length" must be a positive number, consider using prop "type" to "integer" instead. Passed value: ${Je(newValue)}.`);
+            throw new Error(`<mg-input-numeric> prop "decimal-length" must be a positive number, consider using prop "type" to "integer" instead. Passed value: ${Ve(newValue)}.`);
         }
     }
     /**
@@ -314,7 +314,7 @@ const MgInputNumeric$1 = /*@__PURE__*/ proxyCustomElement(class MgInputNumeric e
         if (typeof valid !== 'boolean') {
             throw new Error('<mg-input-numeric> method "setError()" param "valid" must be a boolean.');
         }
-        else if (!ye(errorMessage)) {
+        else if (!me(errorMessage)) {
             throw new Error('<mg-input-numeric> method "setError()" param "errorMessage" must be a string.');
         }
         else {

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { G as Ge, y as ye } from './index.es.js';
+import { K as Ke, m as me } from './index.es.js';
 import { d as defineCustomElement$5, b as classReadonly, e as classDisabled, w as widths } from './mg-input2.js';
 import { i as initLocales } from './index2.js';
 import { d as defineCustomElement$7 } from './mg-button2.js';
@@ -52,7 +52,7 @@ const MgInputPassword$1 = /*@__PURE__*/ proxyCustomElement(class MgInputPassword
         /**
          * Component classes
          */
-        this.classCollection = new Ge(['mg-c-input--password']);
+        this.classCollection = new Ke(['mg-c-input--password']);
         /**
          * Indicates if password is displayed or not
          */
@@ -172,7 +172,7 @@ const MgInputPassword$1 = /*@__PURE__*/ proxyCustomElement(class MgInputPassword
         if (typeof valid !== 'boolean') {
             throw new Error('<mg-input-password> method "setError()" param "valid" must be a boolean.');
         }
-        else if (!ye(errorMessage)) {
+        else if (!me(errorMessage)) {
             throw new Error('<mg-input-password> method "setError()" param "errorMessage" must be a string.');
         }
         else {

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { G as Ge, X as Xe, J as Je, y as ye } from './index.es.js';
+import { K as Ke, Q as Qe, V as Ve, m as me } from './index.es.js';
 import { d as defineCustomElement$5, c as classFieldset, b as classReadonly, e as classDisabled } from './mg-input2.js';
 import { i as initLocales } from './index2.js';
 import { d as defineCustomElement$6 } from './mg-icon2.js';
@@ -68,7 +68,7 @@ const MgInputRadio$1 = /*@__PURE__*/ proxyCustomElement(class MgInputRadio exten
         /**
          * Component classes
          */
-        this.classCollection = new Ge(['mg-c-input--radio', classFieldset]);
+        this.classCollection = new Ke(['mg-c-input--radio', classFieldset]);
         /**
          * Handle input event
          * @param event - input event
@@ -119,7 +119,7 @@ const MgInputRadio$1 = /*@__PURE__*/ proxyCustomElement(class MgInputRadio exten
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     watchValue(newValue) {
         var _a;
-        if (Xe(this.items) && typeof newValue === 'string') {
+        if (Qe(this.items) && typeof newValue === 'string') {
             this.readonlyValue = newValue;
         }
         else if (Array.isArray(this.items) && this.items.every(isOption)) {
@@ -133,10 +133,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: ${Je(newValue)}.`);
+            throw new Error(`<mg-input-radio> prop "items" require at least 2 items. Passed value: ${Ve(newValue)}.`);
         }
         // String array
-        else if (Xe(newValue)) {
+        else if (Qe(newValue)) {
             this.options = newValue.map(item => ({ title: item, value: item, disabled: this.disabled }));
         }
         // Object array
@@ -144,7 +144,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: ${Je(newValue)}.`);
+            throw new Error(`<mg-input-radio> prop "items" is required and all items must be the same type, string or RadioOption. Passed value: ${Ve(newValue)}.`);
         }
     }
     watchInputVerticalList(newValue) {
@@ -206,7 +206,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 (!ye(errorMessage)) {
+        else if (!me(errorMessage)) {
             throw new Error('<mg-input-radio> 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 { G as Ge, X as Xe, J as Je, y as ye } from './index.es.js';
+import { K as Ke, Q as Qe, V as Ve, m as me } from './index.es.js';
 import { d as defineCustomElement$4, b as classReadonly, e 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';
@@ -97,7 +97,7 @@ const MgInputSelect = /*@__PURE__*/ proxyCustomElement(class MgInputSelect exten
         /**
          * Component classes
          */
-        this.classCollection = new Ge(['mg-c-input--select']);
+        this.classCollection = new Ke(['mg-c-input--select']);
         /**
          * Handle input event
          */
@@ -127,7 +127,7 @@ const MgInputSelect = /*@__PURE__*/ proxyCustomElement(class MgInputSelect exten
             if (this.input.value === '') {
                 this.setValue(null);
             }
-            else if (Xe(this.items) && this.items.includes(this.input.value)) {
+            else if (Qe(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)) {
@@ -185,7 +185,7 @@ const MgInputSelect = /*@__PURE__*/ proxyCustomElement(class MgInputSelect exten
     }
     validateValue(newValue) {
         var _a, _b;
-        if (Xe(this.items) && typeof newValue === 'string') {
+        if (Qe(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)) {
@@ -202,7 +202,7 @@ const MgInputSelect = /*@__PURE__*/ proxyCustomElement(class MgInputSelect exten
             this.options = [];
         }
         // String array
-        else if (Xe(newValue)) {
+        else if (Qe(newValue)) {
             if (typeof this.value === 'string')
                 this.valueExist = newValue.includes(this.value);
             this.options = newValue.map(item => ({ title: item, value: item }));
@@ -220,7 +220,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: ${Je(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: ${Ve(newValue)}.`);
         }
     }
     watchReadonly(newValue) {
@@ -285,7 +285,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 (!ye(errorMessage)) {
+        else if (!me(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 { G as Ge, X as Xe, J as Je, y as ye } from './index.es.js';
+import { K as Ke, Q as Qe, V as Ve, m as me } from './index.es.js';
 import { d as defineCustomElement$4, b as classReadonly, e 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';
@@ -22,7 +22,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) => Xe(options) || (Array.isArray(options) && options.every(isOption));
+const isDatalistOptions = (options) => Qe(options) || (Array.isArray(options) && options.every(isOption));
 const MgInputText = /*@__PURE__*/ proxyCustomElement(class MgInputText extends HTMLElement {
     constructor() {
         super();
@@ -85,7 +85,7 @@ const MgInputText = /*@__PURE__*/ proxyCustomElement(class MgInputText extends H
         /**
          * Component classes
          */
-        this.classCollection = new Ge(['mg-c-input--text']);
+        this.classCollection = new Ke(['mg-c-input--text']);
         /**
          * Handle input event
          */
@@ -101,7 +101,7 @@ const MgInputText = /*@__PURE__*/ proxyCustomElement(class MgInputText extends H
          */
         this.handleFocus = () => {
             this.classCollection.add(this.classFocus);
-            this.classCollection = new Ge(this.classCollection.classes);
+            this.classCollection = new Ke(this.classCollection.classes);
         };
         /**
          * Handle blur event
@@ -109,7 +109,7 @@ const MgInputText = /*@__PURE__*/ proxyCustomElement(class MgInputText extends H
         this.handleBlur = () => {
             // Manage focus
             this.classCollection.delete(this.classFocus);
-            this.classCollection = new Ge(this.classCollection.classes);
+            this.classCollection = new Ke(this.classCollection.classes);
             // Display Error
             this.handlerInProgress = 'blur';
             this.displayError().finally(() => {
@@ -194,7 +194,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: ${Je(newValue)}.`);
+            throw new Error(`<mg-input-text> prop "datalistoptions" values must be the same type, string or OptionType. Passed value: ${Ve(newValue)}.`);
         }
     }
     watchReadonly(newValue) {
@@ -229,8 +229,8 @@ const MgInputText = /*@__PURE__*/ proxyCustomElement(class MgInputText extends H
             this.classCollection.add(`mg-c-input--width-${this.mgWidth}`);
     }
     validatePattern(newValue) {
-        if (newValue !== undefined && !(ye(this.pattern) && ye(this.patternErrorMessage))) {
-            throw new Error(`<mg-input-text> props "pattern" and "patternErrorMessage" must be non-empty string and paired. Passed value: "pattern='${Je(this.pattern)}'" and "patternErrorMessage='${Je(this.patternErrorMessage)}'".`);
+        if (newValue !== undefined && !(me(this.pattern) && me(this.patternErrorMessage))) {
+            throw new Error(`<mg-input-text> props "pattern" and "patternErrorMessage" must be non-empty string and paired. Passed value: "pattern='${Ve(this.pattern)}'" and "patternErrorMessage='${Ve(this.patternErrorMessage)}'".`);
         }
     }
     /**
@@ -270,7 +270,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 (!ye(errorMessage)) {
+        else if (!me(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 { G as Ge, y as ye, J as Je } from './index.es.js';
+import { K as Ke, m as me, V as Ve } from './index.es.js';
 import { d as defineCustomElement$5, b as classReadonly, e 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';
@@ -74,7 +74,7 @@ const MgInputTextarea$1 = /*@__PURE__*/ proxyCustomElement(class MgInputTextarea
         /**
          * Component classes
          */
-        this.classCollection = new Ge(['mg-c-input--textarea']);
+        this.classCollection = new Ke(['mg-c-input--textarea']);
         /**
          * Handle input event
          */
@@ -90,7 +90,7 @@ const MgInputTextarea$1 = /*@__PURE__*/ proxyCustomElement(class MgInputTextarea
          */
         this.handleFocus = () => {
             this.classCollection.add(this.classFocus);
-            this.classCollection = new Ge(this.classCollection.classes);
+            this.classCollection = new Ke(this.classCollection.classes);
         };
         /**
          * Handle blur event
@@ -98,7 +98,7 @@ const MgInputTextarea$1 = /*@__PURE__*/ proxyCustomElement(class MgInputTextarea
         this.handleBlur = () => {
             // Manage focus
             this.classCollection.delete(this.classFocus);
-            this.classCollection = new Ge(this.classCollection.classes);
+            this.classCollection = new Ke(this.classCollection.classes);
             // Display Error
             this.handlerInProgress = 'blur';
             this.displayError().finally(() => {
@@ -176,8 +176,8 @@ const MgInputTextarea$1 = /*@__PURE__*/ proxyCustomElement(class MgInputTextarea
             this.classCollection.add(`mg-c-input--width-${this.mgWidth}`);
     }
     validatePattern(newValue) {
-        if (newValue !== undefined && !(ye(this.pattern) && ye(this.patternErrorMessage))) {
-            throw new Error(`<mg-input-textarea> props "pattern" and "patternErrorMessage" must be non-empty string and paired. Passed value: "pattern='${Je(this.pattern)}'" and "patternErrorMessage='${Je(this.patternErrorMessage)}'".`);
+        if (newValue !== undefined && !(me(this.pattern) && me(this.patternErrorMessage))) {
+            throw new Error(`<mg-input-textarea> props "pattern" and "patternErrorMessage" must be non-empty string and paired. Passed value: "pattern='${Ve(this.pattern)}'" and "patternErrorMessage='${Ve(this.patternErrorMessage)}'".`);
         }
     }
     validatecharacterLeftHide(newValue) {
@@ -219,7 +219,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 (!ye(errorMessage)) {
+        else if (!me(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 { y as ye, I as Ie, J as Je } from './index.es.js';
+import { m as me, X as Xe, V as Ve } 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)}";
 const MgInputTitleStyle0 = mgInputTitleCss;
@@ -18,11 +18,11 @@ const MgInputTitle = /*@__PURE__*/ proxyCustomElement(class MgInputTitle extends
         this.tagName = 'label';
     }
     validateIdentifier(newValue) {
-        if (!ye(newValue)) {
+        if (!me(newValue)) {
             throw new Error('<mg-input-title> prop "identifier" is required.');
         }
-        else if (!Ie(newValue)) {
-            console.error(`<mg-input-title> prop "identifier" value is invalid. Passed value: ${Je(newValue)}.`);
+        else if (!Xe(newValue)) {
+            console.error(`<mg-input-title> prop "identifier" value is invalid. Passed value: ${Ve(newValue)}.`);
         }
     }
     validateIsLegend(newValue) {