@nextcloud/vue 8.11.1 → 8.11.3

package/dist/chunks/NcEmojiPicker-028V7lKH.mjs

@@ -1,251 +0,0 @@
-import '../assets/NcEmojiPicker-B-4WNYcx.css';
-import { Emoji as u, Picker as f, EmojiIndex as p } from "emoji-mart-vue-fast";
-import { r as m, u as d, v as h, w as k, a as n } from "./_l10n-BZu8wI2q.mjs";
-import { g as v, s as _ } from "./emoji-k4gWHxrE.mjs";
-import { C as o } from "./GenColors-D0bH59Rv.mjs";
-import y from "emoji-mart-vue-fast/data/all.json";
-import { n as c } from "./_plugin-vue2_normalizer-Bj5bLKV4.mjs";
-import g from "../Components/NcButton.mjs";
-import { N as S } from "./NcColorPicker-C29EJ5Gw.mjs";
-import { N as w } from "./NcPopover--V3R3EKV.mjs";
-import { N as C } from "./NcTextField-BAKyJTQ0.mjs";
-m(k, h, d);
-const b = {
-  name: "CircleIcon",
-  emits: ["click"],
-  props: {
-    title: {
-      type: String
-    },
-    fillColor: {
-      type: String,
-      default: "currentColor"
-    },
-    size: {
-      type: Number,
-      default: 24
-    }
-  }
-};
-var j = function() {
-  var e = this, t = e._self._c;
-  return t("span", e._b({ staticClass: "material-design-icon circle-icon", attrs: { "aria-hidden": e.title ? null : !0, "aria-label": e.title, role: "img" }, on: { click: function(i) {
-    return e.$emit("click", i);
-  } } }, "span", e.$attrs, !1), [t("svg", { staticClass: "material-design-icon__svg", attrs: { fill: e.fillColor, width: e.size, height: e.size, viewBox: "0 0 24 24" } }, [t("path", { attrs: { d: "M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" } }, [e.title ? t("title", [e._v(e._s(e.title))]) : e._e()])])]);
-}, $ = [], N = /* @__PURE__ */ c(
-  b,
-  j,
-  $,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const E = N.exports;
-let a;
-const P = {
-  search: n("Search emoji"),
-  notfound: n("No emoji found"),
-  categories: {
-    search: n("Search results"),
-    recent: n("Frequently used"),
-    smileys: n("Smileys & Emotion"),
-    people: n("People & Body"),
-    nature: n("Animals & Nature"),
-    foods: n("Food & Drink"),
-    activity: n("Activities"),
-    places: n("Travel & Places"),
-    objects: n("Objects"),
-    symbols: n("Symbols"),
-    flags: n("Flags"),
-    custom: n("Custom")
-  }
-}, l = [
-  new o(255, 222, 52, n("Neutral skin color")),
-  new o(228, 205, 166, n("Light skin tone")),
-  new o(250, 221, 192, n("Medium light skin tone")),
-  new o(174, 129, 87, n("Medium skin tone")),
-  new o(158, 113, 88, n("Medium dark skin tone")),
-  new o(96, 79, 69, n("Dark skin tone"))
-], x = {
-  name: "NcEmojiPicker",
-  components: {
-    Emoji: u,
-    IconCircle: E,
-    NcButton: g,
-    NcColorPicker: S,
-    NcPopover: w,
-    NcTextField: C,
-    Picker: f
-  },
-  props: {
-    /**
-     * The emoji-set
-     */
-    activeSet: {
-      type: String,
-      default: "native"
-    },
-    /**
-     * Show preview section when hovering emoji
-     */
-    showPreview: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Allow unselecting the selected emoji
-     */
-    allowUnselect: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Selected emoji to allow unselecting
-     */
-    selectedEmoji: {
-      type: String,
-      default: ""
-    },
-    /**
-     * The fallback emoji in the preview section
-     */
-    previewFallbackEmoji: {
-      type: String,
-      default: "grinning"
-    },
-    /**
-     * The fallback text in the preview section
-     */
-    previewFallbackName: {
-      type: String,
-      default: n("Pick an emoji")
-    },
-    /**
-     * Whether to close the emoji picker after picking one
-     */
-    closeOnSelect: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Selector for the popover container
-     */
-    container: {
-      type: [String, Object, Element, Boolean],
-      default: "body"
-    }
-  },
-  emits: [
-    "select",
-    "select-data",
-    "unselect"
-  ],
-  setup() {
-    return a || (a = new p(y)), {
-      // Non-reactive constants
-      emojiIndex: a,
-      skinTonePalette: l,
-      i18n: P
-    };
-  },
-  data() {
-    const r = v();
-    return {
-      /**
-       * The current active color from the skin tone palette
-       */
-      currentColor: l[r - 1],
-      /**
-       * The current active skin tone
-       * @type {1|2|3|4|5|6}
-       */
-      currentSkinTone: r,
-      search: "",
-      open: !1
-    };
-  },
-  computed: {
-    native() {
-      return this.activeSet === "native";
-    }
-  },
-  methods: {
-    t: n,
-    clearSearch() {
-      var e, t;
-      this.search = "";
-      const r = (t = (e = this.$refs.search) == null ? void 0 : e.$refs.inputField) == null ? void 0 : t.$refs.input;
-      r && r.focus();
-    },
-    /**
-     * Update the current skin tone by the result of the color picker
-     * @param {string} color Color set
-     */
-    onChangeSkinTone(r) {
-      const e = this.skinTonePalette.findIndex((t) => t.color.toLowerCase() === r.toLowerCase());
-      e > -1 && (this.currentSkinTone = e + 1, this.currentColor = this.skinTonePalette[e], _(this.currentSkinTone));
-    },
-    select(r) {
-      this.$emit("select", r.native), this.$emit("select-data", r), this.closeOnSelect && (this.open = !1);
-    },
-    unselect() {
-      this.$emit("unselect");
-    },
-    afterShow() {
-      var t, i;
-      this.$refs.picker.$el.addEventListener("keydown", this.checkKeyEvent);
-      const e = (i = (t = this.$refs.search) == null ? void 0 : t.$refs.inputField) == null ? void 0 : i.$refs.input;
-      e && e.focus();
-    },
-    afterHide() {
-      this.$refs.picker.$el.removeEventListener("keydown", this.checkKeyEvent);
-    },
-    checkKeyEvent(r) {
-      if (r.key !== "Tab")
-        return;
-      const t = this.$refs.picker.$el.querySelectorAll(
-        "button, input"
-      ), i = t.length - 1;
-      if (t.length <= 1) {
-        r.preventDefault();
-        return;
-      }
-      r.shiftKey === !1 && r.target === t[i] ? (r.preventDefault(), t[0].focus()) : r.shiftKey === !0 && r.target === t[0] && (r.preventDefault(), t[i].focus());
-    }
-  }
-};
-var T = function() {
-  var e = this, t = e._self._c;
-  return t("NcPopover", e._g(e._b({ attrs: { shown: e.open, container: e.container, "popup-role": "dialog" }, on: { "update:shown": function(i) {
-    e.open = i;
-  }, "after-show": e.afterShow, "after-hide": e.afterHide }, scopedSlots: e._u([{ key: "trigger", fn: function(i) {
-    return [e._t("default", null, null, i)];
-  } }], null, !0) }, "NcPopover", e.$attrs, !1), e.$listeners), [t("Picker", e._b({ ref: "picker", attrs: { "auto-focus": !1, color: "var(--color-primary-element)", data: e.emojiIndex, emoji: e.previewFallbackEmoji, i18n: e.i18n, native: e.native, "emoji-size": 20, "per-line": 8, "picker-styles": { width: "320px" }, "show-preview": e.showPreview, skin: e.currentSkinTone, "show-skin-tones": !1, title: e.previewFallbackName, role: "dialog", "aria-modal": "true", "aria-label": e.t("Emoji picker") }, on: { select: e.select }, scopedSlots: e._u([{ key: "searchTemplate", fn: function(i) {
-    return [t("div", { staticClass: "search__wrapper" }, [t("NcTextField", { ref: "search", staticClass: "search", attrs: { value: e.search, label: e.t("Search"), "label-visible": !0, placeholder: e.i18n.search, "trailing-button-icon": "close", "trailing-button-label": e.t("Clear search"), "show-trailing-button": e.search !== "" }, on: { "update:value": [function(s) {
-      e.search = s;
-    }, function(s) {
-      return i.onSearch(e.search);
-    }], "trailing-button-click": function(s) {
-      e.clearSearch(), i.onSearch(e.search);
-    } } }), t("NcColorPicker", { attrs: { "palette-only": "", container: e.container, palette: e.skinTonePalette, value: e.currentColor.color }, on: { "update:value": e.onChangeSkinTone } }, [t("NcButton", { attrs: { "aria-label": e.t("Skin tone"), type: "tertiary-no-background" }, scopedSlots: e._u([{ key: "icon", fn: function() {
-      return [t("IconCircle", { style: { color: e.currentColor.color }, attrs: { title: e.currentColor.name, size: 20 } })];
-    }, proxy: !0 }], null, !0) })], 1)], 1)];
-  } }, e.allowUnselect && e.selectedEmoji ? { key: "customCategory", fn: function() {
-    return [t("div", { staticClass: "emoji-mart-category-label" }, [t("h3", { staticClass: "emoji-mart-category-label" }, [e._v(" " + e._s(e.t("Selected")) + " ")])]), t("Emoji", { staticClass: "emoji-selected", attrs: { data: e.emojiIndex, emoji: e.selectedEmoji, native: !0, size: 32 }, on: { click: e.unselect } }), t("Emoji", { staticClass: "emoji-delete", attrs: { data: e.emojiIndex, emoji: ":x:", native: !0, size: 10 }, on: { click: e.unselect } })];
-  }, proxy: !0 } : null], null, !0) }, "Picker", e.$attrs, !1))], 1);
-}, F = [], I = /* @__PURE__ */ c(
-  x,
-  T,
-  F,
-  !1,
-  null,
-  "54cb91eb",
-  null,
-  null
-);
-const R = I.exports;
-export {
-  R as N
-};

package/dist/chunks/NcEmojiPicker-BDRuuzNw.cjs

@@ -1,241 +0,0 @@
-require('../assets/NcEmojiPicker-B-4WNYcx.css');
-"use strict";
-const l = require("emoji-mart-vue-fast"), n = require("./_l10n-BVVVUgGU.cjs"), c = require("./emoji-DEH9dtOa.cjs"), o = require("./GenColors-Du2-qv6X.cjs"), p = require("emoji-mart-vue-fast/data/all.json"), f = require("./_plugin-vue2_normalizer-GXKvuwrq.cjs"), d = require("../Components/NcButton.cjs"), m = require("./NcColorPicker-BUsEYIj3.cjs"), h = require("./NcPopover-h-t7Dnjk.cjs"), k = require("./NcTextField-DKppZoIo.cjs"), _ = (r) => r && r.__esModule ? r : { default: r }, v = /* @__PURE__ */ _(p);
-n.register(n.t6, n.t31, n.t36);
-const y = {
-  name: "CircleIcon",
-  emits: ["click"],
-  props: {
-    title: {
-      type: String
-    },
-    fillColor: {
-      type: String,
-      default: "currentColor"
-    },
-    size: {
-      type: Number,
-      default: 24
-    }
-  }
-};
-var g = function() {
-  var e = this, t = e._self._c;
-  return t("span", e._b({ staticClass: "material-design-icon circle-icon", attrs: { "aria-hidden": e.title ? null : !0, "aria-label": e.title, role: "img" }, on: { click: function(i) {
-    return e.$emit("click", i);
-  } } }, "span", e.$attrs, !1), [t("svg", { staticClass: "material-design-icon__svg", attrs: { fill: e.fillColor, width: e.size, height: e.size, viewBox: "0 0 24 24" } }, [t("path", { attrs: { d: "M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" } }, [e.title ? t("title", [e._v(e._s(e.title))]) : e._e()])])]);
-}, C = [], S = /* @__PURE__ */ f.normalizeComponent(
-  y,
-  g,
-  C,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const w = S.exports;
-let a;
-const b = {
-  search: n.t("Search emoji"),
-  notfound: n.t("No emoji found"),
-  categories: {
-    search: n.t("Search results"),
-    recent: n.t("Frequently used"),
-    smileys: n.t("Smileys & Emotion"),
-    people: n.t("People & Body"),
-    nature: n.t("Animals & Nature"),
-    foods: n.t("Food & Drink"),
-    activity: n.t("Activities"),
-    places: n.t("Travel & Places"),
-    objects: n.t("Objects"),
-    symbols: n.t("Symbols"),
-    flags: n.t("Flags"),
-    custom: n.t("Custom")
-  }
-}, u = [
-  new o.Color(255, 222, 52, n.t("Neutral skin color")),
-  new o.Color(228, 205, 166, n.t("Light skin tone")),
-  new o.Color(250, 221, 192, n.t("Medium light skin tone")),
-  new o.Color(174, 129, 87, n.t("Medium skin tone")),
-  new o.Color(158, 113, 88, n.t("Medium dark skin tone")),
-  new o.Color(96, 79, 69, n.t("Dark skin tone"))
-], j = {
-  name: "NcEmojiPicker",
-  components: {
-    Emoji: l.Emoji,
-    IconCircle: w,
-    NcButton: d,
-    NcColorPicker: m.NcColorPicker,
-    NcPopover: h.NcPopover,
-    NcTextField: k.NcTextField,
-    Picker: l.Picker
-  },
-  props: {
-    /**
-     * The emoji-set
-     */
-    activeSet: {
-      type: String,
-      default: "native"
-    },
-    /**
-     * Show preview section when hovering emoji
-     */
-    showPreview: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Allow unselecting the selected emoji
-     */
-    allowUnselect: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Selected emoji to allow unselecting
-     */
-    selectedEmoji: {
-      type: String,
-      default: ""
-    },
-    /**
-     * The fallback emoji in the preview section
-     */
-    previewFallbackEmoji: {
-      type: String,
-      default: "grinning"
-    },
-    /**
-     * The fallback text in the preview section
-     */
-    previewFallbackName: {
-      type: String,
-      default: n.t("Pick an emoji")
-    },
-    /**
-     * Whether to close the emoji picker after picking one
-     */
-    closeOnSelect: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Selector for the popover container
-     */
-    container: {
-      type: [String, Object, Element, Boolean],
-      default: "body"
-    }
-  },
-  emits: [
-    "select",
-    "select-data",
-    "unselect"
-  ],
-  setup() {
-    return a || (a = new l.EmojiIndex(v.default)), {
-      // Non-reactive constants
-      emojiIndex: a,
-      skinTonePalette: u,
-      i18n: b
-    };
-  },
-  data() {
-    const r = c.getCurrentSkinTone();
-    return {
-      /**
-       * The current active color from the skin tone palette
-       */
-      currentColor: u[r - 1],
-      /**
-       * The current active skin tone
-       * @type {1|2|3|4|5|6}
-       */
-      currentSkinTone: r,
-      search: "",
-      open: !1
-    };
-  },
-  computed: {
-    native() {
-      return this.activeSet === "native";
-    }
-  },
-  methods: {
-    t: n.t,
-    clearSearch() {
-      var e, t;
-      this.search = "";
-      const r = (t = (e = this.$refs.search) == null ? void 0 : e.$refs.inputField) == null ? void 0 : t.$refs.input;
-      r && r.focus();
-    },
-    /**
-     * Update the current skin tone by the result of the color picker
-     * @param {string} color Color set
-     */
-    onChangeSkinTone(r) {
-      const e = this.skinTonePalette.findIndex((t) => t.color.toLowerCase() === r.toLowerCase());
-      e > -1 && (this.currentSkinTone = e + 1, this.currentColor = this.skinTonePalette[e], c.setCurrentSkinTone(this.currentSkinTone));
-    },
-    select(r) {
-      this.$emit("select", r.native), this.$emit("select-data", r), this.closeOnSelect && (this.open = !1);
-    },
-    unselect() {
-      this.$emit("unselect");
-    },
-    afterShow() {
-      var t, i;
-      this.$refs.picker.$el.addEventListener("keydown", this.checkKeyEvent);
-      const e = (i = (t = this.$refs.search) == null ? void 0 : t.$refs.inputField) == null ? void 0 : i.$refs.input;
-      e && e.focus();
-    },
-    afterHide() {
-      this.$refs.picker.$el.removeEventListener("keydown", this.checkKeyEvent);
-    },
-    checkKeyEvent(r) {
-      if (r.key !== "Tab")
-        return;
-      const t = this.$refs.picker.$el.querySelectorAll(
-        "button, input"
-      ), i = t.length - 1;
-      if (t.length <= 1) {
-        r.preventDefault();
-        return;
-      }
-      r.shiftKey === !1 && r.target === t[i] ? (r.preventDefault(), t[0].focus()) : r.shiftKey === !0 && r.target === t[0] && (r.preventDefault(), t[i].focus());
-    }
-  }
-};
-var $ = function() {
-  var e = this, t = e._self._c;
-  return t("NcPopover", e._g(e._b({ attrs: { shown: e.open, container: e.container, "popup-role": "dialog" }, on: { "update:shown": function(i) {
-    e.open = i;
-  }, "after-show": e.afterShow, "after-hide": e.afterHide }, scopedSlots: e._u([{ key: "trigger", fn: function(i) {
-    return [e._t("default", null, null, i)];
-  } }], null, !0) }, "NcPopover", e.$attrs, !1), e.$listeners), [t("Picker", e._b({ ref: "picker", attrs: { "auto-focus": !1, color: "var(--color-primary-element)", data: e.emojiIndex, emoji: e.previewFallbackEmoji, i18n: e.i18n, native: e.native, "emoji-size": 20, "per-line": 8, "picker-styles": { width: "320px" }, "show-preview": e.showPreview, skin: e.currentSkinTone, "show-skin-tones": !1, title: e.previewFallbackName, role: "dialog", "aria-modal": "true", "aria-label": e.t("Emoji picker") }, on: { select: e.select }, scopedSlots: e._u([{ key: "searchTemplate", fn: function(i) {
-    return [t("div", { staticClass: "search__wrapper" }, [t("NcTextField", { ref: "search", staticClass: "search", attrs: { value: e.search, label: e.t("Search"), "label-visible": !0, placeholder: e.i18n.search, "trailing-button-icon": "close", "trailing-button-label": e.t("Clear search"), "show-trailing-button": e.search !== "" }, on: { "update:value": [function(s) {
-      e.search = s;
-    }, function(s) {
-      return i.onSearch(e.search);
-    }], "trailing-button-click": function(s) {
-      e.clearSearch(), i.onSearch(e.search);
-    } } }), t("NcColorPicker", { attrs: { "palette-only": "", container: e.container, palette: e.skinTonePalette, value: e.currentColor.color }, on: { "update:value": e.onChangeSkinTone } }, [t("NcButton", { attrs: { "aria-label": e.t("Skin tone"), type: "tertiary-no-background" }, scopedSlots: e._u([{ key: "icon", fn: function() {
-      return [t("IconCircle", { style: { color: e.currentColor.color }, attrs: { title: e.currentColor.name, size: 20 } })];
-    }, proxy: !0 }], null, !0) })], 1)], 1)];
-  } }, e.allowUnselect && e.selectedEmoji ? { key: "customCategory", fn: function() {
-    return [t("div", { staticClass: "emoji-mart-category-label" }, [t("h3", { staticClass: "emoji-mart-category-label" }, [e._v(" " + e._s(e.t("Selected")) + " ")])]), t("Emoji", { staticClass: "emoji-selected", attrs: { data: e.emojiIndex, emoji: e.selectedEmoji, native: !0, size: 32 }, on: { click: e.unselect } }), t("Emoji", { staticClass: "emoji-delete", attrs: { data: e.emojiIndex, emoji: ":x:", native: !0, size: 10 }, on: { click: e.unselect } })];
-  }, proxy: !0 } : null], null, !0) }, "Picker", e.$attrs, !1))], 1);
-}, N = [], P = /* @__PURE__ */ f.normalizeComponent(
-  j,
-  $,
-  N,
-  !1,
-  null,
-  "54cb91eb",
-  null,
-  null
-);
-const E = P.exports;
-exports.NcEmojiPicker = E;

package/dist/chunks/NcHeaderMenu-58OTmM-5.cjs

@@ -1,187 +0,0 @@
-require('../assets/NcMentionBubble-7PQ8wEko.css');
-require('../assets/NcHeaderMenu-BKufmJd0.css');
-"use strict";
-const n = require("@vueuse/components"), o = require("focus-trap"), s = require("./GenRandomId-B2O1GMbH.cjs"), a = require("../Mixins/clickOutsideOptions.cjs");
-require("../Composables/useIsFullscreen.cjs");
-require("../Composables/useIsMobile.cjs");
-require("@nextcloud/router");
-;/* empty css                                                                           */
-const u = require("./_plugin-vue2_normalizer-GXKvuwrq.cjs");
-require("linkify-string");
-require("escape-html");
-require("striptags");
-require("vue");
-require("@nextcloud/auth");
-require("@nextcloud/axios");
-require("@nextcloud/capabilities");
-const c = require("./focusTrap-xauhLvvr.cjs"), d = require("../Components/NcButton.cjs"), l = {
-  name: "NcHeaderMenu",
-  components: {
-    NcButton: d
-  },
-  directives: {
-    ClickOutside: n.vOnClickOutside
-  },
-  mixins: [
-    a
-  ],
-  props: {
-    /**
-     * Unique id for this menu
-     */
-    id: {
-      type: String,
-      required: !0
-    },
-    /**
-     * aria-label attribute of the menu open button
-     */
-    ariaLabel: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Current menu open state
-     */
-    open: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Pass `true` if the header menu is used for website navigation
-     *
-     * The wrapper tag will be set to `nav` and its `aria-labelledby`
-     * will be associated with the menu open button
-     */
-    isNav: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Additional visually hidden description text for the menu
-     * open button
-     */
-    description: {
-      type: String,
-      default: null
-    }
-  },
-  emits: [
-    "close",
-    "closed",
-    "open",
-    "opened",
-    "update:open",
-    "cancel"
-  ],
-  data() {
-    var t, e, i;
-    return {
-      focusTrap: null,
-      opened: this.open,
-      shortcutsDisabled: (i = (e = (t = window.OCP) == null ? void 0 : t.Accessibility) == null ? void 0 : e.disableKeyboardShortcuts) == null ? void 0 : i.call(e),
-      triggerId: s.GenRandomId(),
-      descriptionId: s.GenRandomId()
-    };
-  },
-  computed: {
-    wrapperTag() {
-      return this.isNav ? "nav" : "div";
-    },
-    clickOutsideConfig() {
-      return [
-        this.closeMenu,
-        this.clickOutsideOptions
-      ];
-    },
-    listeners() {
-      return this.isNav ? {
-        focusout: this.onFocusOut
-      } : null;
-    }
-  },
-  watch: {
-    open(t) {
-      t ? this.openMenu() : this.closeMenu();
-    }
-  },
-  mounted() {
-    document.addEventListener("keydown", this.onKeyDown);
-  },
-  beforeDestroy() {
-    document.removeEventListener("keydown", this.onKeyDown);
-  },
-  methods: {
-    /**
-     * Toggle the current menu open state
-     */
-    toggleMenu() {
-      this.opened ? this.closeMenu() : this.openMenu();
-    },
-    /**
-     * Close the current menu
-     *
-     * @param {boolean} cancelled emit a cancel event instead of close
-     */
-    closeMenu(t = !1) {
-      this.opened = !1, this.$emit(t ? "cancel" : "close"), this.$emit("update:open", !1), this.clearFocusTrap(), this.$nextTick(() => {
-        this.$emit("closed");
-      });
-    },
-    /**
-     * Open the current menu
-     */
-    openMenu() {
-      this.opened = !0, this.$emit("open"), this.$emit("update:open", !0), this.$nextTick(() => {
-        this.useFocusTrap(), this.$emit("opened");
-      });
-    },
-    onKeyDown(t) {
-      this.shortcutsDisabled || !this.opened || t.key === "Escape" && (t.preventDefault(), this.closeMenu(!0));
-    },
-    /**
-     * @param {FocusEvent} event The focus event
-     */
-    onFocusOut(t) {
-      this.$refs.headerMenu.contains(t.relatedTarget) || this.closeMenu();
-    },
-    /**
-     * Add focus trap for accessibility.
-     * Shall only be used when all children are mounted
-     * and available in the DOM. We use $nextTick for that.
-     */
-    async useFocusTrap() {
-      if (this.isNav || this.focusTrap)
-        return;
-      const t = this.$refs.content;
-      this.focusTrap = o.createFocusTrap(t, {
-        allowOutsideClick: !0,
-        trapStack: c.getTrapStack(),
-        fallbackFocus: this.$refs.trigger
-      }), this.focusTrap.activate();
-    },
-    clearFocusTrap() {
-      var t;
-      (t = this.focusTrap) == null || t.deactivate(), this.focusTrap = null;
-    }
-  }
-};
-var p = function() {
-  var e = this, i = e._self._c;
-  return i(e.wrapperTag, e._g({ directives: [{ name: "click-outside", rawName: "v-click-outside", value: e.clickOutsideConfig, expression: "clickOutsideConfig" }], ref: "headerMenu", tag: "component", staticClass: "header-menu", class: { "header-menu--opened": e.opened }, attrs: { id: e.id, "aria-labelledby": e.isNav ? e.triggerId : null } }, e.listeners), [i("NcButton", { ref: "trigger", staticClass: "header-menu__trigger", attrs: { id: e.isNav ? e.triggerId : null, type: "tertiary-no-background", "aria-label": e.ariaLabel, "aria-describedby": e.description ? e.descriptionId : null, "aria-controls": "header-menu-".concat(e.id), "aria-expanded": e.opened.toString() }, on: { click: function(r) {
-    return r.preventDefault(), e.toggleMenu.apply(null, arguments);
-  } }, scopedSlots: e._u([{ key: "icon", fn: function() {
-    return [e._t("trigger")];
-  }, proxy: !0 }], null, !0) }), e.description ? i("span", { staticClass: "header-menu__description hidden-visually", attrs: { id: e.descriptionId } }, [e._v(" " + e._s(e.description) + " ")]) : e._e(), i("div", { directives: [{ name: "show", rawName: "v-show", value: e.opened, expression: "opened" }], staticClass: "header-menu__carret" }), i("div", { directives: [{ name: "show", rawName: "v-show", value: e.opened, expression: "opened" }], staticClass: "header-menu__wrapper", attrs: { id: "header-menu-".concat(e.id) } }, [i("div", { ref: "content", staticClass: "header-menu__content" }, [e._t("default")], 2)])], 1);
-}, h = [], f = /* @__PURE__ */ u.normalizeComponent(
-  l,
-  p,
-  h,
-  !1,
-  null,
-  "7103b917",
-  null,
-  null
-);
-const m = f.exports;
-exports.NcHeaderMenu = m;