@nextcloud/vue 8.11.2 → 8.12.0

package/dist/chunks/NcHeaderMenu-DOGXti7v.mjs

@@ -1,193 +0,0 @@
-import '../assets/NcMentionBubble-7PQ8wEko.css';
-import '../assets/NcHeaderMenu-BKufmJd0.css';
-import { vOnClickOutside as n } from "@vueuse/components";
-import { createFocusTrap as o } from "focus-trap";
-import { G as s } from "./GenRandomId-BW3iYFf9.mjs";
-import a from "../Mixins/clickOutsideOptions.mjs";
-import "../Composables/useIsFullscreen.mjs";
-import "../Composables/useIsMobile.mjs";
-import "@nextcloud/router";
-/* empty css                                                                          */
-import { n as c } from "./_plugin-vue2_normalizer-Bj5bLKV4.mjs";
-import "linkify-string";
-import "escape-html";
-import "striptags";
-import "vue";
-import "@nextcloud/auth";
-import "@nextcloud/axios";
-import "@nextcloud/capabilities";
-import { g as u } from "./focusTrap-Be9GEB5C.mjs";
-import d from "../Components/NcButton.mjs";
-const l = {
-  name: "NcHeaderMenu",
-  components: {
-    NcButton: d
-  },
-  directives: {
-    ClickOutside: n
-  },
-  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(),
-      descriptionId: s()
-    };
-  },
-  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(t, {
-        allowOutsideClick: !0,
-        trapStack: u(),
-        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);
-}, m = [], h = /* @__PURE__ */ c(
-  l,
-  p,
-  m,
-  !1,
-  null,
-  "7103b917",
-  null,
-  null
-);
-const I = h.exports;
-export {
-  I as N
-};

package/dist/chunks/NcIconSvgWrapper-BTdzvQGV.mjs

@@ -1,93 +0,0 @@
-import '../assets/NcIconSvgWrapper-oui2KPBT.css';
-import a, { useCssVars as o } from "vue";
-import u from "dompurify";
-import { n as p } from "./_plugin-vue2_normalizer-Bj5bLKV4.mjs";
-const r = {
-  name: "NcIconSvgWrapper",
-  props: {
-    /**
-     * Set if the icon should be used as inline content e.g. within text.
-     * By default the icon is made a block element for use inside `icon`-slots.
-     */
-    inline: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Raw SVG string to render
-     */
-    svg: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Label of the icon, used in aria-label
-     */
-    name: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Raw SVG path to render. Takes precedence over the SVG string in the `svg` prop.
-     */
-    path: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Size of the icon to show. Only use if not using within an icon slot.
-     * Defaults to 20px which is the Nextcloud icon size for all icon slots.
-     * @default 20
-     */
-    size: {
-      type: [Number, String],
-      default: 20,
-      validator: (t) => typeof t == "number" || t === "auto"
-    }
-  },
-  computed: {
-    /**
-     * Icon size used in CSS
-     */
-    iconSize() {
-      return typeof this.size == "number" ? "".concat(this.size, "px") : this.size;
-    },
-    cleanSvg() {
-      if (!this.svg || this.path)
-        return;
-      const t = u.sanitize(this.svg), e = new DOMParser().parseFromString(t, "image/svg+xml");
-      return e.querySelector("parsererror") ? (a.util.warn("SVG is not valid"), "") : (e.documentElement.id && e.documentElement.removeAttribute("id"), e.documentElement.outerHTML);
-    },
-    attributes() {
-      return {
-        class: ["icon-vue", { "icon-vue--inline": this.inline }],
-        role: "img",
-        "aria-hidden": this.name ? void 0 : !0,
-        "aria-label": this.name || void 0
-      };
-    }
-  }
-}, s = () => {
-  o((t, e) => ({
-    "758c7a6a": t.iconSize
-  }));
-}, i = r.setup;
-r.setup = i ? (t, e) => (s(), i(t, e)) : s;
-const l = r;
-var c = function() {
-  var e = this, n = e._self._c;
-  return e.cleanSvg ? n("span", e._b({ domProps: { innerHTML: e._s(e.cleanSvg) } }, "span", e.attributes, !1)) : n("span", e._b({}, "span", e.attributes, !1), [n("svg", { attrs: { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" } }, [n("path", { attrs: { d: e.path } })])]);
-}, m = [], _ = /* @__PURE__ */ p(
-  l,
-  c,
-  m,
-  !1,
-  null,
-  "74df2152",
-  null,
-  null
-);
-const g = _.exports;
-export {
-  g as N
-};

package/dist/chunks/NcIconSvgWrapper-kIn1eQyv.cjs

@@ -1,89 +0,0 @@
-require('../assets/NcIconSvgWrapper-oui2KPBT.css');
-"use strict";
-const a = require("vue"), o = require("dompurify"), l = require("./_plugin-vue2_normalizer-GXKvuwrq.cjs"), u = (t) => t && t.__esModule ? t : { default: t }, c = /* @__PURE__ */ u(a), _ = /* @__PURE__ */ u(o), r = {
-  name: "NcIconSvgWrapper",
-  props: {
-    /**
-     * Set if the icon should be used as inline content e.g. within text.
-     * By default the icon is made a block element for use inside `icon`-slots.
-     */
-    inline: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Raw SVG string to render
-     */
-    svg: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Label of the icon, used in aria-label
-     */
-    name: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Raw SVG path to render. Takes precedence over the SVG string in the `svg` prop.
-     */
-    path: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Size of the icon to show. Only use if not using within an icon slot.
-     * Defaults to 20px which is the Nextcloud icon size for all icon slots.
-     * @default 20
-     */
-    size: {
-      type: [Number, String],
-      default: 20,
-      validator: (t) => typeof t == "number" || t === "auto"
-    }
-  },
-  computed: {
-    /**
-     * Icon size used in CSS
-     */
-    iconSize() {
-      return typeof this.size == "number" ? "".concat(this.size, "px") : this.size;
-    },
-    cleanSvg() {
-      if (!this.svg || this.path)
-        return;
-      const t = _.default.sanitize(this.svg), e = new DOMParser().parseFromString(t, "image/svg+xml");
-      return e.querySelector("parsererror") ? (c.default.util.warn("SVG is not valid"), "") : (e.documentElement.id && e.documentElement.removeAttribute("id"), e.documentElement.outerHTML);
-    },
-    attributes() {
-      return {
-        class: ["icon-vue", { "icon-vue--inline": this.inline }],
-        role: "img",
-        "aria-hidden": this.name ? void 0 : !0,
-        "aria-label": this.name || void 0
-      };
-    }
-  }
-}, s = () => {
-  a.useCssVars((t, e) => ({
-    "758c7a6a": t.iconSize
-  }));
-}, i = r.setup;
-r.setup = i ? (t, e) => (s(), i(t, e)) : s;
-const p = r;
-var d = function() {
-  var e = this, n = e._self._c;
-  return e.cleanSvg ? n("span", e._b({ domProps: { innerHTML: e._s(e.cleanSvg) } }, "span", e.attributes, !1)) : n("span", e._b({}, "span", e.attributes, !1), [n("svg", { attrs: { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" } }, [n("path", { attrs: { d: e.path } })])]);
-}, f = [], m = /* @__PURE__ */ l.normalizeComponent(
-  p,
-  d,
-  f,
-  !1,
-  null,
-  "74df2152",
-  null,
-  null
-);
-const v = m.exports;
-exports.NcIconSvgWrapper = v;

package/dist/chunks/NcInputConfirmCancel-DVmY85-V.cjs

@@ -1,92 +0,0 @@
-require('../assets/NcInputConfirmCancel-CSzzPx0i.css');
-"use strict";
-const o = require("../Components/NcButton.cjs"), r = require("./_l10n-B8iumFKB.cjs"), i = require("./ArrowRight-CxzzJJQ6.cjs"), l = require("./Close-DBfrdXMw.cjs"), u = require("./_plugin-vue2_normalizer-GXKvuwrq.cjs");
-r.register(r.t12);
-const c = {
-  name: "NcInputConfirmCancel",
-  components: {
-    NcButton: o,
-    ArrowRight: i.ArrowRight,
-    Close: l.Close
-  },
-  props: {
-    /**
-     * If this element is used on a primary element set to true for primary styling.
-     */
-    primary: {
-      default: !1,
-      type: Boolean
-    },
-    placeholder: {
-      default: "",
-      type: String
-    },
-    value: {
-      default: "",
-      type: String
-    }
-  },
-  emits: [
-    "input",
-    "confirm",
-    "cancel"
-  ],
-  data() {
-    return {
-      labelConfirm: r.t("Confirm changes"),
-      labelCancel: r.t("Cancel changes")
-    };
-  },
-  computed: {
-    valueModel: {
-      get() {
-        return this.value;
-      },
-      set(a) {
-        this.$emit("input", a);
-      }
-    }
-  },
-  methods: {
-    confirm() {
-      this.$emit("confirm");
-    },
-    cancel() {
-      this.$emit("cancel");
-    },
-    focusInput() {
-      this.$refs.input.focus();
-    }
-  }
-};
-var s = function() {
-  var t = this, n = t._self._c;
-  return n("div", { staticClass: "app-navigation-input-confirm" }, [n("form", { on: { submit: function(e) {
-    return e.preventDefault(), t.confirm.apply(null, arguments);
-  }, keydown: function(e) {
-    return !e.type.indexOf("key") && t._k(e.keyCode, "esc", 27, e.key, ["Esc", "Escape"]) || e.ctrlKey || e.shiftKey || e.altKey || e.metaKey ? null : (e.stopPropagation(), e.preventDefault(), t.cancel.apply(null, arguments));
-  }, click: function(e) {
-    e.stopPropagation(), e.preventDefault();
-  } } }, [n("input", { directives: [{ name: "model", rawName: "v-model", value: t.valueModel, expression: "valueModel" }], ref: "input", staticClass: "app-navigation-input-confirm__input", attrs: { type: "text", placeholder: t.placeholder }, domProps: { value: t.valueModel }, on: { input: function(e) {
-    e.target.composing || (t.valueModel = e.target.value);
-  } } }), n("NcButton", { attrs: { "native-type": "submit", type: "primary", "aria-label": t.labelConfirm }, on: { click: function(e) {
-    return e.stopPropagation(), e.preventDefault(), t.confirm.apply(null, arguments);
-  } }, scopedSlots: t._u([{ key: "icon", fn: function() {
-    return [n("ArrowRight", { attrs: { size: 20 } })];
-  }, proxy: !0 }]) }), n("NcButton", { attrs: { "native-type": "reset", type: t.primary ? "primary" : "tertiary", "aria-label": t.labelCancel }, on: { click: function(e) {
-    return e.stopPropagation(), e.preventDefault(), t.cancel.apply(null, arguments);
-  } }, scopedSlots: t._u([{ key: "icon", fn: function() {
-    return [n("Close", { attrs: { size: 20 } })];
-  }, proxy: !0 }]) })], 1)]);
-}, p = [], f = /* @__PURE__ */ u.normalizeComponent(
-  c,
-  s,
-  p,
-  !1,
-  null,
-  "dcf0becf",
-  null,
-  null
-);
-const m = f.exports;
-exports.NcInputConfirmCancel = m;

package/dist/chunks/NcInputConfirmCancel-Nn_JgG9d.mjs

@@ -1,97 +0,0 @@
-import '../assets/NcInputConfirmCancel-CSzzPx0i.css';
-import o from "../Components/NcButton.mjs";
-import { r as i, m as l, a } from "./_l10n-BaNxGGXy.mjs";
-import { A as u } from "./ArrowRight-C3BxTDjF.mjs";
-import { C as c } from "./Close-BtO5TPBO.mjs";
-import { n as p } from "./_plugin-vue2_normalizer-Bj5bLKV4.mjs";
-i(l);
-const s = {
-  name: "NcInputConfirmCancel",
-  components: {
-    NcButton: o,
-    ArrowRight: u,
-    Close: c
-  },
-  props: {
-    /**
-     * If this element is used on a primary element set to true for primary styling.
-     */
-    primary: {
-      default: !1,
-      type: Boolean
-    },
-    placeholder: {
-      default: "",
-      type: String
-    },
-    value: {
-      default: "",
-      type: String
-    }
-  },
-  emits: [
-    "input",
-    "confirm",
-    "cancel"
-  ],
-  data() {
-    return {
-      labelConfirm: a("Confirm changes"),
-      labelCancel: a("Cancel changes")
-    };
-  },
-  computed: {
-    valueModel: {
-      get() {
-        return this.value;
-      },
-      set(r) {
-        this.$emit("input", r);
-      }
-    }
-  },
-  methods: {
-    confirm() {
-      this.$emit("confirm");
-    },
-    cancel() {
-      this.$emit("cancel");
-    },
-    focusInput() {
-      this.$refs.input.focus();
-    }
-  }
-};
-var f = function() {
-  var e = this, n = e._self._c;
-  return n("div", { staticClass: "app-navigation-input-confirm" }, [n("form", { on: { submit: function(t) {
-    return t.preventDefault(), e.confirm.apply(null, arguments);
-  }, keydown: function(t) {
-    return !t.type.indexOf("key") && e._k(t.keyCode, "esc", 27, t.key, ["Esc", "Escape"]) || t.ctrlKey || t.shiftKey || t.altKey || t.metaKey ? null : (t.stopPropagation(), t.preventDefault(), e.cancel.apply(null, arguments));
-  }, click: function(t) {
-    t.stopPropagation(), t.preventDefault();
-  } } }, [n("input", { directives: [{ name: "model", rawName: "v-model", value: e.valueModel, expression: "valueModel" }], ref: "input", staticClass: "app-navigation-input-confirm__input", attrs: { type: "text", placeholder: e.placeholder }, domProps: { value: e.valueModel }, on: { input: function(t) {
-    t.target.composing || (e.valueModel = t.target.value);
-  } } }), n("NcButton", { attrs: { "native-type": "submit", type: "primary", "aria-label": e.labelConfirm }, on: { click: function(t) {
-    return t.stopPropagation(), t.preventDefault(), e.confirm.apply(null, arguments);
-  } }, scopedSlots: e._u([{ key: "icon", fn: function() {
-    return [n("ArrowRight", { attrs: { size: 20 } })];
-  }, proxy: !0 }]) }), n("NcButton", { attrs: { "native-type": "reset", type: e.primary ? "primary" : "tertiary", "aria-label": e.labelCancel }, on: { click: function(t) {
-    return t.stopPropagation(), t.preventDefault(), e.cancel.apply(null, arguments);
-  } }, scopedSlots: e._u([{ key: "icon", fn: function() {
-    return [n("Close", { attrs: { size: 20 } })];
-  }, proxy: !0 }]) })], 1)]);
-}, m = [], y = /* @__PURE__ */ p(
-  s,
-  f,
-  m,
-  !1,
-  null,
-  "dcf0becf",
-  null,
-  null
-);
-const v = y.exports;
-export {
-  v as N
-};