@paroicms/public-menu-plugin 0.1.0

package/README.md

@@ -0,0 +1,9 @@
+# @paroicms/public-menu-plugin
+
+Public menu plugin for ParoiCMS.
+
+This package is part of [ParoiCMS](https://www.npmjs.com/package/@paroicms/server).
+
+## License
+
+Released under the [MIT license](https://gitlab.com/paroi/opensource/paroicms/-/blob/main/LICENSE.md).

package/backend/dist/plugin.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const data_formatters_lib_1 = require("@paroi/data-formatters-lib");
+const public_server_lib_1 = require("@paroicms/public-server-lib");
+const node_path_1 = require("node:path");
+const projectDir = (0, node_path_1.dirname)(__dirname);
+const packageDir = (0, node_path_1.dirname)(projectDir);
+const version = (0, data_formatters_lib_1.strVal)(require((0, node_path_1.join)(packageDir, "package.json")).version);
+const plugin = {
+    version,
+    slug: "public-menu",
+    async siteInit(service) {
+        service.setPublicAssetsDirectory((0, node_path_1.join)(packageDir, "public-front", "dist"));
+        service.addHeadTag(`<link rel="stylesheet" href="${(0, public_server_lib_1.escapeHtml)(`${service.pluginAssetsUrl}/style.css`)}">`, `<script type="module" src="${(0, public_server_lib_1.escapeHtml)(`${service.pluginAssetsUrl}/public-front-plugin.mjs`)}"></script>`);
+    },
+};
+exports.default = plugin;

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@paroicms/public-menu-plugin",
+  "version": "0.1.0",
+  "description": "Public menu plugin for ParoiCMS",
+  "keywords": [
+    "paroicms",
+    "plugin",
+    "public",
+    "menu"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://gitlab.com/paroi/opensource/paroicms.git",
+    "directory": "plugins/@paroicms/public-menu-plugin"
+  },
+  "author": "Paroi Team",
+  "license": "MIT",
+  "scripts": {
+    "dev:public": "(cd public-front && vite)",
+    "build": "npm run build:backend && npm run build:public",
+    "build:backend": "(cd backend && tsc)",
+    "build:public": "(cd public-front && tsc && vite build)",
+    "build:public:watch": "(cd public-front && tsc && vite build --watch)",
+    "clear": "rimraf backend/dist/* public-front/dist/*"
+  },
+  "dependencies": {
+    "@paroi/data-formatters-lib": "~0.4.0"
+  },
+  "peerDependencies": {
+    "@paroicms/public-anywhere-lib": "0",
+    "@paroicms/public-server-lib": "0"
+  },
+  "devDependencies": {
+    "@paroicms/public-anywhere-lib": "0.7.0",
+    "@paroicms/public-server-lib": "0.13.0",
+    "@types/node": "~20.14.8",
+    "@types/micromodal": "~0.3.5",
+    "micromodal": "~0.4.10",
+    "rimraf": "~6.0.1",
+    "sass": "~1.77.8",
+    "solid-devtools": "~0.30.1",
+    "solid-js": "~1.8.20",
+    "typescript": "~5.5.4",
+    "vite": "~5.4.0",
+    "vite-plugin-solid": "~2.10.2"
+  },
+  "main": "backend/dist/plugin.js",
+  "files": [
+    "backend/dist",
+    "public-front/dist"
+  ]
+}

package/public-front/dist/public-front-plugin.mjs

@@ -0,0 +1,497 @@
+function le(e) {
+  const n = e.dataset.activateMenuItems?.trim();
+  if (!n) return;
+  const { id: t, parents: o } = JSON.parse(n), i = new Set(o);
+  i.add(t);
+  const s = e.querySelectorAll("[data-menu-item-id]");
+  for (const l of s) {
+    const r = l.dataset.menuItemId;
+    r !== void 0 && i.has(r) && l.classList.add("active");
+  }
+}
+let re = J;
+const v = 1, A = 2, ae = {
+  owned: null,
+  cleanups: null,
+  context: null,
+  owner: null
+};
+var d = null;
+let k = null, ce = null, g = null, f = null, p = null, C = 0;
+function B(e, n, t) {
+  const o = he(e, n, !1, v);
+  R(o);
+}
+function ue(e) {
+  if (g === null) return e();
+  const n = g;
+  g = null;
+  try {
+    return e();
+  } finally {
+    g = n;
+  }
+}
+function fe(e, n, t) {
+  let o = e.value;
+  return (!e.comparator || !e.comparator(o, n)) && (e.value = n, e.observers && e.observers.length && $(() => {
+    for (let i = 0; i < e.observers.length; i += 1) {
+      const s = e.observers[i], l = k && k.running;
+      l && k.disposed.has(s), (l ? !s.tState : !s.state) && (s.pure ? f.push(s) : p.push(s), s.observers && Q(s)), l || (s.state = v);
+    }
+    if (f.length > 1e6)
+      throw f = [], new Error();
+  })), n;
+}
+function R(e) {
+  if (!e.fn) return;
+  O(e);
+  const n = C;
+  de(
+    e,
+    e.value,
+    n
+  );
+}
+function de(e, n, t) {
+  let o;
+  const i = d, s = g;
+  g = d = e;
+  try {
+    o = e.fn(n);
+  } catch (l) {
+    return e.pure && (e.state = v, e.owned && e.owned.forEach(O), e.owned = null), e.updatedAt = t + 1, X(l);
+  } finally {
+    g = s, d = i;
+  }
+  (!e.updatedAt || e.updatedAt <= t) && (e.updatedAt != null && "observers" in e ? fe(e, o) : e.value = o, e.updatedAt = t);
+}
+function he(e, n, t, o = v, i) {
+  const s = {
+    fn: e,
+    state: o,
+    updatedAt: null,
+    owned: null,
+    sources: null,
+    sourceSlots: null,
+    cleanups: null,
+    value: n,
+    owner: d,
+    context: d ? d.context : null,
+    pure: t
+  };
+  return d === null || d !== ae && (d.owned ? d.owned.push(s) : d.owned = [s]), s;
+}
+function W(e) {
+  if (e.state === 0) return;
+  if (e.state === A) return I(e);
+  if (e.suspense && ue(e.suspense.inFallback)) return e.suspense.effects.push(e);
+  const n = [e];
+  for (; (e = e.owner) && (!e.updatedAt || e.updatedAt < C); )
+    e.state && n.push(e);
+  for (let t = n.length - 1; t >= 0; t--)
+    if (e = n[t], e.state === v)
+      R(e);
+    else if (e.state === A) {
+      const o = f;
+      f = null, $(() => I(e, n[0])), f = o;
+    }
+}
+function $(e, n) {
+  if (f) return e();
+  let t = !1;
+  f = [], p ? t = !0 : p = [], C++;
+  try {
+    const o = e();
+    return me(t), o;
+  } catch (o) {
+    t || (p = null), f = null, X(o);
+  }
+}
+function me(e) {
+  if (f && (J(f), f = null), e) return;
+  const n = p;
+  p = null, n.length && $(() => re(n));
+}
+function J(e) {
+  for (let n = 0; n < e.length; n++) W(e[n]);
+}
+function I(e, n) {
+  e.state = 0;
+  for (let t = 0; t < e.sources.length; t += 1) {
+    const o = e.sources[t];
+    if (o.sources) {
+      const i = o.state;
+      i === v ? o !== n && (!o.updatedAt || o.updatedAt < C) && W(o) : i === A && I(o, n);
+    }
+  }
+}
+function Q(e) {
+  for (let n = 0; n < e.observers.length; n += 1) {
+    const t = e.observers[n];
+    t.state || (t.state = A, t.pure ? f.push(t) : p.push(t), t.observers && Q(t));
+  }
+}
+function O(e) {
+  let n;
+  if (e.sources)
+    for (; e.sources.length; ) {
+      const t = e.sources.pop(), o = e.sourceSlots.pop(), i = t.observers;
+      if (i && i.length) {
+        const s = i.pop(), l = t.observerSlots.pop();
+        o < i.length && (s.sourceSlots[l] = o, i[o] = s, t.observerSlots[o] = l);
+      }
+    }
+  if (e.owned) {
+    for (n = e.owned.length - 1; n >= 0; n--) O(e.owned[n]);
+    e.owned = null;
+  }
+  if (e.cleanups) {
+    for (n = e.cleanups.length - 1; n >= 0; n--) e.cleanups[n]();
+    e.cleanups = null;
+  }
+  e.state = 0;
+}
+function ge(e) {
+  return e instanceof Error ? e : new Error(typeof e == "string" ? e : "Unknown error", {
+    cause: e
+  });
+}
+function X(e, n = d) {
+  throw ge(e);
+}
+function pe(e, n, t) {
+  let o = t.length, i = n.length, s = o, l = 0, r = 0, a = n[i - 1].nextSibling, u = null;
+  for (; l < i || r < s; ) {
+    if (n[l] === t[r]) {
+      l++, r++;
+      continue;
+    }
+    for (; n[i - 1] === t[s - 1]; )
+      i--, s--;
+    if (i === l) {
+      const c = s < o ? r ? t[r - 1].nextSibling : t[s - r] : a;
+      for (; r < s; ) e.insertBefore(t[r++], c);
+    } else if (s === r)
+      for (; l < i; )
+        (!u || !u.has(n[l])) && n[l].remove(), l++;
+    else if (n[l] === t[s - 1] && t[r] === n[i - 1]) {
+      const c = n[--i].nextSibling;
+      e.insertBefore(t[r++], n[l++].nextSibling), e.insertBefore(t[--s], c), n[i] = t[s];
+    } else {
+      if (!u) {
+        u = /* @__PURE__ */ new Map();
+        let h = r;
+        for (; h < s; ) u.set(t[h], h++);
+      }
+      const c = u.get(n[l]);
+      if (c != null)
+        if (r < c && c < s) {
+          let h = l, y = 1, b;
+          for (; ++h < i && h < s && !((b = u.get(n[h])) == null || b !== c + y); )
+            y++;
+          if (y > c - r) {
+            const S = n[l];
+            for (; r < c; ) e.insertBefore(t[r++], S);
+          } else e.replaceChild(t[r++], n[l++]);
+        } else l++;
+      else n[l++].remove();
+    }
+  }
+}
+const U = "_$DX_DELEGATE";
+function Y(e, n, t) {
+  let o;
+  const i = () => {
+    const l = document.createElement("template");
+    return l.innerHTML = e, l.content.firstChild;
+  }, s = () => (o || (o = i())).cloneNode(!0);
+  return s.cloneNode = s, s;
+}
+function ve(e, n = window.document) {
+  const t = n[U] || (n[U] = /* @__PURE__ */ new Set());
+  for (let o = 0, i = e.length; o < i; o++) {
+    const s = e[o];
+    t.has(s) || (t.add(s), n.addEventListener(s, be));
+  }
+}
+function ye(e, n, t, o) {
+  if (o || (o = []), typeof n != "function") return M(e, n, o, t);
+  B((i) => M(e, n(), i, t), o);
+}
+function be(e) {
+  const n = `$$${e.type}`;
+  let t = e.composedPath && e.composedPath()[0] || e.target;
+  for (e.target !== t && Object.defineProperty(e, "target", {
+    configurable: !0,
+    value: t
+  }), Object.defineProperty(e, "currentTarget", {
+    configurable: !0,
+    get() {
+      return t || document;
+    }
+  }); t; ) {
+    const o = t[n];
+    if (o && !t.disabled) {
+      const i = t[`${n}Data`];
+      if (i !== void 0 ? o.call(t, i, e) : o.call(t, e), e.cancelBubble) return;
+    }
+    t = t._$host || t.parentNode || t.host;
+  }
+}
+function M(e, n, t, o, i) {
+  for (; typeof t == "function"; ) t = t();
+  if (n === t) return t;
+  const s = typeof n;
+  if (e = t[0] && t[0].parentNode || e, s === "string" || s === "number") {
+    if (s === "number" && (n = n.toString(), n === t))
+      return t;
+    {
+      let l = t[0];
+      l && l.nodeType === 3 ? l.data !== n && (l.data = n) : l = document.createTextNode(n), t = w(e, t, o, l);
+    }
+  } else if (n == null || s === "boolean")
+    t = w(e, t, o);
+  else {
+    if (s === "function")
+      return B(() => {
+        let l = n();
+        for (; typeof l == "function"; ) l = l();
+        t = M(e, l, t, o);
+      }), () => t;
+    if (Array.isArray(n)) {
+      const l = [], r = t && Array.isArray(t);
+      if (N(l, n, t, i))
+        return B(() => t = M(e, l, t, o, !0)), () => t;
+      if (l.length === 0)
+        return t = w(e, t, o), t;
+      r ? t.length === 0 ? H(e, l, o) : pe(e, t, l) : (t && w(e), H(e, l)), t = l;
+    } else if (n.nodeType) {
+      if (Array.isArray(t))
+        return t = w(e, t, o, n);
+      t == null || t === "" || !e.firstChild ? e.appendChild(n) : e.replaceChild(n, e.firstChild), t = n;
+    }
+  }
+  return t;
+}
+function N(e, n, t, o) {
+  let i = !1;
+  for (let s = 0, l = n.length; s < l; s++) {
+    let r = n[s], a = t && t[e.length], u;
+    if (!(r == null || r === !0 || r === !1)) if ((u = typeof r) == "object" && r.nodeType)
+      e.push(r);
+    else if (Array.isArray(r))
+      i = N(e, r, a) || i;
+    else if (u === "function")
+      if (o) {
+        for (; typeof r == "function"; ) r = r();
+        i = N(
+          e,
+          Array.isArray(r) ? r : [r],
+          Array.isArray(a) ? a : [a]
+        ) || i;
+      } else
+        e.push(r), i = !0;
+    else {
+      const c = String(r);
+      a && a.nodeType === 3 && a.data === c ? e.push(a) : e.push(document.createTextNode(c));
+    }
+  }
+  return i;
+}
+function H(e, n, t = null) {
+  for (let o = 0, i = n.length; o < i; o++) e.insertBefore(n[o], t);
+}
+function w(e, n, t, o) {
+  if (t === void 0) return e.textContent = "";
+  const i = o || document.createTextNode("");
+  if (n.length) {
+    let s = !1;
+    for (let l = n.length - 1; l >= 0; l--) {
+      const r = n[l];
+      if (i !== r) {
+        const a = r.parentNode === e;
+        !s && !l ? a ? e.replaceChild(i, r) : e.insertBefore(i, t) : a && r.remove();
+      } else s = !0;
+    }
+  } else e.insertBefore(i, t);
+  return [i];
+}
+function we(e, n) {
+  for (var t = 0; t < n.length; t++) {
+    var o = n[t];
+    o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, o.key, o);
+  }
+}
+function E(e) {
+  return function(n) {
+    if (Array.isArray(n)) return T(n);
+  }(e) || function(n) {
+    if (typeof Symbol < "u" && Symbol.iterator in Object(n)) return Array.from(n);
+  }(e) || function(n, t) {
+    if (n) {
+      if (typeof n == "string") return T(n, t);
+      var o = Object.prototype.toString.call(n).slice(8, -1);
+      if (o === "Object" && n.constructor && (o = n.constructor.name), o === "Map" || o === "Set") return Array.from(n);
+      if (o === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o)) return T(n, t);
+    }
+  }(e) || function() {
+    throw new TypeError(`Invalid attempt to spread non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+  }();
+}
+function T(e, n) {
+  (n == null || n > e.length) && (n = e.length);
+  for (var t = 0, o = new Array(n); t < n; t++) o[t] = e[t];
+  return o;
+}
+var V, x, m, L, G, _ = (V = ["a[href]", "area[href]", 'input:not([disabled]):not([type="hidden"]):not([aria-hidden])', "select:not([disabled]):not([aria-hidden])", "textarea:not([disabled]):not([aria-hidden])", "button:not([disabled]):not([aria-hidden])", "iframe", "object", "embed", "[contenteditable]", '[tabindex]:not([tabindex^="-"])'], x = function() {
+  function e(o) {
+    var i = o.targetModal, s = o.triggers, l = s === void 0 ? [] : s, r = o.onShow, a = r === void 0 ? function() {
+    } : r, u = o.onClose, c = u === void 0 ? function() {
+    } : u, h = o.openTrigger, y = h === void 0 ? "data-micromodal-trigger" : h, b = o.closeTrigger, S = b === void 0 ? "data-micromodal-close" : b, j = o.openClass, Z = j === void 0 ? "is-open" : j, F = o.disableScroll, z = F !== void 0 && F, P = o.disableFocus, ee = P !== void 0 && P, D = o.awaitCloseAnimation, te = D !== void 0 && D, q = o.awaitOpenAnimation, ne = q !== void 0 && q, K = o.debugMode, oe = K !== void 0 && K;
+    (function(ie, se) {
+      if (!(ie instanceof se)) throw new TypeError("Cannot call a class as a function");
+    })(this, e), this.modal = document.getElementById(i), this.config = { debugMode: oe, disableScroll: z, openTrigger: y, closeTrigger: S, openClass: Z, onShow: a, onClose: c, awaitCloseAnimation: te, awaitOpenAnimation: ne, disableFocus: ee }, l.length > 0 && this.registerTriggers.apply(this, E(l)), this.onClick = this.onClick.bind(this), this.onKeydown = this.onKeydown.bind(this);
+  }
+  var n, t;
+  return n = e, (t = [{ key: "registerTriggers", value: function() {
+    for (var o = this, i = arguments.length, s = new Array(i), l = 0; l < i; l++) s[l] = arguments[l];
+    s.filter(Boolean).forEach(function(r) {
+      r.addEventListener("click", function(a) {
+        return o.showModal(a);
+      });
+    });
+  } }, { key: "showModal", value: function() {
+    var o = this, i = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : null;
+    if (this.activeElement = document.activeElement, this.modal.setAttribute("aria-hidden", "false"), this.modal.classList.add(this.config.openClass), this.scrollBehaviour("disable"), this.addEventListeners(), this.config.awaitOpenAnimation) {
+      var s = function l() {
+        o.modal.removeEventListener("animationend", l, !1), o.setFocusToFirstNode();
+      };
+      this.modal.addEventListener("animationend", s, !1);
+    } else this.setFocusToFirstNode();
+    this.config.onShow(this.modal, this.activeElement, i);
+  } }, { key: "closeModal", value: function() {
+    var o = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : null, i = this.modal;
+    if (this.modal.setAttribute("aria-hidden", "true"), this.removeEventListeners(), this.scrollBehaviour("enable"), this.activeElement && this.activeElement.focus && this.activeElement.focus(), this.config.onClose(this.modal, this.activeElement, o), this.config.awaitCloseAnimation) {
+      var s = this.config.openClass;
+      this.modal.addEventListener("animationend", function l() {
+        i.classList.remove(s), i.removeEventListener("animationend", l, !1);
+      }, !1);
+    } else i.classList.remove(this.config.openClass);
+  } }, { key: "closeModalById", value: function(o) {
+    this.modal = document.getElementById(o), this.modal && this.closeModal();
+  } }, { key: "scrollBehaviour", value: function(o) {
+    if (this.config.disableScroll) {
+      var i = document.querySelector("body");
+      switch (o) {
+        case "enable":
+          Object.assign(i.style, { overflow: "" });
+          break;
+        case "disable":
+          Object.assign(i.style, { overflow: "hidden" });
+      }
+    }
+  } }, { key: "addEventListeners", value: function() {
+    this.modal.addEventListener("touchstart", this.onClick), this.modal.addEventListener("click", this.onClick), document.addEventListener("keydown", this.onKeydown);
+  } }, { key: "removeEventListeners", value: function() {
+    this.modal.removeEventListener("touchstart", this.onClick), this.modal.removeEventListener("click", this.onClick), document.removeEventListener("keydown", this.onKeydown);
+  } }, { key: "onClick", value: function(o) {
+    (o.target.hasAttribute(this.config.closeTrigger) || o.target.parentNode.hasAttribute(this.config.closeTrigger)) && (o.preventDefault(), o.stopPropagation(), this.closeModal(o));
+  } }, { key: "onKeydown", value: function(o) {
+    o.keyCode === 27 && this.closeModal(o), o.keyCode === 9 && this.retainFocus(o);
+  } }, { key: "getFocusableNodes", value: function() {
+    var o = this.modal.querySelectorAll(V);
+    return Array.apply(void 0, E(o));
+  } }, { key: "setFocusToFirstNode", value: function() {
+    var o = this;
+    if (!this.config.disableFocus) {
+      var i = this.getFocusableNodes();
+      if (i.length !== 0) {
+        var s = i.filter(function(l) {
+          return !l.hasAttribute(o.config.closeTrigger);
+        });
+        s.length > 0 && s[0].focus(), s.length === 0 && i[0].focus();
+      }
+    }
+  } }, { key: "retainFocus", value: function(o) {
+    var i = this.getFocusableNodes();
+    if (i.length !== 0) if (i = i.filter(function(l) {
+      return l.offsetParent !== null;
+    }), this.modal.contains(document.activeElement)) {
+      var s = i.indexOf(document.activeElement);
+      o.shiftKey && s === 0 && (i[i.length - 1].focus(), o.preventDefault()), !o.shiftKey && i.length > 0 && s === i.length - 1 && (i[0].focus(), o.preventDefault());
+    } else i[0].focus();
+  } }]) && we(n.prototype, t), e;
+}(), m = null, L = function(e) {
+  if (!document.getElementById(e)) return console.warn("MicroModal: ❗Seems like you have missed %c'".concat(e, "'"), "background-color: #f8f9fa;color: #50596c;font-weight: bold;", "ID somewhere in your code. Refer example below to resolve it."), console.warn("%cExample:", "background-color: #f8f9fa;color: #50596c;font-weight: bold;", '<div class="modal" id="'.concat(e, '"></div>')), !1;
+}, G = function(e, n) {
+  if (function(o) {
+    o.length <= 0 && (console.warn("MicroModal: ❗Please specify at least one %c'micromodal-trigger'", "background-color: #f8f9fa;color: #50596c;font-weight: bold;", "data attribute."), console.warn("%cExample:", "background-color: #f8f9fa;color: #50596c;font-weight: bold;", '<a href="#" data-micromodal-trigger="my-modal"></a>'));
+  }(e), !n) return !0;
+  for (var t in n) L(t);
+  return !0;
+}, { init: function(e) {
+  var n = Object.assign({}, { openTrigger: "data-micromodal-trigger" }, e), t = E(document.querySelectorAll("[".concat(n.openTrigger, "]"))), o = function(l, r) {
+    var a = [];
+    return l.forEach(function(u) {
+      var c = u.attributes[r].value;
+      a[c] === void 0 && (a[c] = []), a[c].push(u);
+    }), a;
+  }(t, n.openTrigger);
+  if (n.debugMode !== !0 || G(t, o) !== !1) for (var i in o) {
+    var s = o[i];
+    n.targetModal = i, n.triggers = E(s), m = new x(n);
+  }
+}, show: function(e, n) {
+  var t = n || {};
+  t.targetModal = e, t.debugMode === !0 && L(e) === !1 || (m && m.removeEventListeners(), (m = new x(t)).showModal());
+}, close: function(e) {
+  e ? m.closeModalById(e) : m.closeModal();
+} });
+typeof window < "u" && (window.MicroModal = _);
+var Ee = /* @__PURE__ */ Y('<div class="modal micromodal-slide"id=mobileMenu><div class=modal__overlay tabindex=-1 data-micromodal-close><div class="modal__container MobileMenu"role=dialog><button type=button class="modal__close MobileMenu-closeBtn"data-micromodal-close>&times;'), Ae = /* @__PURE__ */ Y('<button class=MobileMenuBtn type=button><svg xmlns=http://www.w3.org/2000/svg viewBox="0 0 24 24"fill=currentColor data-testid=IconBurger width=35 height=35><title>IconBurger</title><path d="M4 18h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zm0-5h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1s.45 1 1 1zM3 7c0 .55.45 1 1 1h16c.55 0 1-.45 1-1s-.45-1-1-1H4c-.55 0-1 .45-1 1z">');
+function Me(e, n) {
+  const o = window.getComputedStyle(e).getPropertyValue("--siteAppMobileMenuMaxWidth");
+  if (!window.matchMedia(`(max-width: ${o})`).matches) return;
+  const s = document.querySelector('[data-mobile-menu="button"]');
+  if (!s) return;
+  _.init(), Se(e);
+  const l = (() => {
+    var a = Ee(), u = a.firstChild, c = u.firstChild;
+    return c.firstChild, ye(c, e, null), a;
+  })();
+  e.style.display === "none" && e.style.removeProperty("display"), document.body.appendChild(l);
+  const r = (() => {
+    var a = Ae();
+    return a.$$click = Ce, a;
+  })();
+  s.appendChild(r);
+}
+function Ce() {
+  _.show("mobileMenu");
+}
+function Se(e) {
+  const n = document.querySelectorAll("[data-mobile-menu-part]");
+  for (const t of n) {
+    const o = t.dataset.mobileMenuPart, i = t.dataset.mobileMenuAction !== "move", s = e.querySelector(`[data-inject="${o}"]`);
+    s && s.appendChild(i ? t.cloneNode(!0) : t);
+  }
+}
+ve(["click"]);
+document.addEventListener("DOMContentLoaded", () => {
+  const e = document.documentElement.lang, n = {
+    mobileMenu: Me
+  }, t = document.querySelectorAll("[data-effect]");
+  for (const i of t) {
+    const s = i.dataset.effect;
+    if (!s) continue;
+    const l = n[s];
+    l && l(i, {
+      language: e
+    });
+  }
+  const o = document.querySelectorAll("[data-activate-menu-items]");
+  for (const i of o)
+    le(i);
+});

package/public-front/dist/style.css

@@ -0,0 +1 @@
+.modal{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif}.modal__overlay{background:#0009;inset:0;position:fixed;z-index:1001}.modal__container{background-color:#fff;border-radius:4px;box-sizing:border-box;max-height:100vh;max-width:500px;overflow-y:auto}.modal__header{align-items:center;display:flex;justify-content:space-between}.modal__title{box-sizing:border-box;color:#00449e;font-size:1.25rem;font-weight:600;line-height:1.25;margin-bottom:0;margin-top:0}.modal__close{background:transparent;border:0}.modal__header .modal__close:before{content:"✕"}.modal__content{color:#000c;line-height:1.5;width:100%}.modal__btn{backface-visibility:hidden;background-color:#e6e6e6;border-radius:.25rem;border-style:none;border-width:0;color:#000c;cursor:pointer;font-size:.875rem;line-height:1.15;margin:0;overflow:visible;padding:.5rem 1rem;text-transform:none;transform:translateZ(0);transition:transform .25s ease-out;will-change:transform}.modal__btn:focus,.modal__btn:hover{transform:scale(1.05)}.modal__btn-primary{background-color:#00449e;color:#fff}@keyframes mmfadeIn{0%{opacity:0}to{opacity:1}}@keyframes mmfadeOut{0%{opacity:1}to{opacity:0}}@keyframes mmslideIn{0%{transform:translateY(15%)}to{transform:translateY(0)}}@keyframes mmslideOut{0%{transform:translateY(0)}to{transform:translateY(-10%)}}.micromodal-slide{display:none}.micromodal-slide.is-open{display:block}.micromodal-slide[aria-hidden=false] .modal__overlay{animation:mmfadeIn .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden=false] .modal__container{animation:mmslideIn .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden=true] .modal__overlay{animation:mmfadeOut .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden=true] .modal__container{animation:mmslideOut .3s cubic-bezier(0,0,.2,1)}.micromodal-slide .modal__container,.micromodal-slide .modal__overlay{will-change:transform}.MobileMenu{height:100%;padding:20px;position:relative;width:100%}.MobileMenu-closeBtn{display:block;font-size:32px;height:50px;position:absolute;right:10px;top:10px;width:50px}