@mgdis/mg-components 5.25.1 → 5.26.0

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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { M as MgInput } from './MgInput.js';
-import { F as Fe, D as De, H as He } from './index.es.js';
+import { M as Me, O as Oe, B as Be } from './index.es.js';
 import { d as defineCustomElement$5 } from './mg-icon2.js';
 import { d as defineCustomElement$4 } from './mg-input-title2.js';
 import { d as defineCustomElement$3 } from './mg-tooltip2.js';
@@ -90,7 +90,7 @@ const MgInputToggle$1 = /*@__PURE__*/ proxyCustomElement(class MgInputToggle ext
         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;
@@ -107,7 +107,7 @@ const MgInputToggle$1 = /*@__PURE__*/ proxyCustomElement(class MgInputToggle ext
             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
@@ -157,7 +157,7 @@ const MgInputToggle$1 = /*@__PURE__*/ proxyCustomElement(class MgInputToggle ext
         if (typeof valid !== 'boolean') {
             throw new Error('<mg-input-toggle> method "setError()" param "valid" must be a boolean');
         }
-        else if (!He(errorMessage)) {
+        else if (!Be(errorMessage)) {
             throw new Error('<mg-input-toggle> method "setError()" param "errorMessage" must be a string');
         }
         else {

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

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { i as initLocales } from './index2.js';
 import { D as Direction } from './mg-menu.conf.js';
-import { H as He } from './index.es.js';
+import { B as Be } from './index.es.js';
 import { d as defineCustomElement$9 } from './mg-badge2.js';
 import { d as defineCustomElement$8 } from './mg-button2.js';
 import { d as defineCustomElement$7 } from './mg-card2.js';
@@ -187,7 +187,7 @@ const MgItemMore$1 = /*@__PURE__*/ proxyCustomElement(class MgItemMore extends H
                         navElement.click();
                 });
                 // add id suffix to prevent duplicate key. default html id is: '';
-                if (He(proxy.id))
+                if (Be(proxy.id))
                     proxy.id = `${proxy.id}-proxy`;
                 // manage status change miror in proxy
                 allMenuItem[index].addEventListener('status-change', (event) => {

package/dist/components/mg-loader.js

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

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { H as He, j as je, F as Fe } from './index.es.js';
+import { B as Be, R as Re, M as Me } from './index.es.js';
 import { i as initLocales } from './index2.js';
 import { D as Direction } from './mg-menu.conf.js';
 import { d as defineCustomElement$6 } from './mg-badge2.js';
@@ -95,7 +95,7 @@ const MgMenuItem = /*@__PURE__*/ proxyCustomElement(class MgMenuItem extends HTM
                 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);
@@ -164,12 +164,12 @@ const MgMenuItem = /*@__PURE__*/ proxyCustomElement(class MgMenuItem extends HTM
          * @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.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;

package/dist/components/mg-message.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { j as je, F as Fe } from './index.es.js';
+import { R as Re, M as Me } from './index.es.js';
 import { i as initLocales } from './index2.js';
 import { d as defineCustomElement$4 } from './mg-button2.js';
 import { d as defineCustomElement$3 } from './mg-card2.js';
@@ -83,13 +83,13 @@ const MgMessage$1 = /*@__PURE__*/ proxyCustomElement(class MgMessage extends HTM
                     return 'exclamation-circle';
             }
         };
-        this.identifier = je('mg-message');
+        this.identifier = Re('mg-message');
         this.delay = undefined;
         this.variant = variants[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) {

package/dist/components/mg-modal.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { B as Be, j as je, F as Fe, H as He } from './index.es.js';
+import { D as De, R as Re, M as Me, B as Be } from './index.es.js';
 import { i as initLocales } from './index2.js';
 import { d as defineCustomElement$4 } from './mg-button2.js';
 import { d as defineCustomElement$3 } from './mg-card2.js';
@@ -59,12 +59,12 @@ const MgModal$1 = /*@__PURE__*/ proxyCustomElement(class MgModal extends HTMLEle
          */
         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.
@@ -86,21 +86,21 @@ const MgModal$1 = /*@__PURE__*/ proxyCustomElement(class MgModal extends HTMLEle
         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.');
         }
     }

package/dist/components/mg-pagination2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { j as je } from './index.es.js';
+import { R as Re } from './index.es.js';
 import { i as initLocales } from './index2.js';
 import { d as defineCustomElement$6 } from './mg-button2.js';
 import { d as defineCustomElement$5 } from './mg-icon2.js';
@@ -71,7 +71,7 @@ const MgPagination = /*@__PURE__*/ proxyCustomElement(class MgPagination extends
         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;

package/dist/components/mg-panel.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { j as je, F as Fe, H as He } from './index.es.js';
+import { R as Re, M as Me, B as Be } from './index.es.js';
 import { i as initLocales } from './index2.js';
 import { d as defineCustomElement$9 } from './mg-button2.js';
 import { d as defineCustomElement$8 } from './mg-card2.js';
@@ -121,7 +121,7 @@ const MgPanel$1 = /*@__PURE__*/ proxyCustomElement(class MgPanel extends HTMLEle
             ];
             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;
@@ -130,12 +130,12 @@ const MgPanel$1 = /*@__PURE__*/ proxyCustomElement(class MgPanel extends HTMLEle
         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);
     }

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { F as Fe, _ as _e } from './index.es.js';
+import { M as Me, F as Fe } from './index.es.js';
 import { i as initLocales } from './index2.js';
 import { d as defineCustomElement$3 } from './mg-button2.js';
 import { d as defineCustomElement$2 } from './mg-card2.js';
@@ -21,7 +21,7 @@ const MgPopoverContent = /*@__PURE__*/ proxyCustomElement(class MgPopoverContent
             this.hideContent.emit();
         };
         this.closeButton = false;
-        this.classCollection = new Fe(['mg-c-popover-content']);
+        this.classCollection = new Me(['mg-c-popover-content']);
     }
     /*************
      * Lifecycle *
@@ -39,7 +39,7 @@ const MgPopoverContent = /*@__PURE__*/ proxyCustomElement(class MgPopoverContent
     componentDidLoad() {
         const headingTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
         const slottedTitleElement = this.element.querySelector('[slot="title"]');
-        if (slottedTitleElement && !_e(slottedTitleElement, headingTags)) {
+        if (slottedTitleElement && !Fe(slottedTitleElement, headingTags)) {
             throw new Error(`<mg-popover> Slotted title must be a heading: ${headingTags.join(', ')}`);
         }
     }

package/dist/components/mg-popover2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { j as je, N as Ne } from './index.es.js';
+import { R as Re, _ as _e } from './index.es.js';
 import { d as defineCustomElement$4 } from './mg-button2.js';
 import { d as defineCustomElement$3 } from './mg-card2.js';
 import { d as defineCustomElement$2 } from './mg-icon2.js';
@@ -103,7 +103,7 @@ const MgPopover = /*@__PURE__*/ proxyCustomElement(class MgPopover extends HTMLE
                 mgPopoverContent.setAttribute('id', this.identifier);
             }
         };
-        this.identifier = je('mg-popover');
+        this.identifier = Re('mg-popover');
         this.placement = 'bottom';
         this.arrowHide = false;
         this.closeButton = false;
@@ -146,7 +146,7 @@ const MgPopover = /*@__PURE__*/ proxyCustomElement(class MgPopover extends HTMLE
      */
     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);

package/dist/components/mg-skip-links.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { i as initLocales } from './index2.js';
-import { H as He } from './index.es.js';
+import { B as Be } from './index.es.js';
 
 const mgSkipLinksCss = ".mg-c-skip-links{position:absolute;background:hsl(var(--color-light));opacity:0;transform:translateY(-100%)}.mg-c-skip-links:focus-within{position:relative;opacity:1;transform:translateY(0)}.mg-c-skip-links__list{display:flex;flex-wrap:wrap;align-items:center;padding:.64rem 1.8rem;margin:0;gap:.6rem;list-style:none}.mg-c-skip-links__link{display:inline-block;padding:1.2rem;color:hsl(var(--color-dark))}.mg-c-skip-links__link:hover{background:hsl(var(--color-dark)/10%)}";
 const MgSkipLinksStyle0 = mgSkipLinksCss;
@@ -25,7 +25,7 @@ const MgSkipLinks$1 = /*@__PURE__*/ proxyCustomElement(class MgSkipLinks extends
         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.`);
         }
     }

package/dist/components/mg-tabs.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { P as Pe, j as je, F as Fe, H as He, D as De } from './index.es.js';
+import { U as Ue, R as Re, M as Me, B as Be, O as Oe } from './index.es.js';
 import { d as defineCustomElement$3 } from './mg-badge2.js';
 import { d as defineCustomElement$2 } from './mg-icon2.js';
 
@@ -129,7 +129,7 @@ const MgTabs$1 = /*@__PURE__*/ proxyCustomElement(class MgTabs extends HTMLEleme
          */
         this.resetFocus = () => {
             // update asynchronously tabindex to prevent get focus on new tabindex at then end of event process
-            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');
@@ -144,16 +144,16 @@ const MgTabs$1 = /*@__PURE__*/ proxyCustomElement(class MgTabs extends HTMLEleme
             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.');
         }
     }
@@ -165,7 +165,7 @@ const MgTabs$1 = /*@__PURE__*/ proxyCustomElement(class MgTabs extends HTMLEleme
     }
     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))

package/dist/components/mg-tag.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { F as Fe, H as He } from './index.es.js';
+import { M as Me, B as Be } from './index.es.js';
 
 /**
  * List of all possibles variants
@@ -23,7 +23,7 @@ const MgTag$1 = /*@__PURE__*/ proxyCustomElement(class MgTag extends HTMLElement
         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)) {
@@ -60,7 +60,7 @@ const MgTag$1 = /*@__PURE__*/ proxyCustomElement(class MgTag extends HTMLElement
      * @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.');
     }
     /*************

package/dist/components/mg-tooltip2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { P as Pe, j as je, H as He, N as Ne, B as Be } from './index.es.js';
+import { U as Ue, R as Re, B as Be, _ as _e, D as De } from './index.es.js';
 import { d as defineCustomElement$1 } from './mg-tooltip-content2.js';
 import { c as createPopper } from './popper.js';
 
@@ -33,7 +33,7 @@ const MgTooltip = /*@__PURE__*/ proxyCustomElement(class MgTooltip extends HTMLE
             // Enable the event listeners
             this.popper.setOptions(options => (Object.assign(Object.assign({}, options), { modifiers: [...options.modifiers, { name: 'eventListeners', enabled: true }] })));
             // hide when click outside on nextTick to prevent event to trigger after creation
-            Pe(() => {
+            Ue(() => {
                 this.windows.forEach((localWindow) => {
                     localWindow.addEventListener('click', this.clickOutside, false);
                     localWindow.addEventListener('keydown', this.pressEscape, false);
@@ -198,7 +198,7 @@ const MgTooltip = /*@__PURE__*/ proxyCustomElement(class MgTooltip extends HTMLE
                 });
             });
         };
-        this.identifier = je('mg-tooltip');
+        this.identifier = Re('mg-tooltip');
         this.message = undefined;
         this.placement = 'bottom';
         this.display = false;
@@ -209,7 +209,7 @@ const MgTooltip = /*@__PURE__*/ proxyCustomElement(class MgTooltip extends HTMLE
         this.renderTooltipContent();
     }
     validateMessage(newValue) {
-        if (!He(newValue)) {
+        if (!Be(newValue)) {
             throw new Error('<mg-tooltip> prop "message" is required.');
         }
         this.mgTooltipContent.message = newValue;
@@ -258,7 +258,7 @@ const MgTooltip = /*@__PURE__*/ proxyCustomElement(class MgTooltip extends HTMLE
      */
     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}`);
@@ -277,7 +277,7 @@ const MgTooltip = /*@__PURE__*/ proxyCustomElement(class MgTooltip extends HTMLE
         // get slotted element wich is not the tooltip
         const slotElement = this.element.querySelector(`*:not(#${this.identifier})`);
         // Get interactive element
-        const interactiveElement = slotElement.matches(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

package/dist/esm/{index-4ad17402.js → index-ad78ece7.js}

@@ -2493,4 +2493,4 @@ const writeTask = /*@__PURE__*/ queueTask(queueDomWrites, true);
 
 export { Host as H, bootstrapLazy as b, createEvent as c, getElement as g, h, promiseResolve as p, registerInstance as r, setNonce as s };
 
-//# sourceMappingURL=index-4ad17402.js.map
+//# sourceMappingURL=index-ad78ece7.js.map