@mgdis/mg-components 6.14.0 → 6.15.0

package/dist/collection/components/molecules/mg-modal/mg-modal.js

@@ -106,11 +106,11 @@ export class MgModal {
      * @returns HTML Element
      */
     render() {
-        return (h("dialog", { key: 'e104352d5cdb04886d4db6bac62ecb772c6df004', role: this.dialogRole, id: this.identifier, class: this.classCollection.join(), "aria-labelledby": this.titleId, ref: (el) => {
+        return (h("dialog", { key: '783b289712deb419fa7ac4c9f371add80054af6b', 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: 'd69679cb9118dfe4b141c1dcf6d1ef0fd53d9df9', shadow: true }, h("div", { key: '29e0a092a73d4e05c300c0840191823d3e3bbd30', class: "mg-c-modal__dialog" }, h("header", { key: 'c3a595adc778b67e5cafbbb964741ebc56c2dba5', class: "mg-c-modal__header" }, this.closeButton && (h("span", { key: 'f19447c5c29ae4fdaa46c2e35629622091b172d6', class: "mg-c-modal__close-button" }, h("mg-button", { key: 'af85956cc5e16e2c8c05156a4f54f63ad35b913a', "is-icon": true, variant: "flat", label: this.messages.modal.closeButton, onClick: this.handleClose }, h("mg-icon", { key: 'fd6aa0394f8b39bacd50e7b087f1b155c38e1bc9', icon: "cross" })))), h("h1", { key: '0e80bdf6182c01257f487741661754a1224b802d', class: "mg-c-modal__title", id: this.titleId }, this.modalTitle)), h("article", { key: 'c23c02cc9046545b4b851ce640ed8409fa190511', class: "mg-c-modal__content" }, h("slot", { key: 'db7c708e38ff3e7de6e4a7d299cd7a3c1e9d1e00' })), this.hasActions && (h("footer", { key: '4ba012a916db38e219287a5ea9ca7b4644dd96d9', class: "mg-c-modal__footer" }, h("slot", { key: 'c541075b02466d95defae7831c3fc7e4b786d7fc', name: "actions" })))))));
+            } }, h("mg-card", { key: 'd6006f296ab50a192229e09e6e01a3313ab69cce', shadow: true }, h("div", { key: '76bc44557dc4b4bcce40b54d5d4bfa381f7906af', class: "mg-c-modal__dialog" }, h("header", { key: '08ba473f429ae57434dd321575f9eaf97e41f7a9', class: "mg-c-modal__header" }, this.closeButton && (h("span", { key: 'd96baeaaefdb5541da7ee7bc58c3901b3d64ed33', class: "mg-c-modal__close-button" }, h("mg-button", { key: 'f43486e05e337fad6e54b8a0b07b9d13aad50acc', "is-icon": true, variant: "flat", label: this.messages.modal.closeButton, onClick: this.handleClose }, h("mg-icon", { key: '3278e25d15abdefb56cc3c67e7a8ec500d90547b', icon: "cross" })))), h("h1", { key: 'd9246055be4cb938f4aff20fcdc53b3a7c119d20', class: "mg-c-modal__title", id: this.titleId }, this.modalTitle)), h("article", { key: 'bce8cd10a2fffdf726df6d07b9f81da1fd693038', class: "mg-c-modal__content" }, h("slot", { key: '9db561d8462fe9a3afc6be543f2ef3b189f3efd4' })), this.hasActions && (h("footer", { key: '226e235454dce60eb8b5652add3b23e1cf480fc7', class: "mg-c-modal__footer" }, h("slot", { key: '8352666de0db98e96c52a419c939574285972571', name: "actions" })))))));
     }
     static get is() { return "mg-modal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/mg-panel/mg-panel.js

@@ -196,7 +196,7 @@ export class MgPanel {
      */
     render() {
         const headerId = `${this.identifier}-header`;
-        return (h("section", { key: '36381ea8a92fcfc7e54c0db11edc49e033a3914f', class: this.classCollection.join(), id: this.identifier }, h("mg-card", { key: 'b55169124454725f2cfc8b769f1b9c2882573112', shadow: this.shadow }, h("header", { key: '2ef537a657cb5f40fb0249a24b822a892a64aa7c', class: { 'mg-c-panel__header': true, 'mg-c-panel__header--reverse': this.titlePosition === 'right' }, id: headerId }, this.renderHeaderChildren()), h("article", { key: '16705d61598a15b02f8adfd4ae42fe69c6fd9833', class: "mg-c-panel__content", id: `${this.identifier}-content`, "aria-labelledby": headerId, hidden: !this.expanded }, h("slot", { key: '26633ede9d285e037e9aafa030d8008eeee430e8' })))));
+        return (h("section", { key: '6d9b0759cf8d6a8e94a1a6598f45fc00288ca22a', class: this.classCollection.join(), id: this.identifier }, h("mg-card", { key: '21b0d991daf053506097333df58d3b98ec2e5b0e', shadow: this.shadow }, h("header", { key: 'abd9dbeb13d85c9a66aac13e7b32e6a83e2ded57', class: { 'mg-c-panel__header': true, 'mg-c-panel__header--reverse': this.titlePosition === 'right' }, id: headerId }, this.renderHeaderChildren()), h("article", { key: '23c74b70bd275fb18c853a1b7a0a4b4ff5a4c605', class: "mg-c-panel__content", id: `${this.identifier}-content`, "aria-labelledby": headerId, hidden: !this.expanded }, h("slot", { key: '15561936437c960768c4954f45df4045ac3dee03' })))));
     }
     static get is() { return "mg-panel"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/mg-popover/mg-popover-content/mg-popover-content.js

@@ -46,7 +46,7 @@ export class MgPopoverContent {
      * @returns HTML Element
      */
     render() {
-        return (h(Host, { key: 'c87fe52d52b80954170963fd1378b3a05313f9c6' }, h("mg-card", { key: 'a38755a5a7055d4bd4166531326b1be245d2906f', class: this.classCollection.join(), shadow: true }, this.closeButton && (h("mg-button", { key: '823e99beb15aa19f6f2f7cee2c5e1088cc116425', "is-icon": true, variant: "flat", label: this.messages.general.close, onClick: this.handleCloseButton }, h("mg-icon", { key: '70daf81e59533585b6a051a6d97539a75833432e', icon: "cross" }))), h("div", { key: 'cccf70c8fba6906e6724629642383fad0c98656e', class: "mg-c-popover-content__title" }, h("slot", { key: 'b05acb47b32d27d1629d39451e4a786d2f404406', name: "title" })), h("slot", { key: '40de167b1fb77c7d8fc557f60cf176c0991e991d', name: "content" })), h("slot", { key: 'c6c1305d5ff51d2af0d56b1199731cd41645c99d', name: "arrow" })));
+        return (h(Host, { key: '2746e72f636c1a702d2b15836343ca8503f233e5' }, h("mg-card", { key: '84e28550627969d4e15ded5a5f8b6d19584eb891', class: this.classCollection.join(), shadow: true }, this.closeButton && (h("mg-button", { key: 'f25c773593441597e81330997df3175cd9a963e4', "is-icon": true, variant: "flat", label: this.messages.general.close, onClick: this.handleCloseButton }, h("mg-icon", { key: '723f3d1e8a85356d7aa9be9c875b273d7c9c1f72', icon: "cross" }))), h("div", { key: '283316f2a66212d9afc128aaec3fb24e4a40c0eb', class: "mg-c-popover-content__title" }, h("slot", { key: 'a1839a9a3259ccb221b90e82f786eb0e7c3d2a19', name: "title" })), h("slot", { key: '708903013417e27f4a9ed9811fde886d6b697dec', name: "content" })), h("slot", { key: 'fad6024a2474ffd5f46925101baa0e6ab9f2e951', name: "arrow" })));
     }
     static get is() { return "mg-popover-content"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/mg-popover/mg-popover.js

@@ -242,7 +242,7 @@ export class MgPopover {
      * @returns HTML Element
      */
     render() {
-        return (h(Host, { key: 'c25d773831395cf154f85cda3be67af22d6d8767' }, h("slot", { key: 'c6fb5897222e527cc36c78e1f32aaadc4d3c4b01' }), h("slot", { key: 'd7f682fdf78caa8491b8e9a74e6d5e91dbf5ef84', name: "content" })));
+        return (h(Host, { key: '7ea28f19a5a61f6191c2aece439e85da8f067270' }, h("slot", { key: 'aa6a627b90246ca327e2971329ab58b02eeb1d04' }), h("slot", { key: '1851353a6b4de659d6027a0bf3ba5f2120f7137d', name: "content" })));
     }
     static get is() { return "mg-popover"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/mg-progress/mg-progress.js

@@ -65,7 +65,7 @@ export class MgProgress {
      * @returns HTML Element
      */
     render() {
-        return (h(Host, { key: 'e6d254a68f35c5019158ab17fcb0e4dfd1943ef8', role: this.ariaRole, "aria-label": this.label, "aria-valuenow": this.value, "aria-valuemin": this.min, "aria-valuemax": this.max }, h("div", { key: '5b427579ad97336076504a45013a0be00673f9a9', class: "mg-c-progress" }, h("div", { key: '76dbdf88550caf51890e10c45c034d73cd02db5d', class: { 'mg-c-progress__bar': true, 'mg-c-progress__bar--active': this.value > this.min } }, h("div", { key: 'b0ab6f784cdb8cc25a40b83a0d97bcda5b5c1f9b', class: "mg-c-progress__fill", style: {
+        return (h(Host, { key: '62c66dbd93249bfde3eb8ff449b49884edfe49c3', role: this.ariaRole, "aria-label": this.label, "aria-valuenow": this.value, "aria-valuemin": this.min, "aria-valuemax": this.max }, h("div", { key: 'b349c9d7358086ca4668705a1935fd8bbdb86afa', class: "mg-c-progress" }, h("div", { key: '57cc19d07c0f006f8ecf3a1f86ec12e37ffd8d6b', class: { 'mg-c-progress__bar': true, 'mg-c-progress__bar--active': this.value > this.min } }, h("div", { key: 'b4c49d94d9cfe2e1a6d8013aa4a39cde51b36d04', class: "mg-c-progress__fill", style: {
                 width: `${Math.round(((this.value - this.min) / (this.max - this.min)) * 100)}%`,
             } })))));
     }

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

@@ -36,7 +36,7 @@ export class MgSkipLinks {
      * @returns HTML Element
      */
     render() {
-        return (h("nav", { key: '9df42d332b207abf989ef73f3c83ebbcfcf222a6', class: "mg-c-skip-links", role: "navigation", "aria-label": this.messages.skipLinks.navLabel }, h("ul", { key: '0185490dbd3dfb08b534a898fe779850ce96c427', class: "mg-c-skip-links__list", role: "list" }, this.links.map(link => (h("li", { key: link.href }, h("a", { class: "mg-c-skip-links__link", href: link.href, onClick: this.handleLinkCLick }, link.label)))))));
+        return (h("nav", { key: '66ea9a2abfd1db7a1c7c46e9cdcd15af013ea406', class: "mg-c-skip-links", role: "navigation", "aria-label": this.messages.skipLinks.navLabel }, h("ul", { key: '07f404865c3ad0d815b87e32a46716136ed77d7d', class: "mg-c-skip-links__list", role: "list" }, this.links.map(link => (h("li", { key: link.href }, h("a", { class: "mg-c-skip-links__link", href: link.href, onClick: this.handleLinkCLick }, link.label)))))));
     }
     static get is() { return "mg-skip-links"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/mg-table/mg-table.js

@@ -110,11 +110,11 @@ export class MgTable {
             Object.entries(this.columns).forEach(([key, value]) => {
                 // Add alignment to stylesheet
                 if (value.align !== undefined) {
-                    this.alignmentStylesheet.insertRule(`.${this.componentClass}{th:nth-child(${key}),td:nth-child(${key}){text-align:${value.align}}}`);
+                    this.alignmentStylesheet.insertRule(`.${this.componentClass} th:nth-child(${key}),td:nth-child(${key}){text-align:${value.align};&>*{display:inline-block;}}`);
                 }
                 // if align is not defined and datatype is number, align right
                 else if (value.datatype === 'numeric') {
-                    this.alignmentStylesheet.insertRule(`.${this.componentClass}{th:nth-child(${key}),td:nth-child(${key}){text-align:right}}`);
+                    this.alignmentStylesheet.insertRule(`.${this.componentClass} th:nth-child(${key}),td:nth-child(${key}){text-align:right;&>*{display:inline-block;}}`);
                 }
                 // Define if column is sortable
                 if (value.sortable) {

package/dist/collection/components/molecules/mg-tabs/mg-tabs.js

@@ -234,7 +234,7 @@ export class MgTabs {
      * @returns HTML Element
      */
     render() {
-        return (h("div", { key: '06dd97d9d4e77f606dee3c4a8960b51265345666', class: this.classCollection.join() }, h("header", { key: 'ea3771bdfe8576bb8b443823a2c338a51ed3ba69', role: "tablist", "aria-label": this.label, class: "mg-c-tabs__header" }, this.tabs.map((tab, index) => (h("button", { key: tab.label, role: "tab", id: this.getElementId(this.identifier, index), class: {
+        return (h("div", { key: '97f18baca4ae45b85401fd38570fe16d8df46c2b', class: this.classCollection.join() }, h("header", { key: '46cffaf2e14dde2a4994e894358caee7553b3bd6', role: "tablist", "aria-label": this.label, class: "mg-c-tabs__header" }, this.tabs.map((tab, index) => (h("button", { key: tab.label, role: "tab", id: this.getElementId(this.identifier, index), class: {
                 [`${this.buttonTabBaseClass}`]: true,
                 [`${this.buttonTabBaseClass}--horizontal`]: true,
                 [`${this.getNavigationButtonClass(Status.ACTIVE)}`]: this.tabHasStatus(tab, Status.ACTIVE),

package/dist/collection/locales/en/messages.json

@@ -1,9 +1,11 @@
 {
   "errors": {
-    "required": "This field is required."
+    "required": "This field is required.",
+    "noValue": "No value."
   },
   "nbCharLeft": "{counter} characters left.",
   "input": {
+    "showMore": "Show more",
     "select": {
       "placeholder": "Select a value"
     },
@@ -13,23 +15,27 @@
       "editButton": "Edit",
       "selectButton": "Select values",
       "showButton": "Show",
-      "label": "Enter a value",
-      "result": "result",
-      "results": "results",
-      "searchResults": "Search result(s) list.",
-      "noResult": "No result.",
       "sections": {
+        "label": "Values grouped by: \"Selected\" or \"Available\"",
+        "badge": { "label": "value(s)" },
+        "search": {
+          "label": "Enter a value",
+          "values": "{count} value(s) found",
+          "noValue": "No values found"
+        },
         "selected": {
           "title": "Selected",
-          "titlePlural": "Selected",
           "action": "Unselect all",
-          "tooltip": "Unselect all current search results"
+          "tooltip": "Unselect all current values",
+          "values": "{count} value(s) selected",
+          "noValue": "No value selected"
         },
         "notSelected": {
-          "title": "Not selected",
-          "titlePlural": "Not selected",
+          "title": "Available",
           "action": "Select all",
-          "tooltip": "Select all current search results"
+          "tooltip": "Select all current values",
+          "values": "{count} value(s) available",
+          "noValue": "All values are selected"
         }
       }
     },
@@ -61,9 +67,8 @@
       "hide": "Hide password value"
     },
     "combobox": {
-      "notFound": "No elements match your input",
-      "notAvailable": "No elements available",
-      "loadMore": "Load more",
+      "notFound": "No value matches your input",
+      "notAvailable": "No value available",
       "search": "Search…"
     },
     "text": {
@@ -130,5 +135,9 @@
   },
   "table": {
     "sortableCaption": "(column headers with buttons are sortable)"
+  },
+  "details": {
+    "toggleClosed": "Show details",
+    "toggleOpened": "Hide details"
   }
 }

package/dist/collection/locales/fr/messages.json

@@ -1,9 +1,11 @@
 {
   "errors": {
-    "required": "Ce champ est obligatoire."
+    "required": "Ce champ est obligatoire.",
+    "noValue": "Aucune valeur."
   },
   "nbCharLeft": "{counter} caractères disponibles.",
   "input": {
+    "showMore": "Afficher plus",
     "select": {
       "placeholder": "Sélectionnez une valeur"
     },
@@ -13,23 +15,27 @@
       "editButton": "Modifier",
       "selectButton": "Sélectionner des valeurs",
       "showButton": "Voir",
-      "label": "Saisissez une valeur",
-      "result": "résultat",
-      "results": "résultats",
-      "searchResults": "Liste de résultat(s) de la recherche.",
-      "noResult": "Aucun résultat.",
       "sections": {
+        "label": "Valeurs regroupées par: \"Sélectionnées\" ou \"Disponibles\"",
+        "badge": { "label": "valeur(s)" },
+        "search": {
+          "label": "Saisissez une valeur",
+          "values": "{count} résultat(s)",
+          "noValue": "Aucune valeur n'a été trouvée."
+        },
         "selected": {
-          "title": "Sélectionné",
-          "titlePlural": "Sélectionnés",
+          "title": "Sélectionnées",
           "action": "Tout désélectionner",
-          "tooltip": "Désélectionne tous les résultats de la recherche en cours"
+          "tooltip": "Désélectionne toutes les valeurs de la section",
+          "values": "{count} valeur(s) sélectionnée(s)",
+          "noValue": "Aucune valeur sélectionnée"
         },
         "notSelected": {
-          "title": "Non sélectionné",
-          "titlePlural": "Non sélectionnés",
+          "title": "Disponibles",
           "action": "Tout sélectionner",
-          "tooltip": "Sélectionne tous les résultats de la recherche en cours"
+          "tooltip": "Sélectionne toutes les valeurs de la section",
+          "values": "{count} valeur(s) disponible(s)",
+          "noValue": "Toutes les valeurs sont sélectionnées"
         }
       }
     },
@@ -61,9 +67,8 @@
       "hide": "Masquer le mot de passe"
     },
     "combobox": {
-      "notFound": "Aucun élément ne correspondont a votre saisie",
-      "notAvailable": "Aucun élément disponible",
-      "loadMore": "Afficher plus",
+      "notFound": "Aucune valeur ne correspondont à votre saisie",
+      "notAvailable": "Aucune valeur disponible",
       "search": "Recherche…"
     },
     "text": {
@@ -130,5 +135,9 @@
   },
   "table": {
     "sortableCaption": "(les en-têtes de colonnes avec des boutons peuvent être triés)"
+  },
+  "details": {
+    "toggleClosed": "Voir le detail",
+    "toggleOpened": "Masquer le detail"
   }
 }

package/dist/components/index2.js

@@ -65,10 +65,10 @@ const getObjectValueFromKey = (object, path, defaultValue) => {
     }
     const [current, ...next] = path.split(separator);
     if (next.length) {
-        return getObjectValueFromKey(object[current], next.join(separator));
+        return getObjectValueFromKey(object[current], next.join(separator), defaultValue);
     }
     else {
-        return object[current];
+        return object[current] ?? defaultValue;
     }
 };
 
@@ -405,4 +405,4 @@ const getChildWindows = (localWindow, windows = []) => {
     return windows;
 };
 
-export { ClassList as C, Paginate as P, isValideID as a, isTagName as b, createID as c, allItemsAreString as d, cleanString as e, formatID as f, getWindows as g, Cursor as h, isValidString as i, Page as j, getObjectValueFromKey as k, isObject as l, focusableElements as m, nextTick as n, dateRegExp as o, dateToString as p, isValidNumber as q, toString as t };
+export { ClassList as C, Paginate as P, isValideID as a, isTagName as b, createID as c, allItemsAreString as d, Cursor as e, formatID as f, getWindows as g, isObject as h, isValidString as i, Page as j, getObjectValueFromKey as k, focusableElements as l, cleanString as m, nextTick as n, dateRegExp as o, dateToString as p, isValidNumber as q, toString as t };

package/dist/components/index3.js

@@ -1,8 +1,10 @@
 const errors$1 = {
-	required: "This field is required."
+	required: "This field is required.",
+	noValue: "No value."
 };
 const nbCharLeft$1 = "{counter} characters left.";
 const input$1 = {
+	showMore: "Show more",
 	select: {
 		placeholder: "Select a value"
 	},
@@ -12,23 +14,29 @@ const input$1 = {
 		editButton: "Edit",
 		selectButton: "Select values",
 		showButton: "Show",
-		label: "Enter a value",
-		result: "result",
-		results: "results",
-		searchResults: "Search result(s) list.",
-		noResult: "No result.",
 		sections: {
+			label: "Values grouped by: \"Selected\" or \"Available\"",
+			badge: {
+				label: "value(s)"
+			},
+			search: {
+				label: "Enter a value",
+				values: "{count} value(s) found",
+				noValue: "No values found"
+			},
 			selected: {
 				title: "Selected",
-				titlePlural: "Selected",
 				action: "Unselect all",
-				tooltip: "Unselect all current search results"
+				tooltip: "Unselect all current values",
+				values: "{count} value(s) selected",
+				noValue: "No value selected"
 			},
 			notSelected: {
-				title: "Not selected",
-				titlePlural: "Not selected",
+				title: "Available",
 				action: "Select all",
-				tooltip: "Select all current search results"
+				tooltip: "Select all current values",
+				values: "{count} value(s) available",
+				noValue: "All values are selected"
 			}
 		}
 	},
@@ -60,9 +68,8 @@ const input$1 = {
 		hide: "Hide password value"
 	},
 	combobox: {
-		notFound: "No elements match your input",
-		notAvailable: "No elements available",
-		loadMore: "Load more",
+		notFound: "No value matches your input",
+		notAvailable: "No value available",
 		search: "Search…"
 	},
 	text: {
@@ -130,6 +137,10 @@ const loader$1 = {
 const table$1 = {
 	sortableCaption: "(column headers with buttons are sortable)"
 };
+const details$1 = {
+	toggleClosed: "Show details",
+	toggleOpened: "Hide details"
+};
 var en = {
 	errors: errors$1,
 	nbCharLeft: nbCharLeft$1,
@@ -145,14 +156,17 @@ var en = {
 	itemMore: itemMore$1,
 	actionMore: actionMore$1,
 	loader: loader$1,
-	table: table$1
+	table: table$1,
+	details: details$1
 };
 
 const errors = {
-	required: "Ce champ est obligatoire."
+	required: "Ce champ est obligatoire.",
+	noValue: "Aucune valeur."
 };
 const nbCharLeft = "{counter} caractères disponibles.";
 const input = {
+	showMore: "Afficher plus",
 	select: {
 		placeholder: "Sélectionnez une valeur"
 	},
@@ -162,23 +176,29 @@ const input = {
 		editButton: "Modifier",
 		selectButton: "Sélectionner des valeurs",
 		showButton: "Voir",
-		label: "Saisissez une valeur",
-		result: "résultat",
-		results: "résultats",
-		searchResults: "Liste de résultat(s) de la recherche.",
-		noResult: "Aucun résultat.",
 		sections: {
+			label: "Valeurs regroupées par: \"Sélectionnées\" ou \"Disponibles\"",
+			badge: {
+				label: "valeur(s)"
+			},
+			search: {
+				label: "Saisissez une valeur",
+				values: "{count} résultat(s)",
+				noValue: "Aucune valeur n'a été trouvée."
+			},
 			selected: {
-				title: "Sélectionné",
-				titlePlural: "Sélectionnés",
+				title: "Sélectionnées",
 				action: "Tout désélectionner",
-				tooltip: "Désélectionne tous les résultats de la recherche en cours"
+				tooltip: "Désélectionne toutes les valeurs de la section",
+				values: "{count} valeur(s) sélectionnée(s)",
+				noValue: "Aucune valeur sélectionnée"
 			},
 			notSelected: {
-				title: "Non sélectionné",
-				titlePlural: "Non sélectionnés",
+				title: "Disponibles",
 				action: "Tout sélectionner",
-				tooltip: "Sélectionne tous les résultats de la recherche en cours"
+				tooltip: "Sélectionne toutes les valeurs de la section",
+				values: "{count} valeur(s) disponible(s)",
+				noValue: "Toutes les valeurs sont sélectionnées"
 			}
 		}
 	},
@@ -210,9 +230,8 @@ const input = {
 		hide: "Masquer le mot de passe"
 	},
 	combobox: {
-		notFound: "Aucun élément ne correspondont a votre saisie",
-		notAvailable: "Aucun élément disponible",
-		loadMore: "Afficher plus",
+		notFound: "Aucune valeur ne correspondont à votre saisie",
+		notAvailable: "Aucune valeur disponible",
 		search: "Recherche…"
 	},
 	text: {
@@ -280,6 +299,10 @@ const loader = {
 const table = {
 	sortableCaption: "(les en-têtes de colonnes avec des boutons peuvent être triés)"
 };
+const details = {
+	toggleClosed: "Voir le detail",
+	toggleOpened: "Masquer le detail"
+};
 var fr = {
 	errors: errors,
 	nbCharLeft: nbCharLeft,
@@ -295,7 +318,8 @@ var fr = {
 	itemMore: itemMore,
 	actionMore: actionMore,
 	loader: loader,
-	table: table
+	table: table,
+	details: details
 };
 
 /**

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

@@ -154,7 +154,7 @@ const MgActionMore$1 = /*@__PURE__*/ proxyCustomElement(class MgActionMore exten
                     [`${this.classBase}__chevron--rotate`]: this.expanded === true,
                 } }, h("mg-icon", { icon: "chevron-down" })));
         }
-        return (h(Host, { key: '76e2d992c871f918fd1e0ba0b4c7a385a15821da', "data-mg-popover-guard": this.mgPopoverIdentifier }, h("span", { key: '1b321034f5154f4ffc39c41725d25e47689c4425', class: this.classBase }, h("mg-popover", { key: 'c39e28967995ad6a2d823548848c21da44a1e5a5', identifier: this.mgPopoverIdentifier, display: this.expanded, "onDisplay-change": this.handleDisplayChange }, h("mg-button", { key: '72e170ce8da38fd2962b44a6fbf5b98e8ed2b72d', variant: this.button.variant, isIcon: this.button.isIcon, disabled: this.button.disabled, type: "button", label: buttonLabel, onClick: this.handleButton }, this.icon && h("mg-icon", Object.assign({ key: '48b16c1e4f1beddc8d3e92567c8d34dca26801f6' }, this.icon)), !this.button.isIcon && buttonContent), h("div", { key: '6e3a7df656edcf556a931d9fc9ce553b9b23503b', slot: "content" }, h("mg-menu", { key: '8f29fe09601875bdeff2bda35663ffcfd76f8e68', direction: directions.VERTICAL, label: this.messages.label }, this.items.map(item => {
+        return (h(Host, { key: 'f1b9e6e54f933a049628067993400d3a31d15710', "data-mg-popover-guard": this.mgPopoverIdentifier }, h("span", { key: '081b89284d5234f24e6073dcd9bf4088fd5a86b8', class: this.classBase }, h("mg-popover", { key: '0e6c50bc3bcb07f72507571de9fdda90226d2163', identifier: this.mgPopoverIdentifier, display: this.expanded, "onDisplay-change": this.handleDisplayChange }, h("mg-button", { key: 'ab4a385069e0a33fe9d5bc026c98160eb4ec1dfa', variant: this.button.variant, isIcon: this.button.isIcon, disabled: this.button.disabled, type: "button", label: buttonLabel, onClick: this.handleButton }, this.icon && h("mg-icon", Object.assign({ key: 'e9dc31c07c3c0f474cea70f5eeda36707d101e85' }, this.icon)), !this.button.isIcon && buttonContent), h("div", { key: '201666b0bf5513e3360c3cc960e6cd6cd565dda1', slot: "content" }, h("mg-menu", { key: '3b0d56d9779b5bcaad31c714586dcda81bc550fa', direction: directions.VERTICAL, label: this.messages.label }, this.items.map(item => {
             var _a, _b;
             return isMgActionMoreDivider(item) ? (h("mg-divider", { class: "mg-c-action-more__divider", key: "divider", "full-width": true })) : (h("mg-menu-item", { key: item.label, status: item.status || Status.VISIBLE, target: item.target, href: item.href,
                 // eslint-disable-next-line react/jsx-no-bind
@@ -169,7 +169,7 @@ const MgActionMore$1 = /*@__PURE__*/ proxyCustomElement(class MgActionMore exten
         "displayChevron": ["validateDisplayChevron"]
     }; }
     static get style() { return mgActionMoreCss; }
-}, [1, "mg-action-more", {
+}, [257, "mg-action-more", {
         "items": [16],
         "icon": [1040],
         "button": [16],

package/dist/components/mg-alert.js

@@ -159,7 +159,7 @@ const MgAlert$1 = /*@__PURE__*/ proxyCustomElement(class MgAlert extends HTMLEle
      * @returns HTML Element
      */
     render() {
-        return (h("mg-message", { key: '397a9a25b825bc75479d4562bff61dedc8ddc891', class: this.classCollection.join(), role: ['info', 'success'].includes(this.variant) ? 'status' : 'alert', variant: this.variant, variantStyle: this.variantStyle }, h("slot", { key: '793fb1e88b5d68bd41598f020748ea2fb02d7f3b' }), this.hasActions ? (h("span", { slot: "actions" }, h("slot", { name: "actions" }))) : (h("span", { class: "mg-c-alert__close-button" }, h("mg-button", { "is-icon": true, variant: "flat", label: this.messages.alert.closeButton, onClick: this.handleClose }, h("mg-icon", { icon: "cross" }))))));
+        return (h("mg-message", { key: '626afcfe4c86dacff9860d2515827ae5aa6b7234', class: this.classCollection.join(), role: ['info', 'success'].includes(this.variant) ? 'status' : 'alert', variant: this.variant, variantStyle: this.variantStyle }, h("slot", { key: 'bc7d72c21dcf36c9012e144253ce2b3c6ebc14ed' }), this.hasActions ? (h("span", { slot: "actions" }, h("slot", { name: "actions" }))) : (h("span", { class: "mg-c-alert__close-button" }, h("mg-button", { "is-icon": true, variant: "flat", label: this.messages.alert.closeButton, onClick: this.handleClose }, h("mg-icon", { icon: "cross" }))))));
     }
     get element() { return this; }
     static get watchers() { return {
@@ -169,7 +169,7 @@ const MgAlert$1 = /*@__PURE__*/ proxyCustomElement(class MgAlert extends HTMLEle
         "hidden": ["watchHidden"]
     }; }
     static get style() { return mgAlertCss; }
-}, [1, "mg-alert", {
+}, [257, "mg-alert", {
         "delay": [2],
         "variant": [1],
         "variantStyle": [1, "variant-style"],

package/dist/components/mg-badge2.js

@@ -81,7 +81,7 @@ const MgBadge = /*@__PURE__*/ proxyCustomElement(class MgBadge extends HTMLEleme
         "outline": ["validateOutline"]
     }; }
     static get style() { return mgBadgeCss; }
-}, [1, "mg-badge", {
+}, [257, "mg-badge", {
         "value": [8],
         "label": [1],
         "variant": [1],

package/dist/components/mg-button2.js

@@ -230,7 +230,7 @@ const MgButton = /*@__PURE__*/ proxyCustomElement(class MgButton extends HTMLEle
         "loading": ["loadingHandler"]
     }; }
     static get style() { return mgButtonCss; }
-}, [1, "mg-button", {
+}, [257, "mg-button", {
         "variant": [1025],
         "label": [1],
         "type": [1],

package/dist/components/mg-card2.js

@@ -64,7 +64,7 @@ const MgCard = /*@__PURE__*/ proxyCustomElement(class MgCard extends HTMLElement
         "radiusSize": ["watchRadiusSize"]
     }; }
     static get style() { return mgCardCss; }
-}, [1, "mg-card", {
+}, [257, "mg-card", {
         "shadow": [4],
         "radiusSize": [1, "radius-size"],
         "classCollection": [32]

package/dist/components/mg-character-left2.js

@@ -47,7 +47,7 @@ const MgCharacterLeft = /*@__PURE__*/ proxyCustomElement(class MgCharacterLeft e
         "maxlength": ["validateMaxlength"]
     }; }
     static get style() { return mgCharacterLeftCss; }
-}, [2, "mg-character-left", {
+}, [258, "mg-character-left", {
         "identifier": [1],
         "characters": [1],
         "maxlength": [2]

package/dist/components/mg-details.js

@@ -1,100 +1,4 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { i as isValidString } from './index2.js';
-import { d as defineCustomElement$2 } from './mg-icon2.js';
-
-const mgDetailsCss = ".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}}/*!\n * @prop --mg-c-details-spacing: Defines the spacing between the summary and the details. Default value: `--mg-b-size-8`.\n */.mg-c-details summary{display:inline-flex;align-items:baseline;cursor:pointer;gap:var(--mg-b-size-16)}.mg-c-details summary::-webkit-details-marker{display:none}.mg-c-details.mg-c-details--empty-summary summary{gap:unset}.mg-c-details__toggle{display:flex;min-height:calc(var(--mg-b-font-size)*var(--mg-b-line-height));flex-shrink:0;align-items:center;align-self:flex-start;gap:var(--mg-b-size-4)}.mg-c-details__toggle-icon.mg-c-details__toggle-icon--reverse{transform:rotate(180deg)}.mg-c-details__details{margin-top:var(--mg-c-details-spacing)}@media (width < 43.75rem){.mg-c-details:not(.mg-c-details--empty-summary) .mg-c-details__toggle>span{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}}";
-
-const MgDetails$1 = /*@__PURE__*/ proxyCustomElement(class MgDetails extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.expandedChange = createEvent(this, "expanded-change", 7);
-        /**
-         * Hide summary element
-         */
-        this.hideSummary = false;
-        /**
-         * Define if details are diplayed
-         */
-        this.expanded = false;
-        /**
-         * Handle details toggle
-         */
-        this.handleToggle = () => {
-            this.expanded = this.details.open;
-        };
-    }
-    validateTitles(newValue) {
-        if (!isValidString(newValue)) {
-            throw new Error(`<mg-details> prop "toggleClosed" and "toggleOpened" is required and must be a valid string. Passed value: "toggleClosed='${this.toggleClosed}'" and "toggleOpened='${this.toggleOpened}'".`);
-        }
-    }
-    handleExpanded(newValue) {
-        this.expandedChange.emit(newValue);
-    }
-    /*************
-     * Lifecycle *
-     *************/
-    /**
-     * Check if component props are well configured on init
-     */
-    componentWillLoad() {
-        this.validateTitles(this.toggleClosed);
-        this.validateTitles(this.toggleOpened);
-        // Check if summary slot is empty
-        const summarySlot = this.element.querySelector('[slot="summary"]');
-        this.isEmptySummary = summarySlot === null || !isValidString(summarySlot.textContent);
-        // Add event listener to prevent default action on summary click
-        this.element.addEventListener('click', (event) => {
-            if (event.target.closest('[slot="summary"] mg-button, mg-button[slot="summary"]') !== null) {
-                event.preventDefault();
-            }
-        });
-    }
-    /**
-     * Render
-     * @returns HTML Element
-     */
-    render() {
-        return (h("details", { key: 'a06326b8ad16138a8dcc826a0e7dcce5b27aed6e', class: { 'mg-c-details': true, 'mg-c-details--empty-summary': this.isEmptySummary }, onToggle: this.handleToggle, open: this.expanded, ref: (el) => (this.details = el) }, h("summary", { key: '32517ae0572bfdd2b4abcf3b1a693df2bb9189d8' }, h("slot", { key: 'e06f303855a21ac4e6c20b2a405699429a38f978', name: "summary" }), h("span", { key: 'f9b1589d79e8f56d546fdb323faea37d6527ef78', class: "mg-c-details__toggle" }, h("mg-icon", { key: '5174b81f4a93f04690b8dcd3432d11cf56eaf7df', icon: "chevron-up", class: { 'mg-c-details__toggle-icon': true, 'mg-c-details__toggle-icon--reverse': !this.expanded } }), h("span", { key: 'b7c07eb8ec0b674c4233b2b6d6522a8afe9bcdfc', class: { 'mg-u-visually-hidden': this.hideSummary } }, this.expanded ? this.toggleOpened : this.toggleClosed))), h("div", { key: 'a88f7633a3aa775bb26e11788469d9f51764c223', class: "mg-c-details__details" }, h("slot", { key: 'd87ba0c67e7730436b9aff8edf1b04dcd0528fc1', name: "details" }))));
-    }
-    get element() { return this; }
-    static get watchers() { return {
-        "toggleClosed": ["validateTitles"],
-        "toggleOpened": ["validateTitles"],
-        "expanded": ["handleExpanded"]
-    }; }
-    static get style() { return mgDetailsCss; }
-}, [1, "mg-details", {
-        "toggleClosed": [1, "toggle-closed"],
-        "toggleOpened": [1, "toggle-opened"],
-        "hideSummary": [4, "hide-summary"],
-        "expanded": [1028]
-    }, undefined, {
-        "toggleClosed": ["validateTitles"],
-        "toggleOpened": ["validateTitles"],
-        "expanded": ["handleExpanded"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["mg-details", "mg-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "mg-details":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, MgDetails$1);
-            }
-            break;
-        case "mg-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
+import { M as MgDetails$1, d as defineCustomElement$1 } from './mg-details2.js';
 
 const MgDetails = MgDetails$1;
 const defineCustomElement = defineCustomElement$1;