@mgdis/mg-components 6.21.0 → 6.22.1

package/dist/collection/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.js

@@ -1,245 +0,0 @@
-import { h, Host } from "@stencil/core";
-import { MgInputCheckboxList } from "../MgInputCheckboxList";
-import { formatID } from "@mgdis/core-ui-helpers/dist/utils";
-/**
- * Internal component use to manage sections instances
- * @internal
- */
-export class MgInputCheckboxPaginated {
-    constructor() {
-        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 is() { return "mg-input-checkbox-paginated"; }
-    static get encapsulation() { return "scoped"; }
-    static get properties() {
-        return {
-            "readonly": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Define if mg-input-checkbox-list is readonly"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "readonly",
-                "defaultValue": "false"
-            },
-            "disabled": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Define if mg-input-checkbox-list is disabled"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "disabled",
-                "defaultValue": "false"
-            },
-            "name": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Define mg-input-checkbox input name"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "name"
-            },
-            "invalid": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Define mg-input-checkbox input invalid"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "invalid"
-            },
-            "checkboxes": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "CheckboxItem[]",
-                    "resolved": "CheckboxItem[]",
-                    "references": {
-                        "CheckboxItem": {
-                            "location": "import",
-                            "path": "../mg-input-checkbox.conf",
-                            "id": "src/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.conf.ts::CheckboxItem"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Define checkboxes to paginate"
-                },
-                "getter": false,
-                "setter": false
-            },
-            "messages": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "Record<string, string>",
-                    "resolved": "string",
-                    "references": {
-                        "Record": {
-                            "location": "global",
-                            "id": "global::Record"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Define component message"
-                },
-                "getter": false,
-                "setter": false
-            }
-        };
-    }
-    static get states() {
-        return {
-            "limit": {}
-        };
-    }
-    static get methods() {
-        return {
-            "resetLimit": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Method to reset limit",
-                    "tags": []
-                }
-            }
-        };
-    }
-    static get watchers() {
-        return [{
-                "propName": "checkboxes",
-                "methodName": "watchCheckboxes"
-            }, {
-                "propName": "limit",
-                "methodName": "watchLimit"
-            }];
-    }
-}

package/dist/components/mg-input-checkbox-paginated.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface MgInputCheckboxPaginated extends Components.MgInputCheckboxPaginated, HTMLElement {}
-export const MgInputCheckboxPaginated: {
-    prototype: MgInputCheckboxPaginated;
-    new (): MgInputCheckboxPaginated;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

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

@@ -1 +0,0 @@
-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 +0,0 @@
-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}