@mgdis/mg-components 5.25.2 → 5.26.0

package/dist/esm/mg-action-more_34.entry.js

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-4ad17402.js';
-import { j as je, i as initLocales, F as Fe, H as He, P as Pe, _ as _e, C as Ce, b as be, A as Ae, E as Ee, S as Se, R as Re, M as Me, D as De, B as Be, N as Ne } from './index-d2fc6ec0.js';
+import { r as registerInstance, h, H as Host, g as getElement, c as createEvent } from './index-ad78ece7.js';
+import { R as Re, i as initLocales, M as Me, B as Be, U as Ue, F as Fe, N as Ne, g as ge, W as We, P as Pe, d as de, z as ze, q as qe, O as Oe, D as De, _ as _e } from './index-bb17de92.js';
 import { D as Direction, s as sizes$2 } from './mg-menu.conf-9609bcb2.js';
 
 /**
@@ -59,7 +59,7 @@ const MgActionMore = class {
          ************/
         this.name = 'mg-action-more';
         this.classBase = 'mg-c-action-more';
-        this.mgPopoverIdentifier = je(this.name);
+        this.mgPopoverIdentifier = Re(this.name);
         /************
          * Methods *
          ***********/
@@ -183,7 +183,7 @@ const MgBadge = class {
         this.label = undefined;
         this.variant = variants$5[0];
         this.outline = undefined;
-        this.classCollection = new Fe(['mg-c-badge']);
+        this.classCollection = new Me(['mg-c-badge']);
     }
     validateValue(newValue) {
         if (/^(\d+\+*|[?*!a-z])$/i.exec(`${newValue}`) === null) {
@@ -191,7 +191,7 @@ const MgBadge = class {
         }
     }
     validateLabel(newValue) {
-        if (!He(newValue)) {
+        if (!Be(newValue)) {
             throw new Error('<mg-badge> prop "label" is required.');
         }
     }
@@ -226,7 +226,7 @@ const MgBadge = class {
      * @returns HTML Element
      */
     render() {
-        return (h("span", { key: '570b40e6abb6c0da8b9b2b8825f862612531fe51', class: this.classCollection.join() }, h("span", { key: 'b2c9bb13d21cf985a02a8cb35d76014e4631a5e4', class: "mg-c-badge__value" }, this.value), h("span", { key: 'e8180432ca14df201d5ab94b13341795191452ce', class: "mg-u-visually-hidden" }, this.label)));
+        return (h("span", { key: 'f6f1baa91f4a9e55af711f0a84eaca74b97962b3', class: this.classCollection.join() }, h("span", { key: '9c61217b74129839f600617d5e6e6bc7a2863667', class: "mg-c-badge__value" }, this.value), h("span", { key: '2fd7529d5d9a9b32da2c4a80a70a09396ffb9100', class: "mg-u-visually-hidden" }, this.label)));
     }
     static get watchers() { return {
         "value": ["validateValue"],
@@ -302,7 +302,7 @@ const MgButton = class {
         this.isIcon = false;
         this.disableOnClick = false;
         this.loading = false;
-        this.classCollection = new Fe(['mg-c-button']);
+        this.classCollection = new Me(['mg-c-button']);
     }
     validateVariant(newValue, oldValue) {
         if (!variants$4.includes(newValue)) {
@@ -361,7 +361,7 @@ const MgButton = class {
         this.validateFullWidth(this.fullWidth);
         if (this.isIcon) {
             this.classCollection.add(`mg-c-button--icon`);
-            if (!He(this.label)) {
+            if (!Be(this.label)) {
                 throw new Error(`<mg-button> prop "label" is mandatory when prop "isIcon" is set to true.`);
             }
         }
@@ -373,7 +373,7 @@ const MgButton = class {
      * Add listners
      */
     componentDidLoad() {
-        Pe(() => {
+        Ue(() => {
             var _a;
             const closestForm = this.element.closest('form') || ((_a = this.element.closest('mg-form')) === null || _a === void 0 ? void 0 : _a.shadowRoot.querySelector('form'));
             // submit buttons should trigger form submition;
@@ -432,7 +432,7 @@ const MgCard = class {
         };
         this.variant = undefined;
         this.variantStyle = undefined;
-        this.classCollection = new Fe([this.classBase]);
+        this.classCollection = new Me([this.classBase]);
     }
     validateVariant(newValue, oldValue) {
         if (newValue && !variants$3.includes(newValue))
@@ -537,7 +537,7 @@ const MgDetails = class {
         this.expanded = false;
     }
     validateTitles(newValue) {
-        if (!He(newValue)) {
+        if (!Be(newValue)) {
             throw new Error('<mg-details> prop "toggleClosed" and "toggleOpened" must be defined.');
         }
     }
@@ -695,7 +695,7 @@ const MgForm = class {
                 }
             });
         };
-        this.identifier = je('mg-form');
+        this.identifier = Re('mg-form');
         this.name = this.identifier;
         this.readonly = false;
         this.requiredMessage = undefined;
@@ -704,7 +704,7 @@ const MgForm = class {
         this.disabled = false;
         this.valid = undefined;
         this.invalid = undefined;
-        this.classCollection = new Fe(['mg-c-form']);
+        this.classCollection = new Me(['mg-c-form']);
         this.requiredMessageText = undefined;
     }
     validateRequiredMessage(newValue) {
@@ -1257,7 +1257,7 @@ const MgIcon = class {
         this.variant = undefined;
         this.variantStyle = undefined;
         this.spin = false;
-        this.classCollection = new Fe(['mg-c-icon']);
+        this.classCollection = new Me(['mg-c-icon']);
     }
     validateIcon(newValue, oldValue) {
         if (!iconList.includes(newValue))
@@ -1356,7 +1356,7 @@ const MgIllustratedMessage = class {
     componentDidLoad() {
         const headingTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
         const slottedIllustrations = this.element.querySelectorAll('[slot="illustration"]');
-        if (!_e(this.element.querySelector('[slot="title"]'), headingTags)) {
+        if (!Fe(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) {
@@ -1436,10 +1436,10 @@ const manageClasses = (props) => {
  * @param props - MgInput Interface Props
  */
 const checkPropsConfig = (props) => {
-    if (!He(props.identifier)) {
+    if (!Be(props.identifier)) {
         throw new Error('<mg-input> prop "identifier" is required.');
     }
-    if (!He(props.label)) {
+    if (!Be(props.label)) {
         throw new Error('<mg-input> prop "label" is required.');
     }
     if (props.labelOnTop && props.labelHide) {
@@ -1716,7 +1716,7 @@ const MgInputCheckbox = class {
          * Method to update searchResults
          */
         this.updateSearchResults = () => {
-            this.searchResults = this.checkboxItems.filter(item => Ce(item.title).includes(Ce(this.searchValue)));
+            this.searchResults = this.checkboxItems.filter(item => Ne(item.title).includes(Ne(this.searchValue)));
         };
         /**
          * Methode to validate if one of inputs value is checked id required
@@ -1790,7 +1790,7 @@ const MgInputCheckbox = class {
         this.helpText = undefined;
         this.valid = undefined;
         this.invalid = undefined;
-        this.classCollection = new Fe([this.baseClassName]);
+        this.classCollection = new Me([this.baseClassName]);
         this.errorMessage = undefined;
         this.checkboxItems = [];
         this.displaySearchInput = undefined;
@@ -1877,7 +1877,7 @@ const MgInputCheckbox = class {
         if (typeof valid !== 'boolean') {
             throw new Error('<mg-input-checkbox> method "setError()" param "valid" must be a boolean');
         }
-        else if (!He(errorMessage)) {
+        else if (!Be(errorMessage)) {
             throw new Error('<mg-input-checkbox> method "setError()" param "errorMessage" must be a string');
         }
         else {
@@ -2142,10 +2142,10 @@ const MgInputDate = class {
          */
         this.formatHelpText = (helpText) => {
             const defaultHelpTextVariable = '{defaultHelpText}';
-            let text = He(helpText) ? helpText : this.messages.input.date.helpText;
+            let text = Be(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}', be(Ae(new Date('2023-12-24')), this.systemLocale));
+            return text.replace('{pattern}', this.renderPattern()).replace('{date}', ge(We(new Date('2023-12-24')), this.systemLocale));
         };
         /**
          * Handle input event
@@ -2218,8 +2218,8 @@ const MgInputDate = class {
                 // min, max & minMax
                 else if ([InputError$1.MIN, InputError$1.MAX, InputError$1.MINMAX].includes(inputError)) {
                     this.errorMessage = this.messages.errors.date[inputError]
-                        .replace('{min}', be(this.min, this.systemLocale))
-                        .replace('{max}', be(this.max, this.systemLocale));
+                        .replace('{min}', ge(this.min, this.systemLocale))
+                        .replace('{max}', ge(this.max, this.systemLocale));
                 }
                 // wrong date format
                 // element.validity.badInput is default error message
@@ -2233,7 +2233,7 @@ const MgInputDate = class {
          * @returns translated html pattern
          */
         this.renderPattern = () => {
-            let patternLocal = Ee(this.systemLocale);
+            let patternLocal = Pe(this.systemLocale);
             for (const key in this.messages.input.date.pattern) {
                 patternLocal = patternLocal.replace(key, this.messages.input.date.pattern[key]);
             }
@@ -2255,14 +2255,14 @@ const MgInputDate = class {
         this.helpText = undefined;
         this.valid = undefined;
         this.invalid = undefined;
-        this.classCollection = new Fe(['mg-c-input--date']);
+        this.classCollection = new Me(['mg-c-input--date']);
         this.errorMessage = undefined;
     }
     validateValue(newValue) {
         // When the input is not fully completed or has been cleared, the value becomes an empty string.
         if (newValue === '')
             newValue = null;
-        if (newValue !== undefined && newValue !== null && (typeof newValue !== 'string' || !Se.test(newValue))) {
+        if (newValue !== undefined && newValue !== null && (typeof newValue !== 'string' || !de.test(newValue))) {
             throw new Error("<mg-input-date> props 'value' doesn't match pattern: yyyy-mm-dd");
         }
         else {
@@ -2270,7 +2270,7 @@ const MgInputDate = class {
         }
     }
     validateMinMax(newValue) {
-        if ((newValue === null || newValue === void 0 ? void 0 : newValue.length) === 0 || ((newValue === null || newValue === void 0 ? void 0 : newValue.length) > 0 && !(typeof newValue === 'string' && Se.test(newValue)))) {
+        if ((newValue === null || newValue === void 0 ? void 0 : newValue.length) === 0 || ((newValue === null || newValue === void 0 ? void 0 : newValue.length) > 0 && !(typeof newValue === 'string' && de.test(newValue)))) {
             throw new Error("<mg-input-date> props 'min/max' doesn't match pattern: yyyy-mm-dd");
         }
     }
@@ -2304,7 +2304,7 @@ const MgInputDate = class {
         if (typeof valid !== 'boolean') {
             throw new Error('<mg-input-date> method "setError()" param "valid" must be a boolean');
         }
-        else if (!He(errorMessage)) {
+        else if (!Be(errorMessage)) {
             throw new Error('<mg-input-date> method "setError()" param "errorMessage" must be a string');
         }
         else {
@@ -2356,7 +2356,7 @@ const MgInputDate = class {
      * @returns HTML Element
      */
     render() {
-        return (h(MgInput, { key: 'd6e63d2f60d8c1b977181b35ad1c5393ebbf9f2d', identifier: this.identifier, classCollection: this.classCollection, ariaDescribedbyIDs: [], label: this.label, labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, readonly: this.readonly, mgWidth: undefined, disabled: this.disabled, value: this.value, readonlyValue: be(this.value, this.locale), tooltip: this.tooltip, tooltipPosition: this.tooltipPosition, helpText: this.formatHelpText(this.helpText), errorMessage: this.errorMessage, isFieldset: false }, h("input", { key: 'd94cfb21684af81db4dc3fc3ba1cc1fdfdaa2793', 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, ref: (el) => {
+        return (h(MgInput, { key: 'd6e63d2f60d8c1b977181b35ad1c5393ebbf9f2d', identifier: this.identifier, classCollection: this.classCollection, ariaDescribedbyIDs: [], label: this.label, labelOnTop: this.labelOnTop, labelHide: this.labelHide, required: this.required, readonly: this.readonly, mgWidth: undefined, disabled: this.disabled, value: this.value, readonlyValue: ge(this.value, this.locale), tooltip: this.tooltip, tooltipPosition: this.tooltipPosition, helpText: this.formatHelpText(this.helpText), errorMessage: this.errorMessage, isFieldset: false }, h("input", { key: 'd94cfb21684af81db4dc3fc3ba1cc1fdfdaa2793', 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, ref: (el) => {
                 if (el !== null)
                     this.input = el;
             } })));
@@ -2489,9 +2489,9 @@ const MgInputNumeric = class {
         this.formatValue = (value) => {
             switch (this.format) {
                 case 'number':
-                    return Me(value, this.locale);
+                    return qe(value, this.locale);
                 case 'currency':
-                    return Re(value, this.locale, this.currency);
+                    return ze(value, this.locale, this.currency);
                 case 'none':
                     return value.toString();
             }
@@ -2528,7 +2528,7 @@ const MgInputNumeric = class {
         this.decimalLength = 2;
         this.valid = undefined;
         this.invalid = undefined;
-        this.classCollection = new Fe(['mg-c-input--numeric']);
+        this.classCollection = new Me(['mg-c-input--numeric']);
         this.errorMessage = undefined;
         this.hasFocus = undefined;
     }
@@ -2603,7 +2603,7 @@ const MgInputNumeric = class {
         if (typeof valid !== 'boolean') {
             throw new Error('<mg-input-numeric> method "setError()" param "valid" must be a boolean');
         }
-        else if (!He(errorMessage)) {
+        else if (!Be(errorMessage)) {
             throw new Error('<mg-input-numeric> method "setError()" param "errorMessage" must be a string');
         }
         else {
@@ -2786,7 +2786,7 @@ const MgInputPassword = class {
         this.helpText = undefined;
         this.valid = undefined;
         this.invalid = undefined;
-        this.classCollection = new Fe(['mg-c-input--password']);
+        this.classCollection = new Me(['mg-c-input--password']);
         this.errorMessage = undefined;
     }
     handleValue(newValue) {
@@ -2822,7 +2822,7 @@ const MgInputPassword = class {
         if (typeof valid !== 'boolean') {
             throw new Error('<mg-input-password> method "setError()" param "valid" must be a boolean');
         }
-        else if (!He(errorMessage)) {
+        else if (!Be(errorMessage)) {
             throw new Error('<mg-input-password> method "setError()" param "errorMessage" must be a string');
         }
         else {
@@ -2963,7 +2963,7 @@ const MgInputRadio = class {
         this.helpText = undefined;
         this.valid = undefined;
         this.invalid = undefined;
-        this.classCollection = new Fe(['mg-c-input--radio']);
+        this.classCollection = new Me(['mg-c-input--radio']);
         this.errorMessage = undefined;
         this.options = undefined;
     }
@@ -2976,7 +2976,7 @@ const MgInputRadio = class {
             throw new Error('<mg-input-radio> prop "items" require at least 2 items.');
         }
         // String array
-        else if (De(newValue)) {
+        else if (Oe(newValue)) {
             this.options = newValue.map(item => ({ title: item, value: item, disabled: this.disabled }));
         }
         // Object array
@@ -3017,7 +3017,7 @@ const MgInputRadio = class {
         if (typeof valid !== 'boolean') {
             throw new Error('<mg-input-radio> method "setError()" param "valid" must be a boolean');
         }
-        else if (!He(errorMessage)) {
+        else if (!Be(errorMessage)) {
             throw new Error('<mg-input-radio> method "setError()" param "errorMessage" must be a string');
         }
         else {
@@ -3159,7 +3159,7 @@ const MgInputSelect = class {
             if (this.input.value === '') {
                 this.setValue(null);
             }
-            else if (De(this.items) && this.items.includes(this.input.value)) {
+            else if (Oe(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)) {
@@ -3234,7 +3234,7 @@ const MgInputSelect = class {
         this.helpText = undefined;
         this.valid = undefined;
         this.invalid = undefined;
-        this.classCollection = new Fe(['mg-c-input--select']);
+        this.classCollection = new Me(['mg-c-input--select']);
         this.errorMessage = undefined;
         this.options = undefined;
         this.valueExist = undefined;
@@ -3242,7 +3242,7 @@ const MgInputSelect = class {
     }
     validateValue(newValue) {
         var _a, _b;
-        if (De(this.items) && typeof newValue === 'string') {
+        if (Oe(this.items) && typeof newValue === 'string') {
             this.readonlyValue = ((_a = this.input) === null || _a === void 0 ? void 0 : _a.value) ? this.input.value : newValue;
         }
         else if (allItemsAreOptions(this.items)) {
@@ -3259,7 +3259,7 @@ const MgInputSelect = class {
             this.options = [];
         }
         // String array
-        else if (De(newValue)) {
+        else if (Oe(newValue)) {
             if (typeof this.value === 'string')
                 this.valueExist = newValue.includes(this.value);
             this.options = newValue.map(item => ({ title: item, value: item }));
@@ -3310,7 +3310,7 @@ const MgInputSelect = class {
         if (typeof valid !== 'boolean') {
             throw new Error('<mg-input-select> method "setError()" param "valid" must be a boolean');
         }
-        else if (!He(errorMessage)) {
+        else if (!Be(errorMessage)) {
             throw new Error('<mg-input-select> method "setError()" param "errorMessage" must be a string');
         }
         else {
@@ -3410,7 +3410,7 @@ const MgInputText = class {
          */
         this.handleFocus = () => {
             this.classCollection.add(this.classFocus);
-            this.classCollection = new Fe(this.classCollection.classes);
+            this.classCollection = new Me(this.classCollection.classes);
         };
         /**
          * Handle blur event
@@ -3418,7 +3418,7 @@ const MgInputText = class {
         this.handleBlur = () => {
             // Manage focus
             this.classCollection.delete(this.classFocus);
-            this.classCollection = new Fe(this.classCollection.classes);
+            this.classCollection = new Me(this.classCollection.classes);
             // Display Error
             this.handlerInProgress = Handler.BLUR;
             this.displayError().finally(() => {
@@ -3494,7 +3494,7 @@ const MgInputText = class {
         this.helpText = undefined;
         this.valid = undefined;
         this.invalid = undefined;
-        this.classCollection = new Fe(['mg-c-input--text']);
+        this.classCollection = new Me(['mg-c-input--text']);
         this.errorMessage = undefined;
     }
     handleValue(newValue) {
@@ -3524,7 +3524,7 @@ const MgInputText = class {
         }
     }
     validatePattern(newValue) {
-        if (newValue !== undefined && !(He(this.pattern) && He(this.patternErrorMessage))) {
+        if (newValue !== undefined && !(Be(this.pattern) && Be(this.patternErrorMessage))) {
             throw new Error('<mg-input-text> props "pattern" and "patternErrorMessage" must be non-empty string and paired.');
         }
     }
@@ -3554,7 +3554,7 @@ const MgInputText = class {
         if (typeof valid !== 'boolean') {
             throw new Error('<mg-input-text> method "setError()" param "valid" must be a boolean');
         }
-        else if (!He(errorMessage)) {
+        else if (!Be(errorMessage)) {
             throw new Error('<mg-input-text> method "setError()" param "errorMessage" must be a string');
         }
         else {
@@ -3659,7 +3659,7 @@ const MgInputTextarea = class {
          */
         this.handleFocus = () => {
             this.classCollection.add(this.classFocus);
-            this.classCollection = new Fe(this.classCollection.classes);
+            this.classCollection = new Me(this.classCollection.classes);
         };
         /**
          * Handle blur event
@@ -3667,7 +3667,7 @@ const MgInputTextarea = class {
         this.handleBlur = () => {
             // Manage focus
             this.classCollection.delete(this.classFocus);
-            this.classCollection = new Fe(this.classCollection.classes);
+            this.classCollection = new Me(this.classCollection.classes);
             // Display Error
             this.handlerInProgress = Handler.BLUR;
             this.displayError().finally(() => {
@@ -3731,7 +3731,7 @@ const MgInputTextarea = class {
         this.valid = undefined;
         this.invalid = undefined;
         this.resizable = 'none';
-        this.classCollection = new Fe(['mg-c-input--textarea']);
+        this.classCollection = new Me(['mg-c-input--textarea']);
         this.errorMessage = undefined;
     }
     handleValue(newValue) {
@@ -3749,7 +3749,7 @@ const MgInputTextarea = class {
         }
     }
     validatePattern(newValue) {
-        if (newValue !== undefined && !(He(this.pattern) && He(this.patternErrorMessage))) {
+        if (newValue !== undefined && !(Be(this.pattern) && Be(this.patternErrorMessage))) {
             throw new Error('<mg-input-textarea> props "pattern" and "patternErrorMessage" must be non-empty string and paired.');
         }
     }
@@ -3781,7 +3781,7 @@ const MgInputTextarea = class {
         if (typeof valid !== 'boolean') {
             throw new Error('<mg-input-textarea> method "setError()" param "valid" must be a boolean');
         }
-        else if (!He(errorMessage)) {
+        else if (!Be(errorMessage)) {
             throw new Error('<mg-input-textarea> method "setError()" param "errorMessage" must be a string');
         }
         else {
@@ -3865,7 +3865,7 @@ const MgInputTitle = class {
         this.tagName = 'label';
     }
     validateIdentifier(newValue) {
-        if (!He(newValue)) {
+        if (!Be(newValue)) {
             throw new Error('<mg-input-title> prop "identifier" is required.');
         }
     }
@@ -3980,7 +3980,7 @@ const MgInputToggle = class {
         this.tooltip = undefined;
         this.tooltipPosition = 'input';
         this.helpText = undefined;
-        this.classCollection = new Fe(['mg-c-input--toggle']);
+        this.classCollection = new Me(['mg-c-input--toggle']);
         this.options = undefined;
         this.errorMessage = undefined;
         this.valid = undefined;
@@ -3997,7 +3997,7 @@ const MgInputToggle = class {
             throw new Error('<mg-input-toggle> prop "items" require 2 items.');
         }
         // String array
-        else if (De(newValue)) {
+        else if (Oe(newValue)) {
             this.options = newValue.map(item => ({ title: item, value: item }));
         }
         // Object array
@@ -4047,7 +4047,7 @@ const MgInputToggle = class {
         if (typeof valid !== 'boolean') {
             throw new Error('<mg-input-toggle> method "setError()" param "valid" must be a boolean');
         }
-        else if (!He(errorMessage)) {
+        else if (!Be(errorMessage)) {
             throw new Error('<mg-input-toggle> method "setError()" param "errorMessage" must be a string');
         }
         else {
@@ -4350,7 +4350,7 @@ const MgMenuItem = class {
                 throw new Error(`<${this.name}> slot "label" is required.`);
             ['label', 'metadata'].forEach(slot => {
                 Array.from(this.element.querySelectorAll(`[slot="${slot}"]`)).forEach(element => {
-                    if (!He(element.textContent))
+                    if (!Be(element.textContent))
                         throw new Error(`<${this.name}> slot "${slot}" must have text content.`);
                     if ((guard && element.getAttribute('title') === null) || !guard)
                         element.setAttribute('title', element.textContent);
@@ -4419,12 +4419,12 @@ const MgMenuItem = class {
          * @returns HTML Element
          */
         this.renderSlot = () => h("slot", null);
-        this.identifier = je('mg-menu-item');
+        this.identifier = Re('mg-menu-item');
         this.href = undefined;
         this.status = Status$1.VISIBLE;
         this.expanded = false;
         this.size = 'regular';
-        this.navigationButtonClassList = new Fe([this.navigationButton]);
+        this.navigationButtonClassList = new Me([this.navigationButton]);
         this.direction = undefined;
         this.isInMainMenu = undefined;
         this.isItemMore = undefined;
@@ -4658,13 +4658,13 @@ const MgMessage = class {
                     return 'exclamation-circle';
             }
         };
-        this.identifier = je('mg-message');
+        this.identifier = Re('mg-message');
         this.delay = undefined;
         this.variant = variants$1[0];
         this.closeButton = false;
         this.hide = false;
         this.noAriaRole = undefined;
-        this.classCollection = new Fe(['mg-c-message']);
+        this.classCollection = new Me(['mg-c-message']);
         this.hasActions = false;
     }
     validateDelay(newValue) {
@@ -4807,12 +4807,12 @@ const MgModal = class {
          */
         this.setFocus = () => {
             // Get all focusable elements
-            const slottedFocusableElements = Array.from(this.element.querySelectorAll(Be));
+            const slottedFocusableElements = Array.from(this.element.querySelectorAll(De));
             // If close button is enabled or at least one of the slotted element is focusable
             if (this.closeButton || slottedFocusableElements.length > 0) {
                 // Check if slotted focusable elements have shadowDom with focusable elements
                 this.modalFocusableElements = slottedFocusableElements.reduce((acc, focusableElement) => {
-                    acc.push(focusableElement.shadowRoot !== null ? focusableElement.shadowRoot.querySelector(Be) || focusableElement : focusableElement);
+                    acc.push(focusableElement.shadowRoot !== null ? focusableElement.shadowRoot.querySelector(De) || focusableElement : focusableElement);
                     return acc;
                 }, []);
                 // When close button is enabled it's the first focusable element.
@@ -4834,21 +4834,21 @@ const MgModal = class {
         this.handleClose = () => {
             this.hide = true;
         };
-        this.identifier = je('mg-modal');
+        this.identifier = Re('mg-modal');
         this.dialogRole = dialogRoles[0];
         this.modalTitle = undefined;
         this.closeButton = false;
         this.hide = undefined;
         this.hasActions = false;
         this.hasContent = false;
-        this.classCollection = new Fe(['mg-c-modal']);
+        this.classCollection = new Me(['mg-c-modal']);
     }
     validateDialogRole(newValue) {
         if (!dialogRoles.includes(newValue))
             throw new Error(`<mg-modal> prop "dialogRole" must be one of: ${dialogRoles.join(', ')}.`);
     }
     validateModalTitle(newValue) {
-        if (!He(newValue)) {
+        if (!Be(newValue)) {
             throw new Error('<mg-modal> prop "modalTitle" is required.');
         }
     }
@@ -4995,7 +4995,7 @@ const MgPagination = class {
         this.handleGoToPage = (action, disabled) => {
             !disabled && this.goToPage(action === NavigationAction.NEXT ? this.currentPage + 1 : this.currentPage - 1);
         };
-        this.identifier = je('mg-pagination');
+        this.identifier = Re('mg-pagination');
         this.label = undefined;
         this.hideNavigationLabels = undefined;
         this.hidePageCount = undefined;
@@ -5160,7 +5160,7 @@ const MgPanel = class {
             ];
             return this.titlePosition === 'right' ? children.reverse() : children;
         };
-        this.identifier = je('mg-panel');
+        this.identifier = Re('mg-panel');
         this.panelTitle = undefined;
         this.titlePattern = undefined;
         this.titlePatternErrorMessage = undefined;
@@ -5169,12 +5169,12 @@ const MgPanel = class {
         this.expanded = false;
         this.expandToggleDisplay = expandToggleDisplays[0];
         this.expandToggleDisabled = undefined;
-        this.classCollection = new Fe(['mg-c-panel']);
+        this.classCollection = new Me(['mg-c-panel']);
         this.isEditing = false;
         this.updatedPanelTitle = undefined;
     }
     validatePanelTitle(newValue) {
-        if (!He(newValue))
+        if (!Be(newValue))
             throw new Error('<mg-panel> prop "panelTitle" is required.');
         this.titleChange.emit(newValue);
     }
@@ -7125,7 +7125,7 @@ const MgPopover = class {
                 mgPopoverContent.setAttribute('id', this.identifier);
             }
         };
-        this.identifier = je('mg-popover');
+        this.identifier = Re('mg-popover');
         this.placement = 'bottom';
         this.arrowHide = false;
         this.closeButton = false;
@@ -7168,7 +7168,7 @@ const MgPopover = class {
      */
     componentWillLoad() {
         // Get windows to attach events
-        this.windows = Ne(window);
+        this.windows = _e(window);
         // render mg-popover-content slot
         this.renderPopoverContent();
         this.validateCloseButton(this.closeButton);
@@ -7256,7 +7256,7 @@ const MgPopoverContent = class {
             this.hideContent.emit();
         };
         this.closeButton = false;
-        this.classCollection = new Fe(['mg-c-popover-content']);
+        this.classCollection = new Me(['mg-c-popover-content']);
     }
     /*************
      * Lifecycle *
@@ -7274,7 +7274,7 @@ const MgPopoverContent = class {
     componentDidLoad() {
         const headingTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
         const slottedTitleElement = this.element.querySelector('[slot="title"]');
-        if (slottedTitleElement && !_e(slottedTitleElement, headingTags)) {
+        if (slottedTitleElement && !Fe(slottedTitleElement, headingTags)) {
             throw new Error(`<mg-popover> Slotted title must be a heading: ${headingTags.join(', ')}`);
         }
     }
@@ -7310,7 +7310,7 @@ const MgSkipLinks = class {
         this.links = undefined;
     }
     validateLinks(links) {
-        if (links === undefined || links.length === 0 || links.some(link => !He(link.href) || !link.href.startsWith('#') || !He(link.label))) {
+        if (links === undefined || links.length === 0 || links.some(link => !Be(link.href) || !link.href.startsWith('#') || !Be(link.label))) {
             throw new Error(`<mg-skip-links> prop "links": Cannot be empty and each link must contains an href starting with a "#" and a non empty label attributes.`);
         }
     }
@@ -7462,7 +7462,7 @@ const MgTabs = class {
          */
         this.resetFocus = () => {
             // update asynchronously tabindex to prevent get focus on new tabindex at then end of event process
-            Pe(() => {
+            Ue(() => {
                 this.tabFocus = undefined;
                 Array.from(this.element.shadowRoot.querySelectorAll('[data-index]')).forEach((tab, index) => {
                     tab.setAttribute('tabindex', this.activeTab - this.startIndex !== index ? '-1' : '0');
@@ -7477,16 +7477,16 @@ const MgTabs = class {
             if (slots.length !== this.tabs.length)
                 throw new Error('<mg-tabs> Must have slots counts equal to tabs count.');
         };
-        this.identifier = je('mg-tabs');
+        this.identifier = Re('mg-tabs');
         this.label = undefined;
         this.size = 'regular';
         this.items = undefined;
         this.activeTab = undefined;
         this.tabs = [];
-        this.classCollection = new Fe(['mg-c-tabs']);
+        this.classCollection = new Me(['mg-c-tabs']);
     }
     validateLabel(newValue) {
-        if (!He(newValue)) {
+        if (!Be(newValue)) {
             throw new Error('<mg-tabs> prop "label" is required.');
         }
     }
@@ -7498,7 +7498,7 @@ const MgTabs = class {
     }
     validateItems(newValue) {
         // String array
-        if (De(newValue))
+        if (Oe(newValue))
             this.tabs = newValue.map(item => ({ label: item, status: Status.VISIBLE }));
         // Object array
         else if (Array.isArray(newValue) && newValue.length > 0 && newValue.every(isTabItem))
@@ -7598,7 +7598,7 @@ const MgTag = class {
         this.variant = variants[0];
         this.outline = undefined;
         this.soft = undefined;
-        this.classCollection = new Fe(['mg-c-tag']);
+        this.classCollection = new Me(['mg-c-tag']);
     }
     validateVariant(newValue, oldValue) {
         if (!variants.includes(newValue)) {
@@ -7635,7 +7635,7 @@ const MgTag = class {
      * @param textContent - html element textContent property
      */
     validateTextContent(textContent) {
-        if (!He(textContent))
+        if (!Be(textContent))
             throw new Error('<mg-tag> slot must contain a text content.');
     }
     /*************
@@ -7694,7 +7694,7 @@ const MgTooltip = class {
             // Enable the event listeners
             this.popper.setOptions(options => (Object.assign(Object.assign({}, options), { modifiers: [...options.modifiers, { name: 'eventListeners', enabled: true }] })));
             // hide when click outside on nextTick to prevent event to trigger after creation
-            Pe(() => {
+            Ue(() => {
                 this.windows.forEach((localWindow) => {
                     localWindow.addEventListener('click', this.clickOutside, false);
                     localWindow.addEventListener('keydown', this.pressEscape, false);
@@ -7859,7 +7859,7 @@ const MgTooltip = class {
                 });
             });
         };
-        this.identifier = je('mg-tooltip');
+        this.identifier = Re('mg-tooltip');
         this.message = undefined;
         this.placement = 'bottom';
         this.display = false;
@@ -7870,7 +7870,7 @@ const MgTooltip = class {
         this.renderTooltipContent();
     }
     validateMessage(newValue) {
-        if (!He(newValue)) {
+        if (!Be(newValue)) {
             throw new Error('<mg-tooltip> prop "message" is required.');
         }
         this.mgTooltipContent.message = newValue;
@@ -7919,7 +7919,7 @@ const MgTooltip = class {
      */
     componentWillLoad() {
         // Get windows to attach events
-        this.windows = Ne(window);
+        this.windows = _e(window);
         // Get tooltip element
         this.renderTooltipContent();
         this.mgTooltipContent = this.element.querySelector(`#${this.identifier}`);
@@ -7938,7 +7938,7 @@ const MgTooltip = class {
         // get slotted element wich is not the tooltip
         const slotElement = this.element.querySelector(`*:not(#${this.identifier})`);
         // Get interactive element
-        const interactiveElement = slotElement.matches(Be) ? slotElement : (_a = slotElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(Be);
+        const interactiveElement = slotElement.matches(De) ? slotElement : (_a = slotElement.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(De);
         // define selected element to become tooltip selector
         this.tooltipedElement = interactiveElement || slotElement;
         // Check if slotted element is a disabled mg-button