@mgdis/mg-components 6.20.0 → 6.22.0

package/dist/components/mg-message2.js

@@ -1,146 +1 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { C as ClassList, t as toString } from './index2.js';
-import { d as defineCustomElement$2 } from './mg-card2.js';
-import { d as defineCustomElement$1 } from './mg-icon2.js';
-
-/**
- * List available variants
- */
-const variants = ['info', 'warning', 'success', 'danger'];
-/**
- * List available variant styles
- */
-const variantStyles = ['bar-left', 'background'];
-
-const mgMessageCss = "/*!\n * @prop --mg-c-message-border-radius: Defines the border radius of the message. Default value: `--mg-b-size-radius`.\n */:host{--mg-c-card-spacing:0;--mg-c-card-border-radius:var(--mg-c-message-border-radius);--mg-c-card-border:none;--mg-c-card-overflow:hidden}.mg-c-message{display:inline-block;min-height:var(--mg-b-size-min-height)}.mg-c-message.mg-c-message--danger .mg-c-message__icon{color:var(--mg-b-color-danger)}.mg-c-message.mg-c-message--danger.mg-c-message--bar-left .mg-c-message__bar{background-color:var(--mg-b-color-danger)}.mg-c-message.mg-c-message--danger.mg-c-message--background{--mg-c-card-color-background:var(--mg-b-color-red-20, color-mix(in srgb, var(--mg-b-color-danger), white 80%))}.mg-c-message.mg-c-message--info .mg-c-message__icon{color:var(--mg-b-color-info)}.mg-c-message.mg-c-message--info.mg-c-message--bar-left .mg-c-message__bar{background-color:var(--mg-b-color-info)}.mg-c-message.mg-c-message--info.mg-c-message--background{--mg-c-card-color-background:var(--mg-b-color-blue-20, color-mix(in srgb, var(--mg-b-color-info), white 80%))}.mg-c-message.mg-c-message--success .mg-c-message__icon{color:var(--mg-b-color-success)}.mg-c-message.mg-c-message--success.mg-c-message--bar-left .mg-c-message__bar{background-color:var(--mg-b-color-success)}.mg-c-message.mg-c-message--success.mg-c-message--background{--mg-c-card-color-background:var(--mg-b-color-green-20, color-mix(in srgb, var(--mg-b-color-success), white 80%))}.mg-c-message.mg-c-message--warning .mg-c-message__icon{color:var(--mg-b-color-warning)}.mg-c-message.mg-c-message--warning.mg-c-message--bar-left .mg-c-message__bar{background-color:var(--mg-b-color-warning)}.mg-c-message.mg-c-message--warning.mg-c-message--background{--mg-c-card-color-background:var(--mg-b-color-yellow-20, color-mix(in srgb, var(--mg-b-color-warning), white 80%))}.mg-c-message ::slotted(*){padding:0;margin:0}.mg-c-message__icon{position:absolute;top:calc((var(--mg-b-size-min-height) - var(--mg-b-size-16))/2);left:calc(var(--mg-b-size-4) + var(--mg-b-size-8));line-height:1}.mg-c-message__content{display:flex;flex-wrap:wrap;padding:0 var(--mg-b-size-8) 0 calc(var(--mg-b-size-4) + var(--mg-b-size-8) + var(--mg-b-size-16) + var(--mg-b-size-8));place-content:stretch flex-end}.mg-c-message__content-slot{flex-grow:1;margin:var(--mg-b-size-8) 0}.mg-c-message__content-separator{display:inline-block;width:var(--mg-b-size-40);height:0}.mg-c-message__content-actions-slot{padding:var(--mg-b-size-8) 0;text-align:right}.mg-c-message__bar{position:absolute;top:0;left:0;width:var(--mg-b-size-4);height:100%}.mg-c-message ::slotted(*:not(mg-panel,mg-message,mg-modal)){--mg-c-card-border:var(--mg-c-card-border-default);--mg-c-card-spacing:var(--mg-c-card-spacing-default);--mg-c-card-border-radius:var(--mg-c-card-border-radius-default);--mg-c-card-color-background:var(--mg-c-card-color-background-default);--mg-c-card-box-shadow:var(--mg-c-card-box-shadow-default);--mg-c-card-max-width:unset;--mg-c-card-min-width:unset;--mg-c-card-max-height:unset;--mg-c-card-overflow:var(--mg-c-card-overflow-default)}.mg-c-message,.mg-c-message mg-message{max-width:100%}";
-
-const MgMessage = /*@__PURE__*/ proxyCustomElement(class MgMessage extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /************
-         * Internal *
-         ************/
-        this.classBase = 'mg-c-message';
-        /**
-         * Define variant
-         */
-        this.variant = 'info';
-        /**
-         * Define variant style
-         */
-        this.variantStyle = 'bar-left';
-        /**
-         * Component classes
-         */
-        this.classCollection = new ClassList(['mg-c-message']);
-        /**
-         * Define if component is using actions slot
-         */
-        this.hasActions = false;
-        /**
-         * Get icon corresponding to variant
-         * @returns icon
-         */
-        this.getIcon = () => {
-            switch (this.variant) {
-                case 'info':
-                    return 'info-circle';
-                case 'warning':
-                    return 'exclamation-triangle';
-                case 'success':
-                    return 'check-circle';
-                case 'danger':
-                    return 'exclamation-circle';
-            }
-        };
-    }
-    watchVariant(newValue, oldValue) {
-        if (!variants.includes(newValue)) {
-            throw new Error(`<mg-message> prop "variant" must be one of: ${variants.join(', ')}. Passed value: ${toString(newValue)}.`);
-        }
-        else {
-            if (newValue !== undefined)
-                this.classCollection.add(`${this.classBase}--${newValue}`);
-            if (oldValue !== undefined)
-                this.classCollection.delete(`${this.classBase}--${oldValue}`);
-        }
-    }
-    watchVariantStyle(newValue, oldValue) {
-        if (!variantStyles.includes(newValue)) {
-            throw new Error(`<mg-message> prop "variantStyle" must be one of: ${variantStyles.join(', ')}. Passed value: ${toString(newValue)}.`);
-        }
-        else {
-            if (newValue !== undefined)
-                this.classCollection.add(`${this.classBase}--${newValue}`);
-            if (oldValue !== undefined)
-                this.classCollection.delete(`${this.classBase}--${oldValue}`);
-        }
-    }
-    /*************
-     * Lifecycle *
-     *************/
-    /**
-     * Check if component props are well configured on init
-     */
-    componentWillLoad() {
-        // Validate
-        this.watchVariant(this.variant);
-        this.watchVariantStyle(this.variantStyle);
-        // Check if component has actions slot
-        this.hasActions = this.element.querySelector('[slot="actions"]') !== null;
-    }
-    /**
-     * Render
-     * @returns HTML Element
-     */
-    render() {
-        return (h("div", { key: 'f99bf527eb2c6005eeaec11f89aaa08f8865ea57', class: this.classCollection.join() }, h("mg-card", { key: 'beede3cd97b022d947c216b6bba454a104ba5790', shadow: true }, this.variantStyle === 'bar-left' && h("span", { key: '515828d725a996c9d57b39ad75e9373150a1b78a', class: "mg-c-message__bar" }), h("span", { key: '02ae41c66af25c2611b9b6cb8c87a1ad99346fa3', class: "mg-c-message__icon" }, h("mg-icon", { key: '3eadb40ed0dfa5ec51155608a67769c5fee3d402', icon: this.getIcon() })), h("div", { key: 'b832251e8f330d00b512bcd508ae9bf6e5f511cb', class: "mg-c-message__content" }, h("span", { key: 'c3520fc49bd5c3c187a83823050ceb9ca8c12d46', class: "mg-c-message__content-slot" }, h("slot", { key: 'f4064dff9536cbb76e45c5c4c1a89621da9531b2' })), this.hasActions && [
-            h("span", { class: "mg-c-message__content-separator", key: "content-separator" }),
-            h("span", { class: "mg-c-message__content-actions-slot", key: "content-actions-slot" }, h("slot", { key: '5585f7c14c2c3896cfdb5319414cd82f4d4b3a8b', name: "actions" })),
-        ]))));
-    }
-    get element() { return this; }
-    static get watchers() { return {
-        "variant": ["watchVariant"],
-        "variantStyle": ["watchVariantStyle"]
-    }; }
-    static get style() { return mgMessageCss; }
-}, [257, "mg-message", {
-        "variant": [1],
-        "variantStyle": [1, "variant-style"],
-        "classCollection": [32],
-        "hasActions": [32]
-    }, undefined, {
-        "variant": ["watchVariant"],
-        "variantStyle": ["watchVariantStyle"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mg-message", "mg-card", "mg-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mg-message":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MgMessage);
-            }
-            break;
-        case "mg-card":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "mg-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { MgMessage as M, defineCustomElement as d };
+import{transformTag as e,proxyCustomElement as a,HTMLElement as s,h as c}from"@stencil/core/internal/client";import{C as g,t as r}from"./index2.js";import{d as m}from"./mg-card2.js";import{d as o}from"./mg-icon2.js";const t=["info","warning","success","danger"],n=["bar-left","background"],i=a(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.classBase="mg-c-message",this.variant="info",this.variantStyle="bar-left",this.classCollection=new g(["mg-c-message"]),this.hasActions=!1,this.getIcon=()=>{switch(this.variant){case"info":return"info-circle";case"warning":return"exclamation-triangle";case"success":return"check-circle";case"danger":return"exclamation-circle"}}}watchVariant(e,a){if(!t.includes(e))throw new Error(`<mg-message> prop "variant" must be one of: ${t.join(", ")}. Passed value: ${r(e)}.`);void 0!==e&&this.classCollection.add(`${this.classBase}--${e}`),void 0!==a&&this.classCollection.delete(`${this.classBase}--${a}`)}watchVariantStyle(e,a){if(!n.includes(e))throw new Error(`<mg-message> prop "variantStyle" must be one of: ${n.join(", ")}. Passed value: ${r(e)}.`);void 0!==e&&this.classCollection.add(`${this.classBase}--${e}`),void 0!==a&&this.classCollection.delete(`${this.classBase}--${a}`)}componentWillLoad(){this.watchVariant(this.variant),this.watchVariantStyle(this.variantStyle),this.hasActions=null!==this.element.querySelector('[slot="actions"]')}render(){return c("div",{key:"516691c613b30edf92d43fb9596169459dd8058a",class:this.classCollection.join()},c("mg-card",{key:"2be929dd6ed5458927b155d2f4c94fa15f9717e9",shadow:!0},"bar-left"===this.variantStyle&&c("span",{key:"604d5a7bd37abc571b40f8be09ac5dadbde69ec1",class:"mg-c-message__bar"}),c("span",{key:"837cce7c506997955de6efb4cffc53e5107fb602",class:"mg-c-message__icon"},c("mg-icon",{key:"3fd70f747cad5605f129bec491aa1bfd5ea42a95",icon:this.getIcon()})),c("div",{key:"bf0b166fee2c94014fc35980b06a45dfc91b8596",class:"mg-c-message__content"},c("span",{key:"305f79545b87055a954831c7355e7685340d1aa6",class:"mg-c-message__content-slot"},c("slot",{key:"d25113f6305d8ceaa39d12672fecc4e4bf6ffb49"})),this.hasActions&&[c("span",{class:"mg-c-message__content-separator",key:"content-separator"}),c("span",{class:"mg-c-message__content-actions-slot",key:"content-actions-slot"},c("slot",{key:"744098ecfdcc8bb5f5e0b913884126498c21d3f0",name:"actions"}))])))}get element(){return this}static get watchers(){return{variant:[{watchVariant:0}],variantStyle:[{watchVariantStyle:0}]}}static get style(){return":host{--mg-c-card-spacing:0;--mg-c-card-border-radius:var(--mg-c-message-border-radius);--mg-c-card-border:none;--mg-c-card-overflow:hidden}.mg-c-message{display:inline-block;min-height:var(--mg-b-size-min-height)}.mg-c-message.mg-c-message--danger .mg-c-message__icon{color:var(--mg-b-color-danger)}.mg-c-message.mg-c-message--danger.mg-c-message--bar-left .mg-c-message__bar{background-color:var(--mg-b-color-danger)}.mg-c-message.mg-c-message--danger.mg-c-message--background{--mg-c-card-color-background:var(--mg-b-color-red-20, color-mix(in srgb, var(--mg-b-color-danger), white 80%))}.mg-c-message.mg-c-message--info .mg-c-message__icon{color:var(--mg-b-color-info)}.mg-c-message.mg-c-message--info.mg-c-message--bar-left .mg-c-message__bar{background-color:var(--mg-b-color-info)}.mg-c-message.mg-c-message--info.mg-c-message--background{--mg-c-card-color-background:var(--mg-b-color-blue-20, color-mix(in srgb, var(--mg-b-color-info), white 80%))}.mg-c-message.mg-c-message--success .mg-c-message__icon{color:var(--mg-b-color-success)}.mg-c-message.mg-c-message--success.mg-c-message--bar-left .mg-c-message__bar{background-color:var(--mg-b-color-success)}.mg-c-message.mg-c-message--success.mg-c-message--background{--mg-c-card-color-background:var(--mg-b-color-green-20, color-mix(in srgb, var(--mg-b-color-success), white 80%))}.mg-c-message.mg-c-message--warning .mg-c-message__icon{color:var(--mg-b-color-warning)}.mg-c-message.mg-c-message--warning.mg-c-message--bar-left .mg-c-message__bar{background-color:var(--mg-b-color-warning)}.mg-c-message.mg-c-message--warning.mg-c-message--background{--mg-c-card-color-background:var(--mg-b-color-yellow-20, color-mix(in srgb, var(--mg-b-color-warning), white 80%))}.mg-c-message ::slotted(*){padding:0;margin:0}.mg-c-message__icon{position:absolute;top:calc((var(--mg-b-size-min-height) - var(--mg-b-size-16))/2);left:calc(var(--mg-b-size-4) + var(--mg-b-size-8));line-height:1}.mg-c-message__content{display:flex;flex-wrap:wrap;padding:0 var(--mg-b-size-8) 0 calc(var(--mg-b-size-4) + var(--mg-b-size-8) + var(--mg-b-size-16) + var(--mg-b-size-8));place-content:stretch flex-end}.mg-c-message__content-slot{flex-grow:1;margin:var(--mg-b-size-8) 0}.mg-c-message__content-separator{display:inline-block;width:var(--mg-b-size-40);height:0}.mg-c-message__content-actions-slot{padding:var(--mg-b-size-8) 0;text-align:right}.mg-c-message__bar{position:absolute;top:0;left:0;width:var(--mg-b-size-4);height:100%}.mg-c-message ::slotted(*:not(mg-panel,mg-message,mg-modal)){--mg-c-card-border:var(--mg-c-card-border-default);--mg-c-card-spacing:var(--mg-c-card-spacing-default);--mg-c-card-border-radius:var(--mg-c-card-border-radius-default);--mg-c-card-color-background:var(--mg-c-card-color-background-default);--mg-c-card-box-shadow:var(--mg-c-card-box-shadow-default);--mg-c-card-max-width:unset;--mg-c-card-min-width:unset;--mg-c-card-max-height:unset;--mg-c-card-overflow:var(--mg-c-card-overflow-default)}.mg-c-message,.mg-c-message mg-message{max-width:100%}"}},[257,"mg-message",{variant:[1],variantStyle:[1,"variant-style"],classCollection:[32],hasActions:[32]},void 0,{variant:[{watchVariant:0}],variantStyle:[{watchVariantStyle:0}]}]);function d(){"undefined"!=typeof customElements&&["mg-message","mg-card","mg-icon"].forEach((a=>{switch(a){case"mg-message":customElements.get(e(a))||customElements.define(e(a),i);break;case"mg-card":customElements.get(e(a))||m();break;case"mg-icon":customElements.get(e(a))||o()}}))}d();export{i as M,d}

package/dist/components/mg-modal.js

@@ -1,184 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { c as createID, C as ClassList, a as isValideID, t as toString, i as isValidString } from './index2.js';
-import { i as initLocales } from './index3.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';
-
-/**
- * List of all possibles dialog roles
- */
-const dialogRoles = ['dialog', 'alertdialog'];
-
-const mgModalCss = "/*!\n * @prop --mg-c-modal-border-radius: Defines the border radius of the modal. Default value: `--mg-c-card-border-radius-default`.\n * @prop --mg-c-modal-title-font-size: Defines the font size of the modal title. Default value: `--mg-b-font-size-h3`.\n */:host{--mg-c-card-border-radius:var(--mg-c-modal-border-radius);--mg-c-card-spacing:var(--mg-b-size-16) var(--mg-b-size-24);--mg-c-card-border:none}.mg-c-modal{border:none;background:none;color:inherit}.mg-c-modal[open]{display:flex;padding:var(--mg-b-size-24) var(--mg-b-size-8)}.mg-c-modal::backdrop{background-color:var(--mg-b-color-light);opacity:.85}.mg-c-modal mg-card{display:flex;width:calc(75*var(--mg-b-size-8));max-width:100%;max-height:100%}.mg-c-modal__dialog{position:relative;display:flex;height:fit-content;max-height:100%;flex-direction:column;align-self:center;row-gap:var(--mg-b-size-24)}.mg-c-modal__title{margin:0;font-family:var(--mg-b-font-family-heading);font-size:var(--mg-c-modal-title-font-size);font-weight:600}.mg-c-modal__close-button{height:var(--mg-c-modal-title-font-size);margin-top:calc((var(--mg-b-size-min-height) - var(--mg-c-modal-title-font-size)*var(--mg-b-line-height))/2*-1);margin-right:calc((var(--mg-b-size-min-height) - var(--mg-b-size-16))/2*-1);margin-left:var(--mg-b-size-16);float:right}.mg-c-modal__content{padding:var(--mg-b-size-16);margin:calc(var(--mg-b-size-16)*-1);overflow-y:auto}.mg-c-modal ::slotted(*:not(mg-panel,mg-message,mg-modal)){--mg-c-card-border:var(--mg-c-card-border-default);--mg-c-card-spacing:var(--mg-c-card-spacing-default);--mg-c-card-border-radius:var(--mg-c-card-border-radius-default);--mg-c-card-color-background:var(--mg-c-card-color-background-default);--mg-c-card-box-shadow:var(--mg-c-card-box-shadow-default);--mg-c-card-max-width:unset;--mg-c-card-min-width:unset;--mg-c-card-max-height:unset;--mg-c-card-overflow:var(--mg-c-card-overflow-default)}";
-
-const MgModal$1 = /*@__PURE__*/ proxyCustomElement(class MgModal extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.componentShow = createEvent(this, "component-show", 7);
-        this.componentHide = createEvent(this, "component-hide", 7);
-        this.componentClose = createEvent(this, "component-close", 7);
-        // IDs
-        this.titleId = '';
-        /**
-         * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
-         * If not set, it will be created.
-         */
-        this.identifier = createID('mg-modal');
-        /**
-         * Modal dialog role.
-         */
-        this.dialogRole = 'dialog';
-        /**
-         * Define if modal has a cross button
-         */
-        this.closeButton = false;
-        /**
-         * Define if modal is open
-         */
-        this.open = false;
-        /**
-         * Define if component is using actions slot
-         */
-        this.hasActions = false;
-        /**
-         * Component classes
-         */
-        this.classCollection = new ClassList(['mg-c-modal']);
-        /***********
-         * Handles *
-         ***********/
-        /**
-         * Closes the modal.
-         */
-        this.handleClose = () => {
-            this.open = false;
-            this.componentClose.emit();
-        };
-    }
-    watchIdentifier(newValue) {
-        if (!isValideID(newValue)) {
-            throw new Error(`<mg-modal> prop "identifier" value is invalid. Passed value: ${toString(newValue)}.`);
-        }
-    }
-    validateDialogRole(newValue) {
-        if (!dialogRoles.includes(newValue))
-            throw new Error(`<mg-modal> prop "dialogRole" must be one of: ${dialogRoles.join(', ')}. Passed value: ${toString(newValue)}.`);
-    }
-    validateModalTitle(newValue) {
-        if (!isValidString(newValue)) {
-            throw new Error(`<mg-modal> prop "modalTitle" is required. Passed value: ${toString(newValue)}.`);
-        }
-    }
-    watchOpen(newValue) {
-        if (newValue) {
-            this.dialog.showModal();
-            this.componentShow.emit();
-            document.body.style.overflow = 'hidden';
-        }
-        else {
-            this.dialog.close();
-            this.componentHide.emit();
-            document.body.style.overflow = this.bodyOverflow;
-        }
-    }
-    /*************
-     * Lifecycle *
-     *************/
-    /**
-     * Check if component props are well configured on init
-     */
-    componentWillLoad() {
-        // Store body overflow
-        this.bodyOverflow = document.body.style.overflow;
-        // Get locales
-        this.messages = initLocales(this.element).messages;
-        // Validate
-        this.hasActions = this.element.querySelector('[slot="actions"]') !== null;
-        this.titleId = `${this.identifier}-title`;
-        this.watchIdentifier(this.identifier);
-        this.validateModalTitle(this.modalTitle);
-        this.validateDialogRole(this.dialogRole);
-    }
-    /**
-     * Define open state on component load
-     */
-    componentDidLoad() {
-        this.watchOpen(this.open);
-        // update open prop when use escape key
-        this.dialog.addEventListener('close', () => {
-            this.open = false;
-            this.componentClose.emit();
-        });
-    }
-    /**
-     * Render
-     * @returns HTML Element
-     */
-    render() {
-        return (h("dialog", { key: '2d99322fd3c80b8cbfea70589cf579e0c1c6f06b', role: this.dialogRole, id: this.identifier, class: this.classCollection.join(), "aria-labelledby": this.titleId, ref: (el) => {
-                if (el !== null) {
-                    this.dialog = el;
-                }
-            } }, h("mg-card", { key: '32692a6d41ef30b3d3e61ddcfea47350d374ed09', shadow: true }, h("div", { key: 'c87bb43bb069671b65a9759ee293e77975707597', class: "mg-c-modal__dialog" }, h("header", { key: '1272a946878efcf8c69f3b09852ba6938cbe31b0', class: "mg-c-modal__header" }, this.closeButton && (h("span", { key: '0704656c7c5ac4c8d405f2cd673e91f72763ee8f', class: "mg-c-modal__close-button" }, h("mg-button", { key: '4402971c763ee34145de5bd69d367fde68f9d1a2', "is-icon": true, variant: "flat", label: this.messages.modal.closeButton, onClick: this.handleClose }, h("mg-icon", { key: '9e16add6a3e387971507a252671c895b6c94a586', icon: "cross" })))), h("h1", { key: '3e4fc2b4419398528565d382b728b8b752758ddd', class: "mg-c-modal__title", id: this.titleId }, this.modalTitle)), h("article", { key: '170ff6bd9592687baa4c561615f540ad1c7400e4', class: "mg-c-modal__content" }, h("slot", { key: 'cb710e2a57e4c997deac367169b56047af1200b1' })), this.hasActions && (h("footer", { key: '1e08d67caeaaaf75eb97faa11528719ea537c24c', class: "mg-c-modal__footer" }, h("slot", { key: '461ec8e4117477aef08dc6d346ad0bf6007ec12d', name: "actions" })))))));
-    }
-    get element() { return this; }
-    static get watchers() { return {
-        "identifier": ["watchIdentifier"],
-        "dialogRole": ["validateDialogRole"],
-        "modalTitle": ["validateModalTitle"],
-        "open": ["watchOpen"]
-    }; }
-    static get style() { return mgModalCss; }
-}, [257, "mg-modal", {
-        "identifier": [1],
-        "dialogRole": [1, "dialog-role"],
-        "modalTitle": [1, "modal-title"],
-        "closeButton": [4, "close-button"],
-        "open": [1028],
-        "hasActions": [32],
-        "classCollection": [32]
-    }, undefined, {
-        "identifier": ["watchIdentifier"],
-        "dialogRole": ["validateDialogRole"],
-        "modalTitle": ["validateModalTitle"],
-        "open": ["watchOpen"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mg-modal", "mg-button", "mg-card", "mg-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mg-modal":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MgModal$1);
-            }
-            break;
-        case "mg-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "mg-card":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "mg-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const MgModal = MgModal$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MgModal, defineCustomElement };
+import{transformTag as a,proxyCustomElement as e,HTMLElement as t,createEvent as i,h as o}from"@stencil/core/internal/client";import{c as d,C as c,a as s,t as l,i as r}from"./index2.js";import{i as m}from"./index3.js";import{d as n}from"./mg-button2.js";import{d as g}from"./mg-card2.js";import{d as h}from"./mg-icon2.js";const f=["dialog","alertdialog"],b=e(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.componentShow=i(this,"component-show",7),this.componentHide=i(this,"component-hide",7),this.componentClose=i(this,"component-close",7),this.titleId="",this.identifier=d("mg-modal"),this.dialogRole="dialog",this.closeButton=!1,this.open=!1,this.hasActions=!1,this.classCollection=new c(["mg-c-modal"]),this.handleClose=()=>{this.open=!1,this.componentClose.emit()}}watchIdentifier(a){if(!s(a))throw Error(`<mg-modal> prop "identifier" value is invalid. Passed value: ${l(a)}.`)}validateDialogRole(a){if(!f.includes(a))throw Error(`<mg-modal> prop "dialogRole" must be one of: ${f.join(", ")}. Passed value: ${l(a)}.`)}validateModalTitle(a){if(!r(a))throw Error(`<mg-modal> prop "modalTitle" is required. Passed value: ${l(a)}.`)}watchOpen(a){a?(this.dialog.showModal(),this.componentShow.emit(),document.body.style.overflow="hidden"):(this.dialog.close(),this.componentHide.emit(),document.body.style.overflow=this.bodyOverflow)}componentWillLoad(){this.bodyOverflow=document.body.style.overflow,this.messages=m(this.element).messages,this.hasActions=null!==this.element.querySelector('[slot="actions"]'),this.titleId=this.identifier+"-title",this.watchIdentifier(this.identifier),this.validateModalTitle(this.modalTitle),this.validateDialogRole(this.dialogRole)}componentDidLoad(){this.watchOpen(this.open),this.dialog.addEventListener("close",(()=>{this.open=!1,this.componentClose.emit()}))}render(){return o("dialog",{key:"fe7c7abaf53fbc5c87d2855cc72de2212dfe8642",role:this.dialogRole,id:this.identifier,class:this.classCollection.join(),"aria-labelledby":this.titleId,ref:a=>{null!==a&&(this.dialog=a)}},o("mg-card",{key:"4b361ad45cd0b20253cf82e8f68c574429dd451c",shadow:!0},o("div",{key:"90f5490fb82f2900403f0a7549b338e884eea171",class:"mg-c-modal__dialog"},o("header",{key:"a58be90f41ad4448c387b1d18372aa31522d8d35",class:"mg-c-modal__header"},this.closeButton&&o("span",{key:"d9a0f9c1944b89b4a64f35fc9c1b70bea60f5423",class:"mg-c-modal__close-button"},o("mg-button",{key:"d7ecae6a2c2b2b094fea6b4a6d3c761f0f975b29","is-icon":!0,variant:"flat",label:this.messages.modal.closeButton,onClick:this.handleClose},o("mg-icon",{key:"54b91decfd0deb5e452e03c23f68bac58d97677a",icon:"cross"}))),o("h1",{key:"7dc2519bdf97ebc5cc18505fbbd347c7b1a4c336",class:"mg-c-modal__title",id:this.titleId},this.modalTitle)),o("article",{key:"b6a27c0bb6e5a350e10addbd0325b04626b07239",class:"mg-c-modal__content"},o("slot",{key:"41acebdafae6289d2f03fc3226eb7f3c4334e33f"})),this.hasActions&&o("footer",{key:"04a934a044bfbfa64f65642361e1962d2f599bf9",class:"mg-c-modal__footer"},o("slot",{key:"8d72488a4095c245b638d7d0e5fdbda77fa5ab01",name:"actions"})))))}get element(){return this}static get watchers(){return{identifier:[{watchIdentifier:0}],dialogRole:[{validateDialogRole:0}],modalTitle:[{validateModalTitle:0}],open:[{watchOpen:0}]}}static get style(){return":host{--mg-c-card-border-radius:var(--mg-c-modal-border-radius);--mg-c-card-spacing:var(--mg-b-size-16) var(--mg-b-size-24);--mg-c-card-border:none}.mg-c-modal{border:none;background:none;color:inherit}.mg-c-modal[open]{display:flex;padding:var(--mg-b-size-24) var(--mg-b-size-8)}.mg-c-modal::backdrop{background-color:var(--mg-b-color-dark);opacity:.65}.mg-c-modal mg-card{display:flex;width:calc(75*var(--mg-b-size-8));max-width:100%;max-height:100%}.mg-c-modal__dialog{position:relative;display:flex;height:fit-content;max-height:100%;flex-direction:column;align-self:center;row-gap:var(--mg-b-size-24)}.mg-c-modal__title{margin:0;font-family:var(--mg-b-font-family-heading);font-size:var(--mg-c-modal-title-font-size);font-weight:600}.mg-c-modal__close-button{height:var(--mg-c-modal-title-font-size);margin-top:calc((var(--mg-b-size-min-height) - var(--mg-c-modal-title-font-size)*var(--mg-b-line-height))/2*-1);margin-right:calc((var(--mg-b-size-min-height) - var(--mg-b-size-16))/2*-1);margin-left:var(--mg-b-size-16);float:right}.mg-c-modal__content{padding:var(--mg-b-size-16);margin:calc(var(--mg-b-size-16)*-1);overflow-y:auto}.mg-c-modal ::slotted(*:not(mg-panel,mg-message,mg-modal)){--mg-c-card-border:var(--mg-c-card-border-default);--mg-c-card-spacing:var(--mg-c-card-spacing-default);--mg-c-card-border-radius:var(--mg-c-card-border-radius-default);--mg-c-card-color-background:var(--mg-c-card-color-background-default);--mg-c-card-box-shadow:var(--mg-c-card-box-shadow-default);--mg-c-card-max-width:unset;--mg-c-card-min-width:unset;--mg-c-card-max-height:unset;--mg-c-card-overflow:var(--mg-c-card-overflow-default)}"}},[257,"mg-modal",{identifier:[1],dialogRole:[1,"dialog-role"],modalTitle:[1,"modal-title"],closeButton:[4,"close-button"],open:[1028],hasActions:[32],classCollection:[32]},void 0,{identifier:[{watchIdentifier:0}],dialogRole:[{validateDialogRole:0}],modalTitle:[{validateModalTitle:0}],open:[{watchOpen:0}]}]);function u(){"undefined"!=typeof customElements&&["mg-modal","mg-button","mg-card","mg-icon"].forEach((e=>{switch(e){case"mg-modal":customElements.get(a(e))||customElements.define(a(e),b);break;case"mg-button":customElements.get(a(e))||n();break;case"mg-card":customElements.get(a(e))||g();break;case"mg-icon":customElements.get(a(e))||h()}}))}u();const v=b,p=u;export{v as MgModal,p as defineCustomElement}

package/dist/components/mg-pagination.js

@@ -1,234 +1 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { c as createID, a as isValideID, t as toString, i as isValidString } from './index2.js';
-import { i as initLocales } from './index3.js';
-import { d as defineCustomElement$8 } from './mg-button2.js';
-import { d as defineCustomElement$7 } from './mg-icon2.js';
-import { d as defineCustomElement$6 } from './mg-input2.js';
-import { d as defineCustomElement$5 } from './mg-input-select2.js';
-import { d as defineCustomElement$4 } from './mg-input-title2.js';
-import { d as defineCustomElement$3 } from './mg-tooltip2.js';
-import { d as defineCustomElement$2 } from './mg-tooltip-content2.js';
-
-const NavigationAction = {
-    NEXT: 'next',
-    PREVIOUS: 'previous',
-};
-
-const mgPaginationCss = ".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}}.mg-c-pagination{display:flex;align-items:center;gap:var(--mg-b-spacing-actions)}.mg-c-pagination__page-count{display:flex;align-items:center;gap:var(--mg-b-size-4)}.mg-c-pagination.mg-c-pagination--hide-page-count{gap:0}";
-
-/**
- * Range generator
- *
- * ```
- * start by get the range length, add "+ 1" to include last value, ex: Math.ceil((3 + 1 - 1) / 1) => 3
- * then with Array(Math.ceil...) we get the final array with empty values, ex: Array(Math.ceil(2 + 1 - 1) / 1)) => [empty, empty, empty]
- * then with Array(Math.ceil...).keys() we get the Array Iterator from empty values
- * then with Array.from(Array(...)) we get the complete array with "index" values instead of "empty" values
- * ex: Array.from(Array(Math.ceil((2 + 1 - 1) / 1) || 1).keys()) => [0, 1, 2]
- * finaly we map values from "start" range and apply the "step" coefficiant,
- * ex: Array.from(Array(Math.ceil((2 + 1 - 1) / 1) || 1).keys()).map(x => 1 + x * 1) => [1, 2, 3]
- * ```
- *
- * range(1, 1) = [1]
- * range(1, 5) = [1, 2, 3, 4, 5]
- * range(10, 20, 2) = [10, 12, 14, 16, 18, 20]
- * @param start - start range
- * @param end - start end
- * @param step - step size
- * @returns range numbers
- */
-const range = (start, end, step = 1) => Array.from(Array(Math.ceil((end + 1 - start) / step)).keys()).map(x => start + x * step);
-const MgPagination$1 = /*@__PURE__*/ proxyCustomElement(class MgPagination extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.currentPageChange = createEvent(this, "current-page-change", 7);
-        /**
-         * Identifier is used for the element ID (id is a reserved prop in Stencil.js)
-         * If not set, it will be created.
-         */
-        this.identifier = createID('mg-pagination');
-        /**
-         * Hide navigation label
-         */
-        this.hideNavigationLabels = false;
-        /**
-         * Hide select input
-         */
-        this.hidePageCount = false;
-        /**
-         * Component total pages
-         */
-        this.totalPages = 1;
-        /**
-         * Component current page
-         */
-        this.currentPage = 1;
-        /**
-         * Change current page from target
-         * @param target - target page
-         */
-        this.goToPage = (target) => {
-            this.currentPage = target;
-        };
-        /************
-         * Handlers *
-         ************/
-        /**
-         * select handler
-         * @param event - value change event
-         */
-        this.handleSelect = (event) => {
-            const to = Number(event.target.value);
-            this.goToPage(to > 0 ? to : 1);
-        };
-        /**
-         * Go to 'previous/next' page button handler
-         * @param action - navigation action
-         * @param disabled - button disable state
-         */
-        this.handleGoToPage = (action, disabled) => {
-            !disabled && this.goToPage(action === NavigationAction.NEXT ? this.currentPage + 1 : this.currentPage - 1);
-        };
-    }
-    watchIdentifier(newValue) {
-        if (!isValideID(newValue)) {
-            console.error(`<mg-pagination> prop "identifier" value is invalid. Passed value: ${toString(newValue)}.`);
-        }
-    }
-    validateTotalPages(newValue) {
-        if (newValue < 1) {
-            throw new Error(`<mg-pagination> prop "totalPages" must be greater than 0. Passed value: ${toString(newValue)}.`);
-        }
-    }
-    validateCurrentPage(newValue) {
-        if (newValue < 1) {
-            throw new Error(`<mg-pagination> prop "currentPage" must be greater than 0. Passed value: ${toString(newValue)}.`);
-        }
-        else if (newValue > this.totalPages) {
-            throw new Error('<mg-pagination> prop "currentPage" can not be greater than total page.');
-        }
-        this.currentPageChange.emit(newValue);
-    }
-    watchPaginationMessages(newValue) {
-        if (Boolean(newValue) && (typeof newValue !== 'object' || !['next', 'previous', 'nextLabel', 'previousLabel'].every(key => isValidString(newValue[key])))) {
-            throw new Error('<mg-pagination> prop "messages" must be a valid "PaginationMessagesType".');
-        }
-    }
-    /*************
-     * Lifecycle *
-     *************/
-    /**
-     * Check if props are well configured on init
-     */
-    componentWillLoad() {
-        // Get locales
-        this.localesMessages = initLocales(this.element).messages;
-        // Validate
-        this.watchIdentifier(this.identifier);
-        this.validateTotalPages(this.totalPages);
-        this.validateCurrentPage(this.currentPage);
-        this.watchPaginationMessages(this.messages);
-        // Set default label
-        if (this.label === undefined || this.label === '') {
-            this.label = this.localesMessages.pagination.label;
-        }
-    }
-    /**
-     * Render
-     * @returns HTML Element
-     */
-    render() {
-        var _a, _b, _c, _d, _e, _f, _g, _h;
-        const navigationMessages = {
-            next: (_b = (_a = this.messages) === null || _a === void 0 ? void 0 : _a.next) !== null && _b !== void 0 ? _b : this.localesMessages.general.next,
-            previous: (_d = (_c = this.messages) === null || _c === void 0 ? void 0 : _c.previous) !== null && _d !== void 0 ? _d : this.localesMessages.general.previous,
-            nextLabel: (_f = (_e = this.messages) === null || _e === void 0 ? void 0 : _e.nextLabel) !== null && _f !== void 0 ? _f : this.localesMessages.pagination.nextLabel,
-            previousLabel: (_h = (_g = this.messages) === null || _g === void 0 ? void 0 : _g.previousLabel) !== null && _h !== void 0 ? _h : this.localesMessages.pagination.previousLabel,
-        };
-        const navigationActionButton = (disabled, action) => {
-            return (h("mg-button", { label: navigationMessages[`${action}Label`],
-                // eslint-disable-next-line react/jsx-no-bind
-                onClick: () => this.handleGoToPage(action, disabled), disabled: disabled, variant: "flat", isIcon: this.hideNavigationLabels }, action === NavigationAction.PREVIOUS && h("mg-icon", { icon: "chevron-left" }), !this.hideNavigationLabels && navigationMessages[action], action === NavigationAction.NEXT && h("mg-icon", { icon: "chevron-right" })));
-        };
-        return (h(Host, { hidden: this.totalPages < 2 }, h("nav", { role: "navigation", "aria-label": this.label, id: this.identifier, class: { 'mg-c-pagination': true, 'mg-c-pagination--hide-page-count': this.hidePageCount } }, navigationActionButton(this.currentPage <= 1, NavigationAction.PREVIOUS), !this.hidePageCount && (h("div", { class: "mg-c-pagination__page-count" }, h("mg-input-select", { identifier: `${this.identifier}-select`, items: range(1, this.totalPages).map(page => page.toString()), label: this.localesMessages.pagination.selectPage, "label-hide": true, "on-value-change": this.handleSelect, value: this.currentPage.toString(), "placeholder-hide": true }), h("span", { class: "mg-u-visually-hidden" }, this.localesMessages.pagination.page, " ", this.currentPage), "/ ", this.totalPages, " ", this.totalPages > 1 ? this.localesMessages.pagination.pages : this.localesMessages.pagination.page)), navigationActionButton(this.currentPage >= this.totalPages, NavigationAction.NEXT))));
-    }
-    get element() { return this; }
-    static get watchers() { return {
-        "identifier": ["watchIdentifier"],
-        "totalPages": ["validateTotalPages"],
-        "currentPage": ["validateCurrentPage"],
-        "messages": ["watchPaginationMessages"]
-    }; }
-    static get style() { return mgPaginationCss; }
-}, [257, "mg-pagination", {
-        "identifier": [1],
-        "label": [1025],
-        "hideNavigationLabels": [4, "hide-navigation-labels"],
-        "hidePageCount": [4, "hide-page-count"],
-        "totalPages": [2, "total-pages"],
-        "currentPage": [1538, "current-page"],
-        "messages": [16]
-    }, undefined, {
-        "identifier": ["watchIdentifier"],
-        "totalPages": ["validateTotalPages"],
-        "currentPage": ["validateCurrentPage"],
-        "messages": ["watchPaginationMessages"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mg-pagination", "mg-button", "mg-icon", "mg-input", "mg-input-select", "mg-input-title", "mg-tooltip", "mg-tooltip-content"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mg-pagination":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MgPagination$1);
-            }
-            break;
-        case "mg-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "mg-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "mg-input":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "mg-input-select":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "mg-input-title":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "mg-tooltip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "mg-tooltip-content":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const MgPagination = MgPagination$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MgPagination, defineCustomElement };
+import{transformTag as t,proxyCustomElement as i,HTMLElement as e,createEvent as a,h as s,Host as n}from"@stencil/core/internal/client";import{c as o,a as r,t as m,i as g}from"./index2.js";import{i as l}from"./index3.js";import{d as h}from"./mg-button2.js";import{d as p}from"./mg-icon2.js";import{d as c}from"./mg-input2.js";import{d as u}from"./mg-input-select2.js";import{d}from"./mg-input-title2.js";import{d as v}from"./mg-tooltip2.js";import{d as b}from"./mg-tooltip-content2.js";const f="next",P="previous",w=(t,i,e=1)=>Array.from(Array(Math.ceil((i+1-t)/e)).keys()).map((i=>t+i*e)),E=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.currentPageChange=a(this,"current-page-change",7),this.identifier=o("mg-pagination"),this.hideNavigationLabels=!1,this.hidePageCount=!1,this.totalPages=1,this.currentPage=1,this.goToPage=t=>{this.currentPage=t},this.handleSelect=t=>{const i=Number(t.target.value);this.goToPage(i>0?i:1)},this.handleGoToPage=(t,i)=>{!i&&this.goToPage(t===f?this.currentPage+1:this.currentPage-1)}}watchIdentifier(t){r(t)||console.error(`<mg-pagination> prop "identifier" value is invalid. Passed value: ${m(t)}.`)}validateTotalPages(t){if(t<1)throw Error(`<mg-pagination> prop "totalPages" must be greater than 0. Passed value: ${m(t)}.`)}validateCurrentPage(t){if(t<1)throw Error(`<mg-pagination> prop "currentPage" must be greater than 0. Passed value: ${m(t)}.`);if(t>this.totalPages)throw Error('<mg-pagination> prop "currentPage" can not be greater than total page.');this.currentPageChange.emit(t)}watchPaginationMessages(t){if(t&&("object"!=typeof t||!["next","previous","nextLabel","previousLabel"].every((i=>g(t[i])))))throw Error('<mg-pagination> prop "messages" must be a valid "PaginationMessagesType".')}componentWillLoad(){this.localesMessages=l(this.element).messages,this.watchIdentifier(this.identifier),this.validateTotalPages(this.totalPages),this.validateCurrentPage(this.currentPage),this.watchPaginationMessages(this.messages),void 0!==this.label&&""!==this.label||(this.label=this.localesMessages.pagination.label)}render(){var t,i,e,a,o,r,m,g;const l={next:null!==(i=null===(t=this.messages)||void 0===t?void 0:t.next)&&void 0!==i?i:this.localesMessages.general.next,previous:null!==(a=null===(e=this.messages)||void 0===e?void 0:e.previous)&&void 0!==a?a:this.localesMessages.general.previous,nextLabel:null!==(r=null===(o=this.messages)||void 0===o?void 0:o.nextLabel)&&void 0!==r?r:this.localesMessages.pagination.nextLabel,previousLabel:null!==(g=null===(m=this.messages)||void 0===m?void 0:m.previousLabel)&&void 0!==g?g:this.localesMessages.pagination.previousLabel},h=(t,i)=>s("mg-button",{label:l[i+"Label"],onClick:()=>this.handleGoToPage(i,t),disabled:t,variant:"flat",isIcon:this.hideNavigationLabels},i===P&&s("mg-icon",{icon:"chevron-left"}),!this.hideNavigationLabels&&l[i],i===f&&s("mg-icon",{icon:"chevron-right"}));return s(n,{hidden:this.totalPages<2},s("nav",{role:"navigation","aria-label":this.label,id:this.identifier,class:{"mg-c-pagination":!0,"mg-c-pagination--hide-page-count":this.hidePageCount}},h(this.currentPage<=1,P),!this.hidePageCount&&s("div",{class:"mg-c-pagination__page-count"},s("mg-input-select",{identifier:this.identifier+"-select",items:w(1,this.totalPages).map((t=>""+t)),label:this.localesMessages.pagination.selectPage,"label-hide":!0,"on-value-change":this.handleSelect,value:""+this.currentPage,"placeholder-hide":!0}),s("span",{class:"mg-u-visually-hidden"},this.localesMessages.pagination.page," ",this.currentPage),"/ ",this.totalPages," ",this.totalPages>1?this.localesMessages.pagination.pages:this.localesMessages.pagination.page),h(this.currentPage>=this.totalPages,f)))}get element(){return this}static get watchers(){return{identifier:[{watchIdentifier:0}],totalPages:[{validateTotalPages:0}],currentPage:[{validateCurrentPage:0}],messages:[{watchPaginationMessages:0}]}}static get style(){return".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}}.mg-c-pagination{display:flex;align-items:center;gap:var(--mg-b-spacing-actions)}.mg-c-pagination__page-count{display:flex;align-items:center;gap:var(--mg-b-size-4)}.mg-c-pagination.mg-c-pagination--hide-page-count{gap:0}"}},[1,"mg-pagination",{identifier:[1],label:[1025],hideNavigationLabels:[4,"hide-navigation-labels"],hidePageCount:[4,"hide-page-count"],totalPages:[2,"total-pages"],currentPage:[1538,"current-page"],messages:[16]},void 0,{identifier:[{watchIdentifier:0}],totalPages:[{validateTotalPages:0}],currentPage:[{validateCurrentPage:0}],messages:[{watchPaginationMessages:0}]}]);function x(){"undefined"!=typeof customElements&&["mg-pagination","mg-button","mg-icon","mg-input","mg-input-select","mg-input-title","mg-tooltip","mg-tooltip-content"].forEach((i=>{switch(i){case"mg-pagination":customElements.get(t(i))||customElements.define(t(i),E);break;case"mg-button":customElements.get(t(i))||h();break;case"mg-icon":customElements.get(t(i))||p();break;case"mg-input":customElements.get(t(i))||c();break;case"mg-input-select":customElements.get(t(i))||u();break;case"mg-input-title":customElements.get(t(i))||d();break;case"mg-tooltip":customElements.get(t(i))||v();break;case"mg-tooltip-content":customElements.get(t(i))||b()}}))}x();const j=E,y=x;export{j as MgPagination,y as defineCustomElement}