@nextcloud/vue 8.11.2 → 8.12.0

package/dist/chunks/NcSettingsSelectGroup-DUzmbtZx.mjs

@@ -1,192 +0,0 @@
-import '../assets/NcSettingsSelectGroup-D8mlvzIT.css';
-import { N as i } from "./NcSelect-Bo71Yd6L.mjs";
-import { r as l, e as n, a } from "./_l10n-BaNxGGXy.mjs";
-import { G as o } from "./GenRandomId-BW3iYFf9.mjs";
-import u from "@nextcloud/axios";
-import p from "debounce";
-import { generateOcsUrl as d } from "@nextcloud/router";
-import { n as c } from "./_plugin-vue2_normalizer-Bj5bLKV4.mjs";
-l(n);
-const m = {
-  name: "NcSettingsSelectGroup",
-  components: {
-    NcSelect: i
-  },
-  props: {
-    /**
-     * The text of the label element of the select group input
-     */
-    label: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Placeholder for the input element
-     * For backwards compatibility it falls back to the `label` value
-     */
-    placeholder: {
-      type: String,
-      default: ""
-    },
-    /**
-     * id attribute of the select group element
-     */
-    id: {
-      type: String,
-      default: () => "action-" + o(),
-      validator: (r) => r.trim() !== ""
-    },
-    /**
-     * value of the select group input
-     * A list of group IDs can be provided
-     */
-    value: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * disabled state of the settings select group input
-     */
-    disabled: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: [
-    "input",
-    "error"
-  ],
-  data() {
-    return {
-      /** Temporary store to cache groups */
-      groups: {},
-      randId: o(),
-      errorMessage: ""
-    };
-  },
-  computed: {
-    /**
-     * If the error message should be shown
-     */
-    hasError() {
-      return this.errorMessage !== "";
-    },
-    /**
-     * Validate input value and only return valid strings (group IDs)
-     *
-     * @return {string[]}
-     */
-    filteredValue() {
-      return this.value.filter((r) => r !== "" && typeof r == "string");
-    },
-    /**
-     * value property converted to an array of group objects used as input for the NcSelect
-     */
-    inputValue() {
-      return this.filteredValue.map(
-        (r) => typeof this.groups[r] > "u" ? {
-          id: r,
-          displayname: r
-        } : this.groups[r]
-      );
-    },
-    /**
-     * Convert groups object to array of groups required for NcSelect.options
-     * Filter out currently selected values
-     *
-     * @return {object[]}
-     */
-    groupsArray() {
-      return Object.values(this.groups).filter((r) => !this.value.includes(r.id));
-    }
-  },
-  watch: {
-    /**
-     * If the value is changed, check that all groups are loaded so we show the correct display name
-     */
-    value: {
-      handler() {
-        const r = Object.keys(this.groups);
-        this.filteredValue.filter((t) => !r.includes(t)).forEach((t) => {
-          this.loadGroup(t);
-        });
-      },
-      // Run the watch handler also when the component is initially mounted
-      immediate: !0
-    }
-  },
-  /**
-   * Load groups matching the empty query to reduce API calls
-   */
-  async mounted() {
-    const r = "".concat(appName, ":").concat(appVersion, "/initialGroups");
-    let e = window.sessionStorage.getItem(r);
-    e ? (e = Object.fromEntries(JSON.parse(e).map((t) => [t.id, t])), this.groups = { ...this.groups, ...e }) : (await this.loadGroup(""), window.sessionStorage.setItem(r, JSON.stringify(Object.values(this.groups))));
-  },
-  methods: {
-    t: a,
-    /**
-     * Called when a new group is selected or previous group is deselected to emit the update event
-     *
-     * @param {object[]} updatedValue Array of selected groups
-     */
-    update(r) {
-      const e = r.map((t) => t.id);
-      this.$emit("input", e);
-    },
-    /**
-     * Use provisioning API to search for given group and save it in the groups object
-     *
-     * @param {string} query The query like parts of the id oder display name
-     * @return {boolean}
-     */
-    async loadGroup(r) {
-      try {
-        r = typeof r == "string" ? encodeURI(r) : "";
-        const e = await u.get(d("cloud/groups/details?search=".concat(r, "&limit=10"), 2));
-        if (this.errorMessage !== "" && window.setTimeout(() => {
-          this.errorMessage = "";
-        }, 5e3), Object.keys(e.data.ocs.data.groups).length > 0) {
-          const t = Object.fromEntries(e.data.ocs.data.groups.map((s) => [s.id, s]));
-          return this.groups = { ...this.groups, ...t }, !0;
-        }
-      } catch (e) {
-        this.$emit("error", e), this.errorMessage = a("Unable to search the group");
-      }
-      return !1;
-    },
-    /**
-     * Custom filter function for `NcSelect` to filter by ID *and* display name
-     *
-     * @param {object} option One of the groups
-     * @param {string} label The label property of the group
-     * @param {string} search The current search string
-     */
-    filterGroups(r, e, t) {
-      return "".concat(e || "", " ").concat(r.id).toLocaleLowerCase().indexOf(t.toLocaleLowerCase()) > -1;
-    },
-    /**
-     * Debounce the group search (reduce API calls)
-     */
-    onSearch: p(function(r) {
-      this.loadGroup(r);
-    }, 200)
-  }
-};
-var f = function() {
-  var e = this, t = e._self._c;
-  return t("div", [e.label ? t("label", { staticClass: "hidden-visually", attrs: { for: e.id } }, [e._v(e._s(e.label))]) : e._e(), t("NcSelect", { attrs: { value: e.inputValue, options: e.groupsArray, placeholder: e.placeholder || e.label, "filter-by": e.filterGroups, "input-id": e.id, limit: 5, label: "displayname", multiple: !0, "close-on-select": !1, disabled: e.disabled }, on: { input: e.update, search: e.onSearch } }), t("div", { directives: [{ name: "show", rawName: "v-show", value: e.hasError, expression: "hasError" }], staticClass: "select-group-error" }, [e._v(" " + e._s(e.errorMessage) + " ")])], 1);
-}, h = [], g = /* @__PURE__ */ c(
-  m,
-  f,
-  h,
-  !1,
-  null,
-  "6d99b3e0",
-  null,
-  null
-);
-const N = g.exports;
-export {
-  N
-};

package/dist/chunks/NcTextField-B5cUYgRy.cjs

@@ -1,140 +0,0 @@
-"use strict";
-const i = require("../Components/NcInputField.cjs"), o = require("./Close-DBfrdXMw.cjs"), a = require("./ArrowRight-CxzzJJQ6.cjs"), s = require("./_plugin-vue2_normalizer-GXKvuwrq.cjs"), r = require("./_l10n-B8iumFKB.cjs"), c = {
-  name: "UndoVariantIcon",
-  emits: ["click"],
-  props: {
-    title: {
-      type: String
-    },
-    fillColor: {
-      type: String,
-      default: "currentColor"
-    },
-    size: {
-      type: Number,
-      default: 24
-    }
-  }
-};
-var u = function() {
-  var t = this, e = t._self._c;
-  return e("span", t._b({ staticClass: "material-design-icon undo-variant-icon", attrs: { "aria-hidden": t.title ? null : !0, "aria-label": t.title, role: "img" }, on: { click: function(l) {
-    return t.$emit("click", l);
-  } } }, "span", t.$attrs, !1), [e("svg", { staticClass: "material-design-icon__svg", attrs: { fill: t.fillColor, width: t.size, height: t.size, viewBox: "0 0 24 24" } }, [e("path", { attrs: { d: "M13.5,7A6.5,6.5 0 0,1 20,13.5A6.5,6.5 0 0,1 13.5,20H10V18H13.5C16,18 18,16 18,13.5C18,11 16,9 13.5,9H7.83L10.91,12.09L9.5,13.5L4,8L9.5,2.5L10.92,3.91L7.83,7H13.5M6,18H8V20H6V18Z" } }, [t.title ? e("title", [t._v(t._s(t.title))]) : t._e()])])]);
-}, d = [], p = /* @__PURE__ */ s.normalizeComponent(
-  c,
-  u,
-  d,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const _ = p.exports;
-r.register(r.t15, r.t43);
-const f = new Set(Object.keys(i.props)), g = {
-  name: "NcTextField",
-  components: {
-    NcInputField: i,
-    Close: o.Close,
-    ArrowRight: a.ArrowRight,
-    Undo: _
-  },
-  // Allow forwarding all attributes
-  inheritAttrs: !1,
-  props: {
-    /**
-     * Any [NcInputField](#/Components/NcFields?id=ncinputfield) props
-     */
-    // Not an actual prop but needed to show in vue-styleguidist docs
-    // eslint-disable-next-line
-    " ": {},
-    // Reuse all the props from NcInputField for better typing and documentation
-    ...i.props,
-    /**
-     * The `aria-label` to set on the trailing button
-     * If no explicit value is set it will default to the one matching the `trailingButtonIcon`:
-     * @default 'Clear text'|'Save changes'|'Undo changes'
-     */
-    trailingButtonLabel: {
-      type: String,
-      default: ""
-    },
-    // Custom props
-    /**
-     * Specifies which material design icon should be used for the trailing
-     * button.
-     * @type {'close'|'arrowRight'|'undo'}
-     */
-    trailingButtonIcon: {
-      type: String,
-      default: "close",
-      validator: (n) => [
-        "close",
-        "arrowRight",
-        "undo"
-      ].includes(n)
-    }
-  },
-  emits: [
-    "update:value"
-  ],
-  computed: {
-    propsAndAttrsToForward() {
-      const n = {
-        undo: r.t("Undo changes"),
-        close: r.t("Clear text"),
-        arrowRight: r.t("Save changes")
-      };
-      return {
-        // Proxy all the HTML attributes
-        ...this.$attrs,
-        // Proxy original NcInputField's props
-        ...Object.fromEntries(
-          Object.entries(this.$props).filter(([t]) => f.has(t))
-        ),
-        // Adjust aria-label for predefined trailing buttons
-        trailingButtonLabel: this.trailingButtonLabel || n[this.trailingButtonIcon]
-      };
-    }
-  },
-  methods: {
-    /**
-     * Focus the input element
-     *
-     * @public
-     */
-    focus() {
-      this.$refs.inputField.focus();
-    },
-    /**
-     * Select all the text in the input
-     *
-     * @public
-     */
-    select() {
-      this.$refs.inputField.select();
-    },
-    handleInput(n) {
-      this.$emit("update:value", n.target.value);
-    }
-  }
-};
-var h = function() {
-  var t = this, e = t._self._c;
-  return e("NcInputField", t._g(t._b({ ref: "inputField", on: { input: t.handleInput }, scopedSlots: t._u([t.type !== "search" ? { key: "trailing-button-icon", fn: function() {
-    return [t.trailingButtonIcon === "close" ? e("Close", { attrs: { size: 20 } }) : t.trailingButtonIcon === "arrowRight" ? e("ArrowRight", { attrs: { size: 20 } }) : t.trailingButtonIcon === "undo" ? e("Undo", { attrs: { size: 20 } }) : t._e()];
-  }, proxy: !0 } : null], null, !0) }, "NcInputField", t.propsAndAttrsToForward, !1), t.$listeners), [t._t("default")], 2);
-}, m = [], v = /* @__PURE__ */ s.normalizeComponent(
-  g,
-  h,
-  m,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const C = v.exports;
-exports.NcTextField = C;

package/dist/chunks/NcTextField-D_eUEl2B.mjs

@@ -1,146 +0,0 @@
-import i from "../Components/NcInputField.mjs";
-import { C as o } from "./Close-BtO5TPBO.mjs";
-import { A as a } from "./ArrowRight-C3BxTDjF.mjs";
-import { n as s } from "./_plugin-vue2_normalizer-Bj5bLKV4.mjs";
-import { r as c, c as u, d as p, a as r } from "./_l10n-BaNxGGXy.mjs";
-const d = {
-  name: "UndoVariantIcon",
-  emits: ["click"],
-  props: {
-    title: {
-      type: String
-    },
-    fillColor: {
-      type: String,
-      default: "currentColor"
-    },
-    size: {
-      type: Number,
-      default: 24
-    }
-  }
-};
-var f = function() {
-  var t = this, e = t._self._c;
-  return e("span", t._b({ staticClass: "material-design-icon undo-variant-icon", attrs: { "aria-hidden": t.title ? null : !0, "aria-label": t.title, role: "img" }, on: { click: function(l) {
-    return t.$emit("click", l);
-  } } }, "span", t.$attrs, !1), [e("svg", { staticClass: "material-design-icon__svg", attrs: { fill: t.fillColor, width: t.size, height: t.size, viewBox: "0 0 24 24" } }, [e("path", { attrs: { d: "M13.5,7A6.5,6.5 0 0,1 20,13.5A6.5,6.5 0 0,1 13.5,20H10V18H13.5C16,18 18,16 18,13.5C18,11 16,9 13.5,9H7.83L10.91,12.09L9.5,13.5L4,8L9.5,2.5L10.92,3.91L7.83,7H13.5M6,18H8V20H6V18Z" } }, [t.title ? e("title", [t._v(t._s(t.title))]) : t._e()])])]);
-}, _ = [], m = /* @__PURE__ */ s(
-  d,
-  f,
-  _,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const g = m.exports;
-c(p, u);
-const h = new Set(Object.keys(i.props)), v = {
-  name: "NcTextField",
-  components: {
-    NcInputField: i,
-    Close: o,
-    ArrowRight: a,
-    Undo: g
-  },
-  // Allow forwarding all attributes
-  inheritAttrs: !1,
-  props: {
-    /**
-     * Any [NcInputField](#/Components/NcFields?id=ncinputfield) props
-     */
-    // Not an actual prop but needed to show in vue-styleguidist docs
-    // eslint-disable-next-line
-    " ": {},
-    // Reuse all the props from NcInputField for better typing and documentation
-    ...i.props,
-    /**
-     * The `aria-label` to set on the trailing button
-     * If no explicit value is set it will default to the one matching the `trailingButtonIcon`:
-     * @default 'Clear text'|'Save changes'|'Undo changes'
-     */
-    trailingButtonLabel: {
-      type: String,
-      default: ""
-    },
-    // Custom props
-    /**
-     * Specifies which material design icon should be used for the trailing
-     * button.
-     * @type {'close'|'arrowRight'|'undo'}
-     */
-    trailingButtonIcon: {
-      type: String,
-      default: "close",
-      validator: (n) => [
-        "close",
-        "arrowRight",
-        "undo"
-      ].includes(n)
-    }
-  },
-  emits: [
-    "update:value"
-  ],
-  computed: {
-    propsAndAttrsToForward() {
-      const n = {
-        undo: r("Undo changes"),
-        close: r("Clear text"),
-        arrowRight: r("Save changes")
-      };
-      return {
-        // Proxy all the HTML attributes
-        ...this.$attrs,
-        // Proxy original NcInputField's props
-        ...Object.fromEntries(
-          Object.entries(this.$props).filter(([t]) => h.has(t))
-        ),
-        // Adjust aria-label for predefined trailing buttons
-        trailingButtonLabel: this.trailingButtonLabel || n[this.trailingButtonIcon]
-      };
-    }
-  },
-  methods: {
-    /**
-     * Focus the input element
-     *
-     * @public
-     */
-    focus() {
-      this.$refs.inputField.focus();
-    },
-    /**
-     * Select all the text in the input
-     *
-     * @public
-     */
-    select() {
-      this.$refs.inputField.select();
-    },
-    handleInput(n) {
-      this.$emit("update:value", n.target.value);
-    }
-  }
-};
-var F = function() {
-  var t = this, e = t._self._c;
-  return e("NcInputField", t._g(t._b({ ref: "inputField", on: { input: t.handleInput }, scopedSlots: t._u([t.type !== "search" ? { key: "trailing-button-icon", fn: function() {
-    return [t.trailingButtonIcon === "close" ? e("Close", { attrs: { size: 20 } }) : t.trailingButtonIcon === "arrowRight" ? e("ArrowRight", { attrs: { size: 20 } }) : t.trailingButtonIcon === "undo" ? e("Undo", { attrs: { size: 20 } }) : t._e()];
-  }, proxy: !0 } : null], null, !0) }, "NcInputField", t.propsAndAttrsToForward, !1), t.$listeners), [t._t("default")], 2);
-}, b = [], C = /* @__PURE__ */ s(
-  v,
-  F,
-  b,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const y = C.exports;
-export {
-  y as N
-};

package/dist/chunks/NcUserBubble-BadEJRgs.cjs

@@ -1,193 +0,0 @@
-require('../assets/NcUserBubble-COPMjmKa.css');
-"use strict";
-const s = require("./_plugin-vue2_normalizer-GXKvuwrq.cjs"), n = require("./NcAvatar-BuqOk4mX.cjs"), i = require("./NcPopover-h-t7Dnjk.cjs"), o = require("vue"), u = (t) => t && t.__esModule ? t : { default: t }, l = /* @__PURE__ */ u(o), c = {
-  name: "NcUserBubbleDiv"
-};
-var p = function() {
-  var e = this, r = e._self._c;
-  return r("div", [e._t("trigger")], 2);
-}, d = [], m = /* @__PURE__ */ s.normalizeComponent(
-  c,
-  p,
-  d,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const _ = m.exports, f = {
-  name: "NcUserBubble",
-  components: {
-    NcAvatar: n.NcAvatar,
-    NcPopover: i.NcPopover,
-    NcUserBubbleDiv: _
-  },
-  props: {
-    /**
-     * Override generated avatar, can be an url or an icon class
-     */
-    avatarImage: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Provide the user id if this is a user
-     */
-    user: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Displayed label
-     */
-    displayName: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Whether or not to display the user-status
-     */
-    showUserStatus: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Define the whole bubble as a link
-     */
-    url: {
-      type: String,
-      default: void 0,
-      validator: (t) => {
-        var e;
-        try {
-          return t = new URL(t, (e = t == null ? void 0 : t.startsWith) != null && e.call(t, "/") ? window.location.href : void 0), !0;
-        } catch {
-          return !1;
-        }
-      }
-    },
-    /**
-     * Default popover state. Requires the UserBubble
-     * to have some content to render inside the popover
-     */
-    open: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Use the primary colour
-     */
-    primary: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * This is the height of the component
-     */
-    size: {
-      type: Number,
-      default: 20
-    },
-    /**
-     * This is the margin of the avatar (size - margin = avatar size)
-     */
-    margin: {
-      type: Number,
-      default: 2
-    }
-  },
-  emits: [
-    "click",
-    "update:open"
-  ],
-  computed: {
-    /**
-     * If userbubble is empty, let's NOT
-     * use the Popover component
-     * We need a component instead of a simple div here,
-     * because otherwise the trigger template will not be shown.
-     *
-     * @return {string} 'Popover' or 'UserBubbleDiv'
-     */
-    isPopoverComponent() {
-      return this.popoverEmpty ? "NcUserBubbleDiv" : "NcPopover";
-    },
-    /**
-     * Is the provided avatar url valid or not
-     *
-     * @return {boolean}
-     */
-    isAvatarUrl() {
-      if (!this.avatarImage)
-        return !1;
-      try {
-        return !!new URL(this.avatarImage);
-      } catch {
-        return !1;
-      }
-    },
-    /**
-     * Do we have a custom avatar or not
-     *
-     * @return {boolean}
-     */
-    isCustomAvatar() {
-      return !!this.avatarImage;
-    },
-    hasUrl() {
-      return this.url && this.url.trim() !== "";
-    },
-    isLinkComponent() {
-      return this.hasUrl ? "a" : "div";
-    },
-    popoverEmpty() {
-      return !("default" in this.$slots);
-    },
-    styles() {
-      return {
-        content: {
-          height: this.size + "px",
-          lineHeight: this.size + "px",
-          borderRadius: this.size / 2 + "px"
-        },
-        avatar: {
-          marginLeft: this.margin + "px"
-        }
-      };
-    }
-  },
-  mounted() {
-    !this.displayName && !this.user && l.default.util.warn("[NcUserBubble] At least `displayName` or `user` property should be set.");
-  },
-  methods: {
-    onOpenChange(t) {
-      this.$emit("update:open", t);
-    },
-    /**
-     * Catch and forward click event to parent
-     *
-     * @param {Event} event the click event
-     */
-    onClick(t) {
-      this.$emit("click", t);
-    }
-  }
-};
-var v = function() {
-  var e = this, r = e._self._c;
-  return r(e.isPopoverComponent, { tag: "component", staticClass: "user-bubble__wrapper", attrs: { trigger: "hover focus", shown: e.open }, on: { "update:open": e.onOpenChange }, scopedSlots: e._u([{ key: "trigger", fn: function({ attrs: a }) {
-    return [r(e.isLinkComponent, e._b({ tag: "component", staticClass: "user-bubble__content", class: { "user-bubble__content--primary": e.primary }, style: e.styles.content, attrs: { href: e.hasUrl ? e.url : null }, on: { click: e.onClick } }, "component", a, !1), [r("NcAvatar", { staticClass: "user-bubble__avatar", style: e.styles.avatar, attrs: { url: e.isCustomAvatar && e.isAvatarUrl ? e.avatarImage : void 0, "icon-class": e.isCustomAvatar && !e.isAvatarUrl ? e.avatarImage : void 0, user: e.user, "display-name": e.displayName, size: e.size - e.margin * 2, "disable-tooltip": !0, "disable-menu": !0, "show-user-status": e.showUserStatus } }), r("span", { staticClass: "user-bubble__name" }, [e._v(" " + e._s(e.displayName || e.user) + " ")]), e.$slots.name ? r("span", { staticClass: "user-bubble__secondary" }, [e._t("name")], 2) : e._e()], 1)];
-  } }], null, !0) }, [e._t("default")], 2);
-}, b = [], h = /* @__PURE__ */ s.normalizeComponent(
-  f,
-  v,
-  b,
-  !1,
-  null,
-  "8f0fbaf1",
-  null,
-  null
-);
-const y = h.exports;
-exports.NcUserBubble = y;