@mgdis/mg-components 5.25.2 → 5.27.0

package/dist/mg-components/p-29b5a514.js

@@ -1,2 +0,0 @@
-const e={required:"This field is required.",date:{badInput:"The date format must be {pattern}",min:"The date cannot be earlier than {min}",max:"The date cannot be later than {max}",minMax:"The date must be between {min} and {max}"},numeric:{min:"The value cannot be less than {min}",max:"The value cannot be greater than {max}",minMax:"The value must be between {min} and {max}"}};const t="{counter} characters left.";const s={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",titlePlurial:"Selected",action:"Unselect all",tooltip:"Unselect all current search results"},notSelected:{title:"Not selected",titlePlurial:"Not selected",action:"Select all",tooltip:"Select all current search results"}}},date:{helpText:"Expected format: {pattern} (ex: {date})",pattern:{dd:"dd",mm:"mm",yyyy:"yyyy"}}};const a={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 r={closeButton:"Close modal"};const l={label:"Pagination",page:"page",pages:"pages",nextPage:"Next page",previousPage:"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"};const u={moreLabel:"Additional menu",badgeLabel:"Include notification(s)"};const d={label:"Actions"};const m={inProgess:"Loading in progress…"};const p={errors:e,nbCharLeft:t,input:s,form:a,message:n,modal:r,pagination:l,panel:o,skipLinks:i,general:c,plusMenu:u,actionMore:d,loader:m};const g={required:"Ce champ est obligatoire.",date:{badInput:"Le format de la date doit être du type {pattern}",min:"La date ne peut pas être antérieure au {min}",max:"La date ne peut pas être postérieure au {max}",minMax:"La date doit être comprise entre le {min} et le {max}"},numeric:{min:"La valeur ne peut pas être inférieure à {min}",max:"La valeur ne peut pas être supérieure à {max}",minMax:"La valeur doit être comprise entre {min} et {max}"}};const h="{counter} caractères disponibles.";const b={select:{placeholder:"Sélectionnez une valeur"},checkbox:{selectedValues:"{nb} valeurs selectionnées",selectedValue:"{nb} valeur selectionnée",editButton:"Modifier",selectButton:"Sélectionner des valeurs",showButton:"Voir",label:"Saisissez une valeur",result:"résultat",results:"résultats",searchResults:"List de résultat(s) de la recherche.",noResult:"Aucun résultat.",sections:{selected:{title:"Sélectionné",titlePlurial:"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é",titlePlurial:"Non sélectionnés",action:"Tout sélectionner",tooltip:"Sélectionne tous les résultats de la recherche en cours"}}},date:{helpText:"Format attendu&nbsp;: {pattern} (ex&nbsp;: {date})",pattern:{dd:"jj",mm:"mm",yyyy:"aaaa"}}};const f={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 v={closeButton:"Fermer le message"};const y={closeButton:"Fermer la modale"};const x={label:"Pagination",page:"page",pages:"pages",nextPage:"Page suivante",previousPage:"Page précédente",selectPage:"Sélectionner la page à afficher."};const L={editLabel:"Modifier le titre de la section."};const S={navLabel:"Accès rapide"};const P={confirm:"Valider",cancel:"Annuler",close:"Fermer",next:"suivant",previous:"précédent"};const q={moreLabel:"Menu complémentaire",badgeLabel:"Notification(s) incluse(s)"};const T={label:"Actions"};const w={inProgess:"Chargement en cours…"};const A={errors:g,nbCharLeft:h,input:b,form:f,message:v,modal:y,pagination:x,panel:L,skipLinks:S,general:P,plusMenu:q,actionMore:T,loader:w};var M=Object.defineProperty;var k=(e,t,s)=>t in e?M(e,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):e[t]=s;var B=(e,t,s)=>(k(e,typeof t!="symbol"?t+"":t,s),s);const C=e=>{const t={value:"2023",pattern:"yyyy"},s={value:"12",pattern:"mm"},a={value:"24",pattern:"dd"};return j([t.value,s.value,a.value].join("-"),e).replace(t.value,t.pattern).replace(s.value,s.pattern).replace(a.value,a.pattern)},N=e=>e.toISOString().split("T")[0],R=(e,t,s)=>{const a=e.closest("[lang]"),n=Intl.NumberFormat.supportedLocalesOf(a==null?void 0:a.lang),r=n.length>0&&typeof n[0]=="string"?n[0]:navigator.language||s,l=r.split("-").shift();return{locale:r,messages:t[l]||t[s]}},F=(e,t,s)=>new Intl.NumberFormat(t,{style:"currency",currency:s}).format(e),I=(e,t)=>new Intl.NumberFormat(t).format(e),V=/^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/,j=(e,t)=>typeof e!="string"||e===""||!V.test(e)?"":new Intl.DateTimeFormat(t).format(new Date(e)),D=(e,t)=>s=>R(s,e,t),E=(e="",t=10)=>{const s=new Uint8Array(t);crypto.getRandomValues(s);const a=Array.from(s).map((e=>e.toString(16).padStart(2,"0"))).join("").slice(0,t);return e!==""?`${e}-${a}`:a};class U{constructor(e=[]){B(this,"classes");B(this,"add",(e=>{this.has(e)||this.classes.push(e)}));B(this,"delete",(e=>{const t=this.classes.indexOf(e);t>-1&&this.classes.splice(t,1)}));B(this,"has",(e=>this.classes.includes(e)));B(this,"join",(()=>this.classes.join(" ")));this.classes=e}}const $=e=>Array.isArray(e)&&e.every((e=>typeof e=="string")),z=(e,t)=>t.includes(e==null?void 0:e.tagName.toLowerCase()),H='a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), [identifier], mg-button',O=e=>{const t=Q(e),s=_(e);return[e,...t,...s]},Q=(e,t=[])=>{if(e.self!==e.top)try{const s=e.parent;return s?(t.push(s),Q(s,t)):t}catch(e){return console.error("Different hosts between iframes:",e),t}return t},_=(e,t=[])=>{if(e.frames.length>0)for(const s of Array.from(e.frames))t.push(s),_(s,t);return t},G=e=>typeof e=="string"&&e.trim()!=="",J=e=>typeof e=="string"?e.toLocaleLowerCase().normalize("NFD").replaceAll(/[\u0300-\u036f]/g,""):e,K=async e=>e();const W="en";const X={en:p,fr:A};const Y=D(X,W);export{N as A,H as B,J as C,$ as D,C as E,U as F,G as H,I as M,O as N,K as P,F as R,V as S,z as _,j as b,Y as i,E as j};
-//# sourceMappingURL=p-29b5a514.js.map

package/dist/mg-components/p-29b5a514.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["le","Object","defineProperty","oe","t","e","n","enumerable","configurable","writable","value","g","Ee","pattern","s","be","join","replace","Ae","toISOString","split","ve","closest","l","Intl","NumberFormat","supportedLocalesOf","lang","r","length","navigator","language","o","shift","locale","messages","Re","style","currency","format","Me","Se","test","DateTimeFormat","Date","Oe","je","Uint8Array","crypto","getRandomValues","Array","from","map","toString","padStart","slice","Fe","constructor","this","has","classes","push","indexOf","splice","includes","De","isArray","every","_e","tagName","toLowerCase","Be","Ne","se","ne","self","top","parent","console","error","frames","He","trim","Ce","toLocaleLowerCase","normalize","replaceAll","Pe","async","defaultLocale","en","fr","initLocales","defineLocales"],"sources":["../stencil-helpers/dist/index.es.js","src/locales/index.ts"],"sourcesContent":["var le = Object.defineProperty;\nvar oe = (t, e, n) => e in t ? le(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;\nvar g = (t, e, n) => (oe(t, typeof e != \"symbol\" ? e + \"\" : e, n), n);\nconst X = {\n  allRenderFn: !1,\n  cmpDidLoad: !0,\n  cmpDidUnload: !1,\n  cmpDidUpdate: !0,\n  cmpDidRender: !0,\n  cmpWillLoad: !0,\n  cmpWillUpdate: !0,\n  cmpWillRender: !0,\n  connectedCallback: !0,\n  disconnectedCallback: !0,\n  element: !0,\n  event: !0,\n  hasRenderFn: !0,\n  lifecycle: !0,\n  hostListener: !0,\n  hostListenerTargetWindow: !0,\n  hostListenerTargetDocument: !0,\n  hostListenerTargetBody: !0,\n  hostListenerTargetParent: !1,\n  hostListenerTarget: !0,\n  member: !0,\n  method: !0,\n  mode: !0,\n  observeAttribute: !0,\n  prop: !0,\n  propMutable: !0,\n  reflect: !0,\n  scoped: !0,\n  shadowDom: !0,\n  slot: !0,\n  cssAnnotations: !0,\n  state: !0,\n  style: !0,\n  formAssociated: !1,\n  svg: !0,\n  updatable: !0,\n  vdomAttribute: !0,\n  vdomXlink: !0,\n  vdomClass: !0,\n  vdomFunctional: !0,\n  vdomKey: !0,\n  vdomListener: !0,\n  vdomRef: !0,\n  vdomPropOrAttr: !0,\n  vdomRender: !0,\n  vdomStyle: !0,\n  vdomText: !0,\n  watchCallback: !0,\n  taskQueue: !0,\n  hotModuleReplacement: !1,\n  isDebug: !1,\n  isDev: !1,\n  isTesting: !1,\n  hydrateServerSide: !1,\n  hydrateClientSide: !1,\n  lifecycleDOMEvents: !1,\n  lazyLoad: !1,\n  profile: !1,\n  slotRelocation: !0,\n  // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior\n  appendChildSlotFix: !1,\n  // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior\n  cloneNodeFix: !1,\n  hydratedAttribute: !1,\n  hydratedClass: !0,\n  scriptDataOpts: !1,\n  // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior\n  scopedSlotTextContentFix: !1,\n  // TODO(STENCIL-854): Remove code related to legacy shadowDomShim field\n  shadowDomShim: !1,\n  // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior\n  slotChildNodesFix: !1,\n  invisiblePrehydration: !0,\n  propBoolean: !0,\n  propNumber: !0,\n  propString: !0,\n  constructableCSS: !0,\n  cmpShouldUpdate: !0,\n  devTools: !1,\n  shadowDelegatesFocus: !0,\n  initializeNextTick: !1,\n  asyncLoading: !1,\n  asyncQueue: !1,\n  transformTagName: !1,\n  attachStyles: !0,\n  // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior\n  experimentalSlotFixes: !1\n};\nlet T, F, m, D = !1, M = !1, _ = !1, h = !1;\nconst H = \"http://www.w3.org/1999/xlink\", C = {}, re = \"http://www.w3.org/2000/svg\", ie = \"http://www.w3.org/1999/xhtml\", ce = (t) => t != null, q = (t) => (t = typeof t, t === \"object\" || t === \"function\"), G = (t, e, ...n) => {\n  let s = null, l = null, r = null, o = !1, c = !1;\n  const i = [], d = (f) => {\n    for (let $ = 0; $ < f.length; $++)\n      s = f[$], Array.isArray(s) ? d(s) : s != null && typeof s != \"boolean\" && ((o = typeof t != \"function\" && !q(s)) && (s = String(s)), o && c ? i[i.length - 1].$text$ += s : i.push(o ? O(null, s) : s), c = o);\n  };\n  if (d(n), e) {\n    e.key && (l = e.key), e.name && (r = e.name);\n    {\n      const f = e.className || e.class;\n      f && (e.class = typeof f != \"object\" ? f : Object.keys(f).filter(($) => f[$]).join(\" \"));\n    }\n  }\n  if (typeof t == \"function\")\n    return t(e === null ? {} : e, i, $e);\n  const u = O(t, null);\n  return u.$attrs$ = e, i.length > 0 && (u.$children$ = i), u.$key$ = l, u.$name$ = r, u;\n}, O = (t, e) => {\n  const n = {\n    $flags$: 0,\n    $tag$: t,\n    $text$: e,\n    $elm$: null,\n    $children$: null\n  };\n  return n.$attrs$ = null, n.$key$ = null, n.$name$ = null, n;\n}, fe = {}, ae = (t) => t && t.$tag$ === fe, $e = {\n  forEach: (t, e) => t.map(P).forEach(e),\n  map: (t, e) => t.map(P).map(e).map(ue)\n}, P = (t) => ({\n  vattrs: t.$attrs$,\n  vchildren: t.$children$,\n  vkey: t.$key$,\n  vname: t.$name$,\n  vtag: t.$tag$,\n  vtext: t.$text$\n}), ue = (t) => {\n  if (typeof t.vtag == \"function\") {\n    const n = Object.assign({}, t.vattrs);\n    return t.vkey && (n.key = t.vkey), t.vname && (n.name = t.vname), G(t.vtag, n, ...t.vchildren || []);\n  }\n  const e = O(t.vtag, t.vtext);\n  return e.$attrs$ = t.vattrs, e.$children$ = t.vchildren, e.$key$ = t.vkey, e.$name$ = t.vname, e;\n}, U = (t, e, n, s, l, r) => {\n  if (n !== s) {\n    let o = I(t, e), c = e.toLowerCase();\n    if (e === \"class\") {\n      const i = t.classList, d = W(n), u = W(s);\n      i.remove(...d.filter((f) => f && !u.includes(f))), i.add(...u.filter((f) => f && !d.includes(f)));\n    } else if (e === \"style\") {\n      for (const i in n)\n        (!s || s[i] == null) && (i.includes(\"-\") ? t.style.removeProperty(i) : t.style[i] = \"\");\n      for (const i in s)\n        (!n || s[i] !== n[i]) && (i.includes(\"-\") ? t.style.setProperty(i, s[i]) : t.style[i] = s[i]);\n    } else if (e !== \"key\")\n      if (e === \"ref\")\n        s && s(t);\n      else if (!t.__lookupSetter__(e) && e[0] === \"o\" && e[1] === \"n\") {\n        if (e[2] === \"-\" ? e = e.slice(3) : I(N, c) ? e = c.slice(2) : e = c[2] + e.slice(3), n || s) {\n          const i = e.endsWith(K);\n          e = e.replace(pe, \"\"), n && x.rel(t, e, n, i), s && x.ael(t, e, s, i);\n        }\n      } else {\n        const i = q(s);\n        if ((o || i && s !== null) && !l)\n          try {\n            if (t.tagName.includes(\"-\"))\n              t[e] = s;\n            else {\n              const u = s ?? \"\";\n              e === \"list\" ? o = !1 : (n == null || t[e] != u) && (t[e] = u);\n            }\n          } catch {\n          }\n        let d = !1;\n        c !== (c = c.replace(/^xlink\\:?/, \"\")) && (e = c, d = !0), s == null || s === !1 ? (s !== !1 || t.getAttribute(e) === \"\") && (d ? t.removeAttributeNS(H, e) : t.removeAttribute(e)) : (!o || r & 4 || l) && !i && (s = s === !0 ? \"\" : s, d ? t.setAttributeNS(H, e, s) : t.setAttribute(e, s));\n      }\n  }\n}, de = /\\s/, W = (t) => t ? t.split(de) : [], K = \"Capture\", pe = new RegExp(K + \"$\"), Q = (t, e, n, s) => {\n  const l = e.$elm$.nodeType === 11 && e.$elm$.host ? e.$elm$.host : e.$elm$, r = t && t.$attrs$ || C, o = e.$attrs$ || C;\n  for (s in r)\n    s in o || U(l, s, r[s], void 0, n, e.$flags$);\n  for (s in o)\n    U(l, s, r[s], o[s], n, e.$flags$);\n}, j = (t, e, n, s) => {\n  const l = e.$children$[n];\n  let r = 0, o, c, i;\n  if (D || (_ = !0, l.$tag$ === \"slot\" && (T && s.classList.add(T + \"-s\"), l.$flags$ |= l.$children$ ? (\n    // slot element has fallback content\n    2\n  ) : (\n    // slot element does not have fallback content\n    1\n  ))), l.$text$ !== null)\n    o = l.$elm$ = R.createTextNode(l.$text$);\n  else if (l.$flags$ & 1)\n    o = l.$elm$ = R.createTextNode(\"\");\n  else {\n    if (h || (h = l.$tag$ === \"svg\"), o = l.$elm$ = R.createElementNS(h ? re : ie, l.$flags$ & 2 ? \"slot-fb\" : l.$tag$), h && l.$tag$ === \"foreignObject\" && (h = !1), Q(null, l, h), ce(T) && o[\"s-si\"] !== T && o.classList.add(o[\"s-si\"] = T), l.$children$)\n      for (r = 0; r < l.$children$.length; ++r)\n        c = j(t, l, r, o), c && o.appendChild(c);\n    l.$tag$ === \"svg\" ? h = !1 : o.tagName === \"foreignObject\" && (h = !0);\n  }\n  return o[\"s-hn\"] = m, l.$flags$ & 3 && (o[\"s-sr\"] = !0, o[\"s-cr\"] = F, o[\"s-sn\"] = l.$name$ || \"\", i = t && t.$children$ && t.$children$[n], i && i.$tag$ === l.$tag$ && t.$elm$ && L(t.$elm$, !1)), o;\n}, L = (t, e) => {\n  x.$flags$ |= 1;\n  const n = t.childNodes;\n  for (let s = n.length - 1; s >= 0; s--) {\n    const l = n[s];\n    l[\"s-hn\"] !== m && l[\"s-ol\"] && (Z(l).insertBefore(l, B(l)), l[\"s-ol\"].remove(), l[\"s-ol\"] = void 0, l[\"s-sh\"] = void 0, _ = !0), e && L(l, e);\n  }\n  x.$flags$ &= -2;\n}, J = (t, e, n, s, l, r) => {\n  let o = t[\"s-cr\"] && t[\"s-cr\"].parentNode || t, c;\n  for (o.shadowRoot && o.tagName === m && (o = o.shadowRoot); l <= r; ++l)\n    s[l] && (c = j(null, n, l, t), c && (s[l].$elm$ = c, o.insertBefore(c, B(e))));\n}, Y = (t, e, n) => {\n  for (let s = e; s <= n; ++s) {\n    const l = t[s];\n    if (l) {\n      const r = l.$elm$;\n      ee(l), r && (M = !0, r[\"s-ol\"] ? r[\"s-ol\"].remove() : L(r, !0), r.remove());\n    }\n  }\n}, ge = (t, e, n, s, l = !1) => {\n  let r = 0, o = 0, c = 0, i = 0, d = e.length - 1, u = e[0], f = e[d], $ = s.length - 1, a = s[0], p = s[$], v, y;\n  for (; r <= d && o <= $; )\n    if (u == null)\n      u = e[++r];\n    else if (f == null)\n      f = e[--d];\n    else if (a == null)\n      a = s[++o];\n    else if (p == null)\n      p = s[--$];\n    else if (A(u, a, l))\n      k(u, a, l), u = e[++r], a = s[++o];\n    else if (A(f, p, l))\n      k(f, p, l), f = e[--d], p = s[--$];\n    else if (A(u, p, l))\n      (u.$tag$ === \"slot\" || p.$tag$ === \"slot\") && L(u.$elm$.parentNode, !1), k(u, p, l), t.insertBefore(u.$elm$, f.$elm$.nextSibling), u = e[++r], p = s[--$];\n    else if (A(f, a, l))\n      (u.$tag$ === \"slot\" || p.$tag$ === \"slot\") && L(f.$elm$.parentNode, !1), k(f, a, l), t.insertBefore(f.$elm$, u.$elm$), f = e[--d], a = s[++o];\n    else {\n      for (c = -1, i = r; i <= d; ++i)\n        if (e[i] && e[i].$key$ !== null && e[i].$key$ === a.$key$) {\n          c = i;\n          break;\n        }\n      c >= 0 ? (y = e[c], y.$tag$ !== a.$tag$ ? v = j(e && e[o], n, c, t) : (k(y, a, l), e[c] = void 0, v = y.$elm$), a = s[++o]) : (v = j(e && e[o], n, o, t), a = s[++o]), v && Z(u.$elm$).insertBefore(v, B(u.$elm$));\n    }\n  r > d ? J(t, s[$ + 1] == null ? null : s[$ + 1].$elm$, n, s, o, $) : o > $ && Y(e, r, d);\n}, A = (t, e, n = !1) => t.$tag$ === e.$tag$ ? t.$tag$ === \"slot\" ? t.$name$ === e.$name$ : n ? !0 : t.$key$ === e.$key$ : !1, B = (t) => t && t[\"s-ol\"] || t, Z = (t) => (t[\"s-ol\"] ? t[\"s-ol\"] : t).parentNode, k = (t, e, n = !1) => {\n  const s = e.$elm$ = t.$elm$, l = t.$children$, r = e.$children$, o = e.$tag$, c = e.$text$;\n  let i;\n  c === null ? (h = o === \"svg\" ? !0 : o === \"foreignObject\" ? !1 : h, o === \"slot\" && !D || Q(t, e, h), l !== null && r !== null ? ge(s, l, e, r, n) : r !== null ? (t.$text$ !== null && (s.textContent = \"\"), J(s, null, e, r, 0, r.length - 1)) : l !== null && Y(l, 0, l.length - 1), h && o === \"svg\" && (h = !1)) : (i = s[\"s-cr\"]) ? i.parentNode.textContent = c : t.$text$ !== c && (s.data = c);\n}, w = (t) => {\n  const e = t.childNodes;\n  for (const n of e)\n    if (n.nodeType === 1) {\n      if (n[\"s-sr\"]) {\n        const s = n[\"s-sn\"];\n        n.hidden = !1;\n        for (const l of e)\n          if (l !== n) {\n            if (l[\"s-hn\"] !== n[\"s-hn\"] || s !== \"\") {\n              if (l.nodeType === 1 && (s === l.getAttribute(\"slot\") || s === l[\"s-sn\"])) {\n                n.hidden = !0;\n                break;\n              }\n            } else if (l.nodeType === 1 || l.nodeType === 3 && l.textContent.trim() !== \"\") {\n              n.hidden = !0;\n              break;\n            }\n          }\n      }\n      w(n);\n    }\n}, S = [], V = (t) => {\n  let e, n, s;\n  for (const l of t.childNodes) {\n    if (l[\"s-sr\"] && (e = l[\"s-cr\"]) && e.parentNode) {\n      n = e.parentNode.childNodes;\n      const r = l[\"s-sn\"];\n      for (s = n.length - 1; s >= 0; s--)\n        if (e = n[s], !e[\"s-cn\"] && !e[\"s-nr\"] && e[\"s-hn\"] !== l[\"s-hn\"] && !X.experimentalSlotFixes)\n          if (z(e, r)) {\n            let o = S.find((c) => c.$nodeToRelocate$ === e);\n            M = !0, e[\"s-sn\"] = e[\"s-sn\"] || r, o ? (o.$nodeToRelocate$[\"s-sh\"] = l[\"s-hn\"], o.$slotRefNode$ = l) : (e[\"s-sh\"] = l[\"s-hn\"], S.push({\n              $slotRefNode$: l,\n              $nodeToRelocate$: e\n            })), e[\"s-sr\"] && S.map((c) => {\n              z(c.$nodeToRelocate$, e[\"s-sn\"]) && (o = S.find((i) => i.$nodeToRelocate$ === e), o && !c.$slotRefNode$ && (c.$slotRefNode$ = o.$slotRefNode$));\n            });\n          } else\n            S.some((o) => o.$nodeToRelocate$ === e) || S.push({\n              $nodeToRelocate$: e\n            });\n    }\n    l.nodeType === 1 && V(l);\n  }\n}, z = (t, e) => t.nodeType === 1 ? t.getAttribute(\"slot\") === null && e === \"\" || t.getAttribute(\"slot\") === e : t[\"s-sn\"] === e ? !0 : e === \"\", ee = (t) => {\n  t.$attrs$ && t.$attrs$.ref && t.$attrs$.ref(null), t.$children$ && t.$children$.map(ee);\n}, he = (t, e, n = !1) => {\n  var s, l, r, o, c;\n  const i = t.$hostElement$, d = t.$cmpMeta$, u = t.$vnode$ || O(null, null), f = ae(e) ? e : G(null, null, e);\n  if (m = i.tagName, d.$attrsToReflect$ && (f.$attrs$ = f.$attrs$ || {}, d.$attrsToReflect$.map(([$, a]) => f.$attrs$[a] = i[$])), n && f.$attrs$)\n    for (const $ of Object.keys(f.$attrs$))\n      i.hasAttribute($) && ![\"key\", \"ref\", \"style\", \"class\"].includes($) && (f.$attrs$[$] = i[$]);\n  f.$tag$ = null, f.$flags$ |= 4, t.$vnode$ = f, f.$elm$ = u.$elm$ = i.shadowRoot || i, T = i[\"s-sc\"], D = (d.$flags$ & 1) !== 0, F = i[\"s-cr\"], M = !1, k(u, f, n);\n  {\n    if (x.$flags$ |= 1, _) {\n      V(f.$elm$);\n      for (const $ of S) {\n        const a = $.$nodeToRelocate$;\n        if (!a[\"s-ol\"]) {\n          const p = R.createTextNode(\"\");\n          p[\"s-nr\"] = a, a.parentNode.insertBefore(a[\"s-ol\"] = p, a);\n        }\n      }\n      for (const $ of S) {\n        const a = $.$nodeToRelocate$, p = $.$slotRefNode$;\n        if (p) {\n          const v = p.parentNode;\n          let y = p.nextSibling;\n          {\n            let E = (s = a[\"s-ol\"]) === null || s === void 0 ? void 0 : s.previousSibling;\n            for (; E; ) {\n              let b = (l = E[\"s-nr\"]) !== null && l !== void 0 ? l : null;\n              if (b && b[\"s-sn\"] === a[\"s-sn\"] && v === b.parentNode && (b = b.nextSibling, !b || !b[\"s-nr\"])) {\n                y = b;\n                break;\n              }\n              E = E.previousSibling;\n            }\n          }\n          (!y && v !== a.parentNode || a.nextSibling !== y) && a !== y && (!a[\"s-hn\"] && a[\"s-ol\"] && (a[\"s-hn\"] = a[\"s-ol\"].parentNode.nodeName), v.insertBefore(a, y), a.nodeType === 1 && (a.hidden = (r = a[\"s-ih\"]) !== null && r !== void 0 ? r : !1));\n        } else\n          a.nodeType === 1 && (n && (a[\"s-ih\"] = (o = a.hidden) !== null && o !== void 0 ? o : !1), a.hidden = !0);\n      }\n    }\n    M && w(f.$elm$), x.$flags$ &= -2, S.length = 0;\n  }\n  if (X.experimentalScopedSlotChanges && d.$flags$ & 2)\n    for (const $ of f.$elm$.childNodes)\n      $[\"s-hn\"] !== m && !$[\"s-sh\"] && (n && $[\"s-ih\"] == null && ($[\"s-ih\"] = (c = $.hidden) !== null && c !== void 0 ? c : !1), $.hidden = !0);\n  F = void 0;\n}, I = (t, e) => e in t, N = typeof window < \"u\" ? window : {}, R = N.document || { head: {} };\nN.HTMLElement;\nconst x = {\n  $flags$: 0,\n  $resourcesUrl$: \"\",\n  jmp: (t) => t(),\n  raf: (t) => requestAnimationFrame(t),\n  ael: (t, e, n, s) => t.addEventListener(e, n, s),\n  rel: (t, e, n, s) => t.removeEventListener(e, n, s),\n  ce: (t, e) => new CustomEvent(t, e)\n}, ye = (t, e, n) => {\n  [null, void 0, \"\", !1].includes(n) || [\"innerHTML\", \"style\"].includes(e) || t.setAttribute(e, [\"object\", \"function\"].includes(typeof n) ? \"/!\\\\ Object props are not rendered in the code example\" : n);\n}, te = (t, e, n, s, l) => {\n  if (e && typeof e == \"string\") {\n    const r = document.createElement(e);\n    Object.keys(n || {}).forEach((o) => {\n      ye(r, o, n[o]);\n    }), s == null || s.forEach((o) => {\n      te(r, o.$tag$, o.$attrs$, o.$children$, o.$text$);\n    }), n != null && n.innerHTML && (r.innerHTML = n.innerHTML), t.appendChild(r);\n  }\n  l && (t.innerHTML = l);\n}, xe = (t, e) => {\n  const n = {};\n  if (typeof t != \"object\")\n    throw new Error(\"filterArgs - args isn't an object.\");\n  for (const s in t)\n    if (!s.startsWith(\"slot\")) {\n      const l = t[s], r = s.replace(/([a-z])([A-Z])/g, \"$1-$2\").toLowerCase();\n      (!e || !Object.keys(e).includes(s) || e[s] !== l) && (n[r] = l);\n    }\n  return n;\n}, me = (t, e) => {\n  var s, l;\n  const n = document.getElementById(\"storybook-root\");\n  if (n)\n    return (l = document.querySelector(\"[lang]\")) == null || l.setAttribute(\"lang\", ((s = e.globals) == null ? void 0 : s.locale) || \"en\"), he(\n      {\n        $ancestorComponent$: void 0,\n        $flags$: 0,\n        $modeName$: void 0,\n        $cmpMeta$: {\n          $flags$: 0,\n          $tagName$: n.tagName\n        },\n        $hostElement$: n\n      },\n      t(e)\n    ), n.children[n.children.length - 1];\n}, Le = ({ $tag$: t, $attrs$: e, $children$: n, $text$: s }) => {\n  const l = document.createElement(\"div\");\n  return te(l, t, e, n, s), l.innerHTML;\n}, Ee = (t) => {\n  const e = { value: \"2023\", pattern: \"yyyy\" }, n = { value: \"12\", pattern: \"mm\" }, s = { value: \"24\", pattern: \"dd\" };\n  return be([e.value, n.value, s.value].join(\"-\"), t).replace(e.value, e.pattern).replace(n.value, n.pattern).replace(s.value, s.pattern);\n}, Ae = (t) => t.toISOString().split(\"T\")[0], ve = (t, e, n) => {\n  const s = t.closest(\"[lang]\"), l = Intl.NumberFormat.supportedLocalesOf(s == null ? void 0 : s.lang), r = l.length > 0 && typeof l[0] == \"string\" ? l[0] : navigator.language || n, o = r.split(\"-\").shift();\n  return {\n    locale: r,\n    messages: e[o] || e[n]\n  };\n}, Re = (t, e, n) => new Intl.NumberFormat(e, { style: \"currency\", currency: n }).format(t), Me = (t, e) => new Intl.NumberFormat(e).format(t), Se = /^\\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01])$/, be = (t, e) => typeof t != \"string\" || t === \"\" || !Se.test(t) ? \"\" : new Intl.DateTimeFormat(e).format(new Date(t)), Oe = (t, e) => (n) => ve(n, t, e), je = (t = \"\", e = 10) => {\n  const n = new Uint8Array(e);\n  crypto.getRandomValues(n);\n  const s = Array.from(n).map((l) => l.toString(16).padStart(2, \"0\")).join(\"\").slice(0, e);\n  return t !== \"\" ? `${t}-${s}` : s;\n};\nclass Fe {\n  constructor(e = []) {\n    /**\n     * Available classes\n     */\n    g(this, \"classes\");\n    /**\n     * Add class\n     * @param className - class name to add\n     */\n    g(this, \"add\", (e) => {\n      this.has(e) || this.classes.push(e);\n    });\n    /**\n     * Delete class\n     * @param className - class name to delete\n     */\n    g(this, \"delete\", (e) => {\n      const n = this.classes.indexOf(e);\n      n > -1 && this.classes.splice(n, 1);\n    });\n    /**\n     * Check if class exist in list\n     * @param className - class name to check\n     * @returns class name is in the list\n     */\n    g(this, \"has\", (e) => this.classes.includes(e));\n    /**\n     * Join classes seperated by spaces\n     * @returns joined values\n     */\n    g(this, \"join\", () => this.classes.join(\" \"));\n    this.classes = e;\n  }\n}\nconst De = (t) => Array.isArray(t) && t.every((e) => typeof e == \"string\"), _e = (t, e) => e.includes(t == null ? void 0 : t.tagName.toLowerCase()), Be = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"]), [identifier], mg-button', Ne = (t) => {\n  const e = se(t), n = ne(t);\n  return [t, ...e, ...n];\n}, se = (t, e = []) => {\n  if (t.self !== t.top)\n    try {\n      const n = t.parent;\n      return n ? (e.push(n), se(n, e)) : e;\n    } catch (n) {\n      return console.error(\"Different hosts between iframes:\", n), e;\n    }\n  return e;\n}, ne = (t, e = []) => {\n  if (t.frames.length > 0)\n    for (const n of Array.from(t.frames))\n      e.push(n), ne(n, e);\n  return e;\n}, He = (t) => typeof t == \"string\" && t.trim() !== \"\", Ce = (t) => typeof t == \"string\" ? t.toLocaleLowerCase().normalize(\"NFD\").replaceAll(/[\\u0300-\\u036f]/g, \"\") : t, Pe = async (t) => t(), Ue = ({ disconnect: t, observe: e, takeRecords: n }) => {\n  class s {\n    constructor(r) {\n      /**\n       *\n       */\n      g(this, \"disconnect\", t);\n      /**\n       *\n       */\n      g(this, \"observe\", e);\n      /**\n       *\n       */\n      g(this, \"takeRecords\", n);\n      /**\n       *\n       */\n      g(this, \"cb\");\n      this.cb = r;\n    }\n  }\n  return [window, global].forEach((l) => {\n    Object.defineProperty(l, \"MutationObserver\", {\n      writable: !0,\n      configurable: !0,\n      value: s\n    });\n  }), s;\n}, We = ({ disconnect: t, observe: e }) => {\n  class n {\n    constructor(l) {\n      /**\n       *\n       */\n      g(this, \"disconnect\", t);\n      /**\n       *\n       */\n      g(this, \"observe\", e);\n      /**\n       *\n       */\n      g(this, \"unobserve\");\n      /**\n       *\n       */\n      g(this, \"cb\");\n      this.cb = l;\n    }\n  }\n  return [window, global].forEach((s) => {\n    Object.defineProperty(s, \"ResizeObserver\", {\n      writable: !0,\n      configurable: !0,\n      value: n\n    });\n  }), n;\n};\nclass Te extends Event {\n  constructor() {\n    super(...arguments);\n    /**\n     *\n     */\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    g(this, \"detail\");\n  }\n}\nconst ze = () => {\n  class t extends Te {\n  }\n  return [window, global].forEach((e) => {\n    Object.defineProperty(e, \"SubmitEvent\", {\n      writable: !0,\n      configurable: !0,\n      value: t\n    });\n  }), t;\n};\nexport {\n  Fe as ClassList,\n  De as allItemsAreString,\n  Ce as cleanString,\n  je as createID,\n  Se as dateRegExp,\n  Ae as dateToString,\n  Oe as defineLocales,\n  xe as filterArgs,\n  Be as focusableElements,\n  Ee as getLocaleDatePattern,\n  se as getParentWindows,\n  Le as getStoryHTML,\n  Ne as getWindows,\n  _e as isTagName,\n  He as isValidString,\n  Re as localeCurrency,\n  be as localeDate,\n  Me as localeNumber,\n  Pe as nextTick,\n  Ue as setupMutationObserverMock,\n  We as setupResizeObserverMock,\n  ze as setupSubmitEventMock,\n  me as stencilWrapper\n};\n//# sourceMappingURL=index.es.js.map\n","import en from './en/messages.json';\nimport fr from './fr/messages.json';\nimport { defineLocales } from '@mgdis/stencil-helpers';\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"],"mappings":"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"}

package/dist/mg-components/p-568c9ea9.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["isMgItemMore","element","nodeName","OverflowBehaviorElements","OverflowBehavior","constructor","render","this","disconnect","_resizeObserver","run","width","_moreElement","undefined","_baseChildren","getInteractiveItems","_proxyChildren","shadowRoot","querySelector","forEach","child","index","setAttribute","BASE_INDEX","PROXY_INDEX","updateDisplayedItems","_a","children","length","Array","from","filter","includes","availableWidth","restoreItems","acc","accWidth","previousItem","offsetWidth","hasPreviuosItem","isPreviousItemHidden","getAttribute","toggleItem","isMoreElement","isOverflowElement","cumulateWidth","item","previousElementSibling","nextElementSibling","isHidden","mgActionMenuindex","Number","toggleElement","removeAttribute","ResizeObserver","entries","entry","contentRect","observe","mgItemMoreCss","MgItemMoreStyle0","MgItemMore","name","canRenderMgMenuItemOverflowElement","renderMgMenuItemOverflowElement","parentMenuItems","moreElementMenuItem","appendChild","cloneNode","allMenuItem","parentMenu","querySelectorAll","proxy","addEventListener","navElement","HTMLButtonElement","HTMLAnchorElement","click","isValidString","id","event","detail","icon","display","validateIcon","newValue","Error","validateSlotLabel","label","slotlabel","messages","moreLabel","validateSize","componentWillLoad","initLocales","plusMenu","size","componentDidLoad","setTimeout","closest","componentDidUpdate","overflowBehavior","disconnectedCallback","h","Host","key","role","ref","el","slot","class","direction","Direction","VERTICAL"],"sources":["src/utils/behaviors.utils.ts","../styles/dist/components/mg-item-more.css?tag=mg-item-more&encapsulation=shadow","src/components/molecules/mg-item-more/mg-item-more.tsx"],"sourcesContent":["/**\n * MgItemMore type guard\n * @param element - element to control type\n * @returns truthy if element is mg-item-more\n */\nconst isMgItemMore = (element: HTMLElement): element is HTMLMgItemMoreElement => element.nodeName === 'MG-ITEM-MORE';\n\nexport enum OverflowBehaviorElements {\n  BASE_INDEX = 'data-overflow-base-index',\n  PROXY_INDEX = 'data-overflow-proxy-index',\n}\n\nexport class OverflowBehavior {\n  // variables\n  private _resizeObserver: ResizeObserver;\n  private _moreElement: HTMLElement;\n  private _baseChildren: Element[];\n  private _proxyChildren: Element[];\n\n  constructor(\n    private element: Element,\n    private render: () => HTMLElement,\n  ) {\n    if (this._resizeObserver === undefined) {\n      // add resize observer\n      this._resizeObserver = new ResizeObserver(entries => {\n        entries.forEach(entry => {\n          this.run(entry.contentRect.width);\n        });\n      });\n      this._resizeObserver.observe(this.element);\n    }\n    this.run();\n  }\n\n  /**********\n   * Public *\n   **********/\n\n  /**\n   * Disconnect ResizeObserver\n   */\n  public disconnect = (): void => {\n    this._resizeObserver.disconnect();\n  };\n\n  /************\n   * Internal *\n   ************/\n\n  /**\n   * run overflow behavior\n   * @param width - width of the container. Optional.\n   */\n  private run = (width?: number): void => {\n    if (this._moreElement === undefined) {\n      // set moreElement\n      this._moreElement = this.render();\n\n      // set children\n      this._baseChildren = this.getInteractiveItems(this.element);\n      if (isMgItemMore(this._moreElement)) {\n        this._proxyChildren = this.getInteractiveItems(this._moreElement.shadowRoot.querySelector('mg-menu'));\n      }\n\n      // update children\n      this._baseChildren.forEach((child, index) => {\n        child.setAttribute(OverflowBehaviorElements.BASE_INDEX, `${index}`);\n        // set moreElement children\n        this._proxyChildren[index].setAttribute(OverflowBehaviorElements.PROXY_INDEX, `${index}`);\n      });\n    }\n\n    if (width !== undefined) this.updateDisplayedItems(width);\n  };\n\n  /**\n   * Get interactive children filtred by authorized nodeName ['MG-MENU-ITEM', 'MG-BUTTON']\n   * @param element - element to parse\n   * @returns children\n   */\n  private getInteractiveItems = (element: Element) =>\n    (element.children?.length > 0 ? Array.from(element.children) : []).filter(element => ['MG-MENU-ITEM', 'MG-BUTTON'].includes(element.nodeName));\n\n  /**\n   * Update displayed items in container from a given available space\n   * @param availableWidth - available width in container to display child items\n   */\n  private updateDisplayedItems = (availableWidth: number): void => {\n    this.restoreItems();\n    const acc = { accWidth: 0, previousItem: null };\n    [...this._baseChildren, this._moreElement].forEach((child: HTMLMgMenuItemElement | HTMLMgItemMoreElement) => {\n      acc.accWidth += child.offsetWidth;\n      const hasPreviuosItem = acc.previousItem !== null;\n      const isPreviousItemHidden = hasPreviuosItem && acc.previousItem.getAttribute('hidden') !== null;\n      // if previous item is hidden AND is NOT more element we hidde current\n      // OR if item has an overflow we hidde current\n      // OR if current item is more element AND have NOT previous hidden items, current more element item is an hidden item\n      // ELSE current is a display item\n      this.toggleItem(\n        child,\n        (isPreviousItemHidden && !this.isMoreElement(child)) || this.isOverflowElement(acc.accWidth, child, availableWidth) || (this.isMoreElement(child) && !isPreviousItemHidden),\n      );\n\n      // update previous item with current item\n      acc.previousItem = child;\n    });\n  };\n\n  /**\n   * Utility method to know if item overflow partialy or totaly in the container\n   * @param cumulateWidth - previous sibling elements cumulate width + item width\n   * @param item - item HTML element\n   * @param availableWidth - container available width\n   * @returns truthy if element is overflow\n   */\n  private isOverflowElement = (cumulateWidth: number, item: HTMLElement, availableWidth: number): boolean => {\n    if (item.previousElementSibling === null || this.isMoreElement(item)) return false;\n    else if (!this.isMoreElement(item.nextElementSibling)) return cumulateWidth + this._moreElement.offsetWidth > availableWidth;\n    else return cumulateWidth > availableWidth;\n  };\n\n  /**\n   * Utility method to know if a given element is the 'MORE' element\n   * @param element - element to match with 'MORE' element\n   * @returns truthy if element is the 'MORE' element\n   */\n  private isMoreElement = (element: Element): boolean => element.nodeName === 'MG-ITEM-MORE';\n\n  /**\n   * Toggle display item element\n   * @param item - item to control\n   * @param isHidden - is item hidden\n   */\n  private toggleItem = (item: HTMLElement, isHidden: boolean): void => {\n    const mgActionMenuindex = Number(item.getAttribute(OverflowBehaviorElements.BASE_INDEX));\n    if (this.isMoreElement(item)) this.toggleElement(this._moreElement, isHidden);\n    else if (mgActionMenuindex >= 0) {\n      this.toggleElement(item, isHidden);\n      this.toggleElement(this._proxyChildren[mgActionMenuindex], !isHidden);\n    }\n  };\n\n  /**\n   * Toggle element's hidde attribute\n   * @param element - element to toggle\n   * @param isHidden - element is hidden\n   */\n  private toggleElement = (element: Element, isHidden: boolean): void => {\n    if (isHidden) element.setAttribute('hidden', '');\n    else element.removeAttribute('hidden');\n  };\n\n  /**\n   * Remove hidden attributes on all items\n   */\n  private restoreItems = (): void => {\n    [...this._baseChildren, this._moreElement].forEach(item => item.removeAttribute('hidden'));\n  };\n}\n",".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:not([hidden]){display:flex}/*# sourceMappingURL=mg-item-more.css.map */\n","import { Component, h, Prop, Element, Host, Watch, State } from '@stencil/core';\nimport { initLocales } from '../../../locales';\nimport { OverflowBehavior } from '../../../utils/behaviors.utils';\nimport { Direction } from '../menu/mg-menu/mg-menu.conf';\nimport type { IconType, MessageType, SizeType, SlotLabelType } from './mg-item-more.conf';\nimport { isValidString } from '@mgdis/stencil-helpers';\n\n@Component({\n  tag: 'mg-item-more',\n  styleUrl: '../../../../node_modules/@mgdis/styles/dist/components/mg-item-more.css',\n  shadow: true,\n})\nexport class MgItemMore {\n  /************\n   * Internal *\n   ************/\n  private readonly name = 'mg-item-more';\n  private messages: MessageType;\n  private parentMenuItems: HTMLMgMenuItemElement[];\n  private moreElementMenuItem: HTMLMgMenuItemElement;\n  private overflowBehavior: OverflowBehavior;\n  private canRenderMgMenuItemOverflowElement = true;\n\n  /**************\n   * Decorators *\n   **************/\n\n  /**\n   * Get component DOM element\n   */\n  @Element() element: HTMLMgItemMoreElement;\n\n  /**\n   * Define icon\n   */\n  @Prop() icon: IconType = { icon: 'ellipsis-vertical' };\n  @Watch('icon')\n  validateIcon(newValue: MgItemMore['icon']): void {\n    if (typeof newValue !== 'object' || (typeof newValue === 'object' && typeof newValue.icon !== 'string'))\n      throw new Error(`<${this.name}> prop \"icon\" must match MgItemMore['icon'] type.`);\n  }\n\n  /**\n   * Define slot label element\n   */\n  @Prop() slotlabel: SlotLabelType = { display: false };\n  @Watch('slotlabel')\n  validateSlotLabel(newValue: MgItemMore['slotlabel']): void {\n    if (typeof newValue !== 'object' || (typeof newValue === 'object' && typeof newValue.display !== 'boolean'))\n      throw new Error(`<${this.name}> prop \"slotlabel\" must match MgItemMore['slotlabel'] type.`);\n    else if (typeof newValue.label !== 'string') this.slotlabel.label = this.messages.moreLabel;\n  }\n\n  /**\n   * Define component child menu size.\n   */\n  @Prop() size: SizeType;\n  @Watch('size')\n  validateSize(newValue: MgItemMore['size']): void {\n    if (newValue && typeof newValue !== 'string') throw new Error(`<${this.name}> prop \"size\" must match MgItemMore['size'] type.`);\n  }\n\n  /**\n   * Define component parent menu.\n   */\n  @State() parentMenu: HTMLMgMenuElement;\n\n  /***********\n   * Methods *\n   ***********/\n\n  /**\n   * render mg-item-more overflow element\n   * @returns mg-item-more element\n   */\n  private renderMgMenuItemOverflowElement = (): HTMLMgItemMoreElement => {\n    // create menu items proxy element from item clones\n    this.parentMenuItems.forEach((child: HTMLMgMenuItemElement) => {\n      this.moreElementMenuItem.querySelector('mg-menu').appendChild(child.cloneNode(true));\n    });\n\n    const allMenuItem = Array.from(this.parentMenu.querySelectorAll('mg-menu-item:not([data-overflow-more])'));\n\n    Array.from(this.moreElementMenuItem.querySelectorAll('mg-menu-item:not([data-overflow-more])')).forEach((proxy, index) => {\n      // manage click on proxy to mirror it on initial element\n      proxy.addEventListener('click', () => {\n        // be carefull to use element.click() method instead of dispatchEvent to ensure bubbles outside shadowDom\n        const navElement = allMenuItem[index].shadowRoot.querySelector('a, button');\n        if (navElement instanceof HTMLButtonElement || navElement instanceof HTMLAnchorElement) navElement.click();\n      });\n\n      // add id suffix to prevent duplicate key. default html id is: '';\n      if (isValidString(proxy.id)) proxy.id = `${proxy.id}-proxy`;\n\n      // manage status change miror in proxy\n      allMenuItem[index].addEventListener('status-change', (event: CustomEvent) => {\n        proxy.setAttribute('status', event.detail);\n      });\n    });\n\n    return this.element;\n  };\n\n  /*************\n   * Lifecycle *\n   *************/\n\n  /**\n   * Set variables and validate props\n   */\n  componentWillLoad(): void {\n    // init variables\n    this.messages = (initLocales(this.element).messages as { plusMenu: MessageType }).plusMenu;\n\n    // validate props\n    this.validateIcon(this.icon);\n    this.validateSlotLabel(this.slotlabel);\n    this.validateSize(this.size);\n  }\n\n  /**\n   * Ensure parent DOM is fully rendered with timeout method before parse elements\n   */\n  componentDidLoad(): ReturnType<typeof setTimeout> {\n    // ensure parent menu is fully rendered\n    return setTimeout(() => {\n      this.parentMenu = this.element.closest('mg-menu');\n    });\n  }\n\n  /**\n   * Set OverflowBehavior when parentMenu state is upate AND defined\n   */\n  componentDidUpdate(): void {\n    if (this.parentMenu && this.canRenderMgMenuItemOverflowElement) {\n      this.parentMenuItems = Array.from(this.parentMenu.children).filter(item => item.nodeName === 'MG-MENU-ITEM') as HTMLMgMenuItemElement[];\n      this.overflowBehavior = new OverflowBehavior(this.parentMenu, this.renderMgMenuItemOverflowElement);\n      this.canRenderMgMenuItemOverflowElement = false;\n    }\n  }\n\n  /**\n   * Disconnect overflow ResizeObserver\n   */\n  disconnectedCallback(): void {\n    this.overflowBehavior?.disconnect();\n  }\n\n  /**\n   * Render\n   * @returns HTML Element\n   */\n  render(): HTMLElement {\n    return (\n      <Host role=\"listitem\">\n        {this.parentMenu && (\n          <mg-menu-item\n            data-overflow-more\n            data-size={this.parentMenu.size}\n            ref={el => {\n              if (el) this.moreElementMenuItem = el;\n            }}\n          >\n            <mg-icon icon={this.icon.icon} slot=\"image\"></mg-icon>\n            <span class={{ 'mg-u-visually-hidden': !this.slotlabel.display }} slot=\"label\">\n              {this.slotlabel.label}\n            </span>\n            <mg-menu direction={Direction.VERTICAL} label={this.messages.moreLabel} size={this.size}></mg-menu>\n          </mg-menu-item>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}