@mgdis/mg-components 6.5.0 → 6.6.1

package/dist/components/index.es.js

@@ -1,30 +1,30 @@
 var he = Object.defineProperty;
-var ye = (e, t, s) => t in e ? he(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
-var g = (e, t, s) => ye(e, typeof t != "symbol" ? t + "" : t, s);
+var ve = (e, t, s) => t in e ? he(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;
+var p = (e, t, s) => ve(e, typeof t != "symbol" ? t + "" : t, s);
 const Ge = (e = "", t = 10) => {
   const s = new Uint8Array(t);
   crypto.getRandomValues(s);
   const r = Array.from(s).map((n) => n.toString(16).padStart(2, "0")).join("").slice(0, t);
   return e !== "" ? `${e}-${r}` : r;
 }, Xe = (e) => me(e) && /^([a-z][a-z0-9]*)(-[a-z0-9]+)*$/.exec(e) !== null;
-class Ke {
+class Ze {
   constructor(t = []) {
     /**
      * Available classes
      */
-    g(this, "classes");
+    p(this, "classes");
     /**
      * Add class
      * @param className - class name to add
      */
-    g(this, "add", (t) => {
+    p(this, "add", (t) => {
       this.has(t) || this.classes.push(t);
     });
     /**
      * Delete class
      * @param className - class name to delete
      */
-    g(this, "delete", (t) => {
+    p(this, "delete", (t) => {
       const s = this.classes.indexOf(t);
       s > -1 && this.classes.splice(s, 1);
     });
@@ -33,43 +33,42 @@ class Ke {
      * @param className - class name to check
      * @returns class name is in the list
      */
-    g(this, "has", (t) => this.classes.includes(t));
+    p(this, "has", (t) => this.classes.includes(t));
     /**
      * Join classes seperated by spaces
      * @returns joined values
      */
-    g(this, "join", () => this.classes.join(" "));
+    p(this, "join", () => this.classes.join(" "));
     this.classes = t;
   }
 }
-const Qe = (e) => Array.isArray(e) && e.every((t) => typeof t == "string"), Ze = (e, t) => t.includes(e == null ? void 0 : e.tagName.toLowerCase()), Je = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), [identifier], mg-button', Ye = (e) => {
-  const t = V(e), s = ee(e);
+const Je = (e) => Array.isArray(e) && e.every((t) => typeof t == "string"), Ke = (e, t) => t.includes(e == null ? void 0 : e.tagName.toLowerCase()), Qe = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"]), [identifier], mg-button', Ye = (e) => {
+  const t = Y(e), s = V(e);
   return [e, ...t, ...s];
-}, V = (e, t = []) => {
+}, Y = (e, t = []) => {
   if (e.self !== e.top)
     try {
       const s = e.parent;
-      return s ? (t.push(s), V(s, t)) : t;
+      return s ? (t.push(s), Y(s, t)) : t;
     } catch (s) {
       return console.error("Different hosts between iframes:", s), t;
     }
   return t;
-}, ee = (e, t = []) => {
+}, V = (e, t = []) => {
   if (e.frames.length > 0)
     for (const s of Array.from(e.frames))
-      t.push(s), ee(s, t);
+      t.push(s), V(s, t);
   return t;
 }, me = (e) => typeof e == "string" && e.trim() !== "", Ve = (e) => typeof e == "object" ? JSON.stringify(e) : `${e}`, et = (e) => typeof e == "number" && !Number.isNaN(e), tt = (e) => typeof e == "string" ? e.toLocaleLowerCase().normalize("NFD").replaceAll(/[\u0300-\u036f]/g, "") : e, st = async (e) => e();
 var be = Object.defineProperty, Se = (e, t) => {
   for (var s in t)
     be(e, s, { get: t[s], enumerable: !0 });
-};
-var Ae = {};
-Se(Ae, {
+}, _e = {};
+Se(_e, {
   err: () => se,
   map: () => Ee,
   ok: () => P,
-  unwrap: () => _e,
+  unwrap: () => Ae,
   unwrapErr: () => je
 });
 var P = (e) => ({
@@ -92,7 +91,7 @@ function Ee(e, t) {
   }
   throw "should never get here";
 }
-var _e = (e) => {
+var Ae = (e) => {
   if (e.isOk)
     return e.value;
   throw e.value;
@@ -103,8 +102,8 @@ var _e = (e) => {
 };
 const ft = (e) => {
   const t = { value: "2023", pattern: "yyyy" }, s = { value: "12", pattern: "mm" }, r = { value: "24", pattern: "dd" };
-  return We([t.value, s.value, r.value].join("-"), e, { timeZone: "UTC" }).replace(t.value, t.pattern).replace(s.value, s.pattern).replace(r.value, r.pattern);
-}, ut = (e) => e.toISOString().split("T")[0], Pe = (e, t, s) => {
+  return ze([t.value, s.value, r.value].join("-"), e, { timeZone: "UTC" }).replace(t.value, t.pattern).replace(s.value, s.pattern).replace(r.value, r.pattern);
+}, $t = (e) => e.toISOString().split("T")[0], Pe = (e, t, s) => {
   const r = e.closest("[lang]"), n = Intl.NumberFormat.supportedLocalesOf(r == null ? void 0 : r.lang), i = n.length > 0 && typeof n[0] == "string" ? n[0] : navigator.language || s, o = i.split("-").shift();
   return Object.keys(t).length === 0 ? {
     locale: i,
@@ -113,18 +112,18 @@ const ft = (e) => {
     locale: i,
     messages: t[o] || t[s] || { lang: s }
   };
-}, dt = (e, t, s) => new Intl.NumberFormat(t, { style: "currency", currency: s }).format(e), $t = (e, t, s = 0) => new Intl.NumberFormat(t, { minimumFractionDigits: s }).format(s > 0 ? Number(e == null ? void 0 : e.toFixed(s)) : e), pt = (e, t, s = 0) => new Intl.NumberFormat(t, {
+}, ut = (e, t, s) => new Intl.NumberFormat(t, { style: "currency", currency: s }).format(e), dt = (e, t, s = 0) => new Intl.NumberFormat(t, { minimumFractionDigits: s }).format(s > 0 ? Number(e == null ? void 0 : e.toFixed(s)) : e), gt = (e, t, s = 0) => new Intl.NumberFormat(t, {
   style: "percent",
   minimumFractionDigits: s,
   maximumFractionDigits: s
-}).format(e), gt = (e, t, s, r = "short", n = 0) => new Intl.NumberFormat(t, {
+}).format(e), pt = (e, t, s, r = "short", n = 0) => new Intl.NumberFormat(t, {
   style: "unit",
   unit: s,
   unitDisplay: r,
   minimumFractionDigits: n,
   maximumFractionDigits: n
-}).format(e), qe = /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/, We = (e, t, s) => typeof e != "string" || e === "" || !qe.test(e) ? "" : new Intl.DateTimeFormat(t, s).format(new Date(e)), ht = (e, t) => (s) => Pe(s, e, t);
+}).format(e), we = /^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\d|3[01])$/, ze = (e, t, s) => typeof e != "string" || e === "" || !we.test(e) ? "" : new Intl.DateTimeFormat(t, s).format(new Date(e)), ht = (e, t) => (s) => Pe(s, e, t);
 
-export { $t as $, Ge as G, Je as J, Ke as K, Qe as Q, Ve as V, We as W, Xe as X, Ye as Y, Ze as Z, dt as d, et as e, ft as f, gt as g, ht as h, me as m, pt as p, qe as q, st as s, tt as t, ut as u };
+export { $t as $, Ge as G, Je as J, Ke as K, Qe as Q, Ve as V, Xe as X, Ye as Y, Ze as Z, dt as d, et as e, ft as f, gt as g, ht as h, me as m, pt as p, st as s, tt as t, ut as u, we as w, ze as z };
 
 //# sourceMappingURL=index.es.js.map

package/dist/components/index.es.js.map

@@ -1 +1 @@
-{"file":"index.es.js","mappings":"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","names":[],"sources":["../stencil-helpers/dist/index.es.js"],"sourcesContent":["var he = Object.defineProperty;\nvar G = (e) => {\n  throw TypeError(e);\n};\nvar ye = (e, t, s) => t in e ? he(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;\nvar g = (e, t, s) => ye(e, typeof t != \"symbol\" ? t + \"\" : t, s), ve = (e, t, s) => t.has(e) || G(\"Cannot \" + s);\nvar T = (e, t, s) => (ve(e, t, \"read from private field\"), s ? s.call(e) : t.get(e)), B = (e, t, s) => t.has(e) ? G(\"Cannot add the same private member more than once\") : t instanceof WeakSet ? t.add(e) : t.set(e, s);\nconst Ge = (e = \"\", t = 10) => {\n  const s = new Uint8Array(t);\n  crypto.getRandomValues(s);\n  const r = Array.from(s).map((n) => n.toString(16).padStart(2, \"0\")).join(\"\").slice(0, t);\n  return e !== \"\" ? `${e}-${r}` : r;\n}, Xe = (e) => me(e) && /^([a-z][a-z0-9]*)(-[a-z0-9]+)*$/.exec(e) !== null;\nclass Ke {\n  constructor(t = []) {\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\", (t) => {\n      this.has(t) || this.classes.push(t);\n    });\n    /**\n     * Delete class\n     * @param className - class name to delete\n     */\n    g(this, \"delete\", (t) => {\n      const s = this.classes.indexOf(t);\n      s > -1 && this.classes.splice(s, 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\", (t) => this.classes.includes(t));\n    /**\n     * Join classes seperated by spaces\n     * @returns joined values\n     */\n    g(this, \"join\", () => this.classes.join(\" \"));\n    this.classes = t;\n  }\n}\nconst Qe = (e) => Array.isArray(e) && e.every((t) => typeof t == \"string\"), Ze = (e, t) => t.includes(e == null ? void 0 : e.tagName.toLowerCase()), Je = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"]), [identifier], mg-button', Ye = (e) => {\n  const t = V(e), s = ee(e);\n  return [e, ...t, ...s];\n}, V = (e, t = []) => {\n  if (e.self !== e.top)\n    try {\n      const s = e.parent;\n      return s ? (t.push(s), V(s, t)) : t;\n    } catch (s) {\n      return console.error(\"Different hosts between iframes:\", s), t;\n    }\n  return t;\n}, ee = (e, t = []) => {\n  if (e.frames.length > 0)\n    for (const s of Array.from(e.frames))\n      t.push(s), ee(s, t);\n  return t;\n}, me = (e) => typeof e == \"string\" && e.trim() !== \"\", Ve = (e) => typeof e == \"object\" ? JSON.stringify(e) : `${e}`, et = (e) => typeof e == \"number\" && !Number.isNaN(e), tt = (e) => typeof e == \"string\" ? e.toLocaleLowerCase().normalize(\"NFD\").replaceAll(/[\\u0300-\\u036f]/g, \"\") : e, st = async (e) => e();\nvar w = {\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  // TODO(STENCIL-1305): remove this option\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: !0,\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}, be = Object.defineProperty, Se = (e, t) => {\n  for (var s in t)\n    be(e, s, { get: t[s], enumerable: !0 });\n}, ke = \"http://www.w3.org/2000/svg\", Te = \"http://www.w3.org/1999/xhtml\", X = (e, t) => t in e, K = \"http://www.w3.org/1999/xlink\", z = typeof window < \"u\" ? window : {}, R = z.document || { head: {} };\nz.HTMLElement;\nvar A = {\n  $flags$: 0,\n  $resourcesUrl$: \"\",\n  jmp: (e) => e(),\n  raf: (e) => requestAnimationFrame(e),\n  ael: (e, t, s, r) => e.addEventListener(t, s, r),\n  rel: (e, t, s, r) => e.removeEventListener(t, s, r),\n  ce: (e, t) => new CustomEvent(e, t)\n}, xe = (e) => e != null && e !== void 0, te = (e) => (e = typeof e, e === \"object\" || e === \"function\"), Ae = {};\nSe(Ae, {\n  err: () => se,\n  map: () => Ee,\n  ok: () => P,\n  unwrap: () => _e,\n  unwrapErr: () => je\n});\nvar P = (e) => ({\n  isOk: !0,\n  isErr: !1,\n  value: e\n}), se = (e) => ({\n  isOk: !1,\n  isErr: !0,\n  value: e\n});\nfunction Ee(e, t) {\n  if (e.isOk) {\n    const s = t(e.value);\n    return s instanceof Promise ? s.then((r) => P(r)) : P(s);\n  }\n  if (e.isErr) {\n    const s = e.value;\n    return se(s);\n  }\n  throw \"should never get here\";\n}\nvar _e = (e) => {\n  if (e.isOk)\n    return e.value;\n  throw e.value;\n}, je = (e) => {\n  if (e.isErr)\n    return e.value;\n  throw e.value;\n}, re = (e) => {\n  const t = e.__childNodes || e.childNodes;\n  e.tagName && e.tagName.includes(\"-\") && e[\"s-cr\"] && e.tagName !== \"SLOT-FB\" && ne(t, e.tagName).forEach((s) => {\n    var r;\n    s.nodeType === 1 && s.tagName === \"SLOT-FB\" && ((r = Le(s, s[\"s-sn\"], !1)) != null && r.length ? s.hidden = !0 : s.hidden = !1);\n  });\n  for (const s of t)\n    s.nodeType === 1 && (s.__childNodes || s.childNodes).length && re(s);\n};\nfunction ne(e, t, s) {\n  let r = 0, n = [], i;\n  for (; r < e.length; r++)\n    i = e[r], i[\"s-sr\"] && i[\"s-hn\"] === t && s === void 0 && n.push(i), n = [...n, ...ne(i.childNodes, t, s)];\n  return n;\n}\nvar Le = (e, t, s = !0) => {\n  const r = [];\n  for ((s && e[\"s-sr\"] || !e[\"s-sr\"]) && r.push(e); (e = e.nextSibling) && e[\"s-sn\"] === t; )\n    r.push(e);\n  return r;\n}, Q = (e, t) => e.nodeType === 1 ? e.getAttribute(\"slot\") === null && t === \"\" || e.getAttribute(\"slot\") === t : e[\"s-sn\"] === t ? !0 : t === \"\", Oe = (e, t, ...s) => {\n  let r = null, n = null, i = null, o = !1, f = !1;\n  const c = [], u = (l) => {\n    for (let $ = 0; $ < l.length; $++)\n      r = l[$], Array.isArray(r) ? u(r) : r != null && typeof r != \"boolean\" && ((o = !te(r)) && (r = String(r)), o && f ? c[c.length - 1].$text$ += r : c.push(o ? q(null, r) : r), f = o);\n  };\n  u(s);\n  const d = q(e, null);\n  return d.$attrs$ = t, c.length > 0 && (d.$children$ = c), d.$key$ = n, d.$name$ = i, d;\n}, q = (e, t) => {\n  const s = {\n    $flags$: 0,\n    $tag$: e,\n    $text$: t,\n    $elm$: null,\n    $children$: null\n  };\n  return s.$attrs$ = null, s.$key$ = null, s.$name$ = null, s;\n}, Re = {}, Fe = (e) => e && e.$tag$ === Re, Z = (e, t, s, r, n, i, o) => {\n  if (s !== r) {\n    let f = X(e, t), c = t.toLowerCase();\n    if (t === \"class\") {\n      const u = e.classList, d = J(s);\n      let l = J(r);\n      u.remove(...d.filter(($) => $ && !l.includes($))), u.add(...l.filter(($) => $ && !d.includes($)));\n    } else if (t === \"style\") {\n      for (const u in s)\n        (!r || r[u] == null) && (u.includes(\"-\") ? e.style.removeProperty(u) : e.style[u] = \"\");\n      for (const u in r)\n        (!s || r[u] !== s[u]) && (u.includes(\"-\") ? e.style.setProperty(u, r[u]) : e.style[u] = r[u]);\n    } else if (t !== \"key\") if (t === \"ref\")\n      r && r(e);\n    else if (!e.__lookupSetter__(t) && t[0] === \"o\" && t[1] === \"n\") {\n      if (t[2] === \"-\" ? t = t.slice(3) : X(z, c) ? t = c.slice(2) : t = c[2] + t.slice(3), s || r) {\n        const u = t.endsWith(ie);\n        t = t.replace(Ne, \"\"), s && A.rel(e, t, s, u), r && A.ael(e, t, r, u);\n      }\n    } else {\n      const u = te(r);\n      if ((f || u && r !== null) && !n)\n        try {\n          if (e.tagName.includes(\"-\"))\n            e[t] !== r && (e[t] = r);\n          else {\n            const l = r ?? \"\";\n            t === \"list\" ? f = !1 : (s == null || e[t] != l) && (typeof e.__lookupSetter__(t) == \"function\" ? e[t] = l : e.setAttribute(t, l));\n          }\n        } catch {\n        }\n      let d = !1;\n      c !== (c = c.replace(/^xlink\\:?/, \"\")) && (t = c, d = !0), r == null || r === !1 ? (r !== !1 || e.getAttribute(t) === \"\") && (d ? e.removeAttributeNS(K, t) : e.removeAttribute(t)) : (!f || i & 4 || n) && !u && (r = r === !0 ? \"\" : r, d ? e.setAttributeNS(K, t, r) : e.setAttribute(t, r));\n    }\n  }\n}, Me = /\\s/, J = (e) => (typeof e == \"object\" && e && \"baseVal\" in e && (e = e.baseVal), !e || typeof e != \"string\" ? [] : e.split(Me)), ie = \"Capture\", Ne = new RegExp(ie + \"$\"), oe = (e, t, s, r) => {\n  const n = t.$elm$.nodeType === 11 && t.$elm$.host ? t.$elm$.host : t.$elm$, i = e && e.$attrs$ || {}, o = t.$attrs$ || {};\n  for (const f of Y(Object.keys(i)))\n    f in o || Z(\n      n,\n      f,\n      i[f],\n      void 0,\n      s,\n      t.$flags$\n    );\n  for (const f of Y(Object.keys(o)))\n    Z(\n      n,\n      f,\n      i[f],\n      o[f],\n      s,\n      t.$flags$\n    );\n};\nfunction Y(e) {\n  return e.includes(\"ref\") ? (\n    // we need to sort these to ensure that `'ref'` is the last attr\n    [...e.filter((t) => t !== \"ref\"), \"ref\"]\n  ) : (\n    // no need to sort, return the original array\n    e\n  );\n}\nvar F, M, E, N = !1, D = !1, I = !1, y = !1, C = (e, t, s) => {\n  var r;\n  const n = t.$children$[s];\n  let i = 0, o, f, c;\n  if (N || (I = !0, n.$tag$ === \"slot\" && (n.$flags$ |= n.$children$ ? (\n    // slot element has fallback content\n    // still create an element that \"mocks\" the slot element\n    2\n  ) : (\n    // slot element does not have fallback content\n    // create an html comment we'll use to always reference\n    // where actual slot content should sit next to\n    1\n  ))), n.$text$ !== null)\n    o = n.$elm$ = R.createTextNode(n.$text$);\n  else if (n.$flags$ & 1)\n    o = n.$elm$ = R.createTextNode(\"\");\n  else {\n    if (y || (y = n.$tag$ === \"svg\"), o = n.$elm$ = R.createElementNS(\n      y ? ke : Te,\n      !N && w.slotRelocation && n.$flags$ & 2 ? \"slot-fb\" : n.$tag$\n    ), y && n.$tag$ === \"foreignObject\" && (y = !1), oe(null, n, y), xe(F) && o[\"s-si\"] !== F && o.classList.add(o[\"s-si\"] = F), n.$children$)\n      for (i = 0; i < n.$children$.length; ++i)\n        f = C(e, n, i), f && o.appendChild(f);\n    n.$tag$ === \"svg\" ? y = !1 : o.tagName === \"foreignObject\" && (y = !0);\n  }\n  return o[\"s-hn\"] = E, n.$flags$ & 3 && (o[\"s-sr\"] = !0, o[\"s-cr\"] = M, o[\"s-sn\"] = n.$name$ || \"\", o[\"s-rf\"] = (r = n.$attrs$) == null ? void 0 : r.ref, c = e && e.$children$ && e.$children$[s], c && c.$tag$ === n.$tag$ && e.$elm$ && _(e.$elm$, !1), ue(M, o, t.$elm$, e == null ? void 0 : e.$elm$)), o;\n}, _ = (e, t) => {\n  A.$flags$ |= 1;\n  const s = Array.from(e.__childNodes || e.childNodes);\n  e[\"s-sr\"] && w.experimentalSlotFixes;\n  for (let r = s.length - 1; r >= 0; r--) {\n    const n = s[r];\n    n[\"s-hn\"] !== E && n[\"s-ol\"] && (k(j(n).parentNode, n, j(n)), n[\"s-ol\"].remove(), n[\"s-ol\"] = void 0, n[\"s-sh\"] = void 0, I = !0), t && _(n, t);\n  }\n  A.$flags$ &= -2;\n}, le = (e, t, s, r, n, i) => {\n  let o = e[\"s-cr\"] && e[\"s-cr\"].parentNode || e, f;\n  for (o.shadowRoot && o.tagName === E && (o = o.shadowRoot); n <= i; ++n)\n    r[n] && (f = C(null, s, n), f && (r[n].$elm$ = f, k(o, f, j(t))));\n}, ae = (e, t, s) => {\n  for (let r = t; r <= s; ++r) {\n    const n = e[r];\n    if (n) {\n      const i = n.$elm$;\n      fe(n), i && (D = !0, i[\"s-ol\"] ? i[\"s-ol\"].remove() : _(i, !0), i.remove());\n    }\n  }\n}, De = (e, t, s, r, n = !1) => {\n  let i = 0, o = 0, f = 0, c = 0, u = t.length - 1, d = t[0], l = t[u], $ = r.length - 1, a = r[0], p = r[$], m, v;\n  for (; i <= u && o <= $; )\n    if (d == null)\n      d = t[++i];\n    else if (l == null)\n      l = t[--u];\n    else if (a == null)\n      a = r[++o];\n    else if (p == null)\n      p = r[--$];\n    else if (O(d, a, n))\n      x(d, a, n), d = t[++i], a = r[++o];\n    else if (O(l, p, n))\n      x(l, p, n), l = t[--u], p = r[--$];\n    else if (O(d, p, n))\n      (d.$tag$ === \"slot\" || p.$tag$ === \"slot\") && _(d.$elm$.parentNode, !1), x(d, p, n), k(e, d.$elm$, l.$elm$.nextSibling), d = t[++i], p = r[--$];\n    else if (O(l, a, n))\n      (d.$tag$ === \"slot\" || p.$tag$ === \"slot\") && _(l.$elm$.parentNode, !1), x(l, a, n), k(e, l.$elm$, d.$elm$), l = t[--u], a = r[++o];\n    else {\n      for (f = -1, c = i; c <= u; ++c)\n        if (t[c] && t[c].$key$ !== null && t[c].$key$ === a.$key$) {\n          f = c;\n          break;\n        }\n      f >= 0 ? (v = t[f], v.$tag$ !== a.$tag$ ? m = C(t && t[o], s, f) : (x(v, a, n), t[f] = void 0, m = v.$elm$), a = r[++o]) : (m = C(t && t[o], s, o), a = r[++o]), m && k(\n        j(d.$elm$).parentNode,\n        m,\n        j(d.$elm$)\n      );\n    }\n  i > u ? le(\n    e,\n    r[$ + 1] == null ? null : r[$ + 1].$elm$,\n    s,\n    r,\n    o,\n    $\n  ) : o > $ && ae(t, i, u);\n}, O = (e, t, s = !1) => e.$tag$ === t.$tag$ ? e.$tag$ === \"slot\" ? e.$name$ === t.$name$ : s ? (s && !e.$key$ && t.$key$ && (e.$key$ = t.$key$), !0) : e.$key$ === t.$key$ : !1, j = (e) => e && e[\"s-ol\"] || e, x = (e, t, s = !1) => {\n  const r = t.$elm$ = e.$elm$, n = e.$children$, i = t.$children$, o = t.$tag$, f = t.$text$;\n  let c;\n  f === null ? (y = o === \"svg\" ? !0 : o === \"foreignObject\" ? !1 : y, o === \"slot\" && !N || oe(e, t, y), n !== null && i !== null ? De(r, n, t, i, s) : i !== null ? (e.$text$ !== null && (r.textContent = \"\"), le(r, null, t, i, 0, i.length - 1)) : (\n    // don't do this on initial render as it can cause non-hydrated content to be removed\n    !s && w.updatable && n !== null && ae(n, 0, n.length - 1)\n  ), y && o === \"svg\" && (y = !1)) : (c = r[\"s-cr\"]) ? c.parentNode.textContent = f : e.$text$ !== f && (r.data = f);\n}, b = [], ce = (e) => {\n  let t, s, r;\n  const n = e.__childNodes || e.childNodes;\n  for (const i of n) {\n    if (i[\"s-sr\"] && (t = i[\"s-cr\"]) && t.parentNode) {\n      s = t.parentNode.__childNodes || t.parentNode.childNodes;\n      const o = i[\"s-sn\"];\n      for (r = s.length - 1; r >= 0; r--)\n        if (t = s[r], !t[\"s-cn\"] && !t[\"s-nr\"] && t[\"s-hn\"] !== i[\"s-hn\"])\n          if (Q(t, o)) {\n            let f = b.find((c) => c.$nodeToRelocate$ === t);\n            D = !0, t[\"s-sn\"] = t[\"s-sn\"] || o, f ? (f.$nodeToRelocate$[\"s-sh\"] = i[\"s-hn\"], f.$slotRefNode$ = i) : (t[\"s-sh\"] = i[\"s-hn\"], b.push({\n              $slotRefNode$: i,\n              $nodeToRelocate$: t\n            })), t[\"s-sr\"] && b.map((c) => {\n              Q(c.$nodeToRelocate$, t[\"s-sn\"]) && (f = b.find((u) => u.$nodeToRelocate$ === t), f && !c.$slotRefNode$ && (c.$slotRefNode$ = f.$slotRefNode$));\n            });\n          } else b.some((f) => f.$nodeToRelocate$ === t) || b.push({\n            $nodeToRelocate$: t\n          });\n    }\n    i.nodeType === 1 && ce(i);\n  }\n}, fe = (e) => {\n  e.$attrs$ && e.$attrs$.ref && e.$attrs$.ref(null), e.$children$ && e.$children$.map(fe);\n}, k = (e, t, s) => (typeof t[\"s-sn\"] == \"string\" && t[\"s-sr\"] && t[\"s-cr\"] && ue(t[\"s-cr\"], t, e, t.parentElement), e == null ? void 0 : e.insertBefore(t, s));\nfunction ue(e, t, s, r) {\n  var n;\n  let i;\n  if (e && typeof t[\"s-sn\"] == \"string\" && t[\"s-sr\"] && e.parentNode && e.parentNode[\"s-sc\"] && (i = t[\"s-si\"] || e.parentNode[\"s-sc\"])) {\n    const o = t[\"s-sn\"], f = t[\"s-hn\"];\n    if ((n = s.classList) == null || n.add(i + \"-s\"), r && r.classList.contains(i + \"-s\")) {\n      let c = (r.__childNodes || r.childNodes)[0], u = !1;\n      for (; c; ) {\n        if (c[\"s-sn\"] !== o && c[\"s-hn\"] === f && c[\"s-sr\"]) {\n          u = !0;\n          break;\n        }\n        c = c.nextSibling;\n      }\n      u || r.classList.remove(i + \"-s\");\n    }\n  }\n}\nvar Ce = (e, t, s = !1) => {\n  var r, n, i, o, f;\n  const c = e.$hostElement$, u = e.$cmpMeta$, d = e.$vnode$ || q(null, null), l = Fe(t) ? t : Oe(null, null, t);\n  if (E = c.tagName, u.$attrsToReflect$ && (l.$attrs$ = l.$attrs$ || {}, u.$attrsToReflect$.map(\n    ([$, a]) => l.$attrs$[a] = c[$]\n  )), s && l.$attrs$)\n    for (const $ of Object.keys(l.$attrs$))\n      c.hasAttribute($) && ![\"key\", \"ref\", \"style\", \"class\"].includes($) && (l.$attrs$[$] = c[$]);\n  l.$tag$ = null, l.$flags$ |= 4, e.$vnode$ = l, l.$elm$ = d.$elm$ = c.shadowRoot || c, F = c[\"s-sc\"], N = (u.$flags$ & 1) !== 0, M = c[\"s-cr\"], D = !1, x(d, l, s);\n  {\n    if (A.$flags$ |= 1, I) {\n      ce(l.$elm$);\n      for (const $ of b) {\n        const a = $.$nodeToRelocate$;\n        if (!a[\"s-ol\"]) {\n          const p = R.createTextNode(\"\");\n          p[\"s-nr\"] = a, k(a.parentNode, a[\"s-ol\"] = p, a);\n        }\n      }\n      for (const $ of b) {\n        const a = $.$nodeToRelocate$, p = $.$slotRefNode$;\n        if (p) {\n          const m = p.parentNode;\n          let v = p.nextSibling;\n          {\n            let L = (r = a[\"s-ol\"]) == null ? void 0 : r.previousSibling;\n            for (; L; ) {\n              let h = (n = L[\"s-nr\"]) != null ? n : null;\n              if (h && h[\"s-sn\"] === a[\"s-sn\"] && m === (h.__parentNode || h.parentNode)) {\n                for (h = h.nextSibling; h === a || h != null && h[\"s-sr\"]; )\n                  h = h == null ? void 0 : h.nextSibling;\n                if (!h || !h[\"s-nr\"]) {\n                  v = h;\n                  break;\n                }\n              }\n              L = L.previousSibling;\n            }\n          }\n          const pe = a.__parentNode || a.parentNode, ge = a.__nextSibling || a.nextSibling;\n          (!v && m !== pe || ge !== v) && a !== v && (!a[\"s-hn\"] && a[\"s-ol\"] && (a[\"s-hn\"] = a[\"s-ol\"].parentNode.nodeName), k(m, a, v), a.nodeType === 1 && a.tagName !== \"SLOT-FB\" && (a.hidden = (i = a[\"s-ih\"]) != null ? i : !1)), a && typeof p[\"s-rf\"] == \"function\" && p[\"s-rf\"](a);\n        } else\n          a.nodeType === 1 && (s && (a[\"s-ih\"] = (o = a.hidden) != null ? o : !1), a.hidden = !0);\n      }\n    }\n    D && re(l.$elm$), A.$flags$ &= -2, b.length = 0;\n  }\n  if (w.experimentalScopedSlotChanges && u.$flags$ & 2) {\n    const $ = l.$elm$.__childNodes || l.$elm$.childNodes;\n    for (const a of $)\n      a[\"s-hn\"] !== E && !a[\"s-sh\"] && (s && a[\"s-ih\"] == null && (a[\"s-ih\"] = (f = a.hidden) != null ? f : !1), a.hidden = !0);\n  }\n  M = void 0;\n};\nconst Ue = (e, t, s) => {\n  [null, void 0, \"\", !1].includes(s) || [\"innerHTML\", \"style\"].includes(t) || e.setAttribute(t, [\"object\", \"function\"].includes(typeof s) ? \"/!\\\\ Object props are not rendered in the code example\" : s);\n}, de = (e, t, s, r, n) => {\n  if (t && typeof t == \"string\") {\n    const i = document.createElement(t);\n    Object.keys(s || {}).forEach((o) => {\n      Ue(i, o, s[o]);\n    }), r == null || r.forEach((o) => {\n      de(i, o.$tag$, o.$attrs$, o.$children$, o.$text$);\n    }), s != null && s.innerHTML && (i.innerHTML = s.innerHTML), e.appendChild(i);\n  }\n  n && (e.innerHTML = n);\n}, rt = (e, t) => {\n  const s = {};\n  if (typeof e != \"object\")\n    throw new Error(\"filterArgs - args isn't an object.\");\n  for (const r in e)\n    if (!r.startsWith(\"slot\")) {\n      const n = e[r], i = r.replace(/([a-z])([A-Z])/g, \"$1-$2\").toLowerCase();\n      (!t || !Object.keys(t).includes(r) || t[r] !== n) && (s[i] = n);\n    }\n  return s;\n}, nt = (e, t) => {\n  var r, n;\n  const s = document.getElementById(\"storybook-root\");\n  if (s !== null)\n    return (n = document.querySelector(\"[lang]\")) == null || n.setAttribute(\"lang\", ((r = t.globals) == null ? void 0 : r.locale) || \"en\"), Ce(\n      {\n        $ancestorComponent$: void 0,\n        $flags$: 0,\n        $modeName$: void 0,\n        $cmpMeta$: {\n          $flags$: 0,\n          $tagName$: s.tagName\n        },\n        $hostElement$: s\n      },\n      e(t)\n    ), s.children[s.children.length - 1];\n}, it = ({ $tag$: e, $attrs$: t, $children$: s, $text$: r }) => {\n  const n = document.createElement(\"div\");\n  return de(n, e, t, s, r), n.innerHTML;\n}, U = (e, t) => {\n  if (!t)\n    return;\n  const s = t.split(\"/\");\n  return `${e}${s.slice(2, s.length - 1).join(\"-\")}--docs`;\n};\nvar S, H;\nclass ot {\n  constructor(t) {\n    /**\n     * JsonDocs\n     */\n    g(this, \"jsonDoc\");\n    /**\n     * Get component data from the jsonDoc\n     * @param tagName - tag name we want to get the data from\n     * @returns component data\n     */\n    B(this, S, (t) => this.jsonDoc.components.find((s) => s.tag === t));\n    /**\n     * Get the control for the given prop\n     * Based on https://storybook.js.org/docs/api/arg-types#controltype\n     * @param prop - prop to get control for\n     * @returns control type and options if applicable\n     */\n    B(this, H, (t) => {\n      const s = t.type.replace(/\"([^\"]+)\"/g, \"$1\").replace(/\\s/g, \"\").replace(/\\(.*?\\)/g, (r) => r.replace(/\\|/g, \" OR \")).split(\"|\").map((r) => r.trim().replace(/ OR /g, \"|\"));\n      return t.type === \"string\" ? { control: { type: \"text\" } } : t.type === \"number\" ? { control: { type: \"number\" } } : t.type === \"boolean\" ? { control: { type: \"boolean\" } } : t.type.startsWith(\"{\") && t.type.endsWith(\"}\") ? { control: { type: \"object\" } } : s.length > 1 ? s.includes(\"string\") ? { control: { type: \"text\" } } : s.every((r) => r == null ? void 0 : r.includes(\"[]\")) ? { control: { type: \"object\" } } : (s.unshift(void 0), { control: { type: \"select\" }, options: s }) : { control: { type: \"object\" } };\n    });\n    /**\n     * Extract component arg types from the component data\n     * @param tagName - tag name we want to extract the arg types from\n     * @returns component arg types\n     */\n    g(this, \"extractArgTypes\", (t) => {\n      const s = T(this, S).call(this, t), r = s == null ? void 0 : s.props.reduce((d, l) => {\n        const { control: $, options: a } = T(this, H).call(this, l);\n        return {\n          ...d,\n          [l.name]: {\n            name: l.attr || l.name,\n            description: l.docs,\n            type: { required: l.required },\n            table: {\n              category: \"props\",\n              type: { summary: l.type },\n              defaultValue: { summary: l.default }\n            },\n            control: $,\n            options: a\n          }\n        };\n      }, {}), n = s == null ? void 0 : s.events.reduce(\n        (d, l) => ({\n          ...d,\n          [l.event]: {\n            name: l.event,\n            description: l.docs,\n            table: {\n              category: \"events\",\n              type: { summary: l.detail }\n            }\n          }\n        }),\n        {}\n      ), i = s == null ? void 0 : s.methods.reduce(\n        (d, l) => ({\n          ...d,\n          [l.name]: {\n            name: l.name,\n            description: l.docs,\n            table: {\n              category: \"methods\",\n              type: { summary: l.signature }\n            }\n          }\n        }),\n        {}\n      ), o = s == null ? void 0 : s.slots.reduce(\n        (d, l) => ({\n          ...d,\n          [l.name]: {\n            name: l.name !== \"\" ? l.name : \"default\",\n            // default slot are unnamed\n            description: l.docs,\n            table: {\n              category: \"slots\",\n              type: { summary: void 0 }\n            }\n          }\n        }),\n        {}\n      ), f = s == null ? void 0 : s.styles.reduce(\n        (d, l) => ({\n          ...d,\n          [l.name]: {\n            name: l.name,\n            description: l.docs,\n            table: {\n              category: \"custom properties\",\n              type: { summary: void 0 }\n            }\n          }\n        }),\n        {}\n      ), c = s == null ? void 0 : s.dependencies.reduce((d, l) => {\n        const $ = T(this, S).call(this, l);\n        return {\n          ...d,\n          [l]: {\n            name: l,\n            description: `<a href=\"./?path=/docs/${U(\"\", $ == null ? void 0 : $.filePath)}\">View Component Documentation</a>`,\n            table: {\n              category: \"depends on\",\n              type: { summary: void 0 }\n            }\n          }\n        };\n      }, {}), u = s == null ? void 0 : s.dependents.reduce((d, l) => {\n        const $ = T(this, S).call(this, l);\n        return {\n          ...d,\n          [l]: {\n            name: l,\n            description: `<a href=\"./?path=/docs/${U(\"\", $ == null ? void 0 : $.filePath)}\">View Component Documentation</a>`,\n            table: {\n              category: \"used by\",\n              type: { summary: void 0 }\n            }\n          }\n        };\n      }, {});\n      return {\n        ...r,\n        ...n,\n        ...i,\n        ...o,\n        ...f,\n        ...c,\n        ...u\n      };\n    });\n    /**\n     * Extract component description from the component data\n     * @param tagName - tag name we want to extract the description from\n     * @returns component description\n     */\n    g(this, \"extractComponentDescription\", (t) => {\n      const s = T(this, S).call(this, t);\n      return (s == null ? void 0 : s.readme) || (s == null ? void 0 : s.docs);\n    });\n    this.jsonDoc = t;\n  }\n}\nS = new WeakMap(), H = new WeakMap();\nconst He = (e, t) => {\n  if (t)\n    return `${e}${t}`;\n}, $e = (e) => {\n  let t = e.overview ? `${e.overview}\n\n` : \"\";\n  const s = e.props.filter(({ attr: n }) => n !== void 0);\n  s.length && (t += `Attributes:\n`, t += s.map(({ attr: n, docs: i }) => `- \\`${n}\\`: ${i}\n`).join(\"\"), t += `\n`);\n  const r = e.props.filter(({ attr: n }) => n === void 0);\n  return r.length && (t += `Properties:\n`, t += r.map(({ name: n, docs: i }) => `- \\`${n}\\`: ${i}\n`).join(\"\"), t += `\n`), e.methods.length && (t += `Methods:\n`, t += e.methods.map(({ name: n, docs: i }) => `- \\`${n}\\`: ${i}\n`).join(\"\"), t += `\n`), e.events.length && (t += `Events:\n`, t += e.events.map(({ event: n, docs: i }) => `- \\`${n}\\`: ${i}\n`).join(\"\"), t += `\n`), e.listeners.length && (t += `Listeners:\n`, t += e.listeners.map(({ event: n }) => `- \\`${n}\\`\n`).join(\"\"), t += `\n`), e.slots.length && (t += `Slots:\n`, t += e.slots.map(({ name: n, docs: i }) => `- \\`${n}\\`: ${i}\n`).join(\"\"), t += `\n`), t;\n}, W = (e) => `${e.docs}\n\nType: \\`${e.type}\\``, lt = (e, t, s, r) => ({\n  $schema: \"https://json.schemastore.org/web-types\",\n  name: e,\n  version: t,\n  \"description-markup\": \"markdown\",\n  contributions: {\n    html: {\n      elements: s.components.map((n) => {\n        const i = U(r, n.filePath);\n        return {\n          name: n.tag,\n          description: $e(n),\n          \"doc-url\": i,\n          attributes: n.props.filter((o) => o.attr).map((o) => ({\n            name: o.attr,\n            description: W(o),\n            \"doc-url\": i,\n            value: {\n              type: o.type,\n              default: o.default,\n              required: o.required\n            }\n          })),\n          js: {\n            properties: n.props.map((o) => ({\n              name: o.name,\n              description: W(o),\n              \"doc-url\": i,\n              value: {\n                type: o.type,\n                default: o.default,\n                required: o.required\n              }\n            })),\n            events: n.events.map((o) => ({\n              name: o.event,\n              description: o.docs\n            }))\n          },\n          css: {\n            properties: n.styles.map((o) => ({\n              name: o.name,\n              description: o.docs\n            }))\n          }\n        };\n      })\n    }\n  }\n}), we = (e, t, s) => [\n  { name: \"Storybook\", url: U(e, s) },\n  { name: \"Sources\", url: He(t, s) }\n], Be = (e) => {\n  if (!e.values.some(({ value: t }) => t === void 0))\n    return e.values.map(({ value: t }) => ({ name: t }));\n}, at = (e, t, s) => ({\n  version: 1.1,\n  tags: e.components.map((r) => {\n    const n = we(t, s, r.filePath);\n    return {\n      name: r.tag,\n      description: $e(r),\n      attributes: r.props.map((i) => ({\n        name: i.attr || i.name,\n        description: W(i),\n        values: Be(i),\n        references: n\n      })),\n      references: n\n    };\n  }),\n  globalAttributes: [],\n  valueSets: []\n}), ct = (e) => ({\n  version: 1.1,\n  properties: e.components.flatMap(\n    (t) => t.styles.map((s) => ({\n      name: s.name,\n      description: s.docs\n    }))\n  )\n}), ft = (e) => {\n  const t = { value: \"2023\", pattern: \"yyyy\" }, s = { value: \"12\", pattern: \"mm\" }, r = { value: \"24\", pattern: \"dd\" };\n  return We([t.value, s.value, r.value].join(\"-\"), e, { timeZone: \"UTC\" }).replace(t.value, t.pattern).replace(s.value, s.pattern).replace(r.value, r.pattern);\n}, ut = (e) => e.toISOString().split(\"T\")[0], Pe = (e, t, s) => {\n  const r = e.closest(\"[lang]\"), n = Intl.NumberFormat.supportedLocalesOf(r == null ? void 0 : r.lang), i = n.length > 0 && typeof n[0] == \"string\" ? n[0] : navigator.language || s, o = i.split(\"-\").shift();\n  return Object.keys(t).length === 0 ? {\n    locale: i,\n    messages: { lang: s }\n  } : {\n    locale: i,\n    messages: t[o] || t[s] || { lang: s }\n  };\n}, dt = (e, t, s) => new Intl.NumberFormat(t, { style: \"currency\", currency: s }).format(e), $t = (e, t, s = 0) => new Intl.NumberFormat(t, { minimumFractionDigits: s }).format(s > 0 ? Number(e == null ? void 0 : e.toFixed(s)) : e), pt = (e, t, s = 0) => new Intl.NumberFormat(t, {\n  style: \"percent\",\n  minimumFractionDigits: s,\n  maximumFractionDigits: s\n}).format(e), gt = (e, t, s, r = \"short\", n = 0) => new Intl.NumberFormat(t, {\n  style: \"unit\",\n  unit: s,\n  unitDisplay: r,\n  minimumFractionDigits: n,\n  maximumFractionDigits: n\n}).format(e), qe = /^\\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01])$/, We = (e, t, s) => typeof e != \"string\" || e === \"\" || !qe.test(e) ? \"\" : new Intl.DateTimeFormat(t, s).format(new Date(e)), ht = (e, t) => (s) => Pe(s, e, t), yt = ({ disconnect: e, observe: t, takeRecords: s }) => {\n  class r {\n    constructor(i) {\n      /**\n       *\n       */\n      g(this, \"disconnect\", e);\n      /**\n       *\n       */\n      g(this, \"observe\", t);\n      /**\n       *\n       */\n      g(this, \"takeRecords\", s);\n      /**\n       *\n       */\n      g(this, \"cb\");\n      this.cb = i;\n    }\n  }\n  return [window, global].forEach((n) => {\n    Object.defineProperty(n, \"MutationObserver\", {\n      writable: !0,\n      configurable: !0,\n      value: r\n    });\n  }), r;\n}, vt = ({ disconnect: e, observe: t }) => {\n  class s {\n    constructor(n) {\n      /**\n       *\n       */\n      g(this, \"disconnect\", e);\n      /**\n       *\n       */\n      g(this, \"observe\", t);\n      /**\n       *\n       */\n      g(this, \"unobserve\");\n      /**\n       *\n       */\n      g(this, \"cb\");\n      this.cb = n;\n    }\n  }\n  return [window, global].forEach((r) => {\n    Object.defineProperty(r, \"ResizeObserver\", {\n      writable: !0,\n      configurable: !0,\n      value: s\n    });\n  }), s;\n};\nclass ze extends Event {\n  constructor() {\n    super(...arguments);\n    /**\n     *\n     */\n    g(this, \"detail\");\n  }\n  // eslint-disable-line @typescript-eslint/no-explicit-any\n}\nconst mt = () => {\n  class e extends ze {\n  }\n  return [window, global].forEach((t) => {\n    Object.defineProperty(t, \"SubmitEvent\", {\n      writable: !0,\n      configurable: !0,\n      value: e\n    });\n  }), e;\n}, bt = (e) => {\n  const t = (s) => (setTimeout(s, 1), e(), 0);\n  return [window, global].forEach((s) => {\n    Object.defineProperty(s, \"requestAnimationFrame\", {\n      writable: !0,\n      configurable: !0,\n      value: t\n    });\n  }), t;\n};\nexport {\n  Ke as ClassList,\n  ot as StorybookPreview,\n  Qe as allItemsAreString,\n  tt as cleanString,\n  Ge as createID,\n  qe as dateRegExp,\n  ut as dateToString,\n  ht as defineLocales,\n  rt as filterArgs,\n  Je as focusableElements,\n  ft as getLocaleDatePattern,\n  V as getParentWindows,\n  it as getStoryHTML,\n  U as getStorybookUrl,\n  Ye as getWindows,\n  Ze as isTagName,\n  et as isValidNumber,\n  me as isValidString,\n  Xe as isValideID,\n  dt as localeCurrency,\n  We as localeDate,\n  $t as localeNumber,\n  pt as localePercent,\n  gt as localeUnit,\n  st as nextTick,\n  bt as setUpRequestAnimationFrameMock,\n  yt as setupMutationObserverMock,\n  vt as setupResizeObserverMock,\n  mt as setupSubmitEventMock,\n  nt as stencilWrapper,\n  Ve as toString,\n  ct as vsCodeCssGenerator,\n  at as vsCodeGenerator,\n  lt as webTypesGenerator\n};\n//# sourceMappingURL=index.es.js.map\n"],"version":3}
+{"file":"index.es.js","mappings":"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","names":[],"sources":["../stencil-helpers/dist/index.es.js"],"sourcesContent":["var he = Object.defineProperty;\nvar W = (e) => {\n  throw TypeError(e);\n};\nvar ve = (e, t, s) => t in e ? he(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s;\nvar p = (e, t, s) => ve(e, typeof t != \"symbol\" ? t + \"\" : t, s), ye = (e, t, s) => t.has(e) || W(\"Cannot \" + s);\nvar x = (e, t, s) => (ye(e, t, \"read from private field\"), s ? s.call(e) : t.get(e)), B = (e, t, s) => t.has(e) ? W(\"Cannot add the same private member more than once\") : t instanceof WeakSet ? t.add(e) : t.set(e, s);\nconst Ge = (e = \"\", t = 10) => {\n  const s = new Uint8Array(t);\n  crypto.getRandomValues(s);\n  const r = Array.from(s).map((n) => n.toString(16).padStart(2, \"0\")).join(\"\").slice(0, t);\n  return e !== \"\" ? `${e}-${r}` : r;\n}, Xe = (e) => me(e) && /^([a-z][a-z0-9]*)(-[a-z0-9]+)*$/.exec(e) !== null;\nclass Ze {\n  constructor(t = []) {\n    /**\n     * Available classes\n     */\n    p(this, \"classes\");\n    /**\n     * Add class\n     * @param className - class name to add\n     */\n    p(this, \"add\", (t) => {\n      this.has(t) || this.classes.push(t);\n    });\n    /**\n     * Delete class\n     * @param className - class name to delete\n     */\n    p(this, \"delete\", (t) => {\n      const s = this.classes.indexOf(t);\n      s > -1 && this.classes.splice(s, 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    p(this, \"has\", (t) => this.classes.includes(t));\n    /**\n     * Join classes seperated by spaces\n     * @returns joined values\n     */\n    p(this, \"join\", () => this.classes.join(\" \"));\n    this.classes = t;\n  }\n}\nconst Je = (e) => Array.isArray(e) && e.every((t) => typeof t == \"string\"), Ke = (e, t) => t.includes(e == null ? void 0 : e.tagName.toLowerCase()), Qe = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex=\"-1\"]), [identifier], mg-button', Ye = (e) => {\n  const t = Y(e), s = V(e);\n  return [e, ...t, ...s];\n}, Y = (e, t = []) => {\n  if (e.self !== e.top)\n    try {\n      const s = e.parent;\n      return s ? (t.push(s), Y(s, t)) : t;\n    } catch (s) {\n      return console.error(\"Different hosts between iframes:\", s), t;\n    }\n  return t;\n}, V = (e, t = []) => {\n  if (e.frames.length > 0)\n    for (const s of Array.from(e.frames))\n      t.push(s), V(s, t);\n  return t;\n}, me = (e) => typeof e == \"string\" && e.trim() !== \"\", Ve = (e) => typeof e == \"object\" ? JSON.stringify(e) : `${e}`, et = (e) => typeof e == \"number\" && !Number.isNaN(e), tt = (e) => typeof e == \"string\" ? e.toLocaleLowerCase().normalize(\"NFD\").replaceAll(/[\\u0300-\\u036f]/g, \"\") : e, st = async (e) => e();\nvar C = {\n  updatable: !0,\n  slotRelocation: !0,\n  // TODO(STENCIL-914): remove this option when `experimentalSlotFixes` is the default behavior\n  experimentalSlotFixes: !1\n}, be = Object.defineProperty, Se = (e, t) => {\n  for (var s in t)\n    be(e, s, { get: t[s], enumerable: !0 });\n}, ke = \"http://www.w3.org/2000/svg\", xe = \"http://www.w3.org/1999/xhtml\", G = (e, t) => t in e, X = \"http://www.w3.org/1999/xlink\", ee = typeof window < \"u\" ? window : {}, L = ee.document || { head: {} }, _ = {\n  $flags$: 0,\n  $resourcesUrl$: \"\",\n  jmp: (e) => e(),\n  raf: (e) => requestAnimationFrame(e),\n  ael: (e, t, s, r) => e.addEventListener(t, s, r),\n  rel: (e, t, s, r) => e.removeEventListener(t, s, r),\n  ce: (e, t) => new CustomEvent(e, t)\n}, Te = (e) => e != null && e !== void 0, te = (e) => (e = typeof e, e === \"object\" || e === \"function\"), _e = {};\nSe(_e, {\n  err: () => se,\n  map: () => Ee,\n  ok: () => P,\n  unwrap: () => Ae,\n  unwrapErr: () => je\n});\nvar P = (e) => ({\n  isOk: !0,\n  isErr: !1,\n  value: e\n}), se = (e) => ({\n  isOk: !1,\n  isErr: !0,\n  value: e\n});\nfunction Ee(e, t) {\n  if (e.isOk) {\n    const s = t(e.value);\n    return s instanceof Promise ? s.then((r) => P(r)) : P(s);\n  }\n  if (e.isErr) {\n    const s = e.value;\n    return se(s);\n  }\n  throw \"should never get here\";\n}\nvar Ae = (e) => {\n  if (e.isOk)\n    return e.value;\n  throw e.value;\n}, je = (e) => {\n  if (e.isErr)\n    return e.value;\n  throw e.value;\n}, re = (e) => {\n  const t = e.__childNodes || e.childNodes;\n  e.tagName && e.tagName.includes(\"-\") && e[\"s-cr\"] && e.tagName !== \"SLOT-FB\" && ne(t, e.tagName).forEach((s) => {\n    var r;\n    s.nodeType === 1 && s.tagName === \"SLOT-FB\" && ((r = Oe(s, s[\"s-sn\"], !1)) != null && r.length ? s.hidden = !0 : s.hidden = !1);\n  });\n  for (const s of t)\n    s.nodeType === 1 && (s.__childNodes || s.childNodes).length && re(s);\n};\nfunction ne(e, t, s) {\n  let r = 0, n = [], i;\n  for (; r < e.length; r++)\n    i = e[r], i[\"s-sr\"] && i[\"s-hn\"] === t && s === void 0 && n.push(i), n = [...n, ...ne(i.childNodes, t, s)];\n  return n;\n}\nvar Oe = (e, t, s = !0) => {\n  const r = [];\n  for ((s && e[\"s-sr\"] || !e[\"s-sr\"]) && r.push(e); (e = e.nextSibling) && e[\"s-sn\"] === t; )\n    r.push(e);\n  return r;\n}, Z = (e, t) => e.nodeType === 1 ? e.getAttribute(\"slot\") === null && t === \"\" || e.getAttribute(\"slot\") === t : e[\"s-sn\"] === t ? !0 : t === \"\", Re = (e, t, ...s) => {\n  let r = null, n = null, i = null, o = !1, f = !1;\n  const c = [], $ = (l) => {\n    for (let d = 0; d < l.length; d++)\n      r = l[d], Array.isArray(r) ? $(r) : r != null && typeof r != \"boolean\" && ((o = !te(r)) && (r = String(r)), o && f ? c[c.length - 1].$text$ += r : c.push(o ? w(null, r) : r), f = o);\n  };\n  $(s);\n  const u = w(e, null);\n  return u.$attrs$ = t, c.length > 0 && (u.$children$ = c), u.$key$ = n, u.$name$ = i, u;\n}, w = (e, t) => {\n  const s = {\n    $flags$: 0,\n    $tag$: e,\n    $text$: t,\n    $elm$: null,\n    $children$: null\n  };\n  return s.$attrs$ = null, s.$key$ = null, s.$name$ = null, s;\n}, Le = {}, Me = (e) => e && e.$tag$ === Le, J = (e, t, s, r, n, i, o) => {\n  if (s !== r) {\n    let f = G(e, t), c = t.toLowerCase();\n    if (t === \"class\") {\n      const $ = e.classList, u = K(s);\n      let l = K(r);\n      $.remove(...u.filter((d) => d && !l.includes(d))), $.add(...l.filter((d) => d && !u.includes(d)));\n    } else if (t === \"style\") {\n      for (const $ in s)\n        (!r || r[$] == null) && ($.includes(\"-\") ? e.style.removeProperty($) : e.style[$] = \"\");\n      for (const $ in r)\n        (!s || r[$] !== s[$]) && ($.includes(\"-\") ? e.style.setProperty($, r[$]) : e.style[$] = r[$]);\n    } else if (t !== \"key\") if (t === \"ref\")\n      r && r(e);\n    else if (!e.__lookupSetter__(t) && t[0] === \"o\" && t[1] === \"n\") {\n      if (t[2] === \"-\" ? t = t.slice(3) : G(ee, c) ? t = c.slice(2) : t = c[2] + t.slice(3), s || r) {\n        const $ = t.endsWith(ie);\n        t = t.replace(Ne, \"\"), s && _.rel(e, t, s, $), r && _.ael(e, t, r, $);\n      }\n    } else {\n      const $ = te(r);\n      if ((f || $ && r !== null) && !n)\n        try {\n          if (e.tagName.includes(\"-\"))\n            e[t] !== r && (e[t] = r);\n          else {\n            const l = r ?? \"\";\n            t === \"list\" ? f = !1 : (s == null || e[t] != l) && (typeof e.__lookupSetter__(t) == \"function\" ? e[t] = l : e.setAttribute(t, l));\n          }\n        } catch {\n        }\n      let u = !1;\n      c !== (c = c.replace(/^xlink\\:?/, \"\")) && (t = c, u = !0), r == null || r === !1 ? (r !== !1 || e.getAttribute(t) === \"\") && (u ? e.removeAttributeNS(X, t) : e.removeAttribute(t)) : (!f || i & 4 || n) && !$ && (r = r === !0 ? \"\" : r, u ? e.setAttributeNS(X, t, r) : e.setAttribute(t, r));\n    }\n  }\n}, Fe = /\\s/, K = (e) => (typeof e == \"object\" && e && \"baseVal\" in e && (e = e.baseVal), !e || typeof e != \"string\" ? [] : e.split(Fe)), ie = \"Capture\", Ne = new RegExp(ie + \"$\"), oe = (e, t, s, r) => {\n  const n = t.$elm$.nodeType === 11 && t.$elm$.host ? t.$elm$.host : t.$elm$, i = e && e.$attrs$ || {}, o = t.$attrs$ || {};\n  for (const f of Q(Object.keys(i)))\n    f in o || J(\n      n,\n      f,\n      i[f],\n      void 0,\n      s,\n      t.$flags$\n    );\n  for (const f of Q(Object.keys(o)))\n    J(\n      n,\n      f,\n      i[f],\n      o[f],\n      s,\n      t.$flags$\n    );\n};\nfunction Q(e) {\n  return e.includes(\"ref\") ? (\n    // we need to sort these to ensure that `'ref'` is the last attr\n    [...e.filter((t) => t !== \"ref\"), \"ref\"]\n  ) : (\n    // no need to sort, return the original array\n    e\n  );\n}\nvar M, F, E, N = !1, H = !1, I = !1, v = !1, D = (e, t, s) => {\n  var r;\n  const n = t.$children$[s];\n  let i = 0, o, f, c;\n  if (N || (I = !0, n.$tag$ === \"slot\" && (n.$flags$ |= n.$children$ ? (\n    // slot element has fallback content\n    // still create an element that \"mocks\" the slot element\n    2\n  ) : (\n    // slot element does not have fallback content\n    // create an html comment we'll use to always reference\n    // where actual slot content should sit next to\n    1\n  ))), n.$text$ !== null)\n    o = n.$elm$ = L.createTextNode(n.$text$);\n  else if (n.$flags$ & 1)\n    o = n.$elm$ = L.createTextNode(\"\");\n  else {\n    if (v || (v = n.$tag$ === \"svg\"), o = n.$elm$ = L.createElementNS(\n      v ? ke : xe,\n      !N && C.slotRelocation && n.$flags$ & 2 ? \"slot-fb\" : n.$tag$\n    ), v && n.$tag$ === \"foreignObject\" && (v = !1), oe(null, n, v), Te(M) && o[\"s-si\"] !== M && o.classList.add(o[\"s-si\"] = M), n.$children$)\n      for (i = 0; i < n.$children$.length; ++i)\n        f = D(e, n, i), f && o.appendChild(f);\n    n.$tag$ === \"svg\" ? v = !1 : o.tagName === \"foreignObject\" && (v = !0);\n  }\n  return o[\"s-hn\"] = E, n.$flags$ & 3 && (o[\"s-sr\"] = !0, o[\"s-cr\"] = F, o[\"s-sn\"] = n.$name$ || \"\", o[\"s-rf\"] = (r = n.$attrs$) == null ? void 0 : r.ref, c = e && e.$children$ && e.$children$[s], c && c.$tag$ === n.$tag$ && e.$elm$ && A(e.$elm$, !1), $e(F, o, t.$elm$, e == null ? void 0 : e.$elm$)), o;\n}, A = (e, t) => {\n  _.$flags$ |= 1;\n  const s = Array.from(e.__childNodes || e.childNodes);\n  e[\"s-sr\"] && C.experimentalSlotFixes;\n  for (let r = s.length - 1; r >= 0; r--) {\n    const n = s[r];\n    n[\"s-hn\"] !== E && n[\"s-ol\"] && (k(j(n).parentNode, n, j(n)), n[\"s-ol\"].remove(), n[\"s-ol\"] = void 0, n[\"s-sh\"] = void 0, I = !0), t && A(n, t);\n  }\n  _.$flags$ &= -2;\n}, le = (e, t, s, r, n, i) => {\n  let o = e[\"s-cr\"] && e[\"s-cr\"].parentNode || e, f;\n  for (o.shadowRoot && o.tagName === E && (o = o.shadowRoot); n <= i; ++n)\n    r[n] && (f = D(null, s, n), f && (r[n].$elm$ = f, k(o, f, j(t))));\n}, ae = (e, t, s) => {\n  for (let r = t; r <= s; ++r) {\n    const n = e[r];\n    if (n) {\n      const i = n.$elm$;\n      fe(n), i && (H = !0, i[\"s-ol\"] ? i[\"s-ol\"].remove() : A(i, !0), i.remove());\n    }\n  }\n}, He = (e, t, s, r, n = !1) => {\n  let i = 0, o = 0, f = 0, c = 0, $ = t.length - 1, u = t[0], l = t[$], d = r.length - 1, a = r[0], g = r[d], m, y;\n  for (; i <= $ && o <= d; )\n    if (u == null)\n      u = t[++i];\n    else if (l == null)\n      l = t[--$];\n    else if (a == null)\n      a = r[++o];\n    else if (g == null)\n      g = r[--d];\n    else if (R(u, a, n))\n      T(u, a, n), u = t[++i], a = r[++o];\n    else if (R(l, g, n))\n      T(l, g, n), l = t[--$], g = r[--d];\n    else if (R(u, g, n))\n      (u.$tag$ === \"slot\" || g.$tag$ === \"slot\") && A(u.$elm$.parentNode, !1), T(u, g, n), k(e, u.$elm$, l.$elm$.nextSibling), u = t[++i], g = r[--d];\n    else if (R(l, a, n))\n      (u.$tag$ === \"slot\" || g.$tag$ === \"slot\") && A(l.$elm$.parentNode, !1), T(l, a, n), k(e, l.$elm$, u.$elm$), l = t[--$], a = r[++o];\n    else {\n      for (f = -1, c = i; c <= $; ++c)\n        if (t[c] && t[c].$key$ !== null && t[c].$key$ === a.$key$) {\n          f = c;\n          break;\n        }\n      f >= 0 ? (y = t[f], y.$tag$ !== a.$tag$ ? m = D(t && t[o], s, f) : (T(y, a, n), t[f] = void 0, m = y.$elm$), a = r[++o]) : (m = D(t && t[o], s, o), a = r[++o]), m && k(\n        j(u.$elm$).parentNode,\n        m,\n        j(u.$elm$)\n      );\n    }\n  i > $ ? le(\n    e,\n    r[d + 1] == null ? null : r[d + 1].$elm$,\n    s,\n    r,\n    o,\n    d\n  ) : o > d && ae(t, i, $);\n}, R = (e, t, s = !1) => e.$tag$ === t.$tag$ ? e.$tag$ === \"slot\" ? e.$name$ === t.$name$ : s ? (s && !e.$key$ && t.$key$ && (e.$key$ = t.$key$), !0) : e.$key$ === t.$key$ : !1, j = (e) => e && e[\"s-ol\"] || e, T = (e, t, s = !1) => {\n  const r = t.$elm$ = e.$elm$, n = e.$children$, i = t.$children$, o = t.$tag$, f = t.$text$;\n  let c;\n  f === null ? (v = o === \"svg\" ? !0 : o === \"foreignObject\" ? !1 : v, o === \"slot\" && !N || oe(e, t, v), n !== null && i !== null ? He(r, n, t, i, s) : i !== null ? (e.$text$ !== null && (r.textContent = \"\"), le(r, null, t, i, 0, i.length - 1)) : (\n    // don't do this on initial render as it can cause non-hydrated content to be removed\n    !s && C.updatable && n !== null && ae(n, 0, n.length - 1)\n  ), v && o === \"svg\" && (v = !1)) : (c = r[\"s-cr\"]) ? c.parentNode.textContent = f : e.$text$ !== f && (r.data = f);\n}, b = [], ce = (e) => {\n  let t, s, r;\n  const n = e.__childNodes || e.childNodes;\n  for (const i of n) {\n    if (i[\"s-sr\"] && (t = i[\"s-cr\"]) && t.parentNode) {\n      s = t.parentNode.__childNodes || t.parentNode.childNodes;\n      const o = i[\"s-sn\"];\n      for (r = s.length - 1; r >= 0; r--)\n        if (t = s[r], !t[\"s-cn\"] && !t[\"s-nr\"] && t[\"s-hn\"] !== i[\"s-hn\"])\n          if (Z(t, o)) {\n            let f = b.find((c) => c.$nodeToRelocate$ === t);\n            H = !0, t[\"s-sn\"] = t[\"s-sn\"] || o, f ? (f.$nodeToRelocate$[\"s-sh\"] = i[\"s-hn\"], f.$slotRefNode$ = i) : (t[\"s-sh\"] = i[\"s-hn\"], b.push({\n              $slotRefNode$: i,\n              $nodeToRelocate$: t\n            })), t[\"s-sr\"] && b.map((c) => {\n              Z(c.$nodeToRelocate$, t[\"s-sn\"]) && (f = b.find(($) => $.$nodeToRelocate$ === t), f && !c.$slotRefNode$ && (c.$slotRefNode$ = f.$slotRefNode$));\n            });\n          } else b.some((f) => f.$nodeToRelocate$ === t) || b.push({\n            $nodeToRelocate$: t\n          });\n    }\n    i.nodeType === 1 && ce(i);\n  }\n}, fe = (e) => {\n  e.$attrs$ && e.$attrs$.ref && e.$attrs$.ref(null), e.$children$ && e.$children$.map(fe);\n}, k = (e, t, s) => (typeof t[\"s-sn\"] == \"string\" && t[\"s-sr\"] && t[\"s-cr\"] && $e(t[\"s-cr\"], t, e, t.parentElement), e == null ? void 0 : e.insertBefore(t, s));\nfunction $e(e, t, s, r) {\n  var n;\n  let i;\n  if (e && typeof t[\"s-sn\"] == \"string\" && t[\"s-sr\"] && e.parentNode && e.parentNode[\"s-sc\"] && (i = t[\"s-si\"] || e.parentNode[\"s-sc\"])) {\n    const o = t[\"s-sn\"], f = t[\"s-hn\"];\n    if ((n = s.classList) == null || n.add(i + \"-s\"), r && r.classList.contains(i + \"-s\")) {\n      let c = (r.__childNodes || r.childNodes)[0], $ = !1;\n      for (; c; ) {\n        if (c[\"s-sn\"] !== o && c[\"s-hn\"] === f && c[\"s-sr\"]) {\n          $ = !0;\n          break;\n        }\n        c = c.nextSibling;\n      }\n      $ || r.classList.remove(i + \"-s\");\n    }\n  }\n}\nvar De = (e, t, s = !1) => {\n  var r, n, i, o, f;\n  const c = e.$hostElement$, $ = e.$cmpMeta$, u = e.$vnode$ || w(null, null), l = Me(t) ? t : Re(null, null, t);\n  if (E = c.tagName, $.$attrsToReflect$ && (l.$attrs$ = l.$attrs$ || {}, $.$attrsToReflect$.map(\n    ([d, a]) => l.$attrs$[a] = c[d]\n  )), s && l.$attrs$)\n    for (const d of Object.keys(l.$attrs$))\n      c.hasAttribute(d) && ![\"key\", \"ref\", \"style\", \"class\"].includes(d) && (l.$attrs$[d] = c[d]);\n  l.$tag$ = null, l.$flags$ |= 4, e.$vnode$ = l, l.$elm$ = u.$elm$ = c.shadowRoot || c, M = c[\"s-sc\"], N = ($.$flags$ & 1) !== 0, F = c[\"s-cr\"], H = !1, T(u, l, s);\n  {\n    if (_.$flags$ |= 1, I) {\n      ce(l.$elm$);\n      for (const d of b) {\n        const a = d.$nodeToRelocate$;\n        if (!a[\"s-ol\"]) {\n          const g = L.createTextNode(\"\");\n          g[\"s-nr\"] = a, k(a.parentNode, a[\"s-ol\"] = g, a);\n        }\n      }\n      for (const d of b) {\n        const a = d.$nodeToRelocate$, g = d.$slotRefNode$;\n        if (g) {\n          const m = g.parentNode;\n          let y = g.nextSibling;\n          {\n            let O = (r = a[\"s-ol\"]) == null ? void 0 : r.previousSibling;\n            for (; O; ) {\n              let h = (n = O[\"s-nr\"]) != null ? n : null;\n              if (h && h[\"s-sn\"] === a[\"s-sn\"] && m === (h.__parentNode || h.parentNode)) {\n                for (h = h.nextSibling; h === a || h != null && h[\"s-sr\"]; )\n                  h = h == null ? void 0 : h.nextSibling;\n                if (!h || !h[\"s-nr\"]) {\n                  y = h;\n                  break;\n                }\n              }\n              O = O.previousSibling;\n            }\n          }\n          const ge = a.__parentNode || a.parentNode, pe = a.__nextSibling || a.nextSibling;\n          (!y && m !== ge || pe !== y) && a !== y && (!a[\"s-hn\"] && a[\"s-ol\"] && (a[\"s-hn\"] = a[\"s-ol\"].parentNode.nodeName), k(m, a, y), a.nodeType === 1 && a.tagName !== \"SLOT-FB\" && (a.hidden = (i = a[\"s-ih\"]) != null ? i : !1)), a && typeof g[\"s-rf\"] == \"function\" && g[\"s-rf\"](a);\n        } else\n          a.nodeType === 1 && (s && (a[\"s-ih\"] = (o = a.hidden) != null ? o : !1), a.hidden = !0);\n      }\n    }\n    H && re(l.$elm$), _.$flags$ &= -2, b.length = 0;\n  }\n  if (C.experimentalScopedSlotChanges && $.$flags$ & 2) {\n    const d = l.$elm$.__childNodes || l.$elm$.childNodes;\n    for (const a of d)\n      a[\"s-hn\"] !== E && !a[\"s-sh\"] && (s && a[\"s-ih\"] == null && (a[\"s-ih\"] = (f = a.hidden) != null ? f : !1), a.hidden = !0);\n  }\n  F = void 0;\n};\nconst Ue = (e, t, s) => {\n  [null, void 0, \"\", !1].includes(s) || [\"innerHTML\", \"style\"].includes(t) || e.setAttribute(t, [\"object\", \"function\"].includes(typeof s) ? \"/!\\\\ Object props are not rendered in the code example\" : s);\n}, ue = (e, t, s, r, n) => {\n  if (t && typeof t == \"string\") {\n    const i = document.createElement(t);\n    Object.keys(s || {}).forEach((o) => {\n      Ue(i, o, s[o]);\n    }), r == null || r.forEach((o) => {\n      ue(i, o.$tag$, o.$attrs$, o.$children$, o.$text$);\n    }), s != null && s.innerHTML && (i.innerHTML = s.innerHTML), e.appendChild(i);\n  }\n  n && (e.innerHTML = n);\n}, rt = (e, t) => {\n  const s = {};\n  if (typeof e != \"object\")\n    throw new Error(\"filterArgs - args isn't an object.\");\n  for (const r in e)\n    if (!r.startsWith(\"slot\")) {\n      const n = e[r], i = r.replace(/([a-z])([A-Z])/g, \"$1-$2\").toLowerCase();\n      (!t || !Object.keys(t).includes(r) || t[r] !== n) && (s[i] = n);\n    }\n  return s;\n}, nt = (e, t) => {\n  var r, n;\n  const s = document.getElementById(\"storybook-root\");\n  if (s !== null)\n    return (n = document.querySelector(\"[lang]\")) == null || n.setAttribute(\"lang\", ((r = t.globals) == null ? void 0 : r.locale) || \"en\"), De(\n      {\n        $cmpMeta$: {\n          $flags$: 0,\n          $tagName$: s.tagName\n        },\n        $hostElement$: s\n      },\n      e(t)\n    ), s.children[s.children.length - 1];\n}, it = ({ $tag$: e, $attrs$: t, $children$: s, $text$: r }) => {\n  const n = document.createElement(\"div\");\n  return ue(n, e, t, s, r), n.innerHTML;\n}, U = (e, t) => {\n  if (!t)\n    return;\n  const s = t.split(\"/\");\n  return `${e}${s.slice(2, s.length - 1).join(\"-\")}--docs`;\n};\nvar S, q;\nclass ot {\n  constructor(t) {\n    /**\n     * JsonDocs\n     */\n    p(this, \"jsonDoc\");\n    /**\n     * Get component data from the jsonDoc\n     * @param tagName - tag name we want to get the data from\n     * @returns component data\n     */\n    B(this, S, (t) => this.jsonDoc.components.find((s) => s.tag === t));\n    /**\n     * Get the control for the given prop\n     * Based on https://storybook.js.org/docs/api/arg-types#controltype\n     * @param prop - prop to get control for\n     * @returns control type and options if applicable\n     */\n    B(this, q, (t) => {\n      const s = t.type.replace(/\"([^\"]+)\"/g, \"$1\").replace(/\\s/g, \"\").replace(/\\(.*?\\)/g, (r) => r.replace(/\\|/g, \" OR \")).split(\"|\").map((r) => r.trim().replace(/ OR /g, \"|\"));\n      return t.type === \"string\" ? { control: { type: \"text\" } } : t.type === \"number\" ? { control: { type: \"number\" } } : t.type === \"boolean\" ? { control: { type: \"boolean\" } } : t.type.startsWith(\"{\") && t.type.endsWith(\"}\") ? { control: { type: \"object\" } } : s.length > 1 ? s.includes(\"string\") ? { control: { type: \"text\" } } : s.every((r) => r == null ? void 0 : r.includes(\"[]\")) ? { control: { type: \"object\" } } : (s.unshift(void 0), { control: { type: \"select\" }, options: s }) : { control: { type: \"object\" } };\n    });\n    /**\n     * Extract component arg types from the component data\n     * @param tagName - tag name we want to extract the arg types from\n     * @returns component arg types\n     */\n    p(this, \"extractArgTypes\", (t) => {\n      const s = x(this, S).call(this, t), r = s == null ? void 0 : s.props.reduce((u, l) => {\n        const { control: d, options: a } = x(this, q).call(this, l);\n        return {\n          ...u,\n          [l.name]: {\n            name: l.attr || l.name,\n            description: l.docs,\n            type: { required: l.required },\n            table: {\n              category: \"props\",\n              type: { summary: l.type },\n              defaultValue: { summary: l.default }\n            },\n            control: d,\n            options: a\n          }\n        };\n      }, {}), n = s == null ? void 0 : s.events.reduce(\n        (u, l) => ({\n          ...u,\n          [l.event]: {\n            name: l.event,\n            description: l.docs,\n            table: {\n              category: \"events\",\n              type: { summary: l.detail }\n            }\n          }\n        }),\n        {}\n      ), i = s == null ? void 0 : s.methods.reduce(\n        (u, l) => ({\n          ...u,\n          [l.name]: {\n            name: l.name,\n            description: l.docs,\n            table: {\n              category: \"methods\",\n              type: { summary: l.signature }\n            }\n          }\n        }),\n        {}\n      ), o = s == null ? void 0 : s.slots.reduce(\n        (u, l) => ({\n          ...u,\n          [l.name]: {\n            name: l.name !== \"\" ? l.name : \"default\",\n            // default slot are unnamed\n            description: l.docs,\n            table: {\n              category: \"slots\",\n              type: { summary: void 0 }\n            }\n          }\n        }),\n        {}\n      ), f = s == null ? void 0 : s.styles.reduce(\n        (u, l) => ({\n          ...u,\n          [l.name]: {\n            name: l.name,\n            description: l.docs,\n            table: {\n              category: \"custom properties\",\n              type: { summary: void 0 }\n            }\n          }\n        }),\n        {}\n      ), c = s == null ? void 0 : s.dependencies.reduce((u, l) => {\n        const d = x(this, S).call(this, l);\n        return {\n          ...u,\n          [l]: {\n            name: l,\n            description: `<a href=\"./?path=/docs/${U(\"\", d == null ? void 0 : d.filePath)}\">View Component Documentation</a>`,\n            table: {\n              category: \"depends on\",\n              type: { summary: void 0 }\n            }\n          }\n        };\n      }, {}), $ = s == null ? void 0 : s.dependents.reduce((u, l) => {\n        const d = x(this, S).call(this, l);\n        return {\n          ...u,\n          [l]: {\n            name: l,\n            description: `<a href=\"./?path=/docs/${U(\"\", d == null ? void 0 : d.filePath)}\">View Component Documentation</a>`,\n            table: {\n              category: \"used by\",\n              type: { summary: void 0 }\n            }\n          }\n        };\n      }, {});\n      return {\n        ...r,\n        ...n,\n        ...i,\n        ...o,\n        ...f,\n        ...c,\n        ...$\n      };\n    });\n    /**\n     * Extract component description from the component data\n     * @param tagName - tag name we want to extract the description from\n     * @returns component description\n     */\n    p(this, \"extractComponentDescription\", (t) => {\n      const s = x(this, S).call(this, t);\n      return (s == null ? void 0 : s.readme) || (s == null ? void 0 : s.docs);\n    });\n    this.jsonDoc = t;\n  }\n}\nS = new WeakMap(), q = new WeakMap();\nconst qe = (e, t) => {\n  if (t)\n    return `${e}${t}`;\n}, de = (e) => {\n  let t = e.overview ? `${e.overview}\n\n` : \"\";\n  const s = e.props.filter(({ attr: n }) => n !== void 0);\n  s.length && (t += `Attributes:\n`, t += s.map(({ attr: n, docs: i }) => `- \\`${n}\\`: ${i}\n`).join(\"\"), t += `\n`);\n  const r = e.props.filter(({ attr: n }) => n === void 0);\n  return r.length && (t += `Properties:\n`, t += r.map(({ name: n, docs: i }) => `- \\`${n}\\`: ${i}\n`).join(\"\"), t += `\n`), e.methods.length && (t += `Methods:\n`, t += e.methods.map(({ name: n, docs: i }) => `- \\`${n}\\`: ${i}\n`).join(\"\"), t += `\n`), e.events.length && (t += `Events:\n`, t += e.events.map(({ event: n, docs: i }) => `- \\`${n}\\`: ${i}\n`).join(\"\"), t += `\n`), e.listeners.length && (t += `Listeners:\n`, t += e.listeners.map(({ event: n }) => `- \\`${n}\\`\n`).join(\"\"), t += `\n`), e.slots.length && (t += `Slots:\n`, t += e.slots.map(({ name: n, docs: i }) => `- \\`${n}\\`: ${i}\n`).join(\"\"), t += `\n`), t;\n}, z = (e) => `${e.docs}\n\nType: \\`${e.type}\\``, lt = (e, t, s, r) => ({\n  $schema: \"https://json.schemastore.org/web-types\",\n  name: e,\n  version: t,\n  \"description-markup\": \"markdown\",\n  contributions: {\n    html: {\n      elements: s.components.map((n) => {\n        const i = U(r, n.filePath);\n        return {\n          name: n.tag,\n          description: de(n),\n          \"doc-url\": i,\n          attributes: n.props.filter((o) => o.attr).map((o) => ({\n            name: o.attr,\n            description: z(o),\n            \"doc-url\": i,\n            value: {\n              type: o.type,\n              default: o.default,\n              required: o.required\n            }\n          })),\n          js: {\n            properties: n.props.map((o) => ({\n              name: o.name,\n              description: z(o),\n              \"doc-url\": i,\n              value: {\n                type: o.type,\n                default: o.default,\n                required: o.required\n              }\n            })),\n            events: n.events.map((o) => ({\n              name: o.event,\n              description: o.docs\n            }))\n          },\n          css: {\n            properties: n.styles.map((o) => ({\n              name: o.name,\n              description: o.docs\n            }))\n          }\n        };\n      })\n    }\n  }\n}), Ce = (e, t, s) => [\n  { name: \"Storybook\", url: U(e, s) },\n  { name: \"Sources\", url: qe(t, s) }\n], Be = (e) => {\n  if (!e.values.some(({ value: t }) => t === void 0))\n    return e.values.map(({ value: t }) => ({ name: t }));\n}, at = (e, t, s) => ({\n  version: 1.1,\n  tags: e.components.map((r) => {\n    const n = Ce(t, s, r.filePath);\n    return {\n      name: r.tag,\n      description: de(r),\n      attributes: r.props.map((i) => ({\n        name: i.attr || i.name,\n        description: z(i),\n        values: Be(i),\n        references: n\n      })),\n      references: n\n    };\n  }),\n  globalAttributes: [],\n  valueSets: []\n}), ct = (e) => ({\n  version: 1.1,\n  properties: e.components.flatMap(\n    (t) => t.styles.map((s) => ({\n      name: s.name,\n      description: s.docs\n    }))\n  )\n}), ft = (e) => {\n  const t = { value: \"2023\", pattern: \"yyyy\" }, s = { value: \"12\", pattern: \"mm\" }, r = { value: \"24\", pattern: \"dd\" };\n  return ze([t.value, s.value, r.value].join(\"-\"), e, { timeZone: \"UTC\" }).replace(t.value, t.pattern).replace(s.value, s.pattern).replace(r.value, r.pattern);\n}, $t = (e) => e.toISOString().split(\"T\")[0], Pe = (e, t, s) => {\n  const r = e.closest(\"[lang]\"), n = Intl.NumberFormat.supportedLocalesOf(r == null ? void 0 : r.lang), i = n.length > 0 && typeof n[0] == \"string\" ? n[0] : navigator.language || s, o = i.split(\"-\").shift();\n  return Object.keys(t).length === 0 ? {\n    locale: i,\n    messages: { lang: s }\n  } : {\n    locale: i,\n    messages: t[o] || t[s] || { lang: s }\n  };\n}, ut = (e, t, s) => new Intl.NumberFormat(t, { style: \"currency\", currency: s }).format(e), dt = (e, t, s = 0) => new Intl.NumberFormat(t, { minimumFractionDigits: s }).format(s > 0 ? Number(e == null ? void 0 : e.toFixed(s)) : e), gt = (e, t, s = 0) => new Intl.NumberFormat(t, {\n  style: \"percent\",\n  minimumFractionDigits: s,\n  maximumFractionDigits: s\n}).format(e), pt = (e, t, s, r = \"short\", n = 0) => new Intl.NumberFormat(t, {\n  style: \"unit\",\n  unit: s,\n  unitDisplay: r,\n  minimumFractionDigits: n,\n  maximumFractionDigits: n\n}).format(e), we = /^\\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01])$/, ze = (e, t, s) => typeof e != \"string\" || e === \"\" || !we.test(e) ? \"\" : new Intl.DateTimeFormat(t, s).format(new Date(e)), ht = (e, t) => (s) => Pe(s, e, t), vt = ({ disconnect: e, observe: t, takeRecords: s }) => {\n  class r {\n    constructor(i) {\n      /**\n       *\n       */\n      p(this, \"disconnect\", e);\n      /**\n       *\n       */\n      p(this, \"observe\", t);\n      /**\n       *\n       */\n      p(this, \"takeRecords\", s);\n      /**\n       *\n       */\n      p(this, \"cb\");\n      this.cb = i;\n    }\n  }\n  return [window, global].forEach((n) => {\n    Object.defineProperty(n, \"MutationObserver\", {\n      writable: !0,\n      configurable: !0,\n      value: r\n    });\n  }), r;\n}, yt = ({ disconnect: e, observe: t }) => {\n  class s {\n    constructor(n) {\n      /**\n       *\n       */\n      p(this, \"disconnect\", e);\n      /**\n       *\n       */\n      p(this, \"observe\", t);\n      /**\n       *\n       */\n      p(this, \"unobserve\");\n      /**\n       *\n       */\n      p(this, \"cb\");\n      this.cb = n;\n    }\n  }\n  return [window, global].forEach((r) => {\n    Object.defineProperty(r, \"ResizeObserver\", {\n      writable: !0,\n      configurable: !0,\n      value: s\n    });\n  }), s;\n};\nclass Ie extends Event {\n  constructor() {\n    super(...arguments);\n    /**\n     *\n     */\n    p(this, \"detail\");\n  }\n  // eslint-disable-line @typescript-eslint/no-explicit-any\n}\nconst mt = () => {\n  class e extends Ie {\n  }\n  return [window, global].forEach((t) => {\n    Object.defineProperty(t, \"SubmitEvent\", {\n      writable: !0,\n      configurable: !0,\n      value: e\n    });\n  }), e;\n}, bt = (e) => {\n  const t = (s) => (setTimeout(s, 1), e(), 0);\n  return [window, global].forEach((s) => {\n    Object.defineProperty(s, \"requestAnimationFrame\", {\n      writable: !0,\n      configurable: !0,\n      value: t\n    });\n  }), t;\n};\nexport {\n  Ze as ClassList,\n  ot as StorybookPreview,\n  Je as allItemsAreString,\n  tt as cleanString,\n  Ge as createID,\n  we as dateRegExp,\n  $t as dateToString,\n  ht as defineLocales,\n  rt as filterArgs,\n  Qe as focusableElements,\n  ft as getLocaleDatePattern,\n  Y as getParentWindows,\n  it as getStoryHTML,\n  U as getStorybookUrl,\n  Ye as getWindows,\n  Ke as isTagName,\n  et as isValidNumber,\n  me as isValidString,\n  Xe as isValideID,\n  ut as localeCurrency,\n  ze as localeDate,\n  dt as localeNumber,\n  gt as localePercent,\n  pt as localeUnit,\n  st as nextTick,\n  bt as setUpRequestAnimationFrameMock,\n  vt as setupMutationObserverMock,\n  yt as setupResizeObserverMock,\n  mt as setupSubmitEventMock,\n  nt as stencilWrapper,\n  Ve as toString,\n  ct as vsCodeCssGenerator,\n  at as vsCodeGenerator,\n  lt as webTypesGenerator\n};\n//# sourceMappingURL=index.es.js.map\n"],"version":3}

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

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 import { G as Ge, V as Ve } from './index.es.js';
-import { d as defineCustomElement$4, D as Direction, S as Status } from './mg-menu-item2.js';
+import { d as defineCustomElement$4, a as directions, S as Status } from './mg-menu-item2.js';
 import { i as initLocales } from './index2.js';
 import { d as defineCustomElement$b } from './mg-badge2.js';
 import { d as defineCustomElement$a } from './mg-button2.js';
@@ -151,7 +151,7 @@ const MgActionMore$1 = /*@__PURE__*/ proxyCustomElement(class MgActionMore exten
                     [`${this.classBase}__chevron--rotate`]: this.expanded === true,
                 } }, h("mg-icon", { icon: "chevron-down" })));
         }
-        return (h(Host, { key: '2255b4416986c17b4c51162e60f2d69599d730fe', "data-mg-popover-guard": this.mgPopoverIdentifier }, h("span", { key: '06e117e65bd8bbe404478c657cd96709b83e9283', class: this.classBase }, h("mg-popover", { key: '3001fb13f7d6d43c40194698c3f6b081ad7e7ab4', identifier: this.mgPopoverIdentifier, display: this.expanded, "onDisplay-change": this.handleDisplayChange }, h("mg-button", { key: '7b1031a98bddbe7f1e567c42be7ce595512db2ce', variant: this.button.variant, isIcon: this.button.isIcon, disabled: this.button.disabled, type: "button", label: buttonLabel, onClick: this.handleButton }, this.icon && h("mg-icon", Object.assign({ key: '756b408413f748ad8bc32e1d573ab2d7f54a9ce1' }, this.icon)), !this.button.isIcon && buttonContent), h("div", { key: '623b5084381a0ff4e3b8ec06892dcb8d16cb060a', slot: "content" }, h("mg-menu", { key: '34bcf9213d4d076246270daaebbef75ec0f92b07', direction: Direction.VERTICAL, label: this.messages.label }, this.items.map(item => {
+        return (h(Host, { key: '2bb195242da00b4235d1c7e208d1f7ca72189a94', "data-mg-popover-guard": this.mgPopoverIdentifier }, h("span", { key: 'e9b1e0d8996886aef957f95e5c4276c584f80525', class: this.classBase }, h("mg-popover", { key: '8700af5584bb46e3b04b887b3d42d1660c0ef140', identifier: this.mgPopoverIdentifier, display: this.expanded, "onDisplay-change": this.handleDisplayChange }, h("mg-button", { key: '70442ce629cc40ea412ce3b6c93f8aab3abfa567', variant: this.button.variant, isIcon: this.button.isIcon, disabled: this.button.disabled, type: "button", label: buttonLabel, onClick: this.handleButton }, this.icon && h("mg-icon", Object.assign({ key: '85de555a598ac2097fb6586bbfab4ccda47721d1' }, this.icon)), !this.button.isIcon && buttonContent), h("div", { key: '3881ef2f2453a7f6bb8a16f56fd58899d4a44ab3', slot: "content" }, h("mg-menu", { key: 'ad3fb64141e696c4dfdf19743b035347ea212a39', direction: directions.VERTICAL, label: this.messages.label }, this.items.map(item => {
             var _a, _b;
             return isMgActionMoreDivider(item) ? (h("mg-divider", { class: "mg-c-action-more__divider", key: "divider" })) : (h("mg-menu-item", { key: item.label, status: item.status || Status.VISIBLE, target: item.target, href: item.href,
                 // eslint-disable-next-line react/jsx-no-bind

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

@@ -1 +1 @@
-{"file":"mg-action-more.js","mappings":"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","names":["MgActionMore","createID","toString"],"sources":["../styles/dist/components/mg-action-more.css?tag=mg-action-more&encapsulation=shadow","src/components/molecules/mg-action-more/mg-action-more.tsx"],"sourcesContent":[".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{--mg-c-popover-padding-vertical: var(--mg-b-size-8);--mg-c-popover-padding-horizontal: 0;--mg-c-popover-max-width: unset}.mg-c-action-more__divider{--mg-c-divider-spacing-vertical: var(--mg-b-size-4)}.mg-c-action-more__chevron{transition:200ms}.mg-c-action-more__chevron--rotate.mg-c-action-more__chevron{transform:rotate(180deg)}/*# sourceMappingURL=mg-action-more.css.map */\n","import { Component, h, Element, Prop, Watch, State, Host } from '@stencil/core';\nimport { createID, toString } from '@mgdis/stencil-helpers';\nimport { Status } from '../menu/mg-menu-item/mg-menu-item.conf';\nimport { Direction } from '../menu/mg-menu/mg-menu.conf';\nimport { initLocales } from '../../../locales';\nimport type { MessageType } from '../../../locales/index.conf';\nimport type { MgActionMoreItemType, MgActionMoreButtonType, MgActionMoreIconType, MgActionMoreDividerType } from './mg-action-more.conf';\n\n/**\n * MgActionMore['items'] type guard\n * @param prop - commponent items prop\n * @returns return true if type is valid\n */\nconst isMgActionMoreItems = (prop: unknown): prop is MgActionMoreItemType[] => {\n  const items = prop as MgActionMoreItemType[];\n  return (\n    typeof items === 'object' &&\n    items.every(item => (typeof item === 'object' && typeof item.label === 'string' && typeof item.mouseEventHandler === 'function') || isMgActionMoreDivider(item))\n  );\n};\n\n/**\n * MgActionMoreDividerType type guard\n * @param item - component item\n * @returns return true if type is valid\n */\nconst isMgActionMoreDivider = (item: unknown): item is MgActionMoreDividerType => typeof item === 'object' && (item as MgActionMoreDividerType).isDivider;\n\n/**\n * MgActionMore['button'] type guard\n * @param prop - commponent button prop\n * @returns return true if type is valid\n */\nconst isMgActionMoreButton = (prop: unknown): prop is MgActionMoreButtonType => {\n  const button = prop as MgActionMoreButtonType;\n  return typeof button === 'object' && typeof button.variant === 'string' && typeof button.isIcon === 'boolean';\n};\n\n/**\n * MgActionMore['icon'] type guard\n * @param prop - commponent icon prop\n * @returns return true if type is valid\n */\nconst isMgActionMoreIcon = (prop: unknown): prop is MgActionMoreIconType => {\n  const icon = prop as MgActionMoreIconType;\n  return typeof icon === 'object' && typeof icon.icon === 'string';\n};\n\n@Component({\n  tag: 'mg-action-more',\n  styleUrl: '../../../../node_modules/@mgdis/styles/dist/components/mg-action-more.css',\n  shadow: true,\n})\nexport class MgActionMore {\n  /************\n   * Internal *\n   ************/\n\n  private readonly name = 'mg-action-more';\n  private readonly classBase = 'mg-c-action-more';\n  private readonly mgPopoverIdentifier = createID(this.name);\n  private messages: MessageType;\n\n  /**************\n   * Decorators *\n   **************/\n\n  /**\n   * Get component DOM element\n   */\n  @Element() element: HTMLMgActionMoreElement;\n\n  /**\n   * Define the menu-items elements\n   */\n  @Prop() items!: (MgActionMoreItemType | MgActionMoreDividerType)[];\n  @Watch('items')\n  validateItems(newValue: MgActionMore['items']): void {\n    if (!isMgActionMoreItems(newValue)) {\n      throw new Error(\n        `<${this.name}> prop \"items\" is required and all values must be the same type, MgActionMoreItemType or MgActionMoreDividerType. Passed value: ${toString(newValue)}.`,\n      );\n    } else if (isMgActionMoreItems(newValue) && newValue.length > 0 && (isMgActionMoreDivider(newValue[0]) || isMgActionMoreDivider(newValue[newValue.length - 1]))) {\n      throw new Error(`<${this.name}> prop \"items\" can’t have a divider at the beginning or the end of the array. Passed value: ${toString(newValue)}.`);\n    }\n  }\n\n  /**\n   * Define displayed icon\n   */\n  @Prop({ mutable: true }) icon?: MgActionMoreIconType;\n  @Watch('icon')\n  validateIcon(newValue: MgActionMore['icon']): void {\n    if (newValue && !isMgActionMoreIcon(newValue)) {\n      throw new Error(`<${this.name}> prop \"icon\" must match MgActionMoreIconType. Passed value: ${toString(newValue)}.`);\n    } else if (newValue?.icon === undefined && Boolean(this.button.isIcon)) {\n      this.icon = { icon: 'ellipsis' };\n    }\n  }\n\n  /**\n   * Define button properties\n   */\n  @Prop() button?: MgActionMoreButtonType = { variant: 'flat', isIcon: true };\n  @Watch('button')\n  validateButton(newValue: MgActionMore['button']): void {\n    if (newValue && !isMgActionMoreButton(newValue)) {\n      throw new Error(`<${this.name}> prop \"button\" must match MgActionMoreButtonType. Passed value: ${toString(newValue)}.`);\n    }\n  }\n\n  /**\n   * Define if chevron is display\n   */\n  @Prop() displayChevron?: boolean;\n  @Watch('displayChevron')\n  validateDisplayChevron(newValue: MgActionMore['displayChevron']): void {\n    if (newValue && this.button.isIcon === true) {\n      throw new Error(`<${this.name}> prop \"displayChevron\" can't be used with a 'button\" prop \"isIcon\" attribute.`);\n    }\n  }\n  /**\n   * Menu expanded state\n   */\n  @State() expanded = false;\n\n  /************\n   * Methods *\n   ***********/\n\n  /**\n   * Toggle expanded props\n   */\n  private toggleExpanded = (): void => {\n    this.expanded = !this.expanded;\n  };\n\n  /**\n   * Handle popover display change value\n   * @param event - display change updated value\n   */\n  private handleDisplayChange = (event: CustomEvent): void => {\n    this.expanded = event.detail;\n  };\n\n  /**\n   * Button click handler\n   */\n  private handleButton = (): void => {\n    this.toggleExpanded();\n  };\n\n  /**\n   * Item click handler\n   * @param event - click event\n   * @param customHandler - item['mouseEventHandler']\n   */\n  private handleItemClick = (event: MouseEvent, customHandler: MgActionMoreItemType['mouseEventHandler']) => {\n    this.expanded = false;\n    customHandler(event);\n  };\n\n  /*************\n   * Lifecycle *\n   *************/\n\n  /**\n   * Validate props\n   */\n  componentWillLoad(): void {\n    this.messages = initLocales(this.element).messages.actionMore as MessageType;\n    this.validateItems(this.items);\n    this.validateButton(this.button);\n    this.validateIcon(this.icon);\n    this.validateDisplayChevron(this.displayChevron);\n  }\n\n  /**\n   * Render\n   * @returns HTML Element\n   */\n  render(): HTMLElement {\n    const buttonLabel = this.button.label || this.messages.label;\n    const buttonContent = [buttonLabel];\n\n    if (!this.button.isIcon && this.displayChevron) {\n      buttonContent.push(\n        <span\n          class={{\n            [`${this.classBase}__chevron`]: true,\n            [`${this.classBase}__chevron--rotate`]: this.expanded === true,\n          }}\n        >\n          <mg-icon icon=\"chevron-down\"></mg-icon>\n        </span>,\n      );\n    }\n\n    return (\n      <Host data-mg-popover-guard={this.mgPopoverIdentifier}>\n        <span class={this.classBase}>\n          <mg-popover identifier={this.mgPopoverIdentifier} display={this.expanded} onDisplay-change={this.handleDisplayChange}>\n            <mg-button variant={this.button.variant} isIcon={this.button.isIcon} disabled={this.button.disabled} type=\"button\" label={buttonLabel} onClick={this.handleButton}>\n              {this.icon && <mg-icon {...this.icon}></mg-icon>}\n              {!this.button.isIcon && buttonContent}\n            </mg-button>\n            <div slot=\"content\">\n              <mg-menu direction={Direction.VERTICAL} label={this.messages.label}>\n                {this.items.map(item =>\n                  isMgActionMoreDivider(item) ? (\n                    <mg-divider class=\"mg-c-action-more__divider\" key=\"divider\"></mg-divider>\n                  ) : (\n                    <mg-menu-item\n                      key={item.label}\n                      status={item.status || Status.VISIBLE}\n                      target={item.target}\n                      href={item.href}\n                      // eslint-disable-next-line react/jsx-no-bind\n                      onClick={e => this.handleItemClick(e, item.mouseEventHandler)}\n                    >\n                      {item.icon?.icon && <mg-icon icon={item.icon.icon} variant={item.icon.variant} variantStyle={item.icon.variantStyle} slot=\"image\"></mg-icon>}\n                      <span slot=\"label\">{item.label}</span>\n                      {item.badge?.label && <mg-badge label={item.badge.label} value={item.badge.value} slot=\"information\" variant=\"text-color\"></mg-badge>}\n                    </mg-menu-item>\n                  ),\n                )}\n              </mg-menu>\n            </div>\n          </mg-popover>\n        </span>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"mg-action-more.js","mappings":"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","names":["MgActionMore","createID","toString"],"sources":["../styles/dist/components/mg-action-more.css?tag=mg-action-more&encapsulation=shadow","src/components/molecules/mg-action-more/mg-action-more.tsx"],"sourcesContent":[".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{--mg-c-popover-padding-vertical: var(--mg-b-size-8);--mg-c-popover-padding-horizontal: 0;--mg-c-popover-max-width: unset}.mg-c-action-more__divider{--mg-c-divider-spacing-vertical: var(--mg-b-size-4)}.mg-c-action-more__chevron{transition:200ms}.mg-c-action-more__chevron--rotate.mg-c-action-more__chevron{transform:rotate(180deg)}/*# sourceMappingURL=mg-action-more.css.map */\n","import { Component, h, Element, Prop, Watch, State, Host } from '@stencil/core';\nimport { createID, toString } from '@mgdis/stencil-helpers';\nimport { Status } from '../menu/mg-menu-item/mg-menu-item.conf';\nimport { directions } from '../menu/mg-menu/mg-menu.conf';\nimport { initLocales } from '../../../locales';\nimport type { MessageType } from '../../../locales/index.conf';\nimport type { MgActionMoreItemType, MgActionMoreButtonType, MgActionMoreIconType, MgActionMoreDividerType } from './mg-action-more.conf';\n\n/**\n * MgActionMore['items'] type guard\n * @param prop - commponent items prop\n * @returns return true if type is valid\n */\nconst isMgActionMoreItems = (prop: unknown): prop is MgActionMoreItemType[] => {\n  const items = prop as MgActionMoreItemType[];\n  return (\n    typeof items === 'object' &&\n    items.every(item => (typeof item === 'object' && typeof item.label === 'string' && typeof item.mouseEventHandler === 'function') || isMgActionMoreDivider(item))\n  );\n};\n\n/**\n * MgActionMoreDividerType type guard\n * @param item - component item\n * @returns return true if type is valid\n */\nconst isMgActionMoreDivider = (item: unknown): item is MgActionMoreDividerType => typeof item === 'object' && (item as MgActionMoreDividerType).isDivider;\n\n/**\n * MgActionMore['button'] type guard\n * @param prop - commponent button prop\n * @returns return true if type is valid\n */\nconst isMgActionMoreButton = (prop: unknown): prop is MgActionMoreButtonType => {\n  const button = prop as MgActionMoreButtonType;\n  return typeof button === 'object' && typeof button.variant === 'string' && typeof button.isIcon === 'boolean';\n};\n\n/**\n * MgActionMore['icon'] type guard\n * @param prop - commponent icon prop\n * @returns return true if type is valid\n */\nconst isMgActionMoreIcon = (prop: unknown): prop is MgActionMoreIconType => {\n  const icon = prop as MgActionMoreIconType;\n  return typeof icon === 'object' && typeof icon.icon === 'string';\n};\n\n@Component({\n  tag: 'mg-action-more',\n  styleUrl: '../../../../node_modules/@mgdis/styles/dist/components/mg-action-more.css',\n  shadow: true,\n})\nexport class MgActionMore {\n  /************\n   * Internal *\n   ************/\n\n  private readonly name = 'mg-action-more';\n  private readonly classBase = 'mg-c-action-more';\n  private readonly mgPopoverIdentifier = createID(this.name);\n  private messages: MessageType;\n\n  /**************\n   * Decorators *\n   **************/\n\n  /**\n   * Get component DOM element\n   */\n  @Element() element: HTMLMgActionMoreElement;\n\n  /**\n   * Define the menu-items elements\n   */\n  @Prop() items!: (MgActionMoreItemType | MgActionMoreDividerType)[];\n  @Watch('items')\n  validateItems(newValue: MgActionMore['items']): void {\n    if (!isMgActionMoreItems(newValue)) {\n      throw new Error(\n        `<${this.name}> prop \"items\" is required and all values must be the same type, MgActionMoreItemType or MgActionMoreDividerType. Passed value: ${toString(newValue)}.`,\n      );\n    } else if (isMgActionMoreItems(newValue) && newValue.length > 0 && (isMgActionMoreDivider(newValue[0]) || isMgActionMoreDivider(newValue[newValue.length - 1]))) {\n      throw new Error(`<${this.name}> prop \"items\" can’t have a divider at the beginning or the end of the array. Passed value: ${toString(newValue)}.`);\n    }\n  }\n\n  /**\n   * Define displayed icon\n   */\n  @Prop({ mutable: true }) icon?: MgActionMoreIconType;\n  @Watch('icon')\n  validateIcon(newValue: MgActionMore['icon']): void {\n    if (newValue && !isMgActionMoreIcon(newValue)) {\n      throw new Error(`<${this.name}> prop \"icon\" must match MgActionMoreIconType. Passed value: ${toString(newValue)}.`);\n    } else if (newValue?.icon === undefined && Boolean(this.button.isIcon)) {\n      this.icon = { icon: 'ellipsis' };\n    }\n  }\n\n  /**\n   * Define button properties\n   */\n  @Prop() button?: MgActionMoreButtonType = { variant: 'flat', isIcon: true };\n  @Watch('button')\n  validateButton(newValue: MgActionMore['button']): void {\n    if (newValue && !isMgActionMoreButton(newValue)) {\n      throw new Error(`<${this.name}> prop \"button\" must match MgActionMoreButtonType. Passed value: ${toString(newValue)}.`);\n    }\n  }\n\n  /**\n   * Define if chevron is display\n   */\n  @Prop() displayChevron?: boolean;\n  @Watch('displayChevron')\n  validateDisplayChevron(newValue: MgActionMore['displayChevron']): void {\n    if (newValue && this.button.isIcon === true) {\n      throw new Error(`<${this.name}> prop \"displayChevron\" can't be used with a 'button\" prop \"isIcon\" attribute.`);\n    }\n  }\n  /**\n   * Menu expanded state\n   */\n  @State() expanded = false;\n\n  /************\n   * Methods *\n   ***********/\n\n  /**\n   * Toggle expanded props\n   */\n  private toggleExpanded = (): void => {\n    this.expanded = !this.expanded;\n  };\n\n  /**\n   * Handle popover display change value\n   * @param event - display change updated value\n   */\n  private handleDisplayChange = (event: CustomEvent): void => {\n    this.expanded = event.detail;\n  };\n\n  /**\n   * Button click handler\n   */\n  private handleButton = (): void => {\n    this.toggleExpanded();\n  };\n\n  /**\n   * Item click handler\n   * @param event - click event\n   * @param customHandler - item['mouseEventHandler']\n   */\n  private handleItemClick = (event: MouseEvent, customHandler: MgActionMoreItemType['mouseEventHandler']) => {\n    this.expanded = false;\n    customHandler(event);\n  };\n\n  /*************\n   * Lifecycle *\n   *************/\n\n  /**\n   * Validate props\n   */\n  componentWillLoad(): void {\n    this.messages = initLocales(this.element).messages.actionMore as MessageType;\n    this.validateItems(this.items);\n    this.validateButton(this.button);\n    this.validateIcon(this.icon);\n    this.validateDisplayChevron(this.displayChevron);\n  }\n\n  /**\n   * Render\n   * @returns HTML Element\n   */\n  render(): HTMLElement {\n    const buttonLabel = this.button.label || this.messages.label;\n    const buttonContent = [buttonLabel];\n\n    if (!this.button.isIcon && this.displayChevron) {\n      buttonContent.push(\n        <span\n          class={{\n            [`${this.classBase}__chevron`]: true,\n            [`${this.classBase}__chevron--rotate`]: this.expanded === true,\n          }}\n        >\n          <mg-icon icon=\"chevron-down\"></mg-icon>\n        </span>,\n      );\n    }\n\n    return (\n      <Host data-mg-popover-guard={this.mgPopoverIdentifier}>\n        <span class={this.classBase}>\n          <mg-popover identifier={this.mgPopoverIdentifier} display={this.expanded} onDisplay-change={this.handleDisplayChange}>\n            <mg-button variant={this.button.variant} isIcon={this.button.isIcon} disabled={this.button.disabled} type=\"button\" label={buttonLabel} onClick={this.handleButton}>\n              {this.icon && <mg-icon {...this.icon}></mg-icon>}\n              {!this.button.isIcon && buttonContent}\n            </mg-button>\n            <div slot=\"content\">\n              <mg-menu direction={directions.VERTICAL} label={this.messages.label}>\n                {this.items.map(item =>\n                  isMgActionMoreDivider(item) ? (\n                    <mg-divider class=\"mg-c-action-more__divider\" key=\"divider\"></mg-divider>\n                  ) : (\n                    <mg-menu-item\n                      key={item.label}\n                      status={item.status || Status.VISIBLE}\n                      target={item.target}\n                      href={item.href}\n                      // eslint-disable-next-line react/jsx-no-bind\n                      onClick={e => this.handleItemClick(e, item.mouseEventHandler)}\n                    >\n                      {item.icon?.icon && <mg-icon icon={item.icon.icon} variant={item.icon.variant} variantStyle={item.icon.variantStyle} slot=\"image\"></mg-icon>}\n                      <span slot=\"label\">{item.label}</span>\n                      {item.badge?.label && <mg-badge label={item.badge.label} value={item.badge.value} slot=\"information\" variant=\"text-color\"></mg-badge>}\n                    </mg-menu-item>\n                  ),\n                )}\n              </mg-menu>\n            </div>\n          </mg-popover>\n        </span>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/mg-alert.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h } from '@stencil/core/internal/client';
-import { K as Ke, V as Ve } from './index.es.js';
+import { Z as Ze, V as Ve } from './index.es.js';
 import { i as initLocales } from './index2.js';
 import { d as defineCustomElement$5 } from './mg-button2.js';
 import { d as defineCustomElement$4 } from './mg-card2.js';
@@ -39,7 +39,7 @@ const MgAlert$1 = /*@__PURE__*/ proxyCustomElement(class MgAlert extends HTMLEle
         /**
          * Component classes
          */
-        this.classCollection = new Ke(['mg-c-alert']);
+        this.classCollection = new Ze(['mg-c-alert']);
         /**
          * Define if component is using actions slot
          */
@@ -152,7 +152,7 @@ const MgAlert$1 = /*@__PURE__*/ proxyCustomElement(class MgAlert extends HTMLEle
      * @returns HTML Element
      */
     render() {
-        return (h("mg-message", { key: '8d1f797913bb86518d005f377ba2cbe6a3237a19', class: this.classCollection.join(), role: ['info', 'success'].includes(this.variant) ? 'status' : 'alert', variant: this.variant, variantStyle: this.variantStyle }, h("slot", { key: 'df2a42ab678a9844a64198e8610a3cab5e3a3271' }), this.hasActions ? (h("span", { slot: "actions" }, h("slot", { name: "actions" }))) : (h("span", { class: "mg-c-alert__close-button" }, h("mg-button", { "is-icon": true, variant: "flat", label: this.messages.alert.closeButton, onClick: this.handleClose }, h("mg-icon", { icon: "cross" }))))));
+        return (h("mg-message", { key: '3978c0f16d1577cf9e488f75d710e6580e0064f5', class: this.classCollection.join(), role: ['info', 'success'].includes(this.variant) ? 'status' : 'alert', variant: this.variant, variantStyle: this.variantStyle }, h("slot", { key: '5e7dc7c38d5c2b6bbb65b8dd26d0eb3f499b5a2f' }), this.hasActions ? (h("span", { slot: "actions" }, h("slot", { name: "actions" }))) : (h("span", { class: "mg-c-alert__close-button" }, h("mg-button", { "is-icon": true, variant: "flat", label: this.messages.alert.closeButton, onClick: this.handleClose }, h("mg-icon", { icon: "cross" }))))));
     }
     get element() { return this; }
     static get watchers() { return {

package/dist/components/mg-badge2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { K as Ke, V as Ve, m as me } from './index.es.js';
+import { Z as Ze, V as Ve, m as me } from './index.es.js';
 
 /**
  * List of all possibles variants
@@ -26,7 +26,7 @@ const MgBadge = /*@__PURE__*/ proxyCustomElement(class MgBadge extends HTMLEleme
         /**
          * Component classes
          */
-        this.classCollection = new Ke(['mg-c-badge']);
+        this.classCollection = new Ze(['mg-c-badge']);
     }
     validateValue(newValue) {
         if (/^[^A-Z]+$/i.exec(`${newValue}`) === null) {

package/dist/components/mg-button2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { K as Ke, V as Ve, m as me, s as st } from './index.es.js';
+import { Z as Ze, V as Ve, m as me, s as st } from './index.es.js';
 import { d as defineCustomElement$1 } from './mg-icon2.js';
 
 /**
@@ -58,7 +58,7 @@ const MgButton = /*@__PURE__*/ proxyCustomElement(class MgButton extends HTMLEle
         /**
          * Component classes
          */
-        this.classCollection = new Ke(['mg-c-button']);
+        this.classCollection = new Ze(['mg-c-button']);
         /**
          * Trigger actions onClick event
          * @param event - click event

package/dist/components/mg-card2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 
-const mgCardCss = "/*!\n * @prop --mg-c-card-overflow: Defines the overflow property for the card. Unset by default, fallback on `--mg-c-card-overflow-default`.\n * @prop --mg-c-card-overflow-default: Defines the default overflow property for the card. Unset by default.\n * @prop --mg-c-card-max-width: Defines the max-width property for the card. Unset by default.\n * @prop --mg-c-card-spacing: Defines the padding property for the card. Unset by default, fallback on `--mg-c-card-spacing-default`.\n * @prop --mg-c-card-spacing-default: Defines the default padding property for the card. Default value: `--mg-b-size-16`.\n * @prop --mg-c-card-border: Defines the border property for the card. Unset by default, fallback on `--mg-c-card-border-default`.\n * @prop --mg-c-card-border-default: Defines the default border property for the card. Default value: `var(--mg-b-size-border) solid color-mix(in srgb, var(--mg-b-color-dark), transparent 95%)`.\n * @prop --mg-c-card-border-radius: Defines the border radius property for the card. Unset by default, fallback on `--mg-c-card-border-radius-default`.\n * @prop --mg-c-card-border-radius-default: Defines the default border radius property for the card. Default value: `--mg-b-size-radius`.\n * @prop --mg-c-card-color-background: Defines the background property for the card. Unset by default, fallback on `--mg-c-card-color-background-default`.\n * @prop --mg-c-card-color-background-default: Defines the default background property for the card. Default value: `--mg-b-color-light`.\n * @prop --mg-c-card-box-shadow: Defines the box shadow property for the card. Unset by default, fallback on `--mg-c-card-box-shadow-default`.\n * @prop --mg-c-card-box-shadow-default: Defines the default box shadow property for the card. Default value: `--mg-b-box-shadow`.\n */.mg-c-card{position:relative;z-index:inherit;overflow:var(--mg-c-card-overflow, var(--mg-c-card-overflow-default));width:100%;min-width:var(--mg-c-card-min-width);max-width:var(--mg-c-card-max-width);box-sizing:border-box;padding:var(--mg-c-card-spacing, var(--mg-c-card-spacing-default));border:var(--mg-c-card-border, var(--mg-c-card-border-default));border-radius:var(--mg-c-card-border-radius, var(--mg-c-card-border-radius-default));background:var(--mg-c-card-color-background, var(--mg-c-card-color-background-default));box-shadow:var(--mg-c-card-box-shadow, var(--mg-c-card-box-shadow-default))}.mg-c-card ::slotted(*:not(mg-panel,mg-message,mg-modal)){--mg-c-card-border:var(--mg-c-card-border-default);--mg-c-card-spacing:var(--mg-c-card-spacing-default);--mg-c-card-border-radius:var(--mg-c-card-border-radius-default);--mg-c-card-color-background:var(--mg-c-card-color-background-default);--mg-c-card-box-shadow:var(--mg-c-card-box-shadow-default);--mg-c-card-max-width:unset;--mg-c-card-min-width:unset}";
+const mgCardCss = "/*!\n * @prop --mg-c-card-overflow: Defines the overflow property for the card. Unset by default, fallback on `--mg-c-card-overflow-default`.\n * @prop --mg-c-card-overflow-default: Defines the default overflow property for the card. Unset by default.\n * @prop --mg-c-card-min-width: Defines the min-width property for the card. Unset by default.\n * @prop --mg-c-card-max-width: Defines the max-width property for the card. Unset by default.\n * @prop --mg-c-card-spacing: Defines the padding property for the card. Unset by default, fallback on `--mg-c-card-spacing-default`.\n * @prop --mg-c-card-spacing-default: Defines the default padding property for the card. Default value: `--mg-b-size-16`.\n * @prop --mg-c-card-border: Defines the border property for the card. Unset by default, fallback on `--mg-c-card-border-default`.\n * @prop --mg-c-card-border-default: Defines the default border property for the card. Default value: `var(--mg-b-size-border) solid color-mix(in srgb, var(--mg-b-color-dark), transparent 95%)`.\n * @prop --mg-c-card-border-radius: Defines the border radius property for the card. Unset by default, fallback on `--mg-c-card-border-radius-default`.\n * @prop --mg-c-card-border-radius-default: Defines the default border radius property for the card. Default value: `--mg-b-size-radius`.\n * @prop --mg-c-card-color-background: Defines the background property for the card. Unset by default, fallback on `--mg-c-card-color-background-default`.\n * @prop --mg-c-card-color-background-default: Defines the default background property for the card. Default value: `--mg-b-color-light`.\n * @prop --mg-c-card-box-shadow: Defines the box shadow property for the card. Unset by default, fallback on `--mg-c-card-box-shadow-default`.\n * @prop --mg-c-card-box-shadow-default: Defines the default box shadow property for the card. Default value: `--mg-b-box-shadow`.\n */.mg-c-card{position:relative;z-index:inherit;overflow:var(--mg-c-card-overflow, var(--mg-c-card-overflow-default));width:100%;min-width:var(--mg-c-card-min-width);max-width:var(--mg-c-card-max-width);box-sizing:border-box;padding:var(--mg-c-card-spacing, var(--mg-c-card-spacing-default));border:var(--mg-c-card-border, var(--mg-c-card-border-default));border-radius:var(--mg-c-card-border-radius, var(--mg-c-card-border-radius-default));background:var(--mg-c-card-color-background, var(--mg-c-card-color-background-default));box-shadow:var(--mg-c-card-box-shadow, var(--mg-c-card-box-shadow-default))}.mg-c-card ::slotted(*:not(mg-panel,mg-message,mg-modal)){--mg-c-card-border:var(--mg-c-card-border-default);--mg-c-card-spacing:var(--mg-c-card-spacing-default);--mg-c-card-border-radius:var(--mg-c-card-border-radius-default);--mg-c-card-color-background:var(--mg-c-card-color-background-default);--mg-c-card-box-shadow:var(--mg-c-card-box-shadow-default);--mg-c-card-max-width:unset;--mg-c-card-min-width:unset}";
 const MgCardStyle0 = mgCardCss;
 
 const MgCard = /*@__PURE__*/ proxyCustomElement(class MgCard extends HTMLElement {

package/dist/components/mg-card2.js.map

@@ -1 +1 @@
-{"file":"mg-card2.js","mappings":";;AAAA,MAAM,SAAS,GAAG,kwFAAkwF,CAAC;AACrxF,qBAAe,SAAS;;MCSX,MAAM;;;;;;;;;;;;;IASjB,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,WAAW,IACpB,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["../styles/dist/components/mg-card.css?tag=mg-card&encapsulation=shadow","src/components/atoms/mg-card/mg-card.tsx"],"sourcesContent":["/*!\n * @prop --mg-c-card-overflow: Defines the overflow property for the card. Unset by default, fallback on `--mg-c-card-overflow-default`.\n * @prop --mg-c-card-overflow-default: Defines the default overflow property for the card. Unset by default.\n * @prop --mg-c-card-max-width: Defines the max-width property for the card. Unset by default.\n * @prop --mg-c-card-spacing: Defines the padding property for the card. Unset by default, fallback on `--mg-c-card-spacing-default`.\n * @prop --mg-c-card-spacing-default: Defines the default padding property for the card. Default value: `--mg-b-size-16`.\n * @prop --mg-c-card-border: Defines the border property for the card. Unset by default, fallback on `--mg-c-card-border-default`.\n * @prop --mg-c-card-border-default: Defines the default border property for the card. Default value: `var(--mg-b-size-border) solid color-mix(in srgb, var(--mg-b-color-dark), transparent 95%)`.\n * @prop --mg-c-card-border-radius: Defines the border radius property for the card. Unset by default, fallback on `--mg-c-card-border-radius-default`.\n * @prop --mg-c-card-border-radius-default: Defines the default border radius property for the card. Default value: `--mg-b-size-radius`.\n * @prop --mg-c-card-color-background: Defines the background property for the card. Unset by default, fallback on `--mg-c-card-color-background-default`.\n * @prop --mg-c-card-color-background-default: Defines the default background property for the card. Default value: `--mg-b-color-light`.\n * @prop --mg-c-card-box-shadow: Defines the box shadow property for the card. Unset by default, fallback on `--mg-c-card-box-shadow-default`.\n * @prop --mg-c-card-box-shadow-default: Defines the default box shadow property for the card. Default value: `--mg-b-box-shadow`.\n */.mg-c-card{position:relative;z-index:inherit;overflow:var(--mg-c-card-overflow, var(--mg-c-card-overflow-default));width:100%;min-width:var(--mg-c-card-min-width);max-width:var(--mg-c-card-max-width);box-sizing:border-box;padding:var(--mg-c-card-spacing, var(--mg-c-card-spacing-default));border:var(--mg-c-card-border, var(--mg-c-card-border-default));border-radius:var(--mg-c-card-border-radius, var(--mg-c-card-border-radius-default));background:var(--mg-c-card-color-background, var(--mg-c-card-color-background-default));box-shadow:var(--mg-c-card-box-shadow, var(--mg-c-card-box-shadow-default))}.mg-c-card ::slotted(*:not(mg-panel,mg-message,mg-modal)){--mg-c-card-border: var(--mg-c-card-border-default);--mg-c-card-spacing: var(--mg-c-card-spacing-default);--mg-c-card-border-radius: var(--mg-c-card-border-radius-default);--mg-c-card-color-background: var(--mg-c-card-color-background-default);--mg-c-card-box-shadow: var(--mg-c-card-box-shadow-default);--mg-c-card-max-width: unset;--mg-c-card-min-width: unset}/*# sourceMappingURL=mg-card.css.map */\n","import { Component, h } from '@stencil/core';\n\n/**\n * @slot - Card content\n */\n@Component({\n  tag: 'mg-card',\n  styleUrl: '../../../../node_modules/@mgdis/styles/dist/components/mg-card.css',\n  shadow: true,\n})\nexport class MgCard {\n  /*************\n   * Lifecycle *\n   *************/\n\n  /**\n   * Render\n   * @returns HTML Element\n   */\n  render(): HTMLElement {\n    return (\n      <div class=\"mg-c-card\">\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}
+{"file":"mg-card2.js","mappings":";;AAAA,MAAM,SAAS,GAAG,k2FAAk2F,CAAC;AACr3F,qBAAe,SAAS;;MCSX,MAAM;;;;;;;;;;;;;IASjB,MAAM;QACJ,QACE,4DAAK,KAAK,EAAC,WAAW,IACpB,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["../styles/dist/components/mg-card.css?tag=mg-card&encapsulation=shadow","src/components/atoms/mg-card/mg-card.tsx"],"sourcesContent":["/*!\n * @prop --mg-c-card-overflow: Defines the overflow property for the card. Unset by default, fallback on `--mg-c-card-overflow-default`.\n * @prop --mg-c-card-overflow-default: Defines the default overflow property for the card. Unset by default.\n * @prop --mg-c-card-min-width: Defines the min-width property for the card. Unset by default.\n * @prop --mg-c-card-max-width: Defines the max-width property for the card. Unset by default.\n * @prop --mg-c-card-spacing: Defines the padding property for the card. Unset by default, fallback on `--mg-c-card-spacing-default`.\n * @prop --mg-c-card-spacing-default: Defines the default padding property for the card. Default value: `--mg-b-size-16`.\n * @prop --mg-c-card-border: Defines the border property for the card. Unset by default, fallback on `--mg-c-card-border-default`.\n * @prop --mg-c-card-border-default: Defines the default border property for the card. Default value: `var(--mg-b-size-border) solid color-mix(in srgb, var(--mg-b-color-dark), transparent 95%)`.\n * @prop --mg-c-card-border-radius: Defines the border radius property for the card. Unset by default, fallback on `--mg-c-card-border-radius-default`.\n * @prop --mg-c-card-border-radius-default: Defines the default border radius property for the card. Default value: `--mg-b-size-radius`.\n * @prop --mg-c-card-color-background: Defines the background property for the card. Unset by default, fallback on `--mg-c-card-color-background-default`.\n * @prop --mg-c-card-color-background-default: Defines the default background property for the card. Default value: `--mg-b-color-light`.\n * @prop --mg-c-card-box-shadow: Defines the box shadow property for the card. Unset by default, fallback on `--mg-c-card-box-shadow-default`.\n * @prop --mg-c-card-box-shadow-default: Defines the default box shadow property for the card. Default value: `--mg-b-box-shadow`.\n */.mg-c-card{position:relative;z-index:inherit;overflow:var(--mg-c-card-overflow, var(--mg-c-card-overflow-default));width:100%;min-width:var(--mg-c-card-min-width);max-width:var(--mg-c-card-max-width);box-sizing:border-box;padding:var(--mg-c-card-spacing, var(--mg-c-card-spacing-default));border:var(--mg-c-card-border, var(--mg-c-card-border-default));border-radius:var(--mg-c-card-border-radius, var(--mg-c-card-border-radius-default));background:var(--mg-c-card-color-background, var(--mg-c-card-color-background-default));box-shadow:var(--mg-c-card-box-shadow, var(--mg-c-card-box-shadow-default))}.mg-c-card ::slotted(*:not(mg-panel,mg-message,mg-modal)){--mg-c-card-border: var(--mg-c-card-border-default);--mg-c-card-spacing: var(--mg-c-card-spacing-default);--mg-c-card-border-radius: var(--mg-c-card-border-radius-default);--mg-c-card-color-background: var(--mg-c-card-color-background-default);--mg-c-card-box-shadow: var(--mg-c-card-box-shadow-default);--mg-c-card-max-width: unset;--mg-c-card-min-width: unset}/*# sourceMappingURL=mg-card.css.map */\n","import { Component, h } from '@stencil/core';\n\n/**\n * @slot - Card content\n */\n@Component({\n  tag: 'mg-card',\n  styleUrl: '../../../../node_modules/@mgdis/styles/dist/components/mg-card.css',\n  shadow: true,\n})\nexport class MgCard {\n  /*************\n   * Lifecycle *\n   *************/\n\n  /**\n   * Render\n   * @returns HTML Element\n   */\n  render(): HTMLElement {\n    return (\n      <div class=\"mg-c-card\">\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/mg-details.js

@@ -53,7 +53,7 @@ const MgDetails$1 = /*@__PURE__*/ proxyCustomElement(class MgDetails extends HTM
      * @returns HTML Element
      */
     render() {
-        return (h("details", { key: '851050eb7f2c7128626807b429d1a4ddd24fac6c', class: "mg-c-details", onToggle: this.handleToggle, open: this.expanded, ref: (el) => (this.details = el) }, h("summary", { key: '4f7b30959879ca3ec02bd8a0ed9c9df10b7904eb' }, h("slot", { key: '0a8485488fe0f6c5dc7f2bd4b4f2c19de5300178', name: "summary" }), h("span", { key: 'b4a2a3200acc6519df531aba4f45aab34695064d', class: "mg-c-details__toggle" }, h("mg-icon", { key: '24b61c43ac8493474bdbe4575fe0354f6620232f', icon: "chevron-up", class: { 'mg-c-details__toggle-icon': true, 'mg-c-details__toggle-icon--reverse': !this.expanded } }), h("span", { key: '215e2f7044d164225749bead2e0b63f1818529d8', class: { 'mg-u-visually-hidden': this.hideSummary } }, this.expanded ? this.toggleOpened : this.toggleClosed))), h("div", { key: '0da538ad71a452d0f923c8c027f4ea7ba1781985', class: "mg-c-details__details" }, h("slot", { key: 'c278af232c685e7c8b40ac6c9d956d12a944795f', name: "details" }))));
+        return (h("details", { key: '941fc56c10cd54a7975dc9b8adf5b7e24dfe89ce', class: "mg-c-details", onToggle: this.handleToggle, open: this.expanded, ref: (el) => (this.details = el) }, h("summary", { key: '8e0a1107069245a5920d28dced132ab73b25dcf1' }, h("slot", { key: '9530891ab1e8e60a1725aa146146bbd846bb7869', name: "summary" }), h("span", { key: '60163fa52f9c96bc15d60a016a2f17c3327f2b2f', class: "mg-c-details__toggle" }, h("mg-icon", { key: '69c033059e73b5ab336dfe5aeac122b78c65adbf', icon: "chevron-up", class: { 'mg-c-details__toggle-icon': true, 'mg-c-details__toggle-icon--reverse': !this.expanded } }), h("span", { key: '341d8915d9327cf811c21e4021446ff77b471029', class: { 'mg-u-visually-hidden': this.hideSummary } }, this.expanded ? this.toggleOpened : this.toggleClosed))), h("div", { key: '6681fe531a0076a8c016b55c6223492ac5613da4', class: "mg-c-details__details" }, h("slot", { key: 'a09d6f88af12ee0756c9f86d0adcbf01903461c5', name: "details" }))));
     }
     get element() { return this; }
     static get watchers() { return {

package/dist/components/mg-details.js.map

@@ -1 +1 @@
-{"file":"mg-details.js","mappings":";;;;AAAA,MAAM,YAAY,GAAG,22CAA22C,CAAC;AACj4C,wBAAe,YAAY;;MCWdA,WAAS;IALtB;;;;;;;;QA4CU,gBAAW,GAAG,KAAK,CAAC;;;;QAKH,aAAQ,GAAG,KAAK,CAAC;;;;QAclC,iBAAY,GAAG;YACrB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;SACnC,CAAC;KAqCH;IArEC,cAAc,CAAC,QAAgB;QAC7B,IAAI,CAACC,EAAa,CAAC,QAAQ,CAAC,EAAE;YAC5B,MAAM,IAAI,KAAK,CACb,4HAA4H,IAAI,CAAC,YAAY,yBAAyB,IAAI,CAAC,YAAY,KAAK,CAC7L,CAAC;SACH;KACF;IAYD,cAAc,CAAC,QAAiB;QAC9B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KACpC;;;;;;;IAqBD,iBAAiB;QACf,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QACvC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QACvC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAAyC;YAC/E,IAAG,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,uDAAuD,CAAC;gBAAE,KAAK,CAAC,cAAc,EAAE,CAAC;SAC1G,CAAC,CAAA;KACH;;;;;IAMD,MAAM;QACJ,QACE,gEAAS,KAAK,EAAC,cAAc,EAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAsB,MAAM,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC,IAClI,kEACE,6DAAM,IAAI,EAAC,SAAS,GAAQ,EAC5B,6DAAM,KAAK,EAAC,sBAAsB,IAChC,gEAAS,IAAI,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,2BAA2B,EAAE,IAAI,EAAE,oCAAoC,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAY,EACzI,6DAAM,KAAK,EAAE,EAAE,sBAAsB,EAAE,IAAI,CAAC,WAAW,EAAE,IAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAQ,CACpH,CACC,EACV,4DAAK,KAAK,EAAC,uBAAuB,IAChC,6DAAM,IAAI,EAAC,SAAS,GAAQ,CACxB,CACE,EACV;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["MgDetails","isValidString"],"sources":["../styles/dist/components/mg-details.css?tag=mg-details&encapsulation=shadow","src/components/molecules/mg-details/mg-details.tsx"],"sourcesContent":[".mg-u-visually-hidden{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip:rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important;clip-path:inset(50%) !important;white-space:nowrap !important}*:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion){*{animation:none !important;transition:none !important}}/*!\n * @prop --mg-c-details-spacing: Defines the spacing between the summary and the details. Default value: `--mg-b-size-8`.\n */.mg-c-details summary{display:flex;align-items:baseline;cursor:pointer;gap:var(--mg-b-size-16)}.mg-c-details summary::-webkit-details-marker{display:none}.mg-c-details__toggle{display:flex;min-height:calc(var(--mg-b-font-size)*var(--mg-b-line-height));flex-shrink:0;align-items:center;align-self:flex-start;gap:var(--mg-b-size-4)}.mg-c-details__toggle-icon.mg-c-details__toggle-icon--reverse{transform:rotate(180deg)}.mg-c-details__details{margin-top:var(--mg-c-details-spacing)}@media(width < 43.75rem){.mg-c-details__toggle>span{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip:rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important;clip-path:inset(50%) !important;white-space:nowrap !important}}/*# sourceMappingURL=mg-details.css.map */\n","import { Component, Event, EventEmitter, h, Prop, Watch, Element } from '@stencil/core';\nimport { isValidString } from '@mgdis/stencil-helpers';\n\n/**\n * @slot summary - Summary content\n * @slot details - Details content\n */\n@Component({\n  tag: 'mg-details',\n  styleUrl: '../../../../node_modules/@mgdis/styles/dist/components/mg-details.css',\n  shadow: true,\n})\nexport class MgDetails {\n  /************\n   * Internal *\n   ************/\n\n  // HTML selector\n  private details: HTMLDetailsElement;\n\n  /**************\n   * Decorators *\n   **************/\n\n  /**\n   * Get component DOM element\n   */\n  @Element() element: HTMLMgDetailsElement;\n\n  /**\n   * Displayed title when details are closed\n   */\n  @Prop() toggleClosed!: string;\n\n  /**\n   * Displayed title when details are opened\n   */\n  @Prop() toggleOpened!: string;\n  @Watch('toggleClosed')\n  @Watch('toggleOpened')\n  validateTitles(newValue: string): void {\n    if (!isValidString(newValue)) {\n      throw new Error(\n        `<mg-details> prop \"toggleClosed\" and \"toggleOpened\" is required and must be a valid string. Passed value: \"toggleClosed='${this.toggleClosed}'\" and \"toggleOpened='${this.toggleOpened}'\".`,\n      );\n    }\n  }\n\n  /**\n   * Hide summary element\n   */\n  @Prop() hideSummary = false;\n\n  /**\n   * Define if details are diplayed\n   */\n  @Prop({ mutable: true }) expanded = false;\n  @Watch('expanded')\n  handleExpanded(newValue: boolean): void {\n    this.expandedChange.emit(newValue);\n  }\n\n  /**\n   * Emmited event when expanded change\n   */\n  @Event({ eventName: 'expanded-change' }) expandedChange: EventEmitter<HTMLMgDetailsElement['expanded']>;\n\n  /**\n   * Handle details toggle\n   */\n  private handleToggle = (): void => {\n    this.expanded = this.details.open;\n  };\n\n  /*************\n   * Lifecycle *\n   *************/\n\n  /**\n   * Check if component props are well configured on init\n   */\n  componentWillLoad(): void {\n    this.validateTitles(this.toggleClosed);\n    this.validateTitles(this.toggleOpened);\n    this.element.addEventListener('click', (event: MouseEvent & {target: HTMLElement}) => {\n      if(event.target.closest('[slot=\"summary\"] mg-button, mg-button[slot=\"summary\"]')) event.preventDefault();\n    })\n  }\n\n  /**\n   * Render\n   * @returns HTML Element\n   */\n  render(): HTMLElement {\n    return (\n      <details class=\"mg-c-details\" onToggle={this.handleToggle} open={this.expanded} ref={(el: HTMLDetailsElement) => (this.details = el)}>\n        <summary>\n          <slot name=\"summary\"></slot>\n          <span class=\"mg-c-details__toggle\">\n            <mg-icon icon=\"chevron-up\" class={{ 'mg-c-details__toggle-icon': true, 'mg-c-details__toggle-icon--reverse': !this.expanded }}></mg-icon>\n            <span class={{ 'mg-u-visually-hidden': this.hideSummary }}>{this.expanded ? this.toggleOpened : this.toggleClosed}</span>\n          </span>\n        </summary>\n        <div class=\"mg-c-details__details\">\n          <slot name=\"details\"></slot>\n        </div>\n      </details>\n    );\n  }\n}\n"],"version":3}
+{"file":"mg-details.js","mappings":";;;;AAAA,MAAM,YAAY,GAAG,22CAA22C,CAAC;AACj4C,wBAAe,YAAY;;MCWdA,WAAS;IALtB;;;;;;;;QA4CU,gBAAW,GAAG,KAAK,CAAC;;;;QAKH,aAAQ,GAAG,KAAK,CAAC;;;;QAclC,iBAAY,GAAG;YACrB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC;SACnC,CAAC;KAqCH;IArEC,cAAc,CAAC,QAAgB;QAC7B,IAAI,CAACC,EAAa,CAAC,QAAQ,CAAC,EAAE;YAC5B,MAAM,IAAI,KAAK,CACb,4HAA4H,IAAI,CAAC,YAAY,yBAAyB,IAAI,CAAC,YAAY,KAAK,CAC7L,CAAC;SACH;KACF;IAYD,cAAc,CAAC,QAAiB;QAC9B,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;KACpC;;;;;;;IAqBD,iBAAiB;QACf,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QACvC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QACvC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,KAA2C;YACjF,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,uDAAuD,CAAC;gBAAE,KAAK,CAAC,cAAc,EAAE,CAAC;SAC3G,CAAC,CAAC;KACJ;;;;;IAMD,MAAM;QACJ,QACE,gEAAS,KAAK,EAAC,cAAc,EAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAsB,MAAM,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC,IAClI,kEACE,6DAAM,IAAI,EAAC,SAAS,GAAQ,EAC5B,6DAAM,KAAK,EAAC,sBAAsB,IAChC,gEAAS,IAAI,EAAC,YAAY,EAAC,KAAK,EAAE,EAAE,2BAA2B,EAAE,IAAI,EAAE,oCAAoC,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,GAAY,EACzI,6DAAM,KAAK,EAAE,EAAE,sBAAsB,EAAE,IAAI,CAAC,WAAW,EAAE,IAAG,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,YAAY,CAAQ,CACpH,CACC,EACV,4DAAK,KAAK,EAAC,uBAAuB,IAChC,6DAAM,IAAI,EAAC,SAAS,GAAQ,CACxB,CACE,EACV;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["MgDetails","isValidString"],"sources":["../styles/dist/components/mg-details.css?tag=mg-details&encapsulation=shadow","src/components/molecules/mg-details/mg-details.tsx"],"sourcesContent":[".mg-u-visually-hidden{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip:rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important;clip-path:inset(50%) !important;white-space:nowrap !important}*:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion){*{animation:none !important;transition:none !important}}/*!\n * @prop --mg-c-details-spacing: Defines the spacing between the summary and the details. Default value: `--mg-b-size-8`.\n */.mg-c-details summary{display:flex;align-items:baseline;cursor:pointer;gap:var(--mg-b-size-16)}.mg-c-details summary::-webkit-details-marker{display:none}.mg-c-details__toggle{display:flex;min-height:calc(var(--mg-b-font-size)*var(--mg-b-line-height));flex-shrink:0;align-items:center;align-self:flex-start;gap:var(--mg-b-size-4)}.mg-c-details__toggle-icon.mg-c-details__toggle-icon--reverse{transform:rotate(180deg)}.mg-c-details__details{margin-top:var(--mg-c-details-spacing)}@media(width < 43.75rem){.mg-c-details__toggle>span{position:absolute !important;overflow:hidden !important;width:.1rem !important;height:.1rem !important;padding:0 !important;border:0 !important;margin:-0.1rem !important;clip:rect(0.1rem, 0.1rem, 0.1rem, 0.1rem) !important;clip-path:inset(50%) !important;white-space:nowrap !important}}/*# sourceMappingURL=mg-details.css.map */\n","import { Component, Event, EventEmitter, h, Prop, Watch, Element } from '@stencil/core';\nimport { isValidString } from '@mgdis/stencil-helpers';\n\n/**\n * @slot summary - Summary content\n * @slot details - Details content\n */\n@Component({\n  tag: 'mg-details',\n  styleUrl: '../../../../node_modules/@mgdis/styles/dist/components/mg-details.css',\n  shadow: true,\n})\nexport class MgDetails {\n  /************\n   * Internal *\n   ************/\n\n  // HTML selector\n  private details: HTMLDetailsElement;\n\n  /**************\n   * Decorators *\n   **************/\n\n  /**\n   * Get component DOM element\n   */\n  @Element() element: HTMLMgDetailsElement;\n\n  /**\n   * Displayed title when details are closed\n   */\n  @Prop() toggleClosed!: string;\n\n  /**\n   * Displayed title when details are opened\n   */\n  @Prop() toggleOpened!: string;\n  @Watch('toggleClosed')\n  @Watch('toggleOpened')\n  validateTitles(newValue: string): void {\n    if (!isValidString(newValue)) {\n      throw new Error(\n        `<mg-details> prop \"toggleClosed\" and \"toggleOpened\" is required and must be a valid string. Passed value: \"toggleClosed='${this.toggleClosed}'\" and \"toggleOpened='${this.toggleOpened}'\".`,\n      );\n    }\n  }\n\n  /**\n   * Hide summary element\n   */\n  @Prop() hideSummary = false;\n\n  /**\n   * Define if details are diplayed\n   */\n  @Prop({ mutable: true }) expanded = false;\n  @Watch('expanded')\n  handleExpanded(newValue: boolean): void {\n    this.expandedChange.emit(newValue);\n  }\n\n  /**\n   * Emmited event when expanded change\n   */\n  @Event({ eventName: 'expanded-change' }) expandedChange: EventEmitter<HTMLMgDetailsElement['expanded']>;\n\n  /**\n   * Handle details toggle\n   */\n  private handleToggle = (): void => {\n    this.expanded = this.details.open;\n  };\n\n  /*************\n   * Lifecycle *\n   *************/\n\n  /**\n   * Check if component props are well configured on init\n   */\n  componentWillLoad(): void {\n    this.validateTitles(this.toggleClosed);\n    this.validateTitles(this.toggleOpened);\n    this.element.addEventListener('click', (event: MouseEvent & { target: HTMLElement }) => {\n      if (event.target.closest('[slot=\"summary\"] mg-button, mg-button[slot=\"summary\"]')) event.preventDefault();\n    });\n  }\n\n  /**\n   * Render\n   * @returns HTML Element\n   */\n  render(): HTMLElement {\n    return (\n      <details class=\"mg-c-details\" onToggle={this.handleToggle} open={this.expanded} ref={(el: HTMLDetailsElement) => (this.details = el)}>\n        <summary>\n          <slot name=\"summary\"></slot>\n          <span class=\"mg-c-details__toggle\">\n            <mg-icon icon=\"chevron-up\" class={{ 'mg-c-details__toggle-icon': true, 'mg-c-details__toggle-icon--reverse': !this.expanded }}></mg-icon>\n            <span class={{ 'mg-u-visually-hidden': this.hideSummary }}>{this.expanded ? this.toggleOpened : this.toggleClosed}</span>\n          </span>\n        </summary>\n        <div class=\"mg-c-details__details\">\n          <slot name=\"details\"></slot>\n        </div>\n      </details>\n    );\n  }\n}\n"],"version":3}