@mgdis/mg-components 6.22.0 → 6.23.0

package/dist/collection/collection-manifest.json

@@ -13,7 +13,6 @@
     "components/atoms/mg-tooltip/mg-tooltip.js",
     "components/atoms/mg-tooltip/mg-tooltip-content/mg-tooltip-content.js",
     "components/molecules/inputs/mg-input/mg-input.js",
-    "components/molecules/inputs/mg-input-checkbox/mg-input-checkbox-paginated/mg-input-checkbox-paginated.js",
     "components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.js",
     "components/molecules/inputs/mg-input-combobox/mg-input-combobox.js",
     "components/molecules/inputs/mg-input-date/mg-input-date.js",
@@ -46,9 +45,10 @@
     "components/molecules/mg-table/mg-table.js",
     "components/molecules/mg-tabs/mg-tabs.js"
   ],
+  "mixins": [],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.40.1",
+    "version": "4.43.5",
     "typescriptVersion": "5.8.3"
   },
   "collections": [],

package/dist/collection/components/atoms/internals/mg-input-title/mg-input-title.js

@@ -1,5 +1,6 @@
 import { h } from "@stencil/core";
-import { isValideID, isValidString, toString } from "@mgdis/core-ui-helpers/dist/utils";
+import { isValidString, isValideID, toString } from "@mgdis/core-ui-helpers/dist/utils";
+import { normalizeBooleanAttributes } from "@mgdis/core-ui-helpers/dist/stencil";
 /**
  * @internal
  */
@@ -32,6 +33,7 @@ export class MgInputTitle {
      * Init tag name
      */
     componentWillLoad() {
+        normalizeBooleanAttributes(this);
         this.validateIdentifier(this.identifier);
         this.validateIsLegend(this.isLegend);
     }
@@ -42,7 +44,7 @@ export class MgInputTitle {
     render() {
         const TagName = this.readonly ? 'span' : this.tagName;
         // \u00A0 represent a  
-        return (h(TagName, { key: 'd61ed048e1b2bb124281eb4067894d9a35abf778', class: "mg-c-input-title", htmlFor: !this.isLegend && this.identifier, id: this.isLegend ? `${this.identifier}-title` : undefined }, h("slot", { key: '3bad02b10f8e9bb536c5eba9bf85d4b4967a9d97' }), this.required && !this.readonly && (h("span", { key: 'f0fd90a79f4449a1a3b7ec76a3eeb96bcc2e4ee6', class: "mg-c-input-title__required" }, "\u00A0", h("span", { key: '7ea29cfc494c5c5c2b65b62ea27caee5a41062ca', class: "mg-u-is-asterisk" }, "*")))));
+        return (h(TagName, { key: '316341d052fa751e442f749ce66e2712ecd864c2', class: "mg-c-input-title", htmlFor: !this.isLegend && this.identifier, id: this.isLegend ? `${this.identifier}-title` : undefined }, h("slot", { key: '4df4df8d18f46b09081ebc13619034f923132697' }), this.required && !this.readonly && (h("span", { key: '778a3317990278dd95a450dd9aa91c3afafb1b43', class: "mg-c-input-title__required" }, "\u00A0", h("span", { key: '509a4ecc94111d61f3df3ae28286bf23bf8c7d0f', class: "mg-u-is-asterisk" }, "*")))));
     }
     static get is() { return "mg-input-title"; }
     static get encapsulation() { return "scoped"; }
@@ -142,6 +144,7 @@ export class MgInputTitle {
             "tagName": {}
         };
     }
+    static get elementRef() { return "element"; }
     static get watchers() {
         return [{
                 "propName": "identifier",

package/dist/collection/components/atoms/mg-badge/mg-badge.js

@@ -1,6 +1,7 @@
 import { h } from "@stencil/core";
 import { variants } from "./mg-badge.conf";
 import { ClassList, isValidString, toString } from "@mgdis/core-ui-helpers/dist/utils";
+import { normalizeBooleanAttributes } from "@mgdis/core-ui-helpers/dist/stencil";
 export class MgBadge {
     constructor() {
         /************
@@ -33,6 +34,11 @@ export class MgBadge {
     }
     validateVariant(newValue, oldValue) {
         if (!variants.includes(newValue)) {
+            if (String(newValue) === '') {
+                // Reactive frameworks (e.g. Vue) may pass "" instead of undefined when the prop is reset.
+                this.variant = 'info';
+                return;
+            }
             throw new Error(`<mg-badge> prop "variant" must be one of: ${variants.join(', ')}. Passed value: ${toString(newValue)}.`);
         }
         else {
@@ -52,6 +58,7 @@ export class MgBadge {
      * Check if props are well configured on init
      */
     componentWillLoad() {
+        normalizeBooleanAttributes(this);
         this.validateValue(this.value);
         this.validateLabel(this.label);
         this.validateVariant(this.variant);
@@ -62,7 +69,7 @@ export class MgBadge {
      * @returns HTML Element
      */
     render() {
-        return (h("span", { key: '27e42212d525a31576dbe826babca52d99a3476b', class: this.classCollection.join() }, h("span", { key: 'f24658252cc62a38879a1e8321c477723c2dc919', class: "mg-c-badge__value" }, this.value), h("span", { key: '9f51fe7c868a8d53d9f138ec4229e1ba09e7284e', class: "mg-u-visually-hidden" }, this.label)));
+        return (h("span", { key: 'b4c55957d7e59c889147cf3ddeb57f94c7afdaaa', class: this.classCollection.join() }, h("span", { key: '3f9bfae0e36de3c14d71d3a904f426508b1d5872', class: "mg-c-badge__value" }, this.value), h("span", { key: '2e6ee3c010b6f0c8c1df7bfdd3aed755e5afc0d8', class: "mg-u-visually-hidden" }, this.label)));
     }
     static get is() { return "mg-badge"; }
     static get encapsulation() { return "shadow"; }
@@ -118,7 +125,7 @@ export class MgBadge {
             },
             "variant": {
                 "type": "string",
-                "mutable": false,
+                "mutable": true,
                 "complexType": {
                     "original": "BadgeVariantType",
                     "resolved": "\"danger\" | \"info\" | \"primary\" | \"secondary\" | \"success\" | \"text-color\" | \"warning\"",
@@ -126,7 +133,8 @@ export class MgBadge {
                         "BadgeVariantType": {
                             "location": "import",
                             "path": "./mg-badge.conf",
-                            "id": "src/components/atoms/mg-badge/mg-badge.conf.ts::BadgeVariantType"
+                            "id": "src/components/atoms/mg-badge/mg-badge.conf.ts::BadgeVariantType",
+                            "referenceLocation": "BadgeVariantType"
                         }
                     }
                 },
@@ -169,6 +177,7 @@ export class MgBadge {
             "classCollection": {}
         };
     }
+    static get elementRef() { return "element"; }
     static get watchers() {
         return [{
                 "propName": "value",

package/dist/collection/components/atoms/mg-button/mg-button.js

@@ -1,6 +1,7 @@
 import { h, Host } from "@stencil/core";
 import { variants, sizes } from "./mg-button.conf";
 import { ClassList, isValidString, nextTick, toString } from "@mgdis/core-ui-helpers/dist/utils";
+import { normalizeBooleanAttributes } from "@mgdis/core-ui-helpers/dist/stencil";
 import { Keys } from "../../../utils/events.utils";
 /**
  * @slot - Button content
@@ -176,6 +177,7 @@ export class MgButton {
      * Check if props are well configured on init
      */
     componentWillLoad() {
+        normalizeBooleanAttributes(this);
         this.validateVariant(this.variant);
         this.validateFullWidth(this.fullWidth);
         this.validateSize(this.size);
@@ -205,7 +207,7 @@ export class MgButton {
      */
     render() {
         var _a;
-        return (h(Host, { key: '82e03b7b699a821125d066a5ca1d435a87a75675', role: "button", tabIndex: this.element.getAttribute('tabindex') || 0, type: this.type, form: this.form, "full-width": this.fullWidth, "aria-label": this.label, "aria-disabled": (_a = this.disabled) === null || _a === void 0 ? void 0 : _a.toString(), onClick: this.handleClick, onKeyup: this.handleKeyup, onKeydown: this.handleKeydown }, h("div", { key: '92a0a1fbcf320f8afc10106418a992fffd748646', class: this.classCollection.join() }, this.loading && h("mg-icon", { key: 'f5d0bf31534c2dc8dbd7f9e2fc63bd8af055a9a3', icon: "loader", spin: true }), h("div", { key: '7557988a9a70881f25c86b78a3ea28d9842c439b', class: "mg-c-button__content" }, h("slot", { key: '98b64ef7efc4d761fdda8c593b05ec6959b0ea22' })))));
+        return (h(Host, { key: 'e79494f9da9f0c4c19841d44a85ee955f2e19016', role: "button", tabIndex: this.element.getAttribute('tabindex') || 0, type: this.type, form: this.form, "full-width": this.fullWidth, "aria-label": this.label, "aria-disabled": (_a = this.disabled) === null || _a === void 0 ? void 0 : _a.toString(), onClick: this.handleClick, onKeyup: this.handleKeyup, onKeydown: this.handleKeydown }, h("div", { key: '1a4802637eca8125d09cae3363ff11fe9b50ffd4', class: this.classCollection.join() }, this.loading && h("mg-icon", { key: '9f4512a0ed650c3af63e8216baa5b0eaabd4bfd2', icon: "loader", spin: true }), h("div", { key: '9c0647c6741a0610a516bc2ac1cce328d3004d51', class: "mg-c-button__content" }, h("slot", { key: '7875b875d0a8a8ac74faf233b0cd49462a775dc6' })))));
     }
     static get is() { return "mg-button"; }
     static get encapsulation() { return "shadow"; }
@@ -231,7 +233,8 @@ export class MgButton {
                         "VariantType": {
                             "location": "import",
                             "path": "./mg-button.conf",
-                            "id": "src/components/atoms/mg-button/mg-button.conf.ts::VariantType"
+                            "id": "src/components/atoms/mg-button/mg-button.conf.ts::VariantType",
+                            "referenceLocation": "VariantType"
                         }
                     }
                 },
@@ -276,7 +279,8 @@ export class MgButton {
                         "ButtonType": {
                             "location": "import",
                             "path": "./mg-button.conf",
-                            "id": "src/components/atoms/mg-button/mg-button.conf.ts::ButtonType"
+                            "id": "src/components/atoms/mg-button/mg-button.conf.ts::ButtonType",
+                            "referenceLocation": "ButtonType"
                         }
                     }
                 },
@@ -301,7 +305,8 @@ export class MgButton {
                         "SizeType": {
                             "location": "import",
                             "path": "./mg-button.conf",
-                            "id": "src/components/atoms/mg-button/mg-button.conf.ts::SizeType"
+                            "id": "src/components/atoms/mg-button/mg-button.conf.ts::SizeType",
+                            "referenceLocation": "SizeType"
                         }
                     }
                 },

package/dist/collection/components/atoms/mg-card/mg-card.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { ClassList } from "@mgdis/core-ui-helpers/dist/utils";
+import { ClassList, toString } from "@mgdis/core-ui-helpers/dist/utils";
 import { radiusSizes } from "./mg-card.conf";
 /**
  * @slot - Card content
@@ -28,10 +28,18 @@ export class MgCard {
         }
     }
     watchRadiusSize(newValue, oldValue) {
-        if (oldValue !== undefined && radiusSizes.includes(oldValue)) {
-            this.classCollection.delete(`mg-c-card--radius-${oldValue}`);
+        if (!radiusSizes.includes(newValue)) {
+            if (String(newValue) === '') {
+                // Reactive frameworks (e.g. Vue) may pass "" instead of undefined when the prop is reset.
+                this.radiusSize = 'medium';
+                return;
+            }
+            throw new Error(`<mg-card> prop "radiusSize" must be one of: ${radiusSizes.join(', ')}. Passed value: ${toString(newValue)}.`);
         }
-        if (radiusSizes.includes(newValue)) {
+        else {
+            if (oldValue !== undefined) {
+                this.classCollection.delete(`mg-c-card--radius-${oldValue}`);
+            }
             this.classCollection.add(`mg-c-card--radius-${newValue}`);
         }
     }
@@ -50,7 +58,7 @@ export class MgCard {
      * @returns HTML Element
      */
     render() {
-        return (h("div", { key: 'fe5eff1e1d7c533cd533e27d3fb070a4e57194a8', class: this.classCollection.join() }, h("slot", { key: 'ca27dc4039d7bcaa21284714b7820de257625009' })));
+        return (h("div", { key: 'd652bf6913d37428bb9729d32fb3541543418a71', class: this.classCollection.join() }, h("slot", { key: '5157ee6cf1330c907babad1f2190973dd4d9f39e' })));
     }
     static get is() { return "mg-card"; }
     static get encapsulation() { return "shadow"; }
@@ -88,7 +96,7 @@ export class MgCard {
             },
             "radiusSize": {
                 "type": "string",
-                "mutable": false,
+                "mutable": true,
                 "complexType": {
                     "original": "RadiusSizeType",
                     "resolved": "\"medium\" | \"small\" | \"xsmall\"",
@@ -96,7 +104,8 @@ export class MgCard {
                         "RadiusSizeType": {
                             "location": "import",
                             "path": "./mg-card.conf",
-                            "id": "src/components/atoms/mg-card/mg-card.conf.ts::RadiusSizeType"
+                            "id": "src/components/atoms/mg-card/mg-card.conf.ts::RadiusSizeType",
+                            "referenceLocation": "RadiusSizeType"
                         }
                     }
                 },

package/dist/collection/components/atoms/mg-icon/mg-icon.js

@@ -48,9 +48,12 @@ export class MgIcon {
         }
     }
     validateSize(newValue, oldValue) {
-        // When removing size attribute, it is set to null
-        if (newValue === null) {
-            newValue = 'medium';
+        // Reactive frameworks reset the prop differently:
+        //   - removing the attribute sets it to null
+        //   - Vue reactivity may set it to ""
+        if (newValue === null || String(newValue) === '') {
+            this.size = 'medium';
+            return;
         }
         if (!sizes.includes(newValue)) {
             throw new Error(`<mg-icon> prop "size" must be one of: ${sizes.join(', ')}. Passed value: ${toString(newValue)}.`);
@@ -144,12 +147,13 @@ export class MgIcon {
                 "mutable": false,
                 "complexType": {
                     "original": "IconType",
-                    "resolved": "\"address-card\" | \"address-card-outline\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"arrows-up-down\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building\" | \"building-outline\" | \"calculator\" | \"calculator-outline\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-exclamation\" | \"comment-exclamation-outline\" | \"comment-outline\" | \"comment-question\" | \"comment-question-outline\" | \"comment-sms\" | \"comment-sms-outline\" | \"conversation\" | \"conversation-outline\" | \"copy\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"download\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-outline\" | \"eye-slash\" | \"eye-slash-outline\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-cog-outline\" | \"file-download\" | \"file-download-outline\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-upload-outline\" | \"file-word\" | \"file-word-outline\" | \"filter\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-checked\" | \"floppy-disk-checked-outline\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folder-star-outline\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-euro\" | \"hand-euro-outline\" | \"hand-up\" | \"history\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"key\" | \"laptop\" | \"layers\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"link\" | \"list\" | \"loader\" | \"location\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-open\" | \"mail-open-outline\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-outline\" | \"paper-plane-slash\" | \"paper-plane-slash-outline\" | \"paperclip\" | \"pause\" | \"pause-outline\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"plus-circle-outline\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sidebar-arrow-left\" | \"sidebar-arrow-right\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"table\" | \"tag\" | \"tag-outline\" | \"tags\" | \"tags-outline\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"universal-access-outline\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-group-outline\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"",
+                    "resolved": "\"address-card\" | \"address-card-outline\" | \"align-center\" | \"align-justify\" | \"align-left\" | \"align-right\" | \"api\" | \"archive\" | \"archive-outline\" | \"arrow-clock\" | \"arrow-down\" | \"arrow-down-a-z\" | \"arrow-down-right\" | \"arrow-left\" | \"arrow-right\" | \"arrow-rotate\" | \"arrow-rotate-backward\" | \"arrow-up\" | \"arrow-up-right\" | \"arrow-up-right-square\" | \"arrow-up-z-a\" | \"arrows-compare\" | \"arrows-right-down\" | \"arrows-right-left\" | \"arrows-rotate\" | \"arrows-rotate-backward\" | \"arrows-up-down\" | \"ban\" | \"bell\" | \"bell-outline\" | \"book\" | \"book-outline\" | \"briefcase\" | \"briefcase-outline\" | \"building\" | \"building-outline\" | \"calculator\" | \"calculator-outline\" | \"calendar\" | \"calendar-euro\" | \"calendar-euro-outline\" | \"calendar-outline\" | \"check\" | \"check-circle\" | \"check-circle-outline\" | \"chevron-down\" | \"chevron-down-circle\" | \"chevron-left\" | \"chevron-left-circle\" | \"chevron-right\" | \"chevron-right-circle\" | \"chevron-up\" | \"chevron-up-circle\" | \"circle\" | \"clock\" | \"clock-outline\" | \"code-square-outline\" | \"cog\" | \"cog-outline\" | \"comment\" | \"comment-exclamation\" | \"comment-exclamation-outline\" | \"comment-outline\" | \"comment-question\" | \"comment-question-outline\" | \"comment-sms\" | \"comment-sms-outline\" | \"conversation\" | \"conversation-outline\" | \"copy\" | \"copy-file\" | \"copy-file-outline\" | \"copy-outline\" | \"credit-card\" | \"cross\" | \"cross-circle\" | \"cross-circle-outline\" | \"dashboard\" | \"dashboard-outline\" | \"download\" | \"earth\" | \"earth-outline\" | \"ellipsis\" | \"ellipsis-vertical\" | \"euro\" | \"euro-circle\" | \"exclamation-circle\" | \"exclamation-circle-outline\" | \"exclamation-stamp\" | \"exclamation-triangle\" | \"exclamation-triangle-outline\" | \"eye\" | \"eye-outline\" | \"eye-slash\" | \"eye-slash-outline\" | \"fax\" | \"fax-outline\" | \"file\" | \"file-cog\" | \"file-cog-outline\" | \"file-download\" | \"file-download-outline\" | \"file-excel\" | \"file-excel-outline\" | \"file-outline\" | \"file-pdf\" | \"file-pdf-outline\" | \"file-text\" | \"file-text-outline\" | \"file-upload\" | \"file-upload-outline\" | \"file-word\" | \"file-word-outline\" | \"filter\" | \"filter-outline\" | \"floppy-disk\" | \"floppy-disk-checked\" | \"floppy-disk-checked-outline\" | \"floppy-disk-outline\" | \"folder\" | \"folder-check\" | \"folder-check-outline\" | \"folder-lines\" | \"folder-lines-outline\" | \"folder-link\" | \"folder-link-outline\" | \"folder-outline\" | \"folder-star\" | \"folder-star-outline\" | \"folders\" | \"folders-outline\" | \"gavel\" | \"gavel-outline\" | \"glitters\" | \"glitters-outline\" | \"graduation-cap\" | \"graduation-cap-outline\" | \"hand-euro\" | \"hand-euro-outline\" | \"hand-up\" | \"history\" | \"home\" | \"home-outline\" | \"info-circle\" | \"info-circle-outline\" | \"interrogation-circle\" | \"interrogation-circle-outline\" | \"key\" | \"laptop\" | \"layers\" | \"life-ring\" | \"lines-rectangle\" | \"lines-rectangle-outline\" | \"link\" | \"list\" | \"loader\" | \"location\" | \"location-outline\" | \"lock\" | \"lock-outline\" | \"log-in\" | \"log-out\" | \"magnifying-glass\" | \"mail\" | \"mail-open\" | \"mail-open-outline\" | \"mail-outline\" | \"messages-square\" | \"messages-square-outline\" | \"mobile\" | \"mobile-outline\" | \"notes\" | \"notes-outline\" | \"paper-plane\" | \"paper-plane-outline\" | \"paper-plane-slash\" | \"paper-plane-slash-outline\" | \"paperclip\" | \"pause\" | \"pause-outline\" | \"pen\" | \"pen-circle\" | \"pen-fancy\" | \"pen-fancy-files-outline\" | \"pen-fancy-outline\" | \"pen-outline\" | \"phone\" | \"phone-outline\" | \"picture\" | \"picture-outline\" | \"play-circle\" | \"plus\" | \"plus-circle\" | \"plus-circle-outline\" | \"share\" | \"share-outline\" | \"shuffle\" | \"sidebar-arrow-left\" | \"sidebar-arrow-right\" | \"sitemap\" | \"sliders\" | \"sliders-outline\" | \"squares\" | \"star\" | \"star-outline\" | \"table\" | \"tag\" | \"tag-outline\" | \"tags\" | \"tags-outline\" | \"thumb-down\" | \"thumb-down-outline\" | \"thumb-up\" | \"thumb-up-outline\" | \"thumbtack\" | \"thumbtack-outline\" | \"trash\" | \"trash-outline\" | \"universal-access\" | \"universal-access-outline\" | \"unlink\" | \"unlock\" | \"unlock-outline\" | \"upload\" | \"user\" | \"user-circle\" | \"user-group\" | \"user-group-outline\" | \"user-lock\" | \"user-outline\" | \"user-pen-fancy-outline\" | \"user-plus\" | \"user-question-outline\" | \"user-shield\" | \"user-shield-outline\" | \"users\" | \"users-outline\" | \"wallet\" | \"wallet-outline\"",
                     "references": {
                         "IconType": {
                             "location": "import",
                             "path": "./mg-icon.conf",
-                            "id": "src/components/atoms/mg-icon/mg-icon.conf.ts::IconType"
+                            "id": "src/components/atoms/mg-icon/mg-icon.conf.ts::IconType",
+                            "referenceLocation": "IconType"
                         }
                     }
                 },
@@ -166,7 +170,7 @@ export class MgIcon {
             },
             "size": {
                 "type": "string",
-                "mutable": false,
+                "mutable": true,
                 "complexType": {
                     "original": "IconSizeType",
                     "resolved": "\"large\" | \"medium\" | \"small\" | \"xlarge\" | \"xxlarge\"",
@@ -174,7 +178,8 @@ export class MgIcon {
                         "IconSizeType": {
                             "location": "import",
                             "path": "./mg-icon.conf",
-                            "id": "src/components/atoms/mg-icon/mg-icon.conf.ts::IconSizeType"
+                            "id": "src/components/atoms/mg-icon/mg-icon.conf.ts::IconSizeType",
+                            "referenceLocation": "IconSizeType"
                         }
                     }
                 },
@@ -200,7 +205,8 @@ export class MgIcon {
                         "IconVariantType": {
                             "location": "import",
                             "path": "./mg-icon.conf",
-                            "id": "src/components/atoms/mg-icon/mg-icon.conf.ts::IconVariantType"
+                            "id": "src/components/atoms/mg-icon/mg-icon.conf.ts::IconVariantType",
+                            "referenceLocation": "IconVariantType"
                         }
                     }
                 },
@@ -225,7 +231,8 @@ export class MgIcon {
                         "IconVariantStyleType": {
                             "location": "import",
                             "path": "./mg-icon.conf",
-                            "id": "src/components/atoms/mg-icon/mg-icon.conf.ts::IconVariantStyleType"
+                            "id": "src/components/atoms/mg-icon/mg-icon.conf.ts::IconVariantStyleType",
+                            "referenceLocation": "IconVariantStyleType"
                         }
                     }
                 },

package/dist/collection/components/atoms/mg-tag/mg-tag.js

@@ -110,7 +110,8 @@ export class MgTag {
                         "TagVariantType": {
                             "location": "import",
                             "path": "./mg-tag.conf",
-                            "id": "src/components/atoms/mg-tag/mg-tag.conf.ts::TagVariantType"
+                            "id": "src/components/atoms/mg-tag/mg-tag.conf.ts::TagVariantType",
+                            "referenceLocation": "TagVariantType"
                         }
                     }
                 },

package/dist/collection/components/atoms/mg-tooltip/mg-tooltip.js

@@ -57,7 +57,7 @@ export class MgTooltip {
             // Remove event listener
             this.windows.forEach((localWindow) => {
                 localWindow.removeEventListener('click', this.handleClickOutside, false);
-                localWindow.removeEventListener('keyboard', this.handlePressEscape, false);
+                localWindow.removeEventListener('keydown', this.handlePressEscape, false);
             });
         };
         /**
@@ -326,6 +326,11 @@ export class MgTooltip {
             this.setMgButtonMutationObserver(slotElement);
             this.setMgButtonWrapper(slotElement);
         }
+        // Propagate the full-width intent from a slotted mg-button to the tooltip host so it
+        // takes the parent's width — the host is `display: inline-block` otherwise.
+        if (this.element.querySelector('mg-button[full-width]') !== null) {
+            this.element.classList.add('mg-c-tooltip--full-width');
+        }
         // Add tabindex to slotted element if we can't find any interactive element
         if (!this.disabled && [undefined, null].includes(interactiveElement)) {
             this.hasCustomTabIndex = true;
@@ -364,7 +369,7 @@ export class MgTooltip {
      * @returns HTML Element
      */
     render() {
-        return (h(Host, { key: '8d1a0690f0b44381de181c2ea1f9e4c883a1af57' }, h("slot", { key: 'ae45df312e6a251a72b8ace11eb154c5ad13b4ae' }), h("slot", { key: 'fdbb17e42291cd785ff188df14029bcd59ba4c13', name: "content" })));
+        return (h(Host, { key: 'f8fe2bfb1fe70bf169abf8ddd77323342af2ac54' }, h("slot", { key: '6d478d941b9cf9374395e597a703ba7c8411eb75' }), h("slot", { key: 'bbbb59eda24731ec2fa54a909b0f3f93000083e5', name: "content" })));
     }
     static get is() { return "mg-tooltip"; }
     static get encapsulation() { return "shadow"; }
@@ -429,7 +434,8 @@ export class MgTooltip {
                         "Placement": {
                             "location": "import",
                             "path": "@popperjs/core",
-                            "id": "../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/index.d.ts::Placement"
+                            "id": "../../node_modules/.pnpm/@popperjs+core@2.11.8/node_modules/@popperjs/core/index.d.ts::Placement",
+                            "referenceLocation": "Placement"
                         }
                     }
                 },

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

@@ -1,5 +1,6 @@
 import { h, Host } from "@stencil/core";
-import { isValideID, isValidString, toString } from "@mgdis/core-ui-helpers/dist/utils";
+import { isValidString, isValideID, toString } from "@mgdis/core-ui-helpers/dist/utils";
+import { normalizeBooleanAttributes } from "@mgdis/core-ui-helpers/dist/stencil";
 import { tooltipPositions, classFieldset, classReadonly, classDisabled, classVerticalList, labelHeadings } from "./mg-input.conf";
 /**
  * @slot - Input content
@@ -253,15 +254,13 @@ export class MgInput {
         labelSlotElement === null || labelSlotElement === void 0 ? void 0 : labelSlotElement.remove();
         // create title element
         labelSlotElement = document.createElement('mg-input-title');
-        [
-            ['slot', this.slotLabel],
-            ['identifier', this.identifier],
-            ['readonly', this.isReadonly.toString()],
-            ['required', ((this.required && !this.isDisabled) || false).toString()],
-            ['is-legend', this.isFieldset.toString()],
-        ].forEach(([attr, val]) => {
-            labelSlotElement.setAttribute(attr, val);
-        });
+        labelSlotElement.setAttribute('slot', this.slotLabel);
+        labelSlotElement.setAttribute('identifier', this.identifier);
+        // Set boolean props via property assignment to honour HTML attribute-presence semantics: an
+        // attribute set to "false" would now be normalized to `true` by mg-input-title's helper.
+        labelSlotElement.readonly = this.isReadonly;
+        labelSlotElement.required = (this.required && !this.isDisabled) || false;
+        labelSlotElement.isLegend = this.isFieldset;
         // create label element
         if (labelHeadings.includes(this.labelHeading)) {
             let label = this.element.shadowRoot.querySelector(this.labelHeading);
@@ -312,6 +311,7 @@ export class MgInput {
      * Check if component props are well configured on init
      */
     componentWillLoad() {
+        normalizeBooleanAttributes(this);
         this.watchIdentifier(this.identifier);
         this.watchLabel();
         this.watchClass();
@@ -339,7 +339,7 @@ export class MgInput {
      */
     render() {
         const isGroup = this.isFieldset && !this.isReadonly;
-        return (h(Host, { key: 'a1db280d19eead30e7ae27eb6e395e58b35baa63', class: this.element.classList.toString(), role: isGroup ? 'group' : undefined, "aria-labelledby": isGroup ? `${this.identifier}-title` : undefined }, h("div", { key: '282f5776a9269272507f3e00f5dce690c9a604f4', class: { 'mg-c-input__title': true, 'mg-u-visually-hidden': this.labelHide } }, h("slot", { key: 'b122979a159912d9c34bb024021257f9f88e6ff4', name: this.slotLabel }), this.tooltip && (this.tooltipPosition === 'label' || this.labelOnTop) && !this.labelHide && this.renderTooltip()), h("div", { key: '098d3a7329fa0b5f37534fdf2df89e0468dcbe2a', class: "mg-c-input__input-container" }, this.inputContainerElements())));
+        return (h(Host, { key: 'b5952c998fe8562eb2e5dc0e425484f0aa9177f3', class: this.element.classList.toString(), role: isGroup ? 'group' : undefined, "aria-labelledby": isGroup ? `${this.identifier}-title` : undefined }, h("div", { key: 'd6399c7f4798af37639218373f775739fc04e593', class: { 'mg-c-input__title': true, 'mg-u-visually-hidden': this.labelHide } }, h("slot", { key: '58a593bb16193a5ca6b0374919b22fa64aab26a4', name: this.slotLabel }), this.tooltip && (this.tooltipPosition === 'label' || this.labelOnTop) && !this.labelHide && this.renderTooltip()), h("div", { key: '1a70d0b00d6cf235c7a64d3ebde212eef62e213c', class: "mg-c-input__input-container" }, this.inputContainerElements())));
     }
     static get is() { return "mg-input"; }
     static get encapsulation() { return "shadow"; }
@@ -443,7 +443,8 @@ export class MgInput {
                         "labelHeading": {
                             "location": "import",
                             "path": "./mg-input.conf",
-                            "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::labelHeading"
+                            "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::labelHeading",
+                            "referenceLocation": "labelHeading"
                         }
                     }
                 },
@@ -507,7 +508,8 @@ export class MgInput {
                         "TooltipPosition": {
                             "location": "import",
                             "path": "./mg-input.conf",
-                            "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition"
+                            "id": "src/components/molecules/inputs/mg-input/mg-input.conf.ts::TooltipPosition",
+                            "referenceLocation": "TooltipPosition"
                         }
                     }
                 },

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

@@ -0,0 +1,38 @@
+import { h } from "@stencil/core";
+import { MgInputCheckboxList } from "./MgInputCheckboxList";
+import { formatID } from "@mgdis/core-ui-helpers/dist/utils";
+/**
+ * Get items from checkboxes and limit
+ * @param checkboxes - checkboxes to slice
+ * @param limit - number of items to return
+ * @returns list of items to display in section
+ */
+const getItems = (checkboxes, limit) => [...checkboxes].slice(0, limit);
+/**
+ * Component has next checkboxes to display
+ * @param checkboxes - checkboxes to check
+ * @param limit - number of items to display
+ * @returns truthy if have next elements
+ */
+const hasNext = (checkboxes, limit) => checkboxes.length > limit;
+/**
+ * Internal component use to manage sections instances
+ * @param props - MgInputCheckboxList Interface Props
+ * @returns input template
+ */
+export const MgInputCheckboxPaginated = (props) => {
+    const items = getItems(props.checkboxes, props.limit);
+    const listId = formatID(props.messages.label);
+    const tabId = `tab-info-${props.key}`;
+    /**
+     * Handle load-more <mg-button> click event
+     */
+    const handleLoadMoreClick = () => {
+        if (hasNext(props.checkboxes, props.limit)) {
+            props.handleLoadMore();
+        }
+    };
+    return (h("div", { class: "mg-input-checkbox-paginated mg-c-input__tab", slot: `tab_content-${props.key + 1}` }, 
+    // Mass action depends on all checkboxes list, not only displayed items
+    typeof props.handleMassAction === 'function' && props.checkboxes.length > 0 && props.checkboxes.some(checkbox => checkbox.disabled !== true) && (h("mg-tooltip", { slot: "header-action", class: "mg-c-input__tabs-action", message: props.messages.tooltip }, h("mg-button", { variant: "link", onClick: props.handleMassAction }, props.messages.action))), h("div", { class: "mg-c-input__tabs-content" }, h("p", { id: tabId, class: { 'mg-c-input__popover-info': true, 'mg-u-visually-hidden': items.length !== 0 }, "aria-live": items.length !== 0 ? 'polite' : undefined }, items.length === 0 ? props.messages.noValue : props.messages.values.replace('{count}', items.length.toString())), items.length > 0 && (h(MgInputCheckboxList, { checkboxes: items, labelledby: tabId, id: listId, disabled: props.disabled, name: props.name, invalid: props.invalid })), hasNext(props.checkboxes, props.limit) && (h("mg-button", { key: "load-more", variant: "flat", class: "mg-c-input__load-more", tabIndex: -1, "full-width": true, onClick: handleLoadMoreClick, "aria-controls": listId }, h("mg-icon", { icon: "chevron-down" }), props.messages.showMore)))));
+};

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

@@ -6,6 +6,7 @@ export const checkboxTypes = ['checkbox', 'multi'];
  * mg-input-checkbox-paginated section kind value
  */
 export const SectionKind = {
-    SELECTED: 'selected',
-    NOT_SELECTED: 'not-selected',
+    NOT_SELECTED: 0,
+    SELECTED: 1,
+    SEARCH: 2,
 };