@mgdis/mg-components 6.19.0 → 6.21.0

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

@@ -1,129 +1 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { C as ClassList, t as toString, b as isTagName } from './index2.js';
-
-/**
- * List of all possibles sizes
- */
-const sizes = ['small', 'medium', 'large'];
-/**
- * List of all possibles directions
- */
-const directions = ['vertical', 'horizontal'];
-
-const mgIllustratedMessageCss = "/*!\n * @prop --mg-c-illustrated-message-spacing-vertical: Defines the vertical padding of the illustrated message. Default value: `--mg-b-size-40`.\n */.mg-c-illustrated-message{display:flex;max-width:calc(60*var(--mg-b-size-8));box-sizing:border-box;flex-direction:column;justify-content:center;padding:var(--mg-c-illustrated-message-spacing-vertical) var(--mg-b-size-16);margin:auto;gap:var(--mg-b-size-16) var(--mg-b-size-64);text-align:center}.mg-c-illustrated-message__illustration{max-height:calc(15*var(--mg-b-size-8))}.mg-c-illustrated-message__illustration ::slotted([slot=illustration]){width:100%;max-width:100%;max-width:calc(15*var(--mg-b-size-8));height:auto;max-height:calc(15*var(--mg-b-size-8))}.mg-c-illustrated-message__slots{display:flex;flex-direction:column;gap:var(--mg-b-size-8)}.mg-c-illustrated-message__slots ::slotted([slot=title]){margin:0;font-family:var(--mg-b-font-family) !important;font-size:var(--mg-b-font-size-h2) !important;font-weight:400 !important}.mg-c-illustrated-message__slots ::slotted([slot=details]){margin:0}.mg-c-illustrated-message.mg-c-illustrated-message--size-small{--mg-c-illustrated-message-spacing-vertical: var(--mg-b-size-24)}.mg-c-illustrated-message.mg-c-illustrated-message--size-small .mg-c-illustrated-message__slots{gap:calc(var(--mg-b-size-4)/2)}.mg-c-illustrated-message.mg-c-illustrated-message--size-small .mg-c-illustrated-message__illustration{max-height:var(--mg-b-size-64)}.mg-c-illustrated-message.mg-c-illustrated-message--size-small .mg-c-illustrated-message__illustration ::slotted([slot=illustration]){max-height:var(--mg-b-size-64)}.mg-c-illustrated-message.mg-c-illustrated-message--size-large .mg-c-illustrated-message__illustration{max-height:calc(23*var(--mg-b-size-8))}.mg-c-illustrated-message.mg-c-illustrated-message--size-large .mg-c-illustrated-message__illustration ::slotted([slot=illustration]){max-height:calc(23*var(--mg-b-size-8))}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal{max-width:unset}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal .mg-c-illustrated-message__slots{max-width:calc(60*var(--mg-b-size-8))}@container (width > 52.8rem){.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal{flex-direction:row;align-items:center;column-gap:var(--mg-b-size-48);text-align:left}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal .mg-c-illustrated-message__slots{max-width:unset}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal .mg-c-illustrated-message__illustration{max-width:fit-content;flex:1 0 auto}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal.mg-c-illustrated-message--size-small{column-gap:var(--mg-b-size-24)}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal.mg-c-illustrated-message--size-large{column-gap:var(--mg-b-size-64)}}:host{display:block;container-type:inline-size}\n";
-
-const MgIllustratedMessage$1 = /*@__PURE__*/ proxyCustomElement(class MgIllustratedMessage extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        /**
-         * Define illustration size
-         */
-        this.size = 'medium';
-        /**
-         * Define component orientation
-         */
-        this.direction = 'vertical';
-        /**
-         * Component classes
-         */
-        this.classCollection = new ClassList(['mg-c-illustrated-message']);
-    }
-    watchSize(newValue, oldValue) {
-        if (!sizes.includes(newValue)) {
-            throw new Error(`<mg-illustrated-message> prop "size" must be one of: ${sizes.join(', ')}. Passed value: ${toString(newValue)}.`);
-        }
-        else {
-            if (oldValue !== undefined) {
-                this.classCollection.delete(`mg-c-illustrated-message--size-${oldValue}`);
-            }
-            this.classCollection.add(`mg-c-illustrated-message--size-${newValue}`);
-        }
-    }
-    watchDirection(newValue, oldValue) {
-        if (newValue !== undefined && !directions.includes(newValue)) {
-            throw new Error(`<mg-illustrated-message> prop "direction" must be one of: ${directions.join(', ')}. Passed value: ${toString(newValue)}.`);
-        }
-        else if (newValue === 'horizontal') {
-            this.classCollection.add('mg-c-illustrated-message--direction-horizontal');
-        }
-        else if (oldValue === 'horizontal') {
-            this.classCollection.delete('mg-c-illustrated-message--direction-horizontal');
-        }
-    }
-    /***********
-     * Methods *
-     ***********/
-    /**
-     * Validate slots
-     */
-    validateSlots() {
-        const headingTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];
-        const slottedTitle = this.element.querySelector('[slot="title"]');
-        const slottedIllustrations = this.element.querySelectorAll('[slot="illustration"]');
-        const slottedDetails = this.element.querySelectorAll('[slot="details"]');
-        if (slottedDetails.length === 0 && slottedTitle === null) {
-            throw new Error('<mg-illustrated-message> Slot "title" or "details" must be present.');
-        }
-        else if (slottedTitle !== null && !isTagName(slottedTitle, headingTags)) {
-            throw new Error(`<mg-illustrated-message> Slotted title must be a heading: ${headingTags.join(', ')}.`);
-        }
-        else if (slottedIllustrations.length !== 1) {
-            throw new Error('<mg-illustrated-message> Slotted illustration must be present and unique.');
-        }
-        slottedIllustrations[0].setAttribute('aria-hidden', 'true');
-    }
-    /*************
-     * Lifecycle *
-     *************/
-    /**
-     * Check if component props are well configured on init
-     */
-    componentWillLoad() {
-        this.watchDirection(this.direction);
-        this.watchSize(this.size);
-        this.validateSlots();
-    }
-    /**
-     * Render
-     * @returns HTML Element
-     */
-    render() {
-        return (h("div", { key: 'c9d8c8bfd2792b1cf5e78ab9d168d597b20e9a1e', class: this.classCollection.join() }, h("div", { key: 'cc8fa03147b9e59e6e8e015be9ed2b8dddd92ded', class: "mg-c-illustrated-message__illustration" }, h("slot", { key: '83a4ec2223c4e74511beb7c0abfa10e77cee425d', name: "illustration" })), h("div", { key: 'dbb4d13ca5324cab889fa2acc9b9b22522d7a8ec', class: "mg-c-illustrated-message__slots" }, h("slot", { key: '9e74d84becf29539ec9c37e8ad1e317714f3c86c', name: "title" }), h("slot", { key: 'ae97d25c19b76ca092560d2555ebd6a87f542ffe', name: "details" }))));
-    }
-    get element() { return this; }
-    static get watchers() { return {
-        "size": ["watchSize"],
-        "direction": ["watchDirection"]
-    }; }
-    static get style() { return mgIllustratedMessageCss; }
-}, [257, "mg-illustrated-message", {
-        "size": [1],
-        "direction": [1],
-        "classCollection": [32]
-    }, undefined, {
-        "size": ["watchSize"],
-        "direction": ["watchDirection"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mg-illustrated-message"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mg-illustrated-message":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MgIllustratedMessage$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const MgIllustratedMessage = MgIllustratedMessage$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MgIllustratedMessage, defineCustomElement };
+import{transformTag as e,proxyCustomElement as t,HTMLElement as s,h as a}from"@stencil/core/internal/client";import{C as i,t as l,b as m}from"./index2.js";const r=["small","medium","large"],g=["vertical","horizontal"],o=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size="medium",this.direction="vertical",this.classCollection=new i(["mg-c-illustrated-message"])}watchSize(e,t){if(!r.includes(e))throw Error(`<mg-illustrated-message> prop "size" must be one of: ${r.join(", ")}. Passed value: ${l(e)}.`);void 0!==t&&this.classCollection.delete("mg-c-illustrated-message--size-"+t),this.classCollection.add("mg-c-illustrated-message--size-"+e)}watchDirection(e,t){if(void 0!==e&&!g.includes(e))throw Error(`<mg-illustrated-message> prop "direction" must be one of: ${g.join(", ")}. Passed value: ${l(e)}.`);"horizontal"===e?this.classCollection.add("mg-c-illustrated-message--direction-horizontal"):"horizontal"===t&&this.classCollection.delete("mg-c-illustrated-message--direction-horizontal")}validateSlots(){const e=["h1","h2","h3","h4","h5","h6"],t=this.element.querySelector('[slot="title"]'),s=this.element.querySelectorAll('[slot="illustration"]');if(0===this.element.querySelectorAll('[slot="details"]').length&&null===t)throw Error('<mg-illustrated-message> Slot "title" or "details" must be present.');if(null!==t&&!m(t,e))throw Error(`<mg-illustrated-message> Slotted title must be a heading: ${e.join(", ")}.`);if(1!==s.length)throw Error("<mg-illustrated-message> Slotted illustration must be present and unique.");s[0].setAttribute("aria-hidden","true")}componentWillLoad(){this.watchDirection(this.direction),this.watchSize(this.size),this.validateSlots()}render(){return a("div",{key:"f2bcf91e8d639736514a55a73d0182339eda1455",class:this.classCollection.join()},a("div",{key:"46f862fc2a3daf2f217c55feebd41abb76252de2",class:"mg-c-illustrated-message__illustration"},a("slot",{key:"e2a0e9752a6739a684fd2668a8e8f0f792a0c38b",name:"illustration"})),a("div",{key:"b037dd43ae59c07ca122b68b56dc3230a7aa94f2",class:"mg-c-illustrated-message__slots"},a("slot",{key:"3a99f08cfb68bd51fbd015d213bb462acbfdda1a",name:"title"}),a("slot",{key:"14490ee1e7f9470f433c6249d502bd0a4dd77ca3",name:"details"})))}get element(){return this}static get watchers(){return{size:[{watchSize:0}],direction:[{watchDirection:0}]}}static get style(){return".mg-c-illustrated-message{display:flex;max-width:calc(60*var(--mg-b-size-8));box-sizing:border-box;flex-direction:column;justify-content:center;padding:var(--mg-c-illustrated-message-spacing-vertical) var(--mg-b-size-16);margin:auto;gap:var(--mg-b-size-16) var(--mg-b-size-64);text-align:center}.mg-c-illustrated-message__illustration{max-height:calc(15*var(--mg-b-size-8))}.mg-c-illustrated-message__illustration ::slotted([slot=illustration]){width:100%;max-width:100%;max-width:calc(15*var(--mg-b-size-8));height:auto;max-height:calc(15*var(--mg-b-size-8))}.mg-c-illustrated-message__slots{display:flex;flex-direction:column;gap:var(--mg-b-size-8)}.mg-c-illustrated-message__slots ::slotted([slot=title]){margin:0;font-family:var(--mg-b-font-family) !important;font-size:var(--mg-b-font-size-h2) !important;font-weight:400 !important}.mg-c-illustrated-message__slots ::slotted([slot=details]){margin:0}.mg-c-illustrated-message.mg-c-illustrated-message--size-small{--mg-c-illustrated-message-spacing-vertical:var(--mg-b-size-24)}.mg-c-illustrated-message.mg-c-illustrated-message--size-small .mg-c-illustrated-message__slots{gap:calc(var(--mg-b-size-4)/2)}.mg-c-illustrated-message.mg-c-illustrated-message--size-small .mg-c-illustrated-message__illustration{max-height:var(--mg-b-size-64)}.mg-c-illustrated-message.mg-c-illustrated-message--size-small .mg-c-illustrated-message__illustration ::slotted([slot=illustration]){max-height:var(--mg-b-size-64)}.mg-c-illustrated-message.mg-c-illustrated-message--size-large .mg-c-illustrated-message__illustration{max-height:calc(23*var(--mg-b-size-8))}.mg-c-illustrated-message.mg-c-illustrated-message--size-large .mg-c-illustrated-message__illustration ::slotted([slot=illustration]){max-height:calc(23*var(--mg-b-size-8))}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal{max-width:unset}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal .mg-c-illustrated-message__slots{max-width:calc(60*var(--mg-b-size-8))}@container (width > 52.8rem){.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal{flex-direction:row;align-items:center;column-gap:var(--mg-b-size-48);text-align:left}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal .mg-c-illustrated-message__slots{max-width:unset}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal .mg-c-illustrated-message__illustration{max-width:fit-content;flex:1 0 auto}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal.mg-c-illustrated-message--size-small{column-gap:var(--mg-b-size-24)}.mg-c-illustrated-message.mg-c-illustrated-message--direction-horizontal.mg-c-illustrated-message--size-large{column-gap:var(--mg-b-size-64)}}:host{display:block;container-type:inline-size}"}},[257,"mg-illustrated-message",{size:[1],direction:[1],classCollection:[32]},void 0,{size:[{watchSize:0}],direction:[{watchDirection:0}]}]);function c(){"undefined"!=typeof customElements&&["mg-illustrated-message"].forEach((t=>{"mg-illustrated-message"===t&&(customElements.get(e(t))||customElements.define(e(t),o))}))}c();const d=o,n=c;export{d as MgIllustratedMessage,n as defineCustomElement}

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

@@ -1,6 +1 @@
-import { M as MgInputCheckboxPaginated$1, d as defineCustomElement$1 } from './mg-input-checkbox-paginated2.js';
-
-const MgInputCheckboxPaginated = MgInputCheckboxPaginated$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { MgInputCheckboxPaginated, defineCustomElement };
+import{M as o,d as t}from"./mg-input-checkbox-paginated2.js";const a=o,p=t;export{a as MgInputCheckboxPaginated,p as defineCustomElement}

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

@@ -1,135 +1 @@
-import { h, proxyCustomElement, HTMLElement, Host } from '@stencil/core/internal/client';
-import { f as formatID } from './index2.js';
-import { d as defineCustomElement$2 } from './mg-button2.js';
-import { d as defineCustomElement$1 } from './mg-icon2.js';
-
-/**
- * Get checkboxes list template
- * @param props - MgInputCheckboxList Interface Props
- * @returns input template
- */
-const MgInputCheckboxList = (props) => (h("ul", { class: "mg-c-input__input-group-container", role: "list", "aria-labelledby": props.labelledby, id: props.id }, props.checkboxes.map(input => {
-    var _a, _b;
-    return (h("li", { key: input._id, class: { 'mg-c-input__input-group': true, 'mg-c-input__input-group--disabled': props.disabled || input.disabled } }, h("input", { type: "checkbox", id: input._id, name: props.name, value: (_a = input.value) === null || _a === void 0 ? void 0 : _a.toString(), checked: Boolean(input.value), required: input.required, "aria-invalid": ((_b = props.invalid) === null || _b === void 0 ? void 0 : _b.toString()) || 'false', disabled: props.disabled || input.disabled, indeterminate: input.value === null, onInput: input._handleInput, onBlur: input._handleBlur, onKeyDown: input._handleKeydown }), h("label", { htmlFor: input._id }, input.title)));
-})));
-
-const MgInputCheckboxPaginated = /*@__PURE__*/ proxyCustomElement(class MgInputCheckboxPaginated extends HTMLElement {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.step = 10;
-        /*************
-         * Decorators *
-         *************/
-        /**
-         * Define if mg-input-checkbox-list is readonly
-         */
-        this.readonly = false;
-        /**
-         * Define if mg-input-checkbox-list is disabled
-         */
-        this.disabled = false;
-        /**
-         * Page items limit to display
-         */
-        this.limit = this.step;
-        /***********
-         * Methods *
-         ***********/
-        /**
-         * Component has next checkboxes to display
-         * @returns truthy if have next elements
-         */
-        this.hasNext = () => {
-            return this.checkboxes.length > this.limit;
-        };
-        /**
-         * Set items from checkboxes and limit
-         */
-        this.setItems = () => {
-            this.items = this.checkboxes.slice(0, this.limit);
-        };
-        /**
-         * Handle load-more <mg-button> click event
-         */
-        this.handleLoadMore = () => {
-            if (this.hasNext()) {
-                this.limit += this.step;
-            }
-        };
-    }
-    watchCheckboxes() {
-        this.setItems();
-    }
-    watchLimit() {
-        this.setItems();
-    }
-    /**
-     * Method to reset limit
-     */
-    async resetLimit() {
-        this.limit = this.step;
-    }
-    /*************
-     * Lifecycle *
-     *************/
-    /**
-     * Validate props
-     */
-    componentWillLoad() {
-        this.watchCheckboxes();
-    }
-    /**
-     * Render
-     * @returns HTML Element
-     */
-    render() {
-        const listId = formatID(this.messages.label);
-        const tabId = 'tab-info';
-        return (h(Host, { key: '233ab4fca3f4a3121bc60650ac2f8ae06d47e6e5' }, h("slot", { key: '7d1af8c712928c06953743fc5c182e51d9a6256b', name: "header-action" }), h("div", { key: '95641bd218e36422a6b5b4ead8dd5498e8ac5fa4', class: "mg-c-input__tabs-content" }, h("p", { key: '34814dd1afc9f871cd032500b931e692d63cbd25', id: tabId, class: { 'mg-c-input__popover-info': true, 'mg-u-visually-hidden': this.items.length !== 0 }, "aria-live": this.items.length !== 0 ? 'polite' : undefined }, this.items.length === 0 ? this.messages.noValue : this.messages.values.replace('{count}', this.items.length.toString())), this.items.length > 0 && (h(MgInputCheckboxList, { key: '621077f291a401737157ad0cd9b9348537ef8bdc', checkboxes: this.items, labelledby: tabId, id: listId, disabled: this.disabled, name: this.name, invalid: this.invalid })), this.hasNext() && (h("mg-button", { key: "load-more", variant: "flat", class: "mg-c-input__load-more", tabIndex: -1, "full-width": true, onClick: this.handleLoadMore, "aria-controls": listId }, h("mg-icon", { key: 'cb00bbeb1575475b184cc9623db6c4cefc56c26a', icon: "chevron-down" }), this.messages.showMore)))));
-    }
-    static get watchers() { return {
-        "checkboxes": ["watchCheckboxes"],
-        "limit": ["watchLimit"]
-    }; }
-}, [262, "mg-input-checkbox-paginated", {
-        "readonly": [4],
-        "disabled": [4],
-        "name": [1],
-        "invalid": [4],
-        "checkboxes": [16],
-        "messages": [16],
-        "limit": [32],
-        "resetLimit": [64]
-    }, undefined, {
-        "checkboxes": ["watchCheckboxes"],
-        "limit": ["watchLimit"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mg-input-checkbox-paginated", "mg-button", "mg-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mg-input-checkbox-paginated":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MgInputCheckboxPaginated);
-            }
-            break;
-        case "mg-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "mg-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-defineCustomElement();
-
-export { MgInputCheckboxPaginated as M, MgInputCheckboxList as a, defineCustomElement as d };
+import{h as t,transformTag as i,proxyCustomElement as e,HTMLElement as s,Host as c}from"@stencil/core/internal/client";import{f as a}from"./index2.js";import{d as n}from"./mg-button2.js";import{d as o}from"./mg-icon2.js";const d=i=>t("ul",{class:"mg-c-input__input-group-container",role:"list","aria-labelledby":i.labelledby,id:i.id},i.checkboxes.map((e=>{var s,c;return t("li",{key:e._id,class:{"mg-c-input__input-group":!0,"mg-c-input__input-group--disabled":i.disabled||e.disabled}},t("input",{type:"checkbox",id:e._id,name:i.name,value:null===(s=e.value)||void 0===s?void 0:s.toString(),checked:Boolean(e.value),required:e.required,"aria-invalid":(null===(c=i.invalid)||void 0===c?void 0:c.toString())||"false",disabled:i.disabled||e.disabled,indeterminate:null===e.value,onInput:e._handleInput,onBlur:e._handleBlur,onKeyDown:e._handleKeydown}),t("label",{htmlFor:e._id},e.title))}))),h=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.step=10,this.readonly=!1,this.disabled=!1,this.limit=this.step,this.hasNext=()=>this.checkboxes.length>this.limit,this.setItems=()=>{this.items=this.checkboxes.slice(0,this.limit)},this.handleLoadMore=()=>{this.hasNext()&&(this.limit+=this.step)}}watchCheckboxes(){this.setItems()}watchLimit(){this.setItems()}async resetLimit(){this.limit=this.step}componentWillLoad(){this.watchCheckboxes()}render(){const i=a(this.messages.label),e="tab-info";return t(c,{key:"233ab4fca3f4a3121bc60650ac2f8ae06d47e6e5"},t("slot",{key:"7d1af8c712928c06953743fc5c182e51d9a6256b",name:"header-action"}),t("div",{key:"95641bd218e36422a6b5b4ead8dd5498e8ac5fa4",class:"mg-c-input__tabs-content"},t("p",{key:"34814dd1afc9f871cd032500b931e692d63cbd25",id:e,class:{"mg-c-input__popover-info":!0,"mg-u-visually-hidden":0!==this.items.length},"aria-live":0!==this.items.length?"polite":void 0},0===this.items.length?this.messages.noValue:this.messages.values.replace("{count}",this.items.length.toString())),this.items.length>0&&t(d,{key:"621077f291a401737157ad0cd9b9348537ef8bdc",checkboxes:this.items,labelledby:e,id:i,disabled:this.disabled,name:this.name,invalid:this.invalid}),this.hasNext()&&t("mg-button",{key:"load-more",variant:"flat",class:"mg-c-input__load-more",tabIndex:-1,"full-width":!0,onClick:this.handleLoadMore,"aria-controls":i},t("mg-icon",{key:"cb00bbeb1575475b184cc9623db6c4cefc56c26a",icon:"chevron-down"}),this.messages.showMore)))}static get watchers(){return{checkboxes:[{watchCheckboxes:0}],limit:[{watchLimit:0}]}}},[262,"mg-input-checkbox-paginated",{readonly:[4],disabled:[4],name:[1],invalid:[4],checkboxes:[16],messages:[16],limit:[32],resetLimit:[64]},void 0,{checkboxes:[{watchCheckboxes:0}],limit:[{watchLimit:0}]}]);function l(){"undefined"!=typeof customElements&&["mg-input-checkbox-paginated","mg-button","mg-icon"].forEach((t=>{switch(t){case"mg-input-checkbox-paginated":customElements.get(i(t))||customElements.define(i(t),h);break;case"mg-button":customElements.get(i(t))||n();break;case"mg-icon":customElements.get(i(t))||o()}}))}l();export{h as M,d as a,l as d}