npm - @mgdis/mg-components - Versions diffs - 6.12.0 → 6.13.1 - Mend

@mgdis/mg-components 6.12.0 → 6.13.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (120) hide show

package/dist/mg-components/{p-da1e7950.entry.js → p-415f14fb.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as e,h as t,g as a}from"./p-CAuxALt5.js";import{i}from"./p-CwZ2wzxw.js";import{c as r,t as s}from"./p-Dr7GYvIz.js";const o=".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}}:host{display:block}.mg-c-loader{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--mg-b-size-4);text-align:center}";const n=class{constructor(t){e(this,t);this.messageHide=false}watchMessage(e){if(e&&!r(e))throw new Error(`<mg-loader> prop "message" must be a valid string. Passed value: ${s(e)}.`)}componentWillLoad(){this.messages=i(this.element).messages;this.watchMessage(this.message)}render(){return t("div",{key:"ad7aa5e4fa0704cf2fa174ae1ed960f72deb79e3",class:"mg-c-loader","aria-live":"polite"},t("mg-icon",{key:"47e6df1e459a74851bf370e460438b7bdc2ed3d0",icon:"loader",spin:true}),t("span",{key:"44d36e8492401cacb911f21fc707c1de03ae7a5d",class:{"mg-u-visually-hidden":this.messageHide}},this.message||this.messages.loader.inProgress))}get element(){return a(this)}static get watchers(){return{message:["watchMessage"]}}};n.style=o;export{n as mg_loader};
-//# sourceMappingURL=p-da1e7950.entry.js.map
+import{r as e,h as t,g as a}from"./p-CAuxALt5.js";import{i}from"./p-Bv7NHR-W.js";import{c as r,t as s}from"./p-Dr7GYvIz.js";const o=".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}}:host{display:block}.mg-c-loader{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--mg-b-size-4);text-align:center}";const n=class{constructor(t){e(this,t);this.messageHide=false}watchMessage(e){if(e&&!r(e))throw new Error(`<mg-loader> prop "message" must be a valid string. Passed value: ${s(e)}.`)}componentWillLoad(){this.messages=i(this.element).messages;this.watchMessage(this.message)}render(){return t("div",{key:"ad7aa5e4fa0704cf2fa174ae1ed960f72deb79e3",class:"mg-c-loader","aria-live":"polite"},t("mg-icon",{key:"47e6df1e459a74851bf370e460438b7bdc2ed3d0",icon:"loader",spin:true}),t("span",{key:"44d36e8492401cacb911f21fc707c1de03ae7a5d",class:{"mg-u-visually-hidden":this.messageHide}},this.message||this.messages.loader.inProgress))}get element(){return a(this)}static get watchers(){return{message:["watchMessage"]}}};n.style=o;export{n as mg_loader};
+//# sourceMappingURL=p-415f14fb.entry.js.map

package/dist/mg-components/{p-CwZ2wzxw.js → p-Bv7NHR-W.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-const e={required:"This field is required."};const t="{counter} characters left.";const a={select:{placeholder:"Select a value"},checkbox:{selectedValues:"{nb} selected values",selectedValue:"{nb} selected value",editButton:"Edit",selectButton:"Select values",showButton:"Show",label:"Enter a value",result:"result",results:"results",searchResults:"Search result(s) list.",noResult:"No result.",sections:{selected:{title:"Selected",titlePlural:"Selected",action:"Unselect all",tooltip:"Unselect all current search results"},notSelected:{title:"Not selected",titlePlural:"Not selected",action:"Select all",tooltip:"Select all current search results"}}},date:{pattern:{dd:"dd",mm:"mm",yyyy:"yyyy"},helpText:{expectedFormat:"Expected format: {pattern} (ex: {date})",min:"The date must be after or equal to {min}",max:"The date must be before or equal to {max}",minMax:"The date must be between {min} and {max}"},error:{badInput:"The date is inexistent or incorrect, the expected format is {pattern} (ex: {date})"}},numeric:{helpText:{min:"The value must be greater than or equal to {min}",max:"The value must be less than or equal to {max}",minMax:"The value must be between {min} and {max}"}},password:{display:"Display password value",hide:"Hide password value"},combobox:{notFound:"No elements match your input",notAvailable:"No elements available",loadMore:"Load more",search:"Search…"},text:{helpText:{email:"Expected format: name@example.com",emails:"Expected format: first@example.com, second@example.com",url:"Expected format: https://example.com"},errors:{typeMismatch:{email:"The value is incorrect, the expected format is name@example.com",emails:"The value is incorrect, the expected format is first@example.com, second@example.com",url:"The value is incorrect, the expected format is https://example.com"}}}};const s={required:'Fields with a <strong class="mg-u-is-asterisk">*</strong> are required',requiredSingle:'Field with a <strong class="mg-u-is-asterisk">*</strong> is required',allRequired:"All fields are required",allRequiredSingle:"The field is required"};const n={closeButton:"Close message"};const l={closeButton:"Close modal"};const r={label:"Pagination",page:"page",pages:"pages",nextLabel:"Next page",previousLabel:"Previous page",selectPage:"Select the page to display."};const o={editLabel:"Edit section title."};const i={navLabel:"Quick access"};const c={confirm:"Confirm",cancel:"Cancel",close:"Close",next:"next",previous:"previous",reset:"reset"};const u={badgeLabel:"Include notification(s)",openNewTab:"Open link in a new tab"};const m={menuLabel:"Additional menu"};const d={label:"Actions"};const p={inProgress:"Loading in progress…"};const h={sortableCaption:"(column headers with buttons are sortable)"};var b={errors:e,nbCharLeft:t,input:a,form:s,alert:n,modal:l,pagination:r,panel:o,skipLinks:i,general:c,menuItem:u,itemMore:m,actionMore:d,loader:p,table:h};const g={required:"Ce champ est obligatoire."};const x="{counter} caractères disponibles.";const f={select:{placeholder:"Sélectionnez une valeur"},checkbox:{selectedValues:"{nb} valeurs sélectionnées",selectedValue:"{nb} valeur sélectionnée",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:{selected:{title:"Sélectionné",titlePlural:"Sélectionnés",action:"Tout désélectionner",tooltip:"Désélectionne tous les résultats de la recherche en cours"},notSelected:{title:"Non sélectionné",titlePlural:"Non sélectionnés",action:"Tout sélectionner",tooltip:"Sélectionne tous les résultats de la recherche en cours"}}},date:{pattern:{dd:"jj",mm:"mm",yyyy:"aaaa"},helpText:{expectedFormat:"Format attendu&nbsp;: {pattern} (ex&nbsp;: {date})",min:"La date doit être postérieure ou égale au {min}",max:"La date doit être antérieure ou égale au {max}",minMax:"La date doit être comprise entre le {min} et le {max}"},error:{badInput:"La date est inexistante ou incorrecte, le format attendu est {pattern} (ex&nbsp;: {date})"}},numeric:{helpText:{min:"La valeur doit être supérieure ou égale à {min}",max:"La valeur doit être inférieure ou égale à {max}",minMax:"La valeur doit être comprise entre {min} et {max}"}},password:{display:"Afficher le mot de passe",hide:"Masquer le mot de passe"},combobox:{notFound:"Aucun élément ne correspondont a votre saisie",notAvailable:"Aucun élément disponible",loadMore:"Afficher plus",search:"Recherche…"},text:{helpText:{email:"Format attendu&nbsp;: nom@exemple.fr",emails:"Format attendu&nbsp;: premier@exemple.fr, second@exemple.fr",url:"Format attendu&nbsp;: https://exemple.fr"},errors:{typeMismatch:{email:"La valeur est incorrecte, le format attendu est nom@exemple.fr",emails:"La valeur est incorrecte, le format attendu est premier@exemple.fr, second@exemple.fr",url:"La valeur est incorrecte, le format attendu est https://exemple.fr"}}}};const v={required:'Les champs marqués d\'un <strong class="mg-u-is-asterisk">*</strong> sont obligatoires',requiredSingle:'Le champ marqué d\'un <strong class="mg-u-is-asterisk">*</strong> est obligatoire',allRequired:"Tous les champs sont obligatoires",allRequiredSingle:"Le champ est obligatoire"};const L={closeButton:"Fermer le message"};const y={closeButton:"Fermer la modale"};const T={label:"Pagination",page:"page",pages:"pages",nextLabel:"Page suivante",previousLabel:"Page précédente",selectPage:"Sélectionner la page à afficher."};const S={editLabel:"Modifier le titre de la section."};const q={navLabel:"Accès rapide"};const w={confirm:"Valider",cancel:"Annuler",close:"Fermer",next:"suivant",previous:"précédent",reset:"réinitialiser"};const F={badgeLabel:"Notification(s) incluse(s)",openNewTab:"Ouvrir le lien dans un nouvel onglet"};const M={menuLabel:"Menu complémentaire"};const A={label:"Actions"};const P={inProgress:"Chargement en cours…"};const k={sortableCaption:"(les en-têtes de colonnes avec des boutons peuvent être triés)"};var C={errors:g,nbCharLeft:x,input:f,form:v,alert:L,modal:y,pagination:T,panel:S,skipLinks:q,general:w,menuItem:F,itemMore:M,actionMore:A,loader:P,table:k};const N=/^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/;const I=e=>{const t={value:"2023",pattern:"yyyy"};const a={value:"12",pattern:"mm"};const s={value:"24",pattern:"dd"};return j([t.value,a.value,s.value].join("-"),e,{timeZone:"UTC"}).replace(t.value,t.pattern).replace(a.value,a.pattern).replace(s.value,s.pattern)};const B=(e,t,a)=>{const s=e.closest("[lang]");const n=Intl.NumberFormat.supportedLocalesOf(s?.lang);const l=n.length>0&&typeof n[0]==="string"?n[0]:navigator.language||a;const r=l.split("-").shift();if(Object.keys(t).length===0){return{locale:l,messages:{lang:a}}}return{locale:l,messages:t[r]||t[a]||{lang:a}}};const D=(e,t,a)=>new Intl.NumberFormat(t,{style:"currency",currency:a}).format(e);const R=(e,t,a=0)=>new Intl.NumberFormat(t,{minimumFractionDigits:a}).format(Number(e));const E=(e,t,a=0)=>new Intl.NumberFormat(t,{style:"percent",minimumFractionDigits:a,maximumFractionDigits:a}).format(e);const V=(e,t,a,s="short",n=0)=>new Intl.NumberFormat(t,{style:"unit",unit:a,unitDisplay:s,minimumFractionDigits:n,maximumFractionDigits:n}).format(e);const j=(e,t,a)=>typeof e!=="string"||e===""||!N.test(e)?"":new Intl.DateTimeFormat(t,a).format(new Date(e));const O=(e,t)=>a=>B(a,e,t);const U="en";const z={en:b,fr:C};const H=O(z,U);export{I as a,R as b,V as c,E as d,D as e,H as i,j as l};
-//# sourceMappingURL=p-CwZ2wzxw.js.map
+const e={required:"This field is required."};const t="{counter} characters left.";const a={select:{placeholder:"Select a value"},checkbox:{selectedValues:"{nb} selected values",selectedValue:"{nb} selected value",editButton:"Edit",selectButton:"Select values",showButton:"Show",label:"Enter a value",result:"result",results:"results",searchResults:"Search result(s) list.",noResult:"No result.",sections:{selected:{title:"Selected",titlePlural:"Selected",action:"Unselect all",tooltip:"Unselect all current search results"},notSelected:{title:"Not selected",titlePlural:"Not selected",action:"Select all",tooltip:"Select all current search results"}}},date:{pattern:{dd:"dd",mm:"mm",yyyy:"yyyy"},helpText:{expectedFormat:"Expected format: {pattern} (ex: {date})",min:"The date must be after or equal to {min}",max:"The date must be before or equal to {max}",minMax:"The date must be between {min} and {max}"},error:{badInput:"The date is inexistent or incorrect, the expected format is {pattern} (ex: {date})"}},numeric:{helpText:{min:"The value must be greater than or equal to {min}",max:"The value must be less than or equal to {max}",minMax:"The value must be between {min} and {max}"}},password:{display:"Display password value",hide:"Hide password value"},combobox:{notFound:"No elements match your input",notAvailable:"No elements available",loadMore:"Load more",search:"Search…"},text:{helpText:{email:"Expected format: name@example.com",emails:"Expected format: first@example.com, second@example.com",url:"Expected format: https://example.com"},errors:{typeMismatch:{email:"The value is incorrect, the expected format is name@example.com",emails:"The value is incorrect, the expected format is first@example.com, second@example.com",url:"The value is incorrect, the expected format is https://example.com"}}}};const s={required:'Fields with a <strong class="mg-u-is-asterisk">*</strong> are required',requiredSingle:'Field with a <strong class="mg-u-is-asterisk">*</strong> is required',allRequired:"All fields are required",allRequiredSingle:"The field is required"};const n={closeButton:"Close message"};const l={closeButton:"Close modal"};const r={label:"Pagination",page:"page",pages:"pages",nextLabel:"Next page",previousLabel:"Previous page",selectPage:"Select the page to display."};const o={editLabel:"Edit section title."};const i={navLabel:"Quick access"};const c={confirm:"Confirm",cancel:"Cancel",close:"Close",next:"next",previous:"previous",reset:"reset"};const u={badgeLabel:"Include notification(s)",openNewTab:"Open link in a new tab"};const m={menuLabel:"Additional menu"};const d={label:"Actions"};const p={inProgress:"Loading in progress…"};const h={sortableCaption:"(column headers with buttons are sortable)"};var b={errors:e,nbCharLeft:t,input:a,form:s,alert:n,modal:l,pagination:r,panel:o,skipLinks:i,general:c,menuItem:u,itemMore:m,actionMore:d,loader:p,table:h};const g={required:"Ce champ est obligatoire."};const x="{counter} caractères disponibles.";const f={select:{placeholder:"Sélectionnez une valeur"},checkbox:{selectedValues:"{nb} valeurs sélectionnées",selectedValue:"{nb} valeur sélectionnée",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:{selected:{title:"Sélectionné",titlePlural:"Sélectionnés",action:"Tout désélectionner",tooltip:"Désélectionne tous les résultats de la recherche en cours"},notSelected:{title:"Non sélectionné",titlePlural:"Non sélectionnés",action:"Tout sélectionner",tooltip:"Sélectionne tous les résultats de la recherche en cours"}}},date:{pattern:{dd:"jj",mm:"mm",yyyy:"aaaa"},helpText:{expectedFormat:"Format attendu&nbsp;: {pattern} (ex&nbsp;: {date})",min:"La date doit être postérieure ou égale au {min}",max:"La date doit être antérieure ou égale au {max}",minMax:"La date doit être comprise entre le {min} et le {max}"},error:{badInput:"La date est inexistante ou incorrecte, le format attendu est {pattern} (ex&nbsp;: {date})"}},numeric:{helpText:{min:"La valeur doit être supérieure ou égale à {min}",max:"La valeur doit être inférieure ou égale à {max}",minMax:"La valeur doit être comprise entre {min} et {max}"}},password:{display:"Afficher le mot de passe",hide:"Masquer le mot de passe"},combobox:{notFound:"Aucun élément ne correspondont a votre saisie",notAvailable:"Aucun élément disponible",loadMore:"Afficher plus",search:"Recherche…"},text:{helpText:{email:"Format attendu&nbsp;: nom@exemple.fr",emails:"Format attendu&nbsp;: premier@exemple.fr, second@exemple.fr",url:"Format attendu&nbsp;: https://exemple.fr"},errors:{typeMismatch:{email:"La valeur est incorrecte, le format attendu est nom@exemple.fr",emails:"La valeur est incorrecte, le format attendu est premier@exemple.fr, second@exemple.fr",url:"La valeur est incorrecte, le format attendu est https://exemple.fr"}}}};const v={required:'Les champs marqués d\'un <strong class="mg-u-is-asterisk">*</strong> sont obligatoires',requiredSingle:'Le champ marqué d\'un <strong class="mg-u-is-asterisk">*</strong> est obligatoire',allRequired:"Tous les champs sont obligatoires",allRequiredSingle:"Le champ est obligatoire"};const L={closeButton:"Fermer le message"};const y={closeButton:"Fermer la modale"};const T={label:"Pagination",page:"page",pages:"pages",nextLabel:"Page suivante",previousLabel:"Page précédente",selectPage:"Sélectionner la page à afficher."};const S={editLabel:"Modifier le titre de la section."};const q={navLabel:"Accès rapide"};const w={confirm:"Valider",cancel:"Annuler",close:"Fermer",next:"suivant",previous:"précédent",reset:"réinitialiser"};const F={badgeLabel:"Notification(s) incluse(s)",openNewTab:"Ouvrir le lien dans un nouvel onglet"};const M={menuLabel:"Menu complémentaire"};const A={label:"Actions"};const P={inProgress:"Chargement en cours…"};const k={sortableCaption:"(les en-têtes de colonnes avec des boutons peuvent être triés)"};var C={errors:g,nbCharLeft:x,input:f,form:v,alert:L,modal:y,pagination:T,panel:S,skipLinks:q,general:w,menuItem:F,itemMore:M,actionMore:A,loader:P,table:k};const N=/^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/;const I=e=>{const t={value:"2023",pattern:"yyyy"};const a={value:"12",pattern:"mm"};const s={value:"24",pattern:"dd"};return j([t.value,a.value,s.value].join("-"),e,{timeZone:"UTC"}).replace(t.value,t.pattern).replace(a.value,a.pattern).replace(s.value,s.pattern)};const B=(e,t,a)=>{const s=e.closest("[lang]");const n=Intl.NumberFormat.supportedLocalesOf(s?.lang);const l=n.length>0&&typeof n[0]==="string"?n[0]:navigator.language||a;const r=l.split("-").shift();if(Object.keys(t).length===0){return{locale:l,messages:{lang:a}}}return{locale:l,messages:t[r]??t[a]??{lang:a}}};const D=(e,t,a)=>new Intl.NumberFormat(t,{style:"currency",currency:a}).format(e);const R=(e,t,a=0)=>new Intl.NumberFormat(t,{minimumFractionDigits:a}).format(Number(e));const E=(e,t,a=0)=>new Intl.NumberFormat(t,{style:"percent",minimumFractionDigits:a,maximumFractionDigits:a}).format(e);const V=(e,t,a,s="short",n=0)=>new Intl.NumberFormat(t,{style:"unit",unit:a,unitDisplay:s,minimumFractionDigits:n,maximumFractionDigits:n}).format(e);const j=(e,t,a)=>typeof e!=="string"||e===""||!N.test(e)?"":new Intl.DateTimeFormat(t,a).format(new Date(e));const O=(e,t)=>a=>B(a,e,t);const U="en";const z={en:b,fr:C};const H=O(z,U);export{I as a,R as b,V as c,E as d,D as e,H as i,j as l};
+//# sourceMappingURL=p-Bv7NHR-W.js.map

package/dist/mg-components/{p-CwZ2wzxw.js.map → p-Bv7NHR-W.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"p-~~CwZ2wzxw~~.js","sources":["../helpers/dist/locale/index.js","src/locales/index.ts"],"sourcesContent":["/*\n Date RegExp, usefull to test if string is a follow the date pattern\n * @example\n * ```ts\n * dateRegExp.test('mystring') // false\n * dateRegExp.test('2020-12-31') // true\n * ```\n /\nconst dateRegExp = /^\\d{4}-(0[1-9]\|1[0-2])-(0[1-9]\|[12]\\d\|3[01])$/;\n\n/\n Gets the date pattern based on the specified locale.\n * @param locale - the locale to refer to\n * @returns date pattern\n * @example\n * ```ts\n * localeDatePattern('fr') // 'dd/mm/yyyy'\n * ```\n /\nconst localeDatePattern = (locale) => {\n const year = { value: '2023', pattern: 'yyyy' };\n const month = { value: '12', pattern: 'mm' };\n const day = { value: '24', pattern: 'dd' };\n return localeDate([year.value, month.value, day.value].join('-'), locale, { timeZone: 'UTC' })\n .replace(year.value, year.pattern)\n .replace(month.value, month.pattern)\n .replace(day.value, day.pattern);\n};\n/\n Get locale and messages\n * We load the defined locale but for now we only support the first subtag for messages\n * @param element - element we need to get the language\n * @param messages - messages to use\n * @param defaultLocale - default messages locale\n * @returns messages object\n /\nconst localeMessages = (element, messages, defaultLocale) => {\n // Get local\n const closestLangAttribute = element.closest('[lang]');\n const closestLang = Intl.NumberFormat.supportedLocalesOf(closestLangAttribute?.lang);\n const locale = closestLang.length > 0 && typeof closestLang[0] === 'string' ? closestLang[0] : navigator.language \|\| defaultLocale;\n // Only keep first subtag\n const localeSubtag = locale.split('-').shift();\n // If messages is empty, return a default object\n if (Object.keys(messages).length === 0) {\n return {\n locale,\n messages: { lang: defaultLocale },\n };\n }\n // Return\n return {\n locale,\n messages: (messages[localeSubtag] \|\| messages[defaultLocale] \|\| { lang: defaultLocale }),\n };\n};\n/\n Format number to the locale currency\n * @param number - number to format\n * @param locale - locale to apply\n * @param currency - currency to apply\n * @returns formatted currency\n * @example\n * ```ts\n * localeCurrency(1234567890.12, 'fr', 'EUR') // '1 234 567 890,12\\xa0€'\n * ```\n /\nconst localeCurrency = (number, locale, currency) => new Intl.NumberFormat(locale, { style: 'currency', currency }).format(number);\n/\n Format number to locale\n * @param number - number to format\n * @param locale - locale to apply\n * @param decimalLength - decimal length to apply\n * @returns formatted number\n * @example\n * ```ts\n * localeNumber(1234567890.12, 'fr') // 1 234 567 890,12\n * ```\n /\nconst localeNumber = (number, locale, decimalLength = 0) => new Intl.NumberFormat(locale, { minimumFractionDigits: decimalLength }).format(Number(number));\n/\n Format number as percentage based on locale\n * @param number - number to format\n * @param locale - locale to apply\n * @param decimalLength - decimal length to apply\n * @returns formatted percentage\n * @example\n * ```ts\n * localePercent(0.42, 'fr', 2) // '42,00 %'\n * localePercent(0.42, 'en', 2) // '42.00%'\n * ```\n /\nconst localePercent = (number, locale, decimalLength = 0) => {\n return new Intl.NumberFormat(locale, {\n style: 'percent',\n minimumFractionDigits: decimalLength,\n maximumFractionDigits: decimalLength,\n }).format(number);\n};\n/\n Format number with standardized unit based on locale using Intl unit formatting\n * @param number - number to format\n * @param locale - locale to apply\n * @param unit - standardized unit (e.g., 'kilometer', 'kilogram', 'celsius')\n * @param unitDisplay - how to display the unit ('short', 'long', 'narrow')\n * @param decimalLength - decimal length to apply\n * @returns formatted number with localized unit\n * @example\n * ```ts\n * localeUnit(1234567890.12, 'fr', 'kilometer') // '1 234 567 890,12 km'\n * localeUnit(23, 'fr', 'celsius') // '23 °C'\n * localeUnit(10, 'fr', 'kilometer', 0, 'long') // '10 kilomètres'\n * ```\n /\nconst localeUnit = (number, locale, unit, unitDisplay = 'short', decimalLength = 0) => {\n return new Intl.NumberFormat(locale, {\n style: 'unit',\n unit,\n unitDisplay,\n minimumFractionDigits: decimalLength,\n maximumFractionDigits: decimalLength,\n }).format(number);\n};\n/\n Locale date format\n * @param date - date to format\n * @param locale - locale to apply\n * @param config - DateTimeFormatOptions object to apply\n * @returns formatted date\n * @example\n * ```ts\n * localeDate('2022-06-02', 'fr') // '02/06/2022'\n * ```\n /\nconst localeDate = (date, locale, config) => typeof date !== 'string' \|\| date === '' \|\| !dateRegExp.test(date) ? '' : new Intl.DateTimeFormat(locale, config).format(new Date(date));\n/\n Get Intl object\n * @param messages - locales to render in object format. `ex: { en: { porp: \"test\" }, fr: { porp: \"test\" }}`.\n * @param defaultLocale - fallback locale to render. `ex: 'en'`.\n * @returns from the element passed in return function you will get the matching messages object\n * @example\n * ```ts\n * import en from './en/messages.json';\n * import fr from './fr/messages.json';\n * import { defineLocales } from '@mgdis/core-ui-helpers/dist/utils';\n \n const defaultLocale = 'en';\n * const messages = { en, fr };\n \n export const initLocales = defineLocales(messages, defaultLocale);\n * ```\n /\nconst defineLocales = (messages, defaultLocale) => (element) => localeMessages(element, messages, defaultLocale);\n\nexport { defineLocales, localeCurrency, localeDate, localeDatePattern, localeNumber, localePercent, localeUnit };\n//# sourceMappingURL=index.js.map\n","import en from './en/messages.json';\nimport fr from './fr/messages.json';\nimport { defineLocales } from '@mgdis/core-ui-helpers/dist/locale';\n\nconst defaultLocale = 'en';\nconst messages = { en, fr };\n\n/\n Get Intl object\n * @param element - element we need to get the language\n * @returns messages object\n */\nexport const initLocales = defineLocales(messages, defaultLocale);\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"p-Bv7NHR-W.js","sources":["../helpers/dist/locale/index.js","src/locales/index.ts"],"sourcesContent":["/*\n Date RegExp, usefull to test if string is a follow the date pattern\n * @example\n * ```ts\n * dateRegExp.test('mystring') // false\n * dateRegExp.test('2020-12-31') // true\n * ```\n /\nconst dateRegExp = /^\\d{4}-(0[1-9]\|1[0-2])-(0[1-9]\|[12]\\d\|3[01])$/;\n\n/\n Gets the date pattern based on the specified locale.\n * @param locale - the locale to refer to\n * @returns date pattern\n * @example\n * ```ts\n * localeDatePattern('fr') // 'dd/mm/yyyy'\n * ```\n /\nconst localeDatePattern = (locale) => {\n const year = { value: '2023', pattern: 'yyyy' };\n const month = { value: '12', pattern: 'mm' };\n const day = { value: '24', pattern: 'dd' };\n return localeDate([year.value, month.value, day.value].join('-'), locale, { timeZone: 'UTC' })\n .replace(year.value, year.pattern)\n .replace(month.value, month.pattern)\n .replace(day.value, day.pattern);\n};\n/\n Get locale and messages\n * We load the defined locale but for now we only support the first subtag for messages\n * @param element - element we need to get the language\n * @param messages - messages to use\n * @param defaultLocale - default messages locale\n * @returns messages object\n /\nconst localeMessages = (element, messages, defaultLocale) => {\n // Get local\n const closestLangAttribute = element.closest('[lang]');\n const closestLang = Intl.NumberFormat.supportedLocalesOf(closestLangAttribute?.lang);\n const locale = closestLang.length > 0 && typeof closestLang[0] === 'string' ? closestLang[0] : navigator.language \|\| defaultLocale;\n // Only keep first subtag\n const localeSubtag = locale.split('-').shift();\n // If messages is empty, return a default object\n if (Object.keys(messages).length === 0) {\n return {\n locale,\n messages: { lang: defaultLocale },\n };\n }\n // Return\n return {\n locale,\n messages: (messages[localeSubtag] ?? messages[defaultLocale] ?? { lang: defaultLocale }),\n };\n};\n/\n Format number to the locale currency\n * @param number - number to format\n * @param locale - locale to apply\n * @param currency - currency to apply\n * @returns formatted currency\n * @example\n * ```ts\n * localeCurrency(1234567890.12, 'fr', 'EUR') // '1 234 567 890,12\\xa0€'\n * ```\n /\nconst localeCurrency = (number, locale, currency) => new Intl.NumberFormat(locale, { style: 'currency', currency }).format(number);\n/\n Format number to locale\n * @param number - number to format\n * @param locale - locale to apply\n * @param decimalLength - decimal length to apply\n * @returns formatted number\n * @example\n * ```ts\n * localeNumber(1234567890.12, 'fr') // 1 234 567 890,12\n * ```\n /\nconst localeNumber = (number, locale, decimalLength = 0) => new Intl.NumberFormat(locale, { minimumFractionDigits: decimalLength }).format(Number(number));\n/\n Format number as percentage based on locale\n * @param number - number to format\n * @param locale - locale to apply\n * @param decimalLength - decimal length to apply\n * @returns formatted percentage\n * @example\n * ```ts\n * localePercent(0.42, 'fr', 2) // '42,00 %'\n * localePercent(0.42, 'en', 2) // '42.00%'\n * ```\n /\nconst localePercent = (number, locale, decimalLength = 0) => {\n return new Intl.NumberFormat(locale, {\n style: 'percent',\n minimumFractionDigits: decimalLength,\n maximumFractionDigits: decimalLength,\n }).format(number);\n};\n/\n Format number with standardized unit based on locale using Intl unit formatting\n * @param number - number to format\n * @param locale - locale to apply\n * @param unit - standardized unit (e.g., 'kilometer', 'kilogram', 'celsius')\n * @param unitDisplay - how to display the unit ('short', 'long', 'narrow')\n * @param decimalLength - decimal length to apply\n * @returns formatted number with localized unit\n * @example\n * ```ts\n * localeUnit(1234567890.12, 'fr', 'kilometer') // '1 234 567 890,12 km'\n * localeUnit(23, 'fr', 'celsius') // '23 °C'\n * localeUnit(10, 'fr', 'kilometer', 0, 'long') // '10 kilomètres'\n * ```\n /\nconst localeUnit = (number, locale, unit, unitDisplay = 'short', decimalLength = 0) => {\n return new Intl.NumberFormat(locale, {\n style: 'unit',\n unit,\n unitDisplay,\n minimumFractionDigits: decimalLength,\n maximumFractionDigits: decimalLength,\n }).format(number);\n};\n/\n Locale date format\n * @param date - date to format\n * @param locale - locale to apply\n * @param config - DateTimeFormatOptions object to apply\n * @returns formatted date\n * @example\n * ```ts\n * localeDate('2022-06-02', 'fr') // '02/06/2022'\n * ```\n /\nconst localeDate = (date, locale, config) => typeof date !== 'string' \|\| date === '' \|\| !dateRegExp.test(date) ? '' : new Intl.DateTimeFormat(locale, config).format(new Date(date));\n/\n Get Intl object\n * @param messages - locales to render in object format. `ex: { en: { porp: \"test\" }, fr: { porp: \"test\" }}`.\n * @param defaultLocale - fallback locale to render. `ex: 'en'`.\n * @returns from the element passed in return function you will get the matching messages object\n * @example\n * ```ts\n * import en from './en/messages.json';\n * import fr from './fr/messages.json';\n * import { defineLocales } from '@mgdis/core-ui-helpers/dist/utils';\n \n const defaultLocale = 'en';\n * const messages = { en, fr };\n \n export const initLocales = defineLocales(messages, defaultLocale);\n * ```\n /\nconst defineLocales = (messages, defaultLocale) => (element) => localeMessages(element, messages, defaultLocale);\n\nexport { defineLocales, localeCurrency, localeDate, localeDatePattern, localeNumber, localePercent, localeUnit };\n//# sourceMappingURL=index.js.map\n","import en from './en/messages.json';\nimport fr from './fr/messages.json';\nimport { defineLocales } from '@mgdis/core-ui-helpers/dist/locale';\n\nconst defaultLocale = 'en';\nconst messages = { en, fr };\n\n/\n Get Intl object\n * @param element - element we need to get the language\n * @returns messages object\n */\nexport const initLocales = defineLocales(messages, defaultLocale);\n"],"names":[],"mappings":"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"}

package/dist/mg-components/{p-d711941b.entry.js → p-fe974d2b.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as t,c as s,f as e,h as i,g as a}from"./p-CAuxALt5.js";import{C as h,t as o}from"./p-Dr7GYvIz.js";import{i as r}from"./p-CwZ2wzxw.js";const n=["info","warning","success","danger"];const c=["bar-left","background"];const l=".mg-c-alert__close-button{position:absolute;top:0;right:0}.mg-c-alert.mg-c-alert--close-button{--mg-c-card-spacing:0 var(--mg-b-size-min-height) 0 0}";const u=class{constructor(e){t(this,e);this.componentShow=s(this,"component-show");this.componentHide=s(this,"component-hide");this.componentClose=s(this,"component-close");this.classCloseButton="mg-c-alert--close-button";this.storedTimer=null;this.isFocused=false;this.isHovered=false;this.variant="info";this.variantStyle="bar-left";this.classCollection=new h(["mg-c-alert"]);this.hasActions=false;this.setTimer=()=>{this.storedTimer=setTimeout((()=>this.element.hidden=true),this.delay*1e3)};this.clearTimer=()=>{clearTimeout(this.storedTimer)};this.timerEvents=t=>{this.clearTimer();const s=t.type==="mouseenter";this[s?"isHovered":"isFocused"]=true;this.element.addEventListener(s?"mouseleave":"focusout",(t=>{this[t.type==="mouseleave"?"isHovered":"isFocused"]=false;if(!this.isFocused&&!this.isHovered)this.setTimer()}),{once:true})};this.handleClose=()=>{this.element.hidden=true;this.componentClose.emit()}}watchDelay(t){if(t!==undefined&&t<2){throw new Error(`<mg-alert> prop "delay" must be greater than 2 seconds. Passed value: ${o(t)}.`)}}watchVariant(t){if(t&&!n.includes(t)){throw new Error(`<mg-alert> prop "variant" must be one of: ${n.join(", ")}. Passed value: ${o(t)}.`)}}watchVariantStyle(t){if(t&&!c.includes(t)){throw new Error(`<mg-alert> prop "variantStyle" must be one of: ${c.join(", ")}. Passed value: ${o(t)}.`)}}watchHidden(t){if(typeof t==="string"&&t===""){t=true}if(t){this.componentHide.emit();["focusin","mouseenter"].forEach((t=>{this.element.removeEventListener(t,this.timerEvents)}));this.clearTimer()}else{this.componentShow.emit();if(this.delay>1){this.setTimer();["focusin","mouseenter"].forEach((t=>{this.element.addEventListener(t,this.timerEvents)}))}}e(this)}componentWillLoad(){this.messages=r(this.element).messages;this.watchVariant(this.variant);this.watchVariantStyle(this.variantStyle);this.watchDelay(this.delay);this.watchHidden(this.element.hidden);this.hasActions=this.element.querySelector('[slot="actions"]')!==null;if(!this.hasActions){this.classCollection.add(this.classCloseButton)}}render(){return i("mg-message",{key:"12216af414367fc3eea31cffb2d7e38c724038a3",class:this.classCollection.join(),role:["info","success"].includes(this.variant)?"status":"alert",variant:this.variant,variantStyle:this.variantStyle},i("slot",{key:"bdab00611363a879e8d2bd23442e62ab5e7238e3"}),this.hasActions?i("span",{slot:"actions"},i("slot",{name:"actions"})):i("span",{class:"mg-c-alert__close-button"},i("mg-button",{"is-icon":true,variant:"flat",label:this.messages.alert.closeButton,onClick:this.handleClose},i("mg-icon",{icon:"cross"}))))}get element(){return a(this)}static get watchers(){return{delay:["watchDelay"],variant:["watchVariant"],variantStyle:["watchVariantStyle"],hidden:["watchHidden"]}}};u.style=l;export{u as mg_alert};
-//# sourceMappingURL=p-d711941b.entry.js.map
+import{r as t,c as s,f as e,h as i,g as a}from"./p-CAuxALt5.js";import{C as h,t as o}from"./p-Dr7GYvIz.js";import{i as r}from"./p-Bv7NHR-W.js";const n=["info","warning","success","danger"];const c=["bar-left","background"];const l=".mg-c-alert__close-button{position:absolute;top:0;right:0}.mg-c-alert.mg-c-alert--close-button{--mg-c-card-spacing:0 var(--mg-b-size-min-height) 0 0}";const u=class{constructor(e){t(this,e);this.componentShow=s(this,"component-show");this.componentHide=s(this,"component-hide");this.componentClose=s(this,"component-close");this.classCloseButton="mg-c-alert--close-button";this.storedTimer=null;this.isFocused=false;this.isHovered=false;this.variant="info";this.variantStyle="bar-left";this.classCollection=new h(["mg-c-alert"]);this.hasActions=false;this.setTimer=()=>{this.storedTimer=setTimeout((()=>this.element.hidden=true),this.delay*1e3)};this.clearTimer=()=>{clearTimeout(this.storedTimer)};this.timerEvents=t=>{this.clearTimer();const s=t.type==="mouseenter";this[s?"isHovered":"isFocused"]=true;this.element.addEventListener(s?"mouseleave":"focusout",(t=>{this[t.type==="mouseleave"?"isHovered":"isFocused"]=false;if(!this.isFocused&&!this.isHovered)this.setTimer()}),{once:true})};this.handleClose=()=>{this.element.hidden=true;this.componentClose.emit()}}watchDelay(t){if(t!==undefined&&t<2){throw new Error(`<mg-alert> prop "delay" must be greater than 2 seconds. Passed value: ${o(t)}.`)}}watchVariant(t){if(t&&!n.includes(t)){throw new Error(`<mg-alert> prop "variant" must be one of: ${n.join(", ")}. Passed value: ${o(t)}.`)}}watchVariantStyle(t){if(t&&!c.includes(t)){throw new Error(`<mg-alert> prop "variantStyle" must be one of: ${c.join(", ")}. Passed value: ${o(t)}.`)}}watchHidden(t){if(typeof t==="string"&&t===""){t=true}if(t){this.componentHide.emit();["focusin","mouseenter"].forEach((t=>{this.element.removeEventListener(t,this.timerEvents)}));this.clearTimer()}else{this.componentShow.emit();if(this.delay>1){this.setTimer();["focusin","mouseenter"].forEach((t=>{this.element.addEventListener(t,this.timerEvents)}))}}e(this)}componentWillLoad(){this.messages=r(this.element).messages;this.watchVariant(this.variant);this.watchVariantStyle(this.variantStyle);this.watchDelay(this.delay);this.watchHidden(this.element.hidden);this.hasActions=this.element.querySelector('[slot="actions"]')!==null;if(!this.hasActions){this.classCollection.add(this.classCloseButton)}}render(){return i("mg-message",{key:"12216af414367fc3eea31cffb2d7e38c724038a3",class:this.classCollection.join(),role:["info","success"].includes(this.variant)?"status":"alert",variant:this.variant,variantStyle:this.variantStyle},i("slot",{key:"bdab00611363a879e8d2bd23442e62ab5e7238e3"}),this.hasActions?i("span",{slot:"actions"},i("slot",{name:"actions"})):i("span",{class:"mg-c-alert__close-button"},i("mg-button",{"is-icon":true,variant:"flat",label:this.messages.alert.closeButton,onClick:this.handleClose},i("mg-icon",{icon:"cross"}))))}get element(){return a(this)}static get watchers(){return{delay:["watchDelay"],variant:["watchVariant"],variantStyle:["watchVariantStyle"],hidden:["watchHidden"]}}};u.style=l;export{u as mg_alert};
+//# sourceMappingURL=p-fe974d2b.entry.js.map

package/dist/types/components/molecules/inputs/mg-input-checkbox/mg-input-checkbox.d.ts CHANGED Viewed

@@ -159,6 +159,10 @@ export declare class MgInputCheckbox implements Omit<MgInputCheckboxListProps, '
      * Emited event when checking validity
      */
     inputValid: EventEmitter<HTMLMgInputCheckboxElement['valid']>;
+    /**
+     * Set focus on input.
+     */
+    setFocus(): Promise<void>;
     /**
      * Display input error if it exists.
      */

package/dist/types/components/molecules/inputs/mg-input-combobox/mg-input-combobox.d.ts CHANGED Viewed

@@ -212,7 +212,7 @@ export declare class MgInputCombobox {
      */
     fetchError: EventEmitter<Error>;
     /**
-     * Public method to play input focus
+     * Set focus on input.
      */
     setFocus(): Promise<void>;
     /**

package/dist/types/components/molecules/inputs/mg-input-date/mg-input-date.d.ts CHANGED Viewed

@@ -111,6 +111,10 @@ export declare class MgInputDate {
      * Emited event when checking validity
      */
     inputValid: EventEmitter<HTMLMgInputDateElement['valid']>;
+    /**
+     * Set focus on input.
+     */
+    setFocus(): Promise<void>;
     /**
      * Display input error if it exists.
      */

package/dist/types/components/molecules/inputs/mg-input-numeric/mg-input-numeric.d.ts CHANGED Viewed

@@ -132,11 +132,11 @@ export declare class MgInputNumeric {
     decimalLength: number;
     validateDecimalLength(newValue: MgInputNumeric['decimalLength']): void;
     /**
-     * Define input pattern to validate
+     * Define input valid state
      */
     valid: boolean;
     /**
-     * Define input pattern error message
+     * Define input invalid state
      */
     invalid: boolean;
     /**
@@ -159,6 +159,10 @@ export declare class MgInputNumeric {
      * Emited event when checking validity
      */
     inputValid: EventEmitter<HTMLMgInputNumericElement['valid']>;
+    /**
+     * Set focus on input.
+     */
+    setFocus(): Promise<void>;
     /**
      * Display input error if it exists.
      */

package/dist/types/components/molecules/inputs/mg-input-password/mg-input-password.d.ts CHANGED Viewed

@@ -111,6 +111,10 @@ export declare class MgInputPassword {
      * Emited event when checking validity
      */
     inputValid: EventEmitter<HTMLMgInputPasswordElement['valid']>;
+    /**
+     * Set focus on input.
+     */
+    setFocus(): Promise<void>;
     /**
      * Display input error if it exists.
      */

package/dist/types/components/molecules/inputs/mg-input-radio/mg-input-radio.d.ts CHANGED Viewed

@@ -113,6 +113,10 @@ export declare class MgInputRadio {
      * Emited event when checking validity
      */
     inputValid: EventEmitter<HTMLMgInputRadioElement['valid']>;
+    /**
+     * Set focus on input.
+     */
+    setFocus(): Promise<void>;
     /**
      * Display input error if it exists.
      */

package/dist/types/components/molecules/inputs/mg-input-rich-text-editor/mg-input-rich-text-editor.d.ts CHANGED Viewed

@@ -113,6 +113,10 @@ export declare class MgInputRichTextEditor {
      * Emited event when value change
      */
     valueChange: EventEmitter<string>;
+    /**
+     * Set focus on input.
+     */
+    setFocus(): Promise<void>;
     /**
      * Get editor content as HTML
      * @returns HTML content of the editor

package/dist/types/components/molecules/inputs/mg-input-select/mg-input-select.d.ts CHANGED Viewed

@@ -129,6 +129,10 @@ export declare class MgInputSelect {
      * Emited event when checking validity
      */
     inputValid: EventEmitter<HTMLMgInputCheckboxElement['valid']>;
+    /**
+     * Set focus on input.
+     */
+    setFocus(): Promise<void>;
     /**
      * Display input error if it exists.
      */

package/dist/types/components/molecules/inputs/mg-input-text/mg-input-text.d.ts CHANGED Viewed

@@ -151,7 +151,7 @@ export declare class MgInputText {
      */
     inputValid: EventEmitter<HTMLMgInputTextElement['valid']>;
     /**
-     * Public method to play input focus
+     * Set focus on input.
      */
     setFocus(): Promise<void>;
     /**

package/dist/types/components/molecules/inputs/mg-input-textarea/mg-input-textarea.d.ts CHANGED Viewed

@@ -133,6 +133,10 @@ export declare class MgInputTextarea {
      * Emited event when checking validity
      */
     inputValid: EventEmitter<HTMLMgInputTextareaElement['valid']>;
+    /**
+     * Set focus on input.
+     */
+    setFocus(): Promise<void>;
     /**
      * Display input error if it exists.
      */

package/dist/types/components/molecules/inputs/mg-input-toggle/mg-input-toggle.d.ts CHANGED Viewed

@@ -10,6 +10,7 @@ export declare class MgInputToggle {
     /************
      * Internal *
      ************/
+    private button;
     private readonly classIsActive;
     private readonly classOnOff;
     private readonly classIcon;
@@ -112,6 +113,10 @@ export declare class MgInputToggle {
      * Emited event when checking validity
      */
     inputValid: EventEmitter<boolean>;
+    /**
+     * Set focus on input.
+     */
+    setFocus(): Promise<void>;
     /**
      * Set an error and display a custom error message.
      * This method can be used to set the component's error state from its context by passing a boolean value to the `valid` parameter.
@@ -121,15 +126,15 @@ export declare class MgInputToggle {
      * @param errorMessage - the error message to display
      */
     setError(valid: boolean, errorMessage: string): Promise<void>;
+    /**
+     * Reset value, validity, error and visual state
+     */
+    reset(): Promise<void>;
     /**
      * Set input error message
      * @param errorMessage - errorMessage override
      */
     private setErrorMessage;
-    /**
-     * Reset value, validity, error and visual state
-     */
-    reset(): Promise<void>;
     /**
      * Change checked value
      */

package/dist/types/components/molecules/mg-form/mg-form.d.ts CHANGED Viewed

@@ -87,6 +87,10 @@ export declare class MgForm {
      * Emitted event on form submit
      */
     formSubmit: EventEmitter<boolean>;
+    /**
+     * Emitted event on form reset
+     */
+    formReset: EventEmitter<boolean>;
     /**
      * Display input error if it exists.
      */

package/dist/types/components.d.ts CHANGED Viewed

@@ -387,6 +387,10 @@ export namespace Components {
           * @param errorMessage - the error message to display
          */
         "setError": (valid: MgInputCheckbox["valid"], errorMessage: string) => Promise<void>;
+        /**
+          * Set focus on input.
+         */
+        "setFocus": () => Promise<void>;
         /**
           * Overwrite default "show" button message
          */
@@ -534,7 +538,7 @@ export namespace Components {
          */
         "setError": (valid: MgInputCombobox["valid"], errorMessage: string) => Promise<void>;
         /**
-          * Public method to play input focus
+          * Set focus on input.
          */
         "setFocus": () => Promise<void>;
         /**
@@ -617,6 +621,10 @@ export namespace Components {
           * @param errorMessage - the error message to display
          */
         "setError": (valid: MgInputDate["valid"], errorMessage: string) => Promise<void>;
+        /**
+          * Set focus on input.
+         */
+        "setFocus": () => Promise<void>;
         /**
           * Add a tooltip message next to the input
          */
@@ -668,7 +676,7 @@ export namespace Components {
          */
         "integerLength": number;
         /**
-          * Define input pattern error message
+          * Define input invalid state
          */
         "invalid": boolean;
         /**
@@ -721,6 +729,10 @@ export namespace Components {
           * @param errorMessage - the error message to display
          */
         "setError": (valid: MgInputNumeric["valid"], errorMessage: string) => Promise<void>;
+        /**
+          * Set focus on input.
+         */
+        "setFocus": () => Promise<void>;
         /**
           * Add a tooltip message next to the input
          */
@@ -742,7 +754,7 @@ export namespace Components {
          */
         "unitDisplay": Intl.NumberFormatOptions['unitDisplay'];
         /**
-          * Define input pattern to validate
+          * Define input valid state
          */
         "valid": boolean;
         /**
@@ -817,6 +829,10 @@ export namespace Components {
           * @param errorMessage - the error message to display
          */
         "setError": (valid: MgInputPassword["valid"], errorMessage: string) => Promise<void>;
+        /**
+          * Set focus on input.
+         */
+        "setFocus": () => Promise<void>;
         /**
           * Add a tooltip message next to the input
          */
@@ -897,6 +913,10 @@ export namespace Components {
           * @param errorMessage - the error message to display
          */
         "setError": (valid: MgInputRadio["valid"], errorMessage: string) => Promise<void>;
+        /**
+          * Set focus on input.
+         */
+        "setFocus": () => Promise<void>;
         /**
           * Add a tooltip message next to the input
          */
@@ -995,6 +1015,10 @@ export namespace Components {
           * @param errorMessage - the error message to display
          */
         "setError": (valid: MgInputRichTextEditor["valid"], errorMessage: string) => Promise<void>;
+        /**
+          * Set focus on input.
+         */
+        "setFocus": () => Promise<void>;
         /**
           * Add a tooltip message next to the input
          */
@@ -1087,6 +1111,10 @@ export namespace Components {
           * @param errorMessage - the error message to display
          */
         "setError": (valid: MgInputSelect["valid"], errorMessage: string) => Promise<void>;
+        /**
+          * Set focus on input.
+         */
+        "setFocus": () => Promise<void>;
         /**
           * Add a tooltip message next to the input
          */
@@ -1192,7 +1220,7 @@ export namespace Components {
          */
         "setError": (valid: MgInputText["valid"], errorMessage: string) => Promise<void>;
         /**
-          * Public method to play input focus
+          * Set focus on input.
          */
         "setFocus": () => Promise<void>;
         /**
@@ -1303,6 +1331,10 @@ export namespace Components {
           * @param errorMessage - the error message to display
          */
         "setError": (valid: MgInputTextarea["valid"], errorMessage: string) => Promise<void>;
+        /**
+          * Set focus on input.
+         */
+        "setFocus": () => Promise<void>;
         /**
           * Add a tooltip message next to the input
          */
@@ -1393,6 +1425,10 @@ export namespace Components {
           * @param errorMessage - the error message to display
          */
         "setError": (valid: boolean, errorMessage: string) => Promise<void>;
+        /**
+          * Set focus on input.
+         */
+        "setFocus": () => Promise<void>;
         /**
           * Add a tooltip message next to the input
          */
@@ -1892,6 +1928,7 @@ declare global {
     interface HTMLMgFormElementEventMap {
         "form-valid": HTMLMgFormElement['valid'];
         "form-submit": boolean;
+        "form-reset": boolean;
     }
     interface HTMLMgFormElement extends Components.MgForm, HTMLStencilElement {
         addEventListener<K extends keyof HTMLMgFormElementEventMap>(type: K, listener: (this: HTMLMgFormElement, ev: MgFormCustomEvent<HTMLMgFormElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -2566,6 +2603,10 @@ declare namespace LocalJSX {
           * Input name If not set the value equals the identifier
          */
         "name"?: string;
+        /**
+          * Emitted event on form reset
+         */
+        "onForm-reset"?: (event: MgFormCustomEvent<boolean>) => void;
         /**
           * Emitted event on form submit
          */
@@ -3003,7 +3044,7 @@ declare namespace LocalJSX {
          */
         "integerLength"?: number;
         /**
-          * Define input pattern error message
+          * Define input invalid state
          */
         "invalid"?: boolean;
         /**
@@ -3075,7 +3116,7 @@ declare namespace LocalJSX {
          */
         "unitDisplay"?: Intl.NumberFormatOptions['unitDisplay'];
         /**
-          * Define input pattern to validate
+          * Define input valid state
          */
         "valid"?: boolean;
         /**