@mgdis/mg-components 6.10.0 → 6.10.1

package/dist/components/mg-icon2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement } 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';
 
 /**
  * List of all possibles sizes
@@ -34,7 +34,7 @@ const MgIcon = /*@__PURE__*/ proxyCustomElement(class MgIcon extends HTMLElement
         /**
          * Component classes
          */
-        this.classCollection = new Zt(['mg-c-icon']);
+        this.classCollection = new Ht(['mg-c-icon']);
         /**
          * Method to set default varianStyle props
          * needeed has stencil doesn't know that props is mutated when updated in prop watcher
@@ -65,7 +65,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: ${Gt(newValue)}.`);
+            throw new Error(`<mg-icon> prop "icon" must be one of: ${Object.keys(icons).join(', ')}. Passed value: ${Xt(newValue)}.`);
         }
         else {
             if (oldValue !== undefined) {
@@ -81,7 +81,7 @@ const MgIcon = /*@__PURE__*/ proxyCustomElement(class MgIcon extends HTMLElement
             newValue = 'medium';
         }
         if (!sizes.includes(newValue)) {
-            throw new Error(`<mg-icon> prop "size" must be one of: ${sizes.join(', ')}. Passed value: ${Gt(newValue)}.`);
+            throw new Error(`<mg-icon> prop "size" must be one of: ${sizes.join(', ')}. Passed value: ${Xt(newValue)}.`);
         }
         else {
             if (oldValue !== undefined) {
@@ -93,7 +93,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: ${Gt(newValue)}.`);
+                throw new Error(`<mg-icon> prop "variant" must be one of: ${variants.join(', ')}. Passed value: ${Xt(newValue)}.`);
             else {
                 this.setDefaultVariantStyle();
                 if (oldValue !== undefined)
@@ -105,7 +105,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: ${Gt(newValue)}.`);
+                throw new Error(`<mg-icon> prop "variantStyle" must be one of: ${variantStyles.join(', ')}. Passed value: ${Xt(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 { Z as Zt, G as Gt, q as qt } from './index.es.js';
+import { H as Ht, X as Xt, B as Bt } from './index.es.js';
 
 /**
  * List of all possibles sizes
@@ -28,11 +28,11 @@ const MgIllustratedMessage$1 = /*@__PURE__*/ proxyCustomElement(class MgIllustra
         /**
          * Component classes
          */
-        this.classCollection = new Zt(['mg-c-illustrated-message']);
+        this.classCollection = new Ht(['mg-c-illustrated-message']);
     }
     watchSize(newValue, oldValue) {
         if (!sizes.includes(newValue)) {
-            throw new Error(`<mg-illustrated-message> prop "size" must be one of: ${sizes.join(', ')}. Passed value: ${Gt(newValue)}.`);
+            throw new Error(`<mg-illustrated-message> prop "size" must be one of: ${sizes.join(', ')}. Passed value: ${Xt(newValue)}.`);
         }
         else {
             if (oldValue !== undefined) {
@@ -43,7 +43,7 @@ const MgIllustratedMessage$1 = /*@__PURE__*/ proxyCustomElement(class MgIllustra
     }
     watchDirection(newValue, oldValue) {
         if (newValue !== undefined && !directions.includes(newValue)) {
-            throw new Error(`<mg-illustrated-message> prop "direction" must be one of: ${directions.join(', ')}. Passed value: ${Gt(newValue)}.`);
+            throw new Error(`<mg-illustrated-message> prop "direction" must be one of: ${directions.join(', ')}. Passed value: ${Xt(newValue)}.`);
         }
         else if (newValue === 'horizontal') {
             this.classCollection.add('mg-c-illustrated-message--direction-horizontal');
@@ -66,7 +66,7 @@ const MgIllustratedMessage$1 = /*@__PURE__*/ proxyCustomElement(class MgIllustra
         if (slottedDetails.length === 0 && slottedTitle === null) {
             throw new Error('<mg-illustrated-message> Slot "title" or "details" must be present.');
         }
-        else if (slottedTitle !== null && !qt(slottedTitle, headingTags)) {
+        else if (slottedTitle !== null && !Bt(slottedTitle, 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 { Z as Zt, J as Jt, D as De, G as Gt } from './index.es.js';
+import { H as Ht, Y as Yt, q as qe, X as Xt } from './index.es.js';
 import { d as defineCustomElement$a, S as SectionKind, a as MgInputCheckboxList, c as checkboxTypes } from './mg-input-checkbox-paginated2.js';
 import { d as defineCustomElement$b, b as classFieldset, e as classVerticalList, c as classReadonly, a as classDisabled } from './mg-input2.js';
 import { i as initLocales } from './index2.js';
@@ -86,7 +86,7 @@ const MgInputCheckbox$1 = /*@__PURE__*/ proxyCustomElement(class MgInputCheckbox
         /**
          * Component classes
          */
-        this.classCollection = new Zt([this.baseClassName, classFieldset]);
+        this.classCollection = new Ht([this.baseClassName, classFieldset]);
         /**
          * Formated value to display in list
          */
@@ -204,7 +204,7 @@ const MgInputCheckbox$1 = /*@__PURE__*/ proxyCustomElement(class MgInputCheckbox
          * Method to update searchResults
          */
         this.updateSearchResults = () => {
-            this.searchResults = this.checkboxItems.filter(item => Jt(item.title).includes(Jt(this.searchValue)));
+            this.searchResults = this.checkboxItems.filter(item => Yt(item.title).includes(Yt(this.searchValue)));
         };
         /**
          * Method to validate if one of inputs value is checked id required
@@ -236,13 +236,13 @@ const MgInputCheckbox$1 = /*@__PURE__*/ proxyCustomElement(class MgInputCheckbox
          * @returns message to display
          */
         this.getSelectValuesButtonMessage = () => {
-            if (this.selectValuesButtonKey === 'editButton' && De(this.editButtonMessage)) {
+            if (this.selectValuesButtonKey === 'editButton' && qe(this.editButtonMessage)) {
                 return this.editButtonMessage;
             }
-            else if (this.selectValuesButtonKey === 'showButton' && De(this.showButtonMessage)) {
+            else if (this.selectValuesButtonKey === 'showButton' && qe(this.showButtonMessage)) {
                 return this.showButtonMessage;
             }
-            else if (this.selectValuesButtonKey === 'selectButton' && De(this.selectButtonMessage)) {
+            else if (this.selectValuesButtonKey === 'selectButton' && qe(this.selectButtonMessage)) {
                 return this.selectButtonMessage;
             }
             else {
@@ -298,12 +298,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: ${Gt(newValue)}.`);
+            throw new Error(`<mg-input-checkbox> prop "value" is required and all values must be the same type, CheckboxItem. Passed value: ${Xt(newValue)}.`);
         }
     }
     validateType(newValue) {
         if (newValue !== undefined && !checkboxTypes.includes(newValue)) {
-            throw new Error(`<mg-input-checkbox> prop "type" must be a CheckboxType. Passed value: ${Gt(newValue)}.`);
+            throw new Error(`<mg-input-checkbox> prop "type" must be a CheckboxType. Passed value: ${Xt(newValue)}.`);
         }
         else if (newValue === undefined) {
             this.mode = 'auto';
@@ -403,7 +403,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 (!De(errorMessage)) {
+        else if (!qe(errorMessage)) {
             throw new Error('<mg-input-checkbox> method "setError()" param "errorMessage" must be a string.');
         }
         else {

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { Y as Yt, Z as Zt, K as Kt, X as Xt, H as He, b as qe, G as Gt, a as Dt, i as ie, D as De } from './index.es.js';
+import { e as er, H as Ht, V as Vt, Q as Qt, G as Ge, b as Be, X as Xt, a as qt, n as ne, q as qe } from './index.es.js';
 import { d as defineCustomElement$8, c as classReadonly, a as classDisabled, w as widths } from './mg-input2.js';
 import { i as initLocales } from './index2.js';
 import { K as Keys } from './events.utils.js';
@@ -33,10 +33,10 @@ const isItems = (items) => Array.isArray(items) && items.every(isItem);
  * @returns truthy if mapping is valid
  */
 const isFetchmappings = (value) => {
-    const isValidRoot = ie(value) && Object.hasOwn(value, 'request') && Object.hasOwn(value, 'response');
+    const isValidRoot = ne(value) && Object.hasOwn(value, 'request') && Object.hasOwn(value, 'response');
     if (isValidRoot) {
         const { request, response } = value;
-        if ([request, response].some(property => !ie(property)))
+        if ([request, response].some(property => !ne(property)))
             return false;
         const isValidRequest = typeof request.filter === 'string';
         const isValidResponse = typeof response === 'object' &&
@@ -125,7 +125,7 @@ const MgInputCombobox$1 = /*@__PURE__*/ proxyCustomElement(class MgInputCombobox
         /**
          * Formated items for display
          */
-        this.options = new Yt([]);
+        this.options = new er([]);
         /**
          * Option filter
          */
@@ -133,7 +133,7 @@ const MgInputCombobox$1 = /*@__PURE__*/ proxyCustomElement(class MgInputCombobox
         /**
          * Component classes
          */
-        this.classCollection = new Zt(['mg-c-input--combobox', 'mg-c-input--has-icon', 'mg-c-input--input-append']);
+        this.classCollection = new Ht(['mg-c-input--combobox', 'mg-c-input--has-icon', 'mg-c-input--input-append']);
         /**
          * Popover display state
          */
@@ -200,7 +200,7 @@ const MgInputCombobox$1 = /*@__PURE__*/ proxyCustomElement(class MgInputCombobox
          * Handle load-more <mg-button> `click`
          */
         this.handleLoadMoreButton = () => {
-            this.loadingWrapper({ name: 'load-more', cursor: Kt.NEXT }).then(() => {
+            this.loadingWrapper({ name: 'load-more', cursor: Vt.NEXT }).then(() => {
                 this.input.focus();
             });
         };
@@ -246,14 +246,14 @@ const MgInputCombobox$1 = /*@__PURE__*/ proxyCustomElement(class MgInputCombobox
                         // If the filter is empty and the popover is not displayed, opens the popover and moves visual focus to the first option.
                         // Moves visual focus to the next option.
                         // If visual focus is on the last option, moves visual focus to the first option.
-                        cursor = isNavigationStart ? Kt.NEXT : Kt.FIRST;
+                        cursor = isNavigationStart ? Vt.NEXT : Vt.FIRST;
                     }
                     else if ([Keys.UP, Keys.ARROWUP].includes(event.key)) {
                         // If the filter is not empty and the popover is displayed, moves visual focus to the last suggested value.
                         // If the filter is empty, first opens the popover if it is not already displayed and then moves visual focus to the last option.
                         // Moves visual focus to the previous option.
                         // If visual focus is on the first option, moves visual focus to the last option.
-                        cursor = isNavigationStart ? Kt.PREVIOUS : Kt.LAST;
+                        cursor = isNavigationStart ? Vt.PREVIOUS : Vt.LAST;
                     }
                     // update scroll and visual focused option in wrapper
                     this.loadingWrapper({ name: 'scroll', cursor });
@@ -390,7 +390,7 @@ const MgInputCombobox$1 = /*@__PURE__*/ proxyCustomElement(class MgInputCombobox
                 this.isLoading = true;
                 promise = this.goToNextPage;
             }
-            else if (action.cursor === Kt.NEXT &&
+            else if (action.cursor === Vt.NEXT &&
                 this.page.items.length <= this.page.total &&
                 index + this.page.baseIndex === this.page.items.length &&
                 index + this.page.baseIndex < this.page.total) {
@@ -399,7 +399,7 @@ const MgInputCombobox$1 = /*@__PURE__*/ proxyCustomElement(class MgInputCombobox
                 return;
             }
             else if (action.name === 'scroll') {
-                promise = Xt;
+                promise = Qt;
             }
             else {
                 promise = this.updatePage;
@@ -437,14 +437,14 @@ const MgInputCombobox$1 = /*@__PURE__*/ proxyCustomElement(class MgInputCombobox
                     // merge items from current page and next page
                     const items = [...this.page.items, ...nextPage.items];
                     // create new options pagination withe merged items
-                    this.options = new Yt(items, { total: nextPage.total, next: nextPage.next, top: items.length });
+                    this.options = new er(items, { total: nextPage.total, next: nextPage.next, top: items.length });
                 });
             }
             else {
-                return Xt(() => {
+                return Qt(() => {
                     if (typeof this.page.next === 'function') {
                         const nextPage = this.page.next();
-                        this.page = new He(Object.assign(Object.assign({}, nextPage), { items: [...this.page.items, ...nextPage.items] }));
+                        this.page = new Ge(Object.assign(Object.assign({}, nextPage), { items: [...this.page.items, ...nextPage.items] }));
                     }
                 });
             }
@@ -459,7 +459,7 @@ const MgInputCombobox$1 = /*@__PURE__*/ proxyCustomElement(class MgInputCombobox
                     if (!Boolean(page))
                         return;
                     // reset current options pagination from API response
-                    this.options = new Yt(page.items, { total: page.total, next: page.next, top: page.top });
+                    this.options = new er(page.items, { total: page.total, next: page.next, top: page.top });
                 });
             }
             else {
@@ -478,12 +478,12 @@ const MgInputCombobox$1 = /*@__PURE__*/ proxyCustomElement(class MgInputCombobox
                 const response = await fetch(updateUrl, this.fetchoptions).then(response => response.json());
                 if (!response)
                     return null;
-                const items = qe(response, this.fetchmappings.response.items).map((item) => ({
-                    title: qe(item, this.fetchmappings.response.itemTitle),
-                    value: qe(item, this.fetchmappings.response.itemValue),
+                const items = Be(response, this.fetchmappings.response.items).map((item) => ({
+                    title: Be(item, this.fetchmappings.response.itemTitle),
+                    value: Be(item, this.fetchmappings.response.itemValue),
                 }));
-                const total = Number(qe(response, this.fetchmappings.response.total, 0));
-                const next = mapUrl(qe(response, this.fetchmappings.response.next), this.fetchurl.toString());
+                const total = Number(Be(response, this.fetchmappings.response.total, 0));
+                const next = mapUrl(Be(response, this.fetchmappings.response.next), this.fetchurl.toString());
                 return { items, total, next, top: items.length };
             }
             catch (_a) { }
@@ -499,22 +499,22 @@ const MgInputCombobox$1 = /*@__PURE__*/ proxyCustomElement(class MgInputCombobox
             return;
         }
         else if (Boolean(this.fetchurl) && Boolean(newValue)) {
-            throw new Error(`<mg-input-combobox> prop "items" values cannot be use with "fetchurl" prop defined. Passed value: ${Gt(newValue)}.`);
+            throw new Error(`<mg-input-combobox> prop "items" values cannot be use with "fetchurl" prop defined. Passed value: ${Xt(newValue)}.`);
         }
         // Empty options
         else if (Array.isArray(newValue) && newValue.length === 0) {
-            this.options = new Yt([]);
+            this.options = new er([]);
         }
         // String array
-        else if (Dt(newValue)) {
-            this.options = new Yt(newValue.map(item => ({ title: item, value: item })), { total: newValue.length });
+        else if (qt(newValue)) {
+            this.options = new er(newValue.map(item => ({ title: item, value: item })), { total: newValue.length });
         }
         // Object array
         else if (isItems(newValue)) {
-            this.options = new Yt(newValue, { total: newValue.length });
+            this.options = new er(newValue, { total: newValue.length });
         }
         else {
-            throw new Error(`<mg-input-combobox> prop "items" values must be the same type, string or Option. Passed value: ${Gt(newValue)}.`);
+            throw new Error(`<mg-input-combobox> prop "items" values must be the same type, string or Option. Passed value: ${Xt(newValue)}.`);
         }
     }
     watchIdentifier(newValue) {
@@ -555,16 +555,16 @@ const MgInputCombobox$1 = /*@__PURE__*/ proxyCustomElement(class MgInputCombobox
         // apply new width
         if (newValue !== undefined)
             this.classCollection.add(`mg-c-input--width-${this.mgWidth}`);
-        this.classCollection = new Zt(this.classCollection.classes);
+        this.classCollection = new Ht(this.classCollection.classes);
     }
     watchFetchUrl(newValue) {
         if (newValue && !URL.canParse(newValue)) {
-            throw new Error(`<mg-input-combobox> prop "fetchurl" value must be URL or string. Passed value: ${Gt(newValue)}.`);
+            throw new Error(`<mg-input-combobox> prop "fetchurl" value must be URL or string. Passed value: ${Xt(newValue)}.`);
         }
     }
     watchFetchOptions(newValue) {
-        if (this.fetchurl && newValue && !ie(newValue)) {
-            throw new Error(`<mg-input-combobox> prop "fetchoptions" value must be a valid RequestInit. Passed value: ${Gt(newValue)}.`);
+        if (this.fetchurl && newValue && !ne(newValue)) {
+            throw new Error(`<mg-input-combobox> prop "fetchoptions" value must be a valid RequestInit. Passed value: ${Xt(newValue)}.`);
         }
         else {
             new Request(this.fetchurl, newValue);
@@ -575,7 +575,7 @@ const MgInputCombobox$1 = /*@__PURE__*/ proxyCustomElement(class MgInputCombobox
             throw new Error(`<mg-input-combobox> prop "fetchmappings" is required with "fetchurl" prop.`);
         }
         else if (Boolean(newValue) && !isFetchmappings(newValue)) {
-            throw new Error(`<mg-input-combobox> prop "fetchmappings" value must be { request: RequestMappingType, response: ResponseMappingType }. Passed value: ${Gt(newValue)}.`);
+            throw new Error(`<mg-input-combobox> prop "fetchmappings" value must be { request: RequestMappingType, response: ResponseMappingType }. Passed value: ${Xt(newValue)}.`);
         }
     }
     watchOptions(newValue) {
@@ -641,7 +641,7 @@ const MgInputCombobox$1 = /*@__PURE__*/ proxyCustomElement(class MgInputCombobox
         if (typeof valid !== 'boolean') {
             throw new Error('<mg-input-combobox> method "setError()" param "valid" must be a boolean.');
         }
-        else if (!De(errorMessage)) {
+        else if (!qe(errorMessage)) {
             throw new Error('<mg-input-combobox> method "setError()" param "errorMessage" must be a string.');
         }
         else {
@@ -672,7 +672,7 @@ const MgInputCombobox$1 = /*@__PURE__*/ proxyCustomElement(class MgInputCombobox
             this.value = '';
         }
         else {
-            this.value = Dt(this.items || this.options.items) ? newValue.title : Object.assign({}, newValue);
+            this.value = qt(this.items || this.options.items) ? newValue.title : Object.assign({}, newValue);
         }
     }
     /**

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { Z as Zt, D as De, L as Lt, F as Ft, d as ar, e as ir, G as Gt } from './index.es.js';
+import { H as Ht, q as qe, C as Ct, P as Pt, d as cr, l as lr, 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';
@@ -57,13 +57,13 @@ const MgInputDate$1 = /*@__PURE__*/ proxyCustomElement(class MgInputDate extends
         /**
          * Component classes
          */
-        this.classCollection = new Zt(['mg-c-input--date']);
+        this.classCollection = new Ht(['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) => De(value) && Lt.test(value);
+        this.isValidPattern = (value) => qe(value) && Ct.test(value);
         /**
          * Format help text to display
          * @param helpText - help text format
@@ -77,23 +77,23 @@ const MgInputDate$1 = /*@__PURE__*/ proxyCustomElement(class MgInputDate extends
             }
             const defaultHelpTextVariable = '{defaultHelpText}';
             // If a custom helpText is provided, store it but don't return it directly
-            let text = De(helpText) ? helpText : this.messages.input.date.helpText.expectedFormat;
+            let text = qe(helpText) ? helpText : this.messages.input.date.helpText.expectedFormat;
             // Handle defaultHelpText
             if (text.includes(defaultHelpTextVariable)) {
                 text = text.replace(defaultHelpTextVariable, this.formatHelpText(this.messages.input.date.helpText.expectedFormat));
             }
             // Replace pattern and date variables
-            text = text.replace('{pattern}', this.renderPattern()).replace('{date}', Ft(ar(new Date('2025-12-24')), this.systemLocale));
+            text = text.replace('{pattern}', this.renderPattern()).replace('{date}', Pt(cr(new Date('2025-12-24')), this.systemLocale));
             // Add additional message for min/max if necessary
             let rangeMessage;
             if (((_a = this.min) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.max !== DEFAULT_MAX_DATE) {
-                rangeMessage = this.messages.input.date.helpText.minMax.replace('{min}', Ft(this.min, this.systemLocale)).replace('{max}', Ft(this.max, this.systemLocale));
+                rangeMessage = this.messages.input.date.helpText.minMax.replace('{min}', Pt(this.min, this.systemLocale)).replace('{max}', Pt(this.max, this.systemLocale));
             }
             else if (((_b = this.min) === null || _b === void 0 ? void 0 : _b.length) > 0) {
-                rangeMessage = this.messages.input.date.helpText.min.replace('{min}', Ft(this.min, this.systemLocale));
+                rangeMessage = this.messages.input.date.helpText.min.replace('{min}', Pt(this.min, this.systemLocale));
             }
             else if (this.max !== DEFAULT_MAX_DATE) {
-                rangeMessage = this.messages.input.date.helpText.max.replace('{max}', Ft(this.max, this.systemLocale));
+                rangeMessage = this.messages.input.date.helpText.max.replace('{max}', Pt(this.max, this.systemLocale));
             }
             // Combine custom helpText with range message if both exist
             if (text !== undefined && rangeMessage !== undefined) {
@@ -190,15 +190,15 @@ const MgInputDate$1 = /*@__PURE__*/ proxyCustomElement(class MgInputDate extends
                 // min, max & minMax
                 else if (['min', 'max', 'minMax'].includes(inputError)) {
                     this.errorMessage = this.messages.input.date.helpText[inputError]
-                        .replace('{min}', Ft(this.min, this.systemLocale))
-                        .replace('{max}', Ft(this.max, this.systemLocale));
+                        .replace('{min}', Pt(this.min, this.systemLocale))
+                        .replace('{max}', Pt(this.max, this.systemLocale));
                 }
                 // wrong date format
                 // element.validity.badInput is default error message
                 else {
                     this.errorMessage = this.messages.input.date.error.badInput
                         .replace('{pattern}', this.renderPattern())
-                        .replace('{date}', Ft(ar(new Date('2025-12-24')), this.systemLocale));
+                        .replace('{date}', Pt(cr(new Date('2025-12-24')), this.systemLocale));
                 }
             }
         };
@@ -207,7 +207,7 @@ const MgInputDate$1 = /*@__PURE__*/ proxyCustomElement(class MgInputDate extends
          * @returns translated html pattern
          */
         this.renderPattern = () => {
-            let patternLocal = ir(this.systemLocale);
+            let patternLocal = lr(this.systemLocale);
             for (const key in this.messages.input.date.pattern) {
                 patternLocal = patternLocal.replace(key, this.messages.input.date.pattern[key]);
             }
@@ -222,9 +222,9 @@ const MgInputDate$1 = /*@__PURE__*/ proxyCustomElement(class MgInputDate extends
             // - `undefined` is not allowed in CustomEvent['detail']
             this.value = null;
         }
-        else if (newValue && !De(newValue)) {
+        else if (newValue && !qe(newValue)) {
             // check value validity
-            throw new Error(`<mg-input-date> props 'value' must be a valid string. Passed value: ${Gt(newValue)}.`);
+            throw new Error(`<mg-input-date> props 'value' must be a valid string. Passed value: ${Xt(newValue)}.`);
         }
         else if (newValue === null || this.isValidPattern(newValue)) {
             this.valueChange.emit(newValue);
@@ -241,7 +241,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: ${Gt(newValue)}.`);
+            throw new Error(`<mg-input-date> props 'min/max' doesn't match pattern: 'yyyy-mm-dd'. Passed value: ${Xt(newValue)}.`);
         }
     }
     handleValidityChange(newValue, _oldValue, prop) {
@@ -291,7 +291,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 (!De(errorMessage)) {
+        else if (!qe(errorMessage)) {
             throw new Error('<mg-input-date> method "setError()" param "errorMessage" must be a string.');
         }
         else {
@@ -357,7 +357,7 @@ const MgInputDate$1 = /*@__PURE__*/ proxyCustomElement(class MgInputDate extends
      * @returns HTML Element
      */
     render() {
-        return (h("mg-input", { key: '504777cb807b9747a6c854d7056cb5420eb2cdcf', 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" }, Ft(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: '504777cb807b9747a6c854d7056cb5420eb2cdcf', 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" }, Pt(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 { Z as Zt, l as lr, f as fr, g as cr, o as or, D as De, G as Gt } from './index.es.js';
+import { H as Ht, u as ur, g as gr, p as pr, f as fr, 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$6 } from './mg-icon2.js';
@@ -83,7 +83,7 @@ const MgInputNumeric$1 = /*@__PURE__*/ proxyCustomElement(class MgInputNumeric e
         /**
          * Component classes
          */
-        this.classCollection = new Zt(['mg-c-input--numeric']);
+        this.classCollection = new Ht(['mg-c-input--numeric']);
         /**
          * Handle input event
          */
@@ -126,7 +126,7 @@ const MgInputNumeric$1 = /*@__PURE__*/ proxyCustomElement(class MgInputNumeric e
          * @param value - value to format
          * @returns formatted value according to locale
          */
-        this.formatErrorValue = (value) => lr(value, this.locale, !Number.isInteger(value) && this.type === 'decimal' ? this.decimalLength : 0);
+        this.formatErrorValue = (value) => ur(value, this.locale, !Number.isInteger(value) && this.type === 'decimal' ? this.decimalLength : 0);
         /**
          * Set input error message
          * @param errorMessage - errorMessage override
@@ -181,13 +181,13 @@ const MgInputNumeric$1 = /*@__PURE__*/ proxyCustomElement(class MgInputNumeric e
         this.formatValue = (value) => {
             switch (this.format) {
                 case 'number':
-                    return lr(value, this.locale, this.type === 'decimal' ? this.decimalLength : undefined);
+                    return ur(value, this.locale, this.type === 'decimal' ? this.decimalLength : undefined);
                 case 'currency':
-                    return or(value, this.locale, this.currency);
+                    return fr(value, this.locale, this.currency);
                 case 'percent':
-                    return cr(value / 100, this.locale, this.type === 'decimal' ? this.decimalLength : undefined);
+                    return pr(value / 100, this.locale, this.type === 'decimal' ? this.decimalLength : undefined);
                 case 'unit':
-                    return fr(value, this.locale, this.unit, this.unitDisplay, this.type === 'decimal' ? this.decimalLength : undefined);
+                    return gr(value, this.locale, this.unit, this.unitDisplay, this.type === 'decimal' ? this.decimalLength : undefined);
                 case 'none':
                     return value.toString();
             }
@@ -218,7 +218,7 @@ const MgInputNumeric$1 = /*@__PURE__*/ proxyCustomElement(class MgInputNumeric e
                 return undefined;
             }
             // If a custom helpText is provided, store it but don't return it directly
-            const text = De(helpText) ? helpText : undefined;
+            const text = qe(helpText) ? helpText : undefined;
             // If neither min nor max are defined, and there's no custom helpText,
             // we can return undefined as there's no message to display
             if (this.min === undefined && this.max === undefined && text === undefined) {
@@ -302,22 +302,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: ${Gt(newValue)}.`);
+            throw new Error(`<mg-input-numeric> prop "type" must be one of: ${types.join(', ')}. Passed value: ${Xt(newValue)}.`);
         }
     }
     watchFormat(newValue) {
         if (!formats.includes(newValue)) {
-            throw new Error(`<mg-input-numeric> prop "format" must be one of: ${formats.join(', ')}. Passed value: ${Gt(newValue)}.`);
+            throw new Error(`<mg-input-numeric> prop "format" must be one of: ${formats.join(', ')}. Passed value: ${Xt(newValue)}.`);
         }
     }
     validateIntegerLength(newValue) {
         if (newValue < 1) {
-            throw new Error(`<mg-input-numeric> prop "integer-length" must be a positive number. Passed value: ${Gt(newValue)}.`);
+            throw new Error(`<mg-input-numeric> prop "integer-length" must be a positive number. Passed value: ${Xt(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: ${Gt(newValue)}.`);
+            throw new Error(`<mg-input-numeric> prop "decimal-length" must be a positive number, consider using prop "type" to "integer" instead. Passed value: ${Xt(newValue)}.`);
         }
     }
     /**
@@ -351,7 +351,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 (!De(errorMessage)) {
+        else if (!qe(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 { Z as Zt, D as De } from './index.es.js';
+import { H as Ht, q as qe } 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-button2.js';
@@ -55,7 +55,7 @@ const MgInputPassword$1 = /*@__PURE__*/ proxyCustomElement(class MgInputPassword
         /**
          * Component classes
          */
-        this.classCollection = new Zt(['mg-c-input--password']);
+        this.classCollection = new Ht(['mg-c-input--password']);
         /**
          * Indicates if password is displayed or not
          */
@@ -175,7 +175,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 (!De(errorMessage)) {
+        else if (!qe(errorMessage)) {
             throw new Error('<mg-input-password> method "setError()" param "errorMessage" must be a string.');
         }
         else {