@nextcloud/vue 8.4.0 → 9.0.0-alpha.0

package/dist/chunks/index-693e993c.cjs

@@ -1,524 +0,0 @@
-var V = require("../assets/index-3b654875.css");
-const U = require("../Components/NcActions.cjs"), _ = require("../Components/NcActionLink.cjs"), w = require("../Components/NcButton.cjs"), M = require("../Components/NcLoadingIcon.cjs"), N = require("../Components/NcIconSvgWrapper.cjs"), c = require("../Functions/usernameToColor.cjs"), n = require("./_l10n-72c5e29e.cjs");
-require("../Composables/useIsFullscreen.cjs");
-require("../Composables/useIsMobile.cjs");
-const u = require("@nextcloud/router");
-/* empty css                                                                             */const b = require("./_plugin-vue2_normalizer-7f9efb60.cjs");
-require("linkify-string");
-require("escape-html");
-require("striptags");
-require("vue");
-const l = require("@nextcloud/auth"), I = require("@nextcloud/axios"), x = require("@nextcloud/capabilities"), A = require("./DotsHorizontal-ac96129a.cjs"), i = require("@nextcloud/event-bus"), C = require("@nextcloud/browser-storage"), L = require("@vueuse/components"), D = (e) => e && e.__esModule ? e : { default: e }, h = /* @__PURE__ */ D(I);
-n.register(n.t10);
-const z = `<!-- This icon is part of Material UI Icons. Copyright 2020 Google Inc., Apache-2.0 License -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.8 11.2h6.4V4.8H4.8v6.4zM8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8z" fill="var(--color-success)"/></svg>
-`, k = `<!-- This icon is part of Material UI Icons. Copyright 2020 Google Inc., Apache-2.0 License -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="none" d="M-4-4h24v24H-4z"/><path d="M6.9.1C3 .6-.1 4-.1 8c0 4.4 3.6 8 8 8 4 0 7.4-3 8-6.9-1.2 1.3-2.9 2.1-4.7 2.1-3.5 0-6.4-2.9-6.4-6.4 0-1.9.8-3.6 2.1-4.7z" fill="var(--color-warning)"/></svg>
-`, q = `<!-- This icon is part of Material UI Icons. Copyright 2020 Google Inc., Apache-2.0 License -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M-4-4h24v24H-4V-4z" fill="none"/><path d="M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8z" fill="var(--color-error)"/><path d="M5 6.5h6c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5H5c-.8 0-1.5-.7-1.5-1.5S4.2 6.5 5 6.5z" fill="#fdffff"/></svg>
-`, O = `<!-- This icon is part of Material UI Icons. Copyright 2020 Google Inc., Apache-2.0 License -->
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M-4-4h24v24H-4V-4z" fill="none"/><path d="M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm0 3.2c2.7 0 4.8 2.1 4.8 4.8s-2.1 4.8-4.8 4.8S3.2 10.7 3.2 8 5.3 3.2 8 3.2z"/></svg>
-`;
-/**
- * @copyright 2023 Christopher Ng <chrng8@gmail.com>
- *
- * @author Christopher Ng <chrng8@gmail.com>
- *
- * @license AGPL-3.0-or-later
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation, either version 3 of the
- * License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see <http://www.gnu.org/licenses/>.
- *
- */
-const p = (e) => {
-  switch (e) {
-    case "away":
-      return n.t("away");
-    case "dnd":
-      return n.t("do not disturb");
-    case "online":
-      return n.t("online");
-    case "invisible":
-      return n.t("invisible");
-    case "offline":
-      return n.t("offline");
-    default:
-      return e;
-  }
-}, f = (e) => {
-  var t;
-  return (t = {
-    online: z,
-    away: k,
-    dnd: q,
-    invisible: O
-  }[e]) != null ? t : null;
-}, v = (e) => n.t("User status: {status}", { status: p(e) });
-/**
- * @copyright Copyright (c) 2020 Georg Ehrke <georg-nextcloud@ehrke.email>
- *
- * @author Georg Ehrke <georg-nextcloud@ehrke.email>
- *
- * @license AGPL-3.0-or-later
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU Affero General Public License as
- * published by the Free Software Foundation, either version 3 of the
- * License, or (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
- * GNU Affero General Public License for more details.
- *
- * You should have received a copy of the GNU Affero General Public License
- * along with this program. If not, see <http://www.gnu.org/licenses/>.
- *
- */
-const g = {
-  data() {
-    return {
-      hasStatus: !1,
-      userStatus: {
-        status: null,
-        message: null,
-        icon: null
-      }
-    };
-  },
-  methods: {
-    /**
-     * Fetches the user-status from the server
-     *
-     * @param {string} userId UserId of the user to fetch the status for
-     *
-     * @return {Promise<void>}
-     */
-    async fetchUserStatus(e) {
-      var s, a;
-      if (!e)
-        return;
-      const t = x.getCapabilities();
-      if (!(!Object.prototype.hasOwnProperty.call(t, "user_status") || !t.user_status.enabled) && l.getCurrentUser())
-        try {
-          const { data: r } = await h.default.get(u.generateOcsUrl("apps/user_status/api/v1/statuses/{userId}", { userId: e })), {
-            status: o,
-            message: m,
-            icon: y
-          } = r.ocs.data;
-          this.userStatus.status = o, this.userStatus.message = m || "", this.userStatus.icon = y || "", this.hasStatus = !0;
-        } catch (r) {
-          if (r.response.status === 404 && ((a = (s = r.response.data.ocs) == null ? void 0 : s.data) == null ? void 0 : a.length) === 0)
-            return;
-          console.error(r);
-        }
-    }
-  }
-};
-n.register(n.t9);
-const S = C.getBuilder("nextcloud").persist().build();
-function B(e) {
-  const t = S.getItem("user-has-avatar." + e);
-  return typeof t == "string" ? !!t : null;
-}
-function d(e, t) {
-  e && S.setItem("user-has-avatar." + e, t);
-}
-const H = {
-  name: "NcAvatar",
-  directives: {
-    ClickOutside: L.vOnClickOutside
-  },
-  components: {
-    DotsHorizontal: A.DotsHorizontal,
-    NcActions: U,
-    NcActionLink: _,
-    NcButton: w,
-    NcLoadingIcon: M,
-    NcIconSvgWrapper: N
-  },
-  mixins: [g],
-  props: {
-    /**
-     * Set a custom url to the avatar image
-     * either the url, user or displayName property must be defined
-     */
-    url: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Set a css icon-class for an icon to be used instead of the avatar.
-     */
-    iconClass: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Set the user id to fetch the avatar
-     * either the url, user or displayName property must be defined
-     */
-    user: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Whether or not to display the user-status
-     */
-    showUserStatus: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Whether or not to the status-icon should be used instead of online/away
-     */
-    showUserStatusCompact: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * When the user status was preloaded via another source it can be handed in with this property to save the request.
-     * If this property is not set the status will be fetched automatically.
-     * If a preloaded no-status is available provide this object with properties "status", "icon" and "message" set to null.
-     */
-    preloadedUserStatus: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Is the user a guest user (then we have to user a different endpoint)
-     */
-    isGuest: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Set a display name that will be rendered as a tooltip
-     * either the url, user or displayName property must be defined
-     * specify just the displayname to generate a placeholder avatar without
-     * trying to fetch the avatar based on the user id
-     */
-    displayName: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Set a size in px for the rendered avatar
-     */
-    size: {
-      type: Number,
-      default: 32
-    },
-    /**
-     * Placeholder avatars will be automatically generated when this is set to true
-     */
-    allowPlaceholder: {
-      type: Boolean,
-      default: !0
-    },
-    /**
-     * Disable the tooltip
-     */
-    disableTooltip: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Disable the menu
-     */
-    disableMenu: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Declares a custom tooltip when not null
-     * Fallback will be the displayName
-     *
-     * requires disableTooltip not to be set to true
-     */
-    tooltipMessage: {
-      type: String,
-      default: null
-    },
-    /**
-     * Declares username is not a user's name, when true.
-     * Prevents loading user's avatar from server and forces generating colored initials,
-     * i.e. if the user is a group
-     */
-    isNoUser: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * Selector for the popover menu container
-     */
-    menuContainer: {
-      type: [String, Object, Element, Boolean],
-      default: "body"
-    }
-  },
-  data() {
-    return {
-      avatarUrlLoaded: null,
-      avatarSrcSetLoaded: null,
-      userDoesNotExist: !1,
-      isAvatarLoaded: !1,
-      isMenuLoaded: !1,
-      contactsMenuLoading: !1,
-      contactsMenuActions: [],
-      contactsMenuOpenState: !1
-    };
-  },
-  computed: {
-    avatarAriaLabel() {
-      var e, t;
-      if (this.hasMenu)
-        return this.canDisplayUserStatus || this.showUserStatusIconOnAvatar ? n.t("Avatar of {displayName}, {status}", { displayName: (e = this.displayName) != null ? e : this.user, status: p(this.userStatus.status) }) : n.t("Avatar of {displayName}", { displayName: (t = this.displayName) != null ? t : this.user });
-    },
-    userStatusIcon() {
-      return f(this.userStatus.status);
-    },
-    /**
-     * If the avatar has no menu no aria-label is assigned, but for accessibility we still need the status to be accessible
-     * So this sets the required accessible label for the user status icon.
-     */
-    userStatusIconName() {
-      if (!this.hasMenu)
-        return v(this.userStatus.status);
-    },
-    canDisplayUserStatus() {
-      return this.showUserStatus && this.hasStatus && ["online", "away", "dnd"].includes(this.userStatus.status);
-    },
-    showUserStatusIconOnAvatar() {
-      return this.showUserStatus && this.showUserStatusCompact && this.hasStatus && this.userStatus.status !== "dnd" && this.userStatus.icon;
-    },
-    /**
-     * The user identifier, either the display name if set or the user property
-     * If both properties are not set an empty string is returned
-     */
-    userIdentifier() {
-      return this.isDisplayNameDefined ? this.displayName : this.isUserDefined ? this.user : "";
-    },
-    isUserDefined() {
-      return typeof this.user < "u";
-    },
-    isDisplayNameDefined() {
-      return typeof this.displayName < "u";
-    },
-    isUrlDefined() {
-      return typeof this.url < "u";
-    },
-    hasMenu() {
-      var e;
-      return this.disableMenu ? !1 : this.isMenuLoaded ? this.menu.length > 0 : !(this.user === ((e = l.getCurrentUser()) == null ? void 0 : e.uid) || this.userDoesNotExist || this.url);
-    },
-    /**
-     * True if initials should be shown as the user icon fallback
-     */
-    showInitials() {
-      return this.allowPlaceholder && this.userDoesNotExist && !(this.iconClass || this.$slots.icon);
-    },
-    avatarStyle() {
-      return {
-        "--size": this.size + "px",
-        lineHeight: this.size + "px",
-        fontSize: Math.round(this.size * 0.45) + "px"
-      };
-    },
-    initialsWrapperStyle() {
-      const { r: e, g: t, b: s } = c(this.userIdentifier);
-      return {
-        backgroundColor: `rgba(${e}, ${t}, ${s}, 0.1)`
-      };
-    },
-    initialsStyle() {
-      const { r: e, g: t, b: s } = c(this.userIdentifier);
-      return {
-        color: `rgb(${e}, ${t}, ${s})`
-      };
-    },
-    tooltip() {
-      return this.disableTooltip ? !1 : this.tooltipMessage ? this.tooltipMessage : this.displayName;
-    },
-    /**
-     * Get the (max. two) initials of the user as uppcase string
-     */
-    initials() {
-      let e = "?";
-      if (this.showInitials) {
-        const t = this.userIdentifier.trim();
-        if (t === "")
-          return "?";
-        const s = t.match(/[\p{L}\p{N}\s]/gu).join(""), a = s.lastIndexOf(" ");
-        e = String.fromCodePoint(s.codePointAt(0)), a !== -1 && (e = e.concat(String.fromCodePoint(s.codePointAt(a + 1))));
-      }
-      return e.toLocaleUpperCase();
-    },
-    menu() {
-      const e = this.contactsMenuActions.map((s) => ({
-        href: s.hyperlink,
-        icon: s.icon,
-        text: s.title
-      }));
-      function t(s) {
-        const a = document.createTextNode(s), r = document.createElement("p");
-        return r.appendChild(a), r.innerHTML;
-      }
-      return this.showUserStatus && (this.userStatus.icon || this.userStatus.message) ? [{
-        href: "#",
-        icon: `data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><text x='0' y='14' font-size='14'>${t(this.userStatus.icon)}</text></svg>`,
-        text: `${this.userStatus.message}`
-      }].concat(e) : e;
-    }
-  },
-  watch: {
-    url() {
-      this.userDoesNotExist = !1, this.loadAvatarUrl();
-    },
-    user() {
-      this.userDoesNotExist = !1, this.isMenuLoaded = !1, this.loadAvatarUrl();
-    }
-  },
-  mounted() {
-    this.loadAvatarUrl(), i.subscribe("settings:avatar:updated", this.loadAvatarUrl), i.subscribe("settings:display-name:updated", this.loadAvatarUrl), this.showUserStatus && this.user && !this.isNoUser && (this.preloadedUserStatus ? (this.userStatus.status = this.preloadedUserStatus.status || "", this.userStatus.message = this.preloadedUserStatus.message || "", this.userStatus.icon = this.preloadedUserStatus.icon || "", this.hasStatus = this.preloadedUserStatus.status !== null) : this.fetchUserStatus(this.user), i.subscribe("user_status:status.updated", this.handleUserStatusUpdated));
-  },
-  beforeDestroy() {
-    i.unsubscribe("settings:avatar:updated", this.loadAvatarUrl), i.unsubscribe("settings:display-name:updated", this.loadAvatarUrl), this.showUserStatus && this.user && !this.isNoUser && i.unsubscribe("user_status:status.updated", this.handleUserStatusUpdated);
-  },
-  methods: {
-    t: n.t,
-    handleUserStatusUpdated(e) {
-      this.user === e.userId && (this.userStatus = {
-        status: e.status,
-        icon: e.icon,
-        message: e.message
-      });
-    },
-    /**
-     * Toggle the popover menu on click or enter
-     * @param {KeyboardEvent|MouseEvent} event the UI event
-     */
-    async toggleMenu(e) {
-      e.type === "keydown" && e.key !== "Enter" || (this.contactsMenuOpenState || await this.fetchContactsMenu(), this.contactsMenuOpenState = !this.contactsMenuOpenState);
-    },
-    closeMenu() {
-      this.contactsMenuOpenState = !1;
-    },
-    async fetchContactsMenu() {
-      this.contactsMenuLoading = !0;
-      try {
-        const e = encodeURIComponent(this.user), { data: t } = await h.default.post(u.generateUrl("contactsmenu/findOne"), `shareType=0&shareWith=${e}`);
-        this.contactsMenuActions = t.topAction ? [t.topAction].concat(t.actions) : t.actions;
-      } catch {
-        this.contactsMenuOpenState = !1;
-      }
-      this.contactsMenuLoading = !1, this.isMenuLoaded = !0;
-    },
-    /**
-     * Handle avatar loading if user or url defined
-     */
-    loadAvatarUrl() {
-      if (this.isAvatarLoaded = !1, !this.isUrlDefined && (!this.isUserDefined || this.isNoUser)) {
-        this.isAvatarLoaded = !0, this.userDoesNotExist = !0;
-        return;
-      }
-      if (this.isUrlDefined) {
-        this.updateImageIfValid(this.url);
-        return;
-      }
-      if (this.size <= 64) {
-        const e = this.avatarUrlGenerator(this.user, 64), t = [
-          e + " 1x",
-          this.avatarUrlGenerator(this.user, 512) + " 8x"
-        ].join(", ");
-        this.updateImageIfValid(e, t);
-      } else {
-        const e = this.avatarUrlGenerator(this.user, 512);
-        this.updateImageIfValid(e);
-      }
-    },
-    /**
-     * Generate an avatar url from the server's avatar endpoint
-     *
-     * @param {string} user the user id
-     * @param {number} size the desired size
-     * @return {string}
-     */
-    avatarUrlGenerator(e, t) {
-      var o;
-      const s = window.getComputedStyle(document.body).getPropertyValue("--background-invert-if-dark") === "invert(100%)";
-      let a = "/avatar/{user}/{size}" + (s ? "/dark" : "");
-      this.isGuest && (a = "/avatar/guest/{user}/{size}" + (s ? "/dark" : ""));
-      let r = u.generateUrl(
-        a,
-        {
-          user: e,
-          size: t
-        }
-      );
-      return e === ((o = l.getCurrentUser()) == null ? void 0 : o.uid) && typeof oc_userconfig < "u" && (r += "?v=" + oc_userconfig.avatar.version), r;
-    },
-    /**
-     * Check if the provided url is valid and update Avatar if so
-     *
-     * @param {string} url the avatar url
-     * @param {Array} srcset the avatar srcset
-     */
-    updateImageIfValid(e, t = null) {
-      const s = B(this.user);
-      if (this.isUserDefined && typeof s == "boolean") {
-        this.isAvatarLoaded = !0, this.avatarUrlLoaded = e, t && (this.avatarSrcSetLoaded = t), s === !1 && (this.userDoesNotExist = !0);
-        return;
-      }
-      const a = new Image();
-      a.onload = () => {
-        this.avatarUrlLoaded = e, t && (this.avatarSrcSetLoaded = t), this.isAvatarLoaded = !0, d(this.user, !0);
-      }, a.onerror = () => {
-        console.debug("Invalid avatar url", e), this.avatarUrlLoaded = null, this.avatarSrcSetLoaded = null, this.userDoesNotExist = !0, this.isAvatarLoaded = !1, d(this.user, !1);
-      }, t && (a.srcset = t), a.src = e;
-    }
-  }
-};
-var E = function() {
-  var t = this, s = t._self._c;
-  return s("span", t._g({ directives: [{ name: "click-outside", rawName: "v-click-outside", value: t.closeMenu, expression: "closeMenu" }], ref: "main", staticClass: "avatardiv popovermenu-wrapper", class: {
-    "avatardiv--unknown": t.userDoesNotExist,
-    "avatardiv--with-menu": t.hasMenu,
-    "avatardiv--with-menu-loading": t.contactsMenuLoading
-  }, style: t.avatarStyle, attrs: { title: t.tooltip, tabindex: t.hasMenu ? "0" : void 0, "aria-label": t.avatarAriaLabel, role: t.hasMenu ? "button" : void 0 } }, t.hasMenu ? {
-    click: t.toggleMenu,
-    keydown: t.toggleMenu
-  } : null), [t._t("icon", function() {
-    return [t.iconClass ? s("span", { staticClass: "avatar-class-icon", class: t.iconClass }) : t.isAvatarLoaded && !t.userDoesNotExist ? s("img", { attrs: { src: t.avatarUrlLoaded, srcset: t.avatarSrcSetLoaded, alt: "" } }) : t._e()];
-  }), t.hasMenu && !t.menu.length ? s("NcButton", { staticClass: "action-item action-item__menutoggle", attrs: { "aria-label": t.t("Open contact menu"), type: "tertiary-no-background" }, scopedSlots: t._u([{ key: "icon", fn: function() {
-    return [t.contactsMenuLoading ? s("NcLoadingIcon") : s("DotsHorizontal", { attrs: { size: 20 } })];
-  }, proxy: !0 }], null, !1, 2617833509) }) : t.hasMenu ? s("NcActions", { attrs: { "force-menu": "", "manual-open": "", type: "tertiary-no-background", container: t.menuContainer, open: t.contactsMenuOpenState }, scopedSlots: t._u([t.contactsMenuLoading ? { key: "icon", fn: function() {
-    return [s("NcLoadingIcon")];
-  }, proxy: !0 } : null], null, !0) }, t._l(t.menu, function(a, r) {
-    return s("NcActionLink", { key: r, attrs: { href: a.href, icon: a.icon } }, [t._v(" " + t._s(a.text) + " ")]);
-  }), 1) : t._e(), t.showUserStatusIconOnAvatar ? s("span", { staticClass: "avatardiv__user-status avatardiv__user-status--icon" }, [t._v(" " + t._s(t.userStatus.icon) + " ")]) : t.canDisplayUserStatus ? s("NcIconSvgWrapper", { staticClass: "avatardiv__user-status", attrs: { svg: t.userStatusIcon, name: t.userStatusIconName } }) : t._e(), t.showInitials ? s("span", { staticClass: "avatardiv__initials-wrapper", style: t.initialsWrapperStyle }, [s("span", { staticClass: "avatardiv__initials", style: t.initialsStyle }, [t._v(" " + t._s(t.initials) + " ")])]) : t._e()], 2);
-}, T = [], $ = /* @__PURE__ */ b.normalizeComponent(
-  H,
-  E,
-  T,
-  !1,
-  null,
-  "2524b2d4",
-  null,
-  null
-);
-const G = $.exports;
-exports.NcAvatar = G;
-exports.getUserStatusIcon = f;
-exports.getUserStatusIconName = v;
-exports.userStatus = g;

package/dist/chunks/index-693e993c.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-693e993c.cjs","sources":["../../src/assets/status-icons/user-status-online.svg?raw","../../src/assets/status-icons/user-status-away.svg?raw","../../src/assets/status-icons/user-status-dnd.svg?raw","../../src/assets/status-icons/user-status-invisible.svg?raw","../../src/utils/UserStatus.ts","../../src/mixins/userStatus.js","../../src/components/NcAvatar/NcAvatar.vue"],"sourcesContent":["export default \"<!-- This icon is part of Material UI Icons. Copyright 2020 Google Inc., Apache-2.0 License -->\\n<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 16 16\\\"><path d=\\\"M4.8 11.2h6.4V4.8H4.8v6.4zM8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8z\\\" fill=\\\"var(--color-success)\\\"/></svg>\\n\"","export default \"<!-- This icon is part of Material UI Icons. Copyright 2020 Google Inc., Apache-2.0 License -->\\n<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 16 16\\\"><path fill=\\\"none\\\" d=\\\"M-4-4h24v24H-4z\\\"/><path d=\\\"M6.9.1C3 .6-.1 4-.1 8c0 4.4 3.6 8 8 8 4 0 7.4-3 8-6.9-1.2 1.3-2.9 2.1-4.7 2.1-3.5 0-6.4-2.9-6.4-6.4 0-1.9.8-3.6 2.1-4.7z\\\" fill=\\\"var(--color-warning)\\\"/></svg>\\n\"","export default \"<!-- This icon is part of Material UI Icons. Copyright 2020 Google Inc., Apache-2.0 License -->\\n<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 16 16\\\"><path d=\\\"M-4-4h24v24H-4V-4z\\\" fill=\\\"none\\\"/><path d=\\\"M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8z\\\" fill=\\\"var(--color-error)\\\"/><path d=\\\"M5 6.5h6c.8 0 1.5.7 1.5 1.5s-.7 1.5-1.5 1.5H5c-.8 0-1.5-.7-1.5-1.5S4.2 6.5 5 6.5z\\\" fill=\\\"#fdffff\\\"/></svg>\\n\"","export default \"<!-- This icon is part of Material UI Icons. Copyright 2020 Google Inc., Apache-2.0 License -->\\n<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" viewBox=\\\"0 0 16 16\\\"><path d=\\\"M-4-4h24v24H-4V-4z\\\" fill=\\\"none\\\"/><path d=\\\"M8 0C3.6 0 0 3.6 0 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm0 3.2c2.7 0 4.8 2.1 4.8 4.8s-2.1 4.8-4.8 4.8S3.2 10.7 3.2 8 5.3 3.2 8 3.2z\\\"/></svg>\\n\"","/**\n * @copyright 2023 Christopher Ng <chrng8@gmail.com>\n *\n * @author Christopher Ng <chrng8@gmail.com>\n *\n * @license AGPL-3.0-or-later\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n *\n */\n\nimport { t } from '../l10n.js'\n\nimport onlineSvg from '../assets/status-icons/user-status-online.svg?raw'\nimport awaySvg from '../assets/status-icons/user-status-away.svg?raw'\nimport dndSvg from '../assets/status-icons/user-status-dnd.svg?raw'\nimport invisibleSvg from '../assets/status-icons/user-status-invisible.svg?raw'\n\ntype Status = 'online' | 'away' | 'dnd' | 'invisible' | 'offline'\n\nexport const getUserStatusText = (status: Status): string => {\n\tswitch (status) {\n\tcase 'away': return t('away') // TRANSLATORS: User status if the user is currently away from keyboard\n\tcase 'dnd': return t('do not disturb')\n\tcase 'online': return t('online')\n\tcase 'invisible': return t('invisible')\n\tcase 'offline': return t('offline')\n\tdefault: return status\n\t}\n}\n\nexport const getUserStatusIcon = (status: Status): null | string => {\n\tconst statusIconMap = {\n\t\tonline: onlineSvg,\n\t\taway: awaySvg,\n\t\tdnd: dndSvg,\n\t\tinvisible: invisibleSvg,\n\t}\n\n\treturn statusIconMap[status] ?? null\n}\n\nexport const getUserStatusIconName = (status: Status): string => {\n\treturn t('User status: {status}', { status: getUserStatusText(status) })\n}\n","/**\n * @copyright Copyright (c) 2020 Georg Ehrke <georg-nextcloud@ehrke.email>\n *\n * @author Georg Ehrke <georg-nextcloud@ehrke.email>\n *\n * @license AGPL-3.0-or-later\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n *\n */\n\nimport { getCurrentUser } from '@nextcloud/auth'\nimport axios from '@nextcloud/axios'\nimport { getCapabilities } from '@nextcloud/capabilities'\nimport { generateOcsUrl } from '@nextcloud/router'\n\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\thasStatus: false,\n\t\t\tuserStatus: {\n\t\t\t\tstatus: null,\n\t\t\t\tmessage: null,\n\t\t\t\ticon: null,\n\t\t\t},\n\t\t}\n\t},\n\tmethods: {\n\t\t/**\n\t\t * Fetches the user-status from the server\n\t\t *\n\t\t * @param {string} userId UserId of the user to fetch the status for\n\t\t *\n\t\t * @return {Promise<void>}\n\t\t */\n\t\tasync fetchUserStatus(userId) {\n\t\t\tif (!userId) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tconst capabilities = getCapabilities()\n\t\t\tif (!Object.prototype.hasOwnProperty.call(capabilities, 'user_status') || !capabilities.user_status.enabled) {\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\t// User status endpoint is not available for guests.\n\t\t\tif (!getCurrentUser()) {\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\ttry {\n\t\t\t\tconst { data } = await axios.get(generateOcsUrl('apps/user_status/api/v1/statuses/{userId}', { userId }))\n\t\t\t\tconst {\n\t\t\t\t\tstatus,\n\t\t\t\t\tmessage,\n\t\t\t\t\ticon,\n\t\t\t\t} = data.ocs.data\n\t\t\t\tthis.userStatus.status = status\n\t\t\t\tthis.userStatus.message = message || ''\n\t\t\t\tthis.userStatus.icon = icon || ''\n\t\t\t\tthis.hasStatus = true\n\t\t\t} catch (e) {\n\t\t\t\tif (e.response.status === 404 && e.response.data.ocs?.data?.length === 0) {\n\t\t\t\t\t// User just has no status set, so don't log it\n\t\t\t\t\treturn\n\t\t\t\t}\n\t\t\t\tconsole.error(e)\n\t\t\t}\n\t\t},\n\t},\n}\n","<!--\n  - @copyright Copyright (c) 2018 Julius Härtl <jus@bitgrid.net>\n  -\n  - @author Julius Härtl <jus@bitgrid.net>\n  -\n  - @license GNU AGPL version 3 or any later version\n  -\n  - This program is free software: you can redistribute it and/or modify\n  - it under the terms of the GNU Affero General Public License as\n  - published by the Free Software Foundation, either version 3 of the\n  - License, or (at your option) any later version.\n  -\n  - This program is distributed in the hope that it will be useful,\n  - but WITHOUT ANY WARRANTY; without even the implied warranty of\n  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n  - GNU Affero General Public License for more details.\n  -\n  - You should have received a copy of the GNU Affero General Public License\n  - along with this program. If not, see <http://www.gnu.org/licenses/>.\n  -\n  -->\n\n<docs>\n\n### Basic user avatar\n\n```vue\n\t<NcAvatar user=\"willywonka\" display-name=\"Willy Wonka\" />\n```\n\n### Avatar with image\n\n```vue\n\t<NcAvatar url=\"https://nextcloud.com/wp-content/themes/next/assets/img/common/nextcloud-square-logo.png\" />\n```\n\n### Avatar with material design icon\n\n```\n <template>\n\t<NcAvatar>\n\t\t<template #icon>\n\t\t\t<AccountMultiple :size=\"20\" />\n\t\t</template>\n\t</NcAvatar>\n</template>\n<script>\nimport AccountMultiple from 'vue-material-design-icons/AccountMultiple'\n\nexport default {\n\tcomponents: {\n\t\tAccountMultiple,\n\t},\n }\n </script>\n```\n\n### Avatar with preloaded status\n```\n <template>\n\t<NcAvatar user=\"janedoe\"\n\t\tdisplay-name=\"Jane Doe\"\n\t\t:preloaded-user-status=\"status\">\n\t</NcAvatar>\n</template>\n<script>\n\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\tstatus: {\n\t\t\t\ticon: '',\n\t\t\t\tstatus: 'dnd',\n\t\t\t\tmessage: 'Not busy',\n\t\t\t},\n\t\t}\n\t},\n }\n </script>\n```\n\n### Avatar for non-users\n\n```vue\n\t<NcAvatar display-name=\"Robbie Hyeon-Jeong\" :is-no-user=\"true\" />\n```\n\n### Avatar on complex background\n\n```\n<template>\n\t<div class=\"avatar-background\">\n\t\t<NcAvatar class=\"avatar\" :is-no-user=\"true\" display-name=\"Cecilia Rohese\" />\n\t</div>\n</template>\n<style scoped>\n.avatar-background {\n\twidth: 80px;\n\theight: 60px;\n\tbackground: linear-gradient(to bottom, #0057b8 0%, #0057b8 49.99%, #ffd700 50%, #ffd700 100%);\n}\n\n.avatar {\n\tmargin: 15px 25px;\n}\n</style>\n```\n\n</docs>\n<template>\n\t<span ref=\"main\"\n\t\tv-click-outside=\"closeMenu\"\n\t\t:class=\"{\n\t\t\t'avatardiv--unknown': userDoesNotExist,\n\t\t\t'avatardiv--with-menu': hasMenu,\n\t\t\t'avatardiv--with-menu-loading': contactsMenuLoading\n\t\t}\"\n\t\t:title=\"tooltip\"\n\t\t:style=\"avatarStyle\"\n\t\tclass=\"avatardiv popovermenu-wrapper\"\n\t\t:tabindex=\"hasMenu ? '0' : undefined\"\n\t\t:aria-label=\"avatarAriaLabel\"\n\t\t:role=\"hasMenu ? 'button' : undefined\"\n\t\tv-on=\"hasMenu ? {\n\t\t\tclick: toggleMenu,\n\t\t\tkeydown: toggleMenu,\n\t\t} : null\">\n\t\t<!-- @slot Icon slot -->\n\t\t<slot name=\"icon\">\n\t\t\t<!-- Avatar icon or image -->\n\t\t\t<span v-if=\"iconClass\" :class=\"iconClass\" class=\"avatar-class-icon\" />\n\t\t\t<img v-else-if=\"isAvatarLoaded && !userDoesNotExist\"\n\t\t\t\t:src=\"avatarUrlLoaded\"\n\t\t\t\t:srcset=\"avatarSrcSetLoaded\"\n\t\t\t\talt=\"\">\n\t\t</slot>\n\n\t\t<!-- Contact menu -->\n\t\t<!-- We show a button if the menu is not loaded yet. -->\n\t\t<NcButton v-if=\"hasMenu && !menu.length\"\n\t\t\t:aria-label=\"t('Open contact menu')\"\n\t\t\ttype=\"tertiary-no-background\"\n\t\t\tclass=\"action-item action-item__menutoggle\">\n\t\t\t<template #icon>\n\t\t\t\t<NcLoadingIcon v-if=\"contactsMenuLoading\" />\n\t\t\t\t<DotsHorizontal v-else :size=\"20\" />\n\t\t\t</template>\n\t\t</NcButton>\n\t\t<NcActions v-else-if=\"hasMenu\"\n\t\t\tforce-menu\n\t\t\tmanual-open\n\t\t\ttype=\"tertiary-no-background\"\n\t\t\t:container=\"menuContainer\"\n\t\t\t:open=\"contactsMenuOpenState\">\n\t\t\t<NcActionLink v-for=\"(item, key) in menu\"\n\t\t\t\t:key=\"key\"\n\t\t\t\t:href=\"item.href\"\n\t\t\t\t:icon=\"item.icon\">\n\t\t\t\t{{ item.text }}\n\t\t\t</NcActionLink>\n\t\t\t<template v-if=\"contactsMenuLoading\" #icon>\n\t\t\t\t<NcLoadingIcon />\n\t\t\t</template>\n\t\t</NcActions>\n\n\t\t<!-- Avatar status -->\n\t\t<span v-if=\"showUserStatusIconOnAvatar\" class=\"avatardiv__user-status avatardiv__user-status--icon\">\n\t\t\t{{ userStatus.icon }}\n\t\t</span>\n\t\t<NcIconSvgWrapper v-else-if=\"canDisplayUserStatus\"\n\t\t\tclass=\"avatardiv__user-status\"\n\t\t\t:svg=\"userStatusIcon\"\n\t\t\t:name=\"userStatusIconName\" />\n\n\t\t<!-- Show the letter if no avatar nor icon class -->\n\t\t<span v-if=\"showInitials\"\n\t\t\t:style=\"initialsWrapperStyle\"\n\t\t\tclass=\"avatardiv__initials-wrapper\">\n\t\t\t<span :style=\"initialsStyle\" class=\"avatardiv__initials\">\n\t\t\t\t{{ initials }}\n\t\t\t</span>\n\t\t</span>\n\t</span>\n</template>\n\n<script>\nimport NcActions from '../NcActions/index.js'\nimport NcActionLink from '../NcActionLink/index.js'\nimport NcButton from '../NcButton/index.js'\nimport NcLoadingIcon from '../NcLoadingIcon/index.js'\nimport NcIconSvgWrapper from '../NcIconSvgWrapper/index.js'\nimport usernameToColor from '../../functions/usernameToColor/index.js'\nimport { getUserStatusIcon, getUserStatusIconName, getUserStatusText } from '../../utils/UserStatus.ts'\nimport { userStatus } from '../../mixins/index.js'\nimport { t } from '../../l10n.js'\n\nimport axios from '@nextcloud/axios'\nimport DotsHorizontal from 'vue-material-design-icons/DotsHorizontal.vue'\n\nimport { getCurrentUser } from '@nextcloud/auth'\nimport { subscribe, unsubscribe } from '@nextcloud/event-bus'\nimport { getBuilder } from '@nextcloud/browser-storage'\nimport { generateUrl } from '@nextcloud/router'\nimport { vOnClickOutside as ClickOutside } from '@vueuse/components'\n\nconst browserStorage = getBuilder('nextcloud').persist().build()\n\n/**\n * @param {string} userId The id of the user\n */\nfunction getUserHasAvatar(userId) {\n\tconst flag = browserStorage.getItem('user-has-avatar.' + userId)\n\tif (typeof flag === 'string') {\n\t\treturn Boolean(flag)\n\t}\n\treturn null\n}\n\n/**\n * @param {string} userId The id of the user\n * @param {boolean} flag Has the user an avatar\n */\nfunction setUserHasAvatar(userId, flag) {\n\tif (userId) {\n\t\tbrowserStorage.setItem('user-has-avatar.' + userId, flag)\n\t}\n}\n\nexport default {\n\tname: 'NcAvatar',\n\n\tdirectives: {\n\t\tClickOutside,\n\t},\n\tcomponents: {\n\t\tDotsHorizontal,\n\t\tNcActions,\n\t\tNcActionLink,\n\t\tNcButton,\n\t\tNcLoadingIcon,\n\t\tNcIconSvgWrapper,\n\t},\n\tmixins: [userStatus],\n\tprops: {\n\t\t/**\n\t\t * Set a custom url to the avatar image\n\t\t * either the url, user or displayName property must be defined\n\t\t */\n\t\turl: {\n\t\t\ttype: String,\n\t\t\tdefault: undefined,\n\t\t},\n\t\t/**\n\t\t * Set a css icon-class for an icon to be used instead of the avatar.\n\t\t */\n\t\ticonClass: {\n\t\t\ttype: String,\n\t\t\tdefault: undefined,\n\t\t},\n\t\t/**\n\t\t * Set the user id to fetch the avatar\n\t\t * either the url, user or displayName property must be defined\n\t\t */\n\t\tuser: {\n\t\t\ttype: String,\n\t\t\tdefault: undefined,\n\t\t},\n\t\t/**\n\t\t * Whether or not to display the user-status\n\t\t */\n\t\tshowUserStatus: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\t\t/**\n\t\t * Whether or not to the status-icon should be used instead of online/away\n\t\t */\n\t\tshowUserStatusCompact: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\t\t/**\n\t\t * When the user status was preloaded via another source it can be handed in with this property to save the request.\n\t\t * If this property is not set the status will be fetched automatically.\n\t\t * If a preloaded no-status is available provide this object with properties \"status\", \"icon\" and \"message\" set to null.\n\t\t */\n\t\tpreloadedUserStatus: {\n\t\t\ttype: Object,\n\t\t\tdefault: undefined,\n\t\t},\n\t\t/**\n\t\t * Is the user a guest user (then we have to user a different endpoint)\n\t\t */\n\t\tisGuest: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\t/**\n\t\t * Set a display name that will be rendered as a tooltip\n\t\t * either the url, user or displayName property must be defined\n\t\t * specify just the displayname to generate a placeholder avatar without\n\t\t * trying to fetch the avatar based on the user id\n\t\t */\n\t\tdisplayName: {\n\t\t\ttype: String,\n\t\t\tdefault: undefined,\n\t\t},\n\t\t/**\n\t\t * Set a size in px for the rendered avatar\n\t\t */\n\t\tsize: {\n\t\t\ttype: Number,\n\t\t\tdefault: 32,\n\t\t},\n\t\t/**\n\t\t * Placeholder avatars will be automatically generated when this is set to true\n\t\t */\n\t\tallowPlaceholder: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\t\t/**\n\t\t * Disable the tooltip\n\t\t */\n\t\tdisableTooltip: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\t/**\n\t\t * Disable the menu\n\t\t */\n\t\tdisableMenu: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\t/**\n\t\t * Declares a custom tooltip when not null\n\t\t * Fallback will be the displayName\n\t\t *\n\t\t * requires disableTooltip not to be set to true\n\t\t */\n\t\ttooltipMessage: {\n\t\t\ttype: String,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/**\n\t\t * Declares username is not a user's name, when true.\n\t\t * Prevents loading user's avatar from server and forces generating colored initials,\n\t\t * i.e. if the user is a group\n\t\t */\n\t\tisNoUser: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * Selector for the popover menu container\n\t\t */\n\t\tmenuContainer: {\n\t\t\ttype: [String, Object, Element, Boolean],\n\t\t\tdefault: 'body',\n\t\t},\n\t},\n\tdata() {\n\t\treturn {\n\t\t\tavatarUrlLoaded: null,\n\t\t\tavatarSrcSetLoaded: null,\n\t\t\tuserDoesNotExist: false,\n\t\t\tisAvatarLoaded: false,\n\t\t\tisMenuLoaded: false,\n\t\t\tcontactsMenuLoading: false,\n\t\t\tcontactsMenuActions: [],\n\t\t\tcontactsMenuOpenState: false,\n\t\t}\n\t},\n\tcomputed: {\n\t\tavatarAriaLabel() {\n\t\t\t// aria-label is only allowed on interactive elements\n\t\t\tif (!this.hasMenu) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tif (this.canDisplayUserStatus || this.showUserStatusIconOnAvatar) {\n\t\t\t\treturn t('Avatar of {displayName}, {status}', { displayName: this.displayName ?? this.user, status: getUserStatusText(this.userStatus.status) })\n\t\t\t}\n\t\t\treturn t('Avatar of {displayName}', { displayName: this.displayName ?? this.user })\n\t\t},\n\n\t\tuserStatusIcon() {\n\t\t\treturn getUserStatusIcon(this.userStatus.status)\n\t\t},\n\n\t\t/**\n\t\t * If the avatar has no menu no aria-label is assigned, but for accessibility we still need the status to be accessible\n\t\t * So this sets the required accessible label for the user status icon.\n\t\t */\n\t\tuserStatusIconName() {\n\t\t\t// only needed if non-interactive, otherwise the aria-label is set\n\t\t\tif (this.hasMenu) {\n\t\t\t\treturn\n\t\t\t}\n\t\t\treturn getUserStatusIconName(this.userStatus.status)\n\t\t},\n\t\tcanDisplayUserStatus() {\n\t\t\treturn this.showUserStatus\n\t\t\t\t&& this.hasStatus\n\t\t\t\t&& ['online', 'away', 'dnd'].includes(this.userStatus.status)\n\t\t},\n\t\tshowUserStatusIconOnAvatar() {\n\t\t\treturn this.showUserStatus\n\t\t\t\t&& this.showUserStatusCompact\n\t\t\t\t&& this.hasStatus\n\t\t\t\t&& this.userStatus.status !== 'dnd'\n\t\t\t\t&& this.userStatus.icon\n\t\t},\n\t\t/**\n\t\t * The user identifier, either the display name if set or the user property\n\t\t * If both properties are not set an empty string is returned\n\t\t */\n\t\tuserIdentifier() {\n\t\t\tif (this.isDisplayNameDefined) {\n\t\t\t\treturn this.displayName\n\t\t\t}\n\t\t\tif (this.isUserDefined) {\n\t\t\t\treturn this.user\n\t\t\t}\n\t\t\treturn ''\n\t\t},\n\t\tisUserDefined() {\n\t\t\treturn typeof this.user !== 'undefined'\n\t\t},\n\t\tisDisplayNameDefined() {\n\t\t\treturn typeof this.displayName !== 'undefined'\n\t\t},\n\t\tisUrlDefined() {\n\t\t\treturn typeof this.url !== 'undefined'\n\t\t},\n\t\thasMenu() {\n\t\t\tif (this.disableMenu) {\n\t\t\t\treturn false\n\t\t\t}\n\t\t\tif (this.isMenuLoaded) {\n\t\t\t\treturn this.menu.length > 0\n\t\t\t}\n\t\t\treturn !(this.user === getCurrentUser()?.uid || this.userDoesNotExist || this.url)\n\t\t},\n\n\t\t/**\n\t\t * True if initials should be shown as the user icon fallback\n\t\t */\n\t\tshowInitials() {\n\t\t\treturn this.allowPlaceholder && this.userDoesNotExist && !(this.iconClass || this.$slots.icon)\n\t\t},\n\n\t\tavatarStyle() {\n\t\t\tconst style = {\n\t\t\t\t'--size': this.size + 'px',\n\t\t\t\tlineHeight: this.size + 'px',\n\t\t\t\tfontSize: Math.round(this.size * 0.45) + 'px',\n\t\t\t}\n\t\t\treturn style\n\t\t},\n\t\tinitialsWrapperStyle() {\n\t\t\tconst { r, g, b } = usernameToColor(this.userIdentifier)\n\t\t\treturn {\n\t\t\t\tbackgroundColor: `rgba(${r}, ${g}, ${b}, 0.1)`,\n\t\t\t}\n\t\t},\n\t\tinitialsStyle() {\n\t\t\tconst { r, g, b } = usernameToColor(this.userIdentifier)\n\t\t\treturn {\n\t\t\t\tcolor: `rgb(${r}, ${g}, ${b})`,\n\t\t\t}\n\t\t},\n\t\ttooltip() {\n\t\t\tif (this.disableTooltip) {\n\t\t\t\treturn false\n\t\t\t}\n\t\t\tif (this.tooltipMessage) {\n\t\t\t\treturn this.tooltipMessage\n\t\t\t}\n\n\t\t\treturn this.displayName\n\t\t},\n\n\t\t/**\n\t\t * Get the (max. two) initials of the user as uppcase string\n\t\t */\n\t\tinitials() {\n\t\t\tlet initials = '?'\n\t\t\tif (this.showInitials) {\n\t\t\t\tconst user = this.userIdentifier.trim()\n\t\t\t\tif (user === '') {\n\t\t\t\t\treturn '?'\n\t\t\t\t}\n\n\t\t\t\t/**\n\t\t\t\t * Filtered user name, without special characters so only letters and numbers are allowed (prevent e.g. '(' as an initial)\n\t\t\t\t * \\p{L}: Letters of all languages\n\t\t\t\t * \\p{N}: Numbers of all languages\n\t\t\t\t * \\s: White space for breaking the string\n\t\t\t\t * @type {string}\n\t\t\t\t */\n\t\t\t\tconst filtered = user.match(/[\\p{L}\\p{N}\\s]/gu).join('')\n\t\t\t\tconst idx = filtered.lastIndexOf(' ')\n\t\t\t\tinitials = String.fromCodePoint(filtered.codePointAt(0))\n\t\t\t\tif (idx !== -1) {\n\t\t\t\t\tinitials = initials.concat(String.fromCodePoint(filtered.codePointAt(idx + 1)))\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn initials.toLocaleUpperCase()\n\t\t},\n\t\tmenu() {\n\t\t\tconst actions = this.contactsMenuActions.map((item) => {\n\t\t\t\treturn {\n\t\t\t\t\thref: item.hyperlink,\n\t\t\t\t\ticon: item.icon,\n\t\t\t\t\ttext: item.title,\n\t\t\t\t}\n\t\t\t})\n\n\t\t\t/**\n\t\t\t * @param {string} html The HTML to escape\n\t\t\t */\n\t\t\tfunction escape(html) {\n\t\t\t\tconst text = document.createTextNode(html)\n\t\t\t\tconst p = document.createElement('p')\n\t\t\t\tp.appendChild(text)\n\t\t\t\treturn p.innerHTML\n\t\t\t}\n\n\t\t\tif (this.showUserStatus && (this.userStatus.icon || this.userStatus.message)) {\n\t\t\t\treturn [{\n\t\t\t\t\thref: '#',\n\t\t\t\t\ticon: `data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><text x='0' y='14' font-size='14'>${escape(this.userStatus.icon)}</text></svg>`,\n\t\t\t\t\ttext: `${this.userStatus.message}`,\n\t\t\t\t}].concat(actions)\n\t\t\t}\n\n\t\t\treturn actions\n\t\t},\n\t},\n\n\twatch: {\n\t\turl() {\n\t\t\tthis.userDoesNotExist = false\n\t\t\tthis.loadAvatarUrl()\n\t\t},\n\t\tuser() {\n\t\t\tthis.userDoesNotExist = false\n\t\t\tthis.isMenuLoaded = false\n\t\t\tthis.loadAvatarUrl()\n\t\t},\n\t},\n\n\tmounted() {\n\t\tthis.loadAvatarUrl()\n\t\tsubscribe('settings:avatar:updated', this.loadAvatarUrl)\n\t\tsubscribe('settings:display-name:updated', this.loadAvatarUrl)\n\t\tif (this.showUserStatus && this.user && !this.isNoUser) {\n\t\t\tif (!this.preloadedUserStatus) {\n\t\t\t\tthis.fetchUserStatus(this.user)\n\t\t\t} else {\n\t\t\t\tthis.userStatus.status = this.preloadedUserStatus.status || ''\n\t\t\t\tthis.userStatus.message = this.preloadedUserStatus.message || ''\n\t\t\t\tthis.userStatus.icon = this.preloadedUserStatus.icon || ''\n\t\t\t\tthis.hasStatus = this.preloadedUserStatus.status !== null\n\t\t\t}\n\t\t\tsubscribe('user_status:status.updated', this.handleUserStatusUpdated)\n\t\t}\n\t},\n\n\tbeforeDestroy() {\n\t\tunsubscribe('settings:avatar:updated', this.loadAvatarUrl)\n\t\tunsubscribe('settings:display-name:updated', this.loadAvatarUrl)\n\t\tif (this.showUserStatus && this.user && !this.isNoUser) {\n\t\t\tunsubscribe('user_status:status.updated', this.handleUserStatusUpdated)\n\t\t}\n\t},\n\n\tmethods: {\n\t\tt,\n\t\thandleUserStatusUpdated(state) {\n\t\t\tif (this.user === state.userId) {\n\t\t\t\tthis.userStatus = {\n\t\t\t\t\tstatus: state.status,\n\t\t\t\t\ticon: state.icon,\n\t\t\t\t\tmessage: state.message,\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Toggle the popover menu on click or enter\n\t\t * @param {KeyboardEvent|MouseEvent} event the UI event\n\t\t */\n\t\tasync toggleMenu(event) {\n\t\t\tif (event.type === 'keydown' && event.key !== 'Enter') {\n\t\t\t\treturn\n\t\t\t}\n\t\t\tif (!this.contactsMenuOpenState) {\n\t\t\t\tawait this.fetchContactsMenu()\n\t\t\t}\n\t\t\tthis.contactsMenuOpenState = !this.contactsMenuOpenState\n\t\t},\n\t\tcloseMenu() {\n\t\t\tthis.contactsMenuOpenState = false\n\t\t},\n\t\tasync fetchContactsMenu() {\n\t\t\tthis.contactsMenuLoading = true\n\t\t\ttry {\n\t\t\t\tconst user = encodeURIComponent(this.user)\n\t\t\t\tconst { data } = await axios.post(generateUrl('contactsmenu/findOne'), `shareType=0&shareWith=${user}`)\n\t\t\t\tthis.contactsMenuActions = data.topAction ? [data.topAction].concat(data.actions) : data.actions\n\t\t\t} catch (e) {\n\t\t\t\tthis.contactsMenuOpenState = false\n\t\t\t}\n\t\t\tthis.contactsMenuLoading = false\n\t\t\tthis.isMenuLoaded = true\n\t\t},\n\n\t\t/**\n\t\t * Handle avatar loading if user or url defined\n\t\t */\n\t\tloadAvatarUrl() {\n\t\t\tthis.isAvatarLoaded = false\n\n\t\t\t/** Only run avatar image loading if either user or url property is defined */\n\t\t\tif (!this.isUrlDefined && (!this.isUserDefined || this.isNoUser)) {\n\t\t\t\tthis.isAvatarLoaded = true\n\t\t\t\tthis.userDoesNotExist = true\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\t// Directly use the url if defined\n\t\t\tif (this.isUrlDefined) {\n\t\t\t\tthis.updateImageIfValid(this.url)\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tif (this.size <= 64) {\n\t\t\t\tconst avatarUrl = this.avatarUrlGenerator(this.user, 64)\n\t\t\t\tconst srcset = [\n\t\t\t\t\tavatarUrl + ' 1x',\n\t\t\t\t\tthis.avatarUrlGenerator(this.user, 512) + ' 8x',\n\t\t\t\t].join(', ')\n\n\t\t\t\tthis.updateImageIfValid(avatarUrl, srcset)\n\t\t\t} else {\n\t\t\t\tconst avatarUrl = this.avatarUrlGenerator(this.user, 512)\n\t\t\t\tthis.updateImageIfValid(avatarUrl)\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Generate an avatar url from the server's avatar endpoint\n\t\t *\n\t\t * @param {string} user the user id\n\t\t * @param {number} size the desired size\n\t\t * @return {string}\n\t\t */\n\t\tavatarUrlGenerator(user, size) {\n\t\t\tconst darkTheme = window.getComputedStyle(document.body)\n\t\t\t\t.getPropertyValue('--background-invert-if-dark') === 'invert(100%)'\n\t\t\tlet url = '/avatar/{user}/{size}' + (darkTheme ? '/dark' : '')\n\t\t\tif (this.isGuest) {\n\t\t\t\turl = '/avatar/guest/{user}/{size}' + (darkTheme ? '/dark' : '')\n\t\t\t}\n\n\t\t\tlet avatarUrl = generateUrl(\n\t\t\t\turl,\n\t\t\t\t{\n\t\t\t\t\tuser,\n\t\t\t\t\tsize,\n\t\t\t\t})\n\n\t\t\t// eslint-disable-next-line camelcase\n\t\t\tif (user === getCurrentUser()?.uid && typeof oc_userconfig !== 'undefined') {\n\t\t\t\tavatarUrl += '?v=' + oc_userconfig.avatar.version\n\t\t\t}\n\n\t\t\treturn avatarUrl\n\t\t},\n\n\t\t/**\n\t\t * Check if the provided url is valid and update Avatar if so\n\t\t *\n\t\t * @param {string} url the avatar url\n\t\t * @param {Array} srcset the avatar srcset\n\t\t */\n\t\tupdateImageIfValid(url, srcset = null) {\n\t\t\t// skip loading\n\t\t\tconst userHasAvatar = getUserHasAvatar(this.user)\n\t\t\tif (this.isUserDefined && typeof userHasAvatar === 'boolean') {\n\t\t\t\tthis.isAvatarLoaded = true\n\t\t\t\tthis.avatarUrlLoaded = url\n\t\t\t\tif (srcset) {\n\t\t\t\t\tthis.avatarSrcSetLoaded = srcset\n\t\t\t\t}\n\t\t\t\tif (userHasAvatar === false) {\n\t\t\t\t\tthis.userDoesNotExist = true\n\t\t\t\t}\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tconst img = new Image()\n\t\t\timg.onload = () => {\n\t\t\t\tthis.avatarUrlLoaded = url\n\t\t\t\tif (srcset) {\n\t\t\t\t\tthis.avatarSrcSetLoaded = srcset\n\t\t\t\t}\n\t\t\t\tthis.isAvatarLoaded = true\n\t\t\t\t// re-get to avoid concurrent access\n\t\t\t\tsetUserHasAvatar(this.user, true)\n\t\t\t}\n\t\t\timg.onerror = () => {\n\t\t\t\tconsole.debug('Invalid avatar url', url)\n\t\t\t\t// Avatar is invalid, reset\n\t\t\t\tthis.avatarUrlLoaded = null\n\t\t\t\tthis.avatarSrcSetLoaded = null\n\n\t\t\t\tthis.userDoesNotExist = true\n\t\t\t\tthis.isAvatarLoaded = false\n\t\t\t\tsetUserHasAvatar(this.user, false)\n\t\t\t}\n\n\t\t\tif (srcset) {\n\t\t\t\timg.srcset = srcset\n\t\t\t}\n\t\t\timg.src = url\n\t\t},\n\t},\n}\n</script>\n\n<style scoped lang=\"scss\">\n.avatardiv {\n\tposition: relative;\n\tdisplay: inline-block;\n\twidth: var(--size);\n\theight: var(--size);\n\n\t&--unknown {\n\t\tposition: relative;\n\t\tbackground-color: var(--color-main-background);\n\t\twhite-space: normal;\n\t}\n\n\t&:not(&--unknown) {\n\t\t// White/black background for avatars with transparency\n\t\tbackground-color: var(--color-main-background) !important;\n\t\tbox-shadow: 0 0 5px rgba(0, 0, 0, 0.05) inset;\n\t}\n\n\t&--with-menu {\n\t\tcursor: pointer;\n\t\t.action-item {\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t}\n\t\t:deep(.action-item__menutoggle) {\n\t\t\tcursor: pointer;\n\t\t\topacity: 0;\n\t\t}\n\t\t&:focus,\n\t\t&:hover,\n\t\t&#{&}-loading {\n\t\t\t:deep(.action-item__menutoggle) {\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t\timg {\n\t\t\t\topacity: 0.3;\n\t\t\t}\n\t\t}\n\t\t:deep(.action-item__menutoggle),\n\t\timg {\n\t\t\ttransition: opacity var(--animation-quick);\n\t\t}\n\t\t:deep() {\n\t\t\t.button-vue,\n\t\t\t.button-vue__icon {\n\t\t\t\theight: var(--size);\n\t\t\t\tmin-height: var(--size);\n\t\t\t\twidth: var(--size) !important;\n\t\t\t\tmin-width: var(--size);\n\t\t\t}\n\t\t}\n\t}\n\n\t.avatardiv__initials-wrapper {\n\t\tdisplay: block;\n\t\theight: var(--size);\n\t\twidth: var(--size);\n\t\tbackground-color: var(--color-main-background);\n\t\tborder-radius: 50%;\n\n\t\t.avatardiv__initials {\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tleft: 0;\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\ttext-align: center;\n\t\t\tfont-weight: normal;\n\t\t}\n\t}\n\n\timg {\n\t\t// Cover entire area\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\t// Keep ratio\n\t\tobject-fit: cover;\n\t}\n\n\t.material-design-icon {\n\t\twidth: var(--size);\n\t\theight: var(--size);\n\t}\n\n\t.avatardiv__user-status {\n\t\tbox-sizing: border-box;\n\t\tposition: absolute;\n\t\tright: -4px;\n\t\tbottom: -4px;\n\t\tmin-height: 18px;\n\t\tmin-width: 18px;\n\t\tmax-height: 18px;\n\t\tmax-width: 18px;\n\t\theight: 40%;\n\t\twidth: 40%;\n\t\tline-height: 15px;\n\t\tfont-size: var(--default-font-size);\n\t\tborder: 2px solid var(--color-main-background);\n\t\tbackground-color: var(--color-main-background);\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-size: 16px;\n\t\tbackground-position: center;\n\t\tborder-radius: 50%;\n\n\t\t.acli:hover & {\n\t\t\tborder-color: var(--color-background-hover);\n\t\t\tbackground-color: var(--color-background-hover);\n\t\t}\n\t\t.acli.active & {\n\t\t\tborder-color: var(--color-primary-element-light);\n\t\t\tbackground-color: var(--color-primary-element-light);\n\t\t}\n\n\t\t&--icon {\n\t\t\tborder: none;\n\t\t\tbackground-color: transparent;\n\t\t}\n\t}\n\n\t.popovermenu-wrapper {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t}\n}\n\n.avatar-class-icon {\n\tdisplay: block;\n\tborder-radius: 50%;\n\tbackground-color: var(--color-background-darker);\n\theight: 100%;\n}\n\n</style>\n"],"names":["onlineSvg","awaySvg","dndSvg","invisibleSvg","getUserStatusText","status","_l10n","getUserStatusIcon","_a","getUserStatusIconName","userStatus","userId","capabilities$1","capabilities","auth","data","axios__default","router","message","icon","e","_b","browserStorage","browserStorage$1","getUserHasAvatar","flag","setUserHasAvatar","_sfc_main","components","DotsHorizontal","Components_NcActions","Components_NcActionLink","Components_NcButton","Components_NcLoadingIcon","Components_NcIconSvgWrapper","r","g","b","Functions_usernameToColor","initials","user","filtered","idx","actions","item","escape","html","text","p","eventBus","state","event","avatarUrl","srcset","size","darkTheme","url","userHasAvatar","img"],"mappings":"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"}

package/dist/chunks/index-e894376a.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-e894376a.cjs","sources":["../../src/utils/FindRanges.js","../../src/components/NcHighlight/NcHighlight.vue"],"sourcesContent":["/**\n * @copyright Copyright (c) 2020 Raimund Schlüßler <raimund.schluessler@mailbox.org>\n *\n * @author Raimund Schlüßler <raimund.schluessler@mailbox.org>\n *\n * @license AGPL-3.0-or-later\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n *\n */\n\n/**\n * Find the ranges of a substr in a given string\n *\n * @param {string} text The text to search in\n * @param {string} search The text to search for\n * @return {Array} The array of ranges to highlight\n */\nconst FindRanges = (text, search) => {\n\tconst ranges = []\n\tlet currentIndex = 0\n\tlet index = text.toLowerCase().indexOf(search.toLowerCase(), currentIndex)\n\t// Variable to track that we don't iterate more often than the length of the text.\n\t// Shouldn't happen anyway, but just to be sure to not hang the browser for some reason.\n\tlet i = 0\n\twhile (index > -1 && i < text.length) {\n\t\tcurrentIndex = index + search.length\n\t\tranges.push({ start: index, end: currentIndex })\n\n\t\tindex = text.toLowerCase().indexOf(search.toLowerCase(), currentIndex)\n\t\ti++\n\t}\n\treturn ranges\n}\n\nexport default FindRanges\n","<!--\n  - @copyright Copyright (c) 2021 Raimund Schlüßler <raimund.schluessler@mailbox.org>\n  -\n  - @author Raimund Schlüßler <raimund.schluessler@mailbox.org>\n  -\n  - @license GNU AGPL version 3 or any later version\n  -\n  - This program is free software: you can redistribute it and/or modify\n  - it under the terms of the GNU Affero General Public License as\n  - published by the Free Software Foundation, either version 3 of the\n  - License, or (at your option) any later version.\n  -\n  - This program is distributed in the hope that it will be useful,\n  - but WITHOUT ANY WARRANTY; without even the implied warranty of\n  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n  - GNU Affero General Public License for more details.\n  -\n  - You should have received a copy of the GNU Affero General Public License\n  - along with this program. If not, see <http://www.gnu.org/licenses/>.\n  -\n  -->\n\n<docs>\n\n### General description\n\nHighlight a string with html &lt;strong&gt;. Accepts a substring to highlight or an array with ranges.\n\n### Usage\n\n```vue\n<template>\n\t<div>\n\t\t<NcHighlight text=\"Highlight me please!\" search=\"me\" />\n\t\t<br />\n\t\t<NcHighlight text=\"Highlight me please!\" :highlight=\"[{ start: 4, end: 12 }]\" />\n\t</div>\n</template>\n```\n</docs>\n\n<script>\nimport FindRanges from '../../utils/FindRanges.js'\n\nexport default {\n\tname: 'NcHighlight',\n\tprops: {\n\t\t/**\n\t\t * The string to display\n\t\t */\n\t\ttext: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t\t/**\n\t\t * The string to match and highlight\n\t\t */\n\t\tsearch: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t\t/**\n\t\t * The ranges to highlight, takes precedence over the search prop.\n\t\t */\n\t\thighlight: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\t},\n\tcomputed: {\n\t\t/**\n\t\t * The indice ranges which should be highlighted.\n\t\t * If an array with ranges is provided, we use it. Otherwise\n\t\t * we calculate it based on the provided substring to highlight.\n\t\t *\n\t\t * @return {Array} The array of ranges to highlight\n\t\t */\n\t\tranges() {\n\t\t\tlet ranges = []\n\t\t\t// If the search term and the highlight array is empty, return early with empty array\n\t\t\tif (!this.search && this.highlight.length === 0) {\n\t\t\t\treturn ranges\n\t\t\t}\n\n\t\t\t// If there are ranges to highlight provided, we use this array.\n\t\t\tif (this.highlight.length > 0) {\n\t\t\t\tranges = this.highlight\n\t\t\t// Otherwise we check the text to highlight for matches of the search term.\n\t\t\t} else {\n\t\t\t\tranges = FindRanges(this.text, this.search)\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Ensure that the start of each range is equal to or smaller than the end\n\t\t\t */\n\t\t\tranges.forEach((range, i) => {\n\t\t\t\tif (range.end < range.start) {\n\t\t\t\t\tranges[i] = {\n\t\t\t\t\t\tstart: range.end,\n\t\t\t\t\t\tend: range.start,\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t})\n\n\t\t\t/**\n\t\t\t * Validate the ranges array to be within the string length\n\t\t\t * and discard ranges which are completely out of bonds.\n\t\t\t */\n\t\t\tranges = ranges.reduce((validRanges, range) => {\n\t\t\t\tif (range.start < this.text.length && range.end > 0) {\n\t\t\t\t\tvalidRanges.push({\n\t\t\t\t\t\tstart: (range.start < 0) ? 0 : range.start,\n\t\t\t\t\t\tend: (range.end > this.text.length) ? this.text.length : range.end,\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\treturn validRanges\n\t\t\t}, [])\n\n\t\t\t/**\n\t\t\t * Sort ranges ascendingly (necessary for next step)\n\t\t\t */\n\t\t\tranges.sort((a, b) => {\n\t\t\t\treturn a.start - b.start\n\t\t\t})\n\n\t\t\t/**\n\t\t\t * Merge overlapping or adjacent ranges\n\t\t\t */\n\t\t\tranges = ranges.reduce((mergedRanges, range) => {\n\t\t\t\t// If there are no ranges, just add the range\n\t\t\t\tif (!mergedRanges.length) {\n\t\t\t\t\tmergedRanges.push(range)\n\t\t\t\t} else {\n\t\t\t\t\t// If the range overlaps the last range, merge them\n\t\t\t\t\tconst idx = mergedRanges.length - 1\n\t\t\t\t\tif (mergedRanges[idx].end >= range.start) {\n\t\t\t\t\t\tmergedRanges[idx] = {\n\t\t\t\t\t\t\tstart: mergedRanges[idx].start,\n\t\t\t\t\t\t\tend: Math.max(mergedRanges[idx].end, range.end),\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tmergedRanges.push(range)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn mergedRanges\n\t\t\t}, [])\n\n\t\t\treturn ranges\n\t\t},\n\t\t/**\n\t\t * Calculate the different chunks to show based on the ranges to highlight.\n\t\t *\n\t\t * @return {Array} The chunks\n\t\t */\n\t\tchunks() {\n\t\t\t// If the ranges array is empty, show only one chunk with all text\n\t\t\tif (this.ranges.length === 0) {\n\t\t\t\treturn [{\n\t\t\t\t\tstart: 0,\n\t\t\t\t\tend: this.text.length,\n\t\t\t\t\thighlight: false,\n\t\t\t\t\ttext: this.text,\n\t\t\t\t}]\n\t\t\t}\n\t\t\t// Calculate the chunks\n\t\t\tconst chunks = []\n\t\t\tlet currentIndex = 0\n\t\t\tlet currentRange = 0\n\t\t\t// Iterate over all characters in the text\n\t\t\twhile (currentIndex < this.text.length) {\n\t\t\t\t// Get the first range to highlight\n\t\t\t\tconst range = this.ranges[currentRange]\n\t\t\t\t// If the range starts at the current index, construct a chunk to highlight,\n\t\t\t\t// set the next range and continue with the next iteration.\n\t\t\t\tif (range.start === currentIndex) {\n\t\t\t\t\tchunks.push({\n\t\t\t\t\t\t...range,\n\t\t\t\t\t\thighlight: true,\n\t\t\t\t\t\ttext: this.text.slice(range.start, range.end),\n\t\t\t\t\t})\n\t\t\t\t\tcurrentRange++\n\t\t\t\t\tcurrentIndex = range.end\n\t\t\t\t\t// If this was the last range to highlight and we haven't reached the end of the text,\n\t\t\t\t\t// add the rest of the text without highlighting.\n\t\t\t\t\tif (currentRange >= this.ranges.length && currentIndex < this.text.length) {\n\t\t\t\t\t\tchunks.push({\n\t\t\t\t\t\t\tstart: currentIndex,\n\t\t\t\t\t\t\tend: this.text.length,\n\t\t\t\t\t\t\thighlight: false,\n\t\t\t\t\t\t\ttext: this.text.slice(currentIndex),\n\t\t\t\t\t\t})\n\t\t\t\t\t\t// Set the current index so the while loop ends.\n\t\t\t\t\t\tcurrentIndex = this.text.length\n\t\t\t\t\t}\n\t\t\t\t\tcontinue\n\t\t\t\t}\n\t\t\t\t// If the current range does start after the current index, construct a chunk without\n\t\t\t\t// highlighting and set the current index to the start of the current range.\n\t\t\t\tchunks.push({\n\t\t\t\t\tstart: currentIndex,\n\t\t\t\t\tend: range.start,\n\t\t\t\t\thighlight: false,\n\t\t\t\t\ttext: this.text.slice(currentIndex, range.start),\n\t\t\t\t})\n\t\t\t\tcurrentIndex = range.start\n\t\t\t}\n\t\t\treturn chunks\n\t\t},\n\t},\n\t/**\n\t * The render function to display the component\n\t *\n\t * @param {Function} h The function to create VNodes\n\t * @return {object} The created VNode\n\t */\n\trender(h) {\n\t\tif (!this.ranges.length) {\n\t\t\treturn h('span', {}, this.text)\n\t\t}\n\n\t\treturn h('span', {}, this.chunks.map(chunk => {\n\t\t\treturn chunk.highlight ? h('strong', {}, chunk.text) : chunk.text\n\t\t}))\n\t},\n}\n</script>\n"],"names":["FindRanges","text","search","ranges","currentIndex","index","_sfc_main","range","i","validRanges","a","b","mergedRanges","idx","chunks","currentRange","h","chunk"],"mappings":"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"}