@nextcloud/vue 8.0.0-beta.7 → 8.0.0-beta.9

package/dist/chunks/index-e894376a.cjs

@@ -0,0 +1,148 @@
+"use strict";
+const l = require("./_plugin-vue2_normalizer-7f9efb60.cjs");
+/**
+ * @copyright Copyright (c) 2020 Raimund Schlüßler <raimund.schluessler@mailbox.org>
+ *
+ * @author Raimund Schlüßler <raimund.schluessler@mailbox.org>
+ *
+ * @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 r = (e, t) => {
+  const s = [];
+  let h = 0, n = e.toLowerCase().indexOf(t.toLowerCase(), h), i = 0;
+  for (; n > -1 && i < e.length; )
+    h = n + t.length, s.push({ start: n, end: h }), n = e.toLowerCase().indexOf(t.toLowerCase(), h), i++;
+  return s;
+}, u = {
+  name: "NcHighlight",
+  props: {
+    /**
+     * The string to display
+     */
+    text: {
+      type: String,
+      default: ""
+    },
+    /**
+     * The string to match and highlight
+     */
+    search: {
+      type: String,
+      default: ""
+    },
+    /**
+     * The ranges to highlight, takes precedence over the search prop.
+     */
+    highlight: {
+      type: Array,
+      default: () => []
+    }
+  },
+  computed: {
+    /**
+     * The indice ranges which should be highlighted.
+     * If an array with ranges is provided, we use it. Otherwise
+     * we calculate it based on the provided substring to highlight.
+     *
+     * @return {Array} The array of ranges to highlight
+     */
+    ranges() {
+      let e = [];
+      return !this.search && this.highlight.length === 0 || (this.highlight.length > 0 ? e = this.highlight : e = r(this.text, this.search), e.forEach((t, s) => {
+        t.end < t.start && (e[s] = {
+          start: t.end,
+          end: t.start
+        });
+      }), e = e.reduce((t, s) => (s.start < this.text.length && s.end > 0 && t.push({
+        start: s.start < 0 ? 0 : s.start,
+        end: s.end > this.text.length ? this.text.length : s.end
+      }), t), []), e.sort((t, s) => t.start - s.start), e = e.reduce((t, s) => {
+        if (!t.length)
+          t.push(s);
+        else {
+          const h = t.length - 1;
+          t[h].end >= s.start ? t[h] = {
+            start: t[h].start,
+            end: Math.max(t[h].end, s.end)
+          } : t.push(s);
+        }
+        return t;
+      }, [])), e;
+    },
+    /**
+     * Calculate the different chunks to show based on the ranges to highlight.
+     *
+     * @return {Array} The chunks
+     */
+    chunks() {
+      if (this.ranges.length === 0)
+        return [{
+          start: 0,
+          end: this.text.length,
+          highlight: !1,
+          text: this.text
+        }];
+      const e = [];
+      let t = 0, s = 0;
+      for (; t < this.text.length; ) {
+        const h = this.ranges[s];
+        if (h.start === t) {
+          e.push({
+            ...h,
+            highlight: !0,
+            text: this.text.slice(h.start, h.end)
+          }), s++, t = h.end, s >= this.ranges.length && t < this.text.length && (e.push({
+            start: t,
+            end: this.text.length,
+            highlight: !1,
+            text: this.text.slice(t)
+          }), t = this.text.length);
+          continue;
+        }
+        e.push({
+          start: t,
+          end: h.start,
+          highlight: !1,
+          text: this.text.slice(t, h.start)
+        }), t = h.start;
+      }
+      return e;
+    }
+  },
+  /**
+   * The render function to display the component
+   *
+   * @param {Function} h The function to create VNodes
+   * @return {object} The created VNode
+   */
+  render(e) {
+    return this.ranges.length ? e("span", {}, this.chunks.map((t) => t.highlight ? e("strong", {}, t.text) : t.text)) : e("span", {}, this.text);
+  }
+}, a = null, c = null;
+var o = /* @__PURE__ */ l.normalizeComponent(
+  u,
+  a,
+  c,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const g = o.exports;
+exports.FindRanges = r;
+exports.NcHighlight = g;

package/dist/chunks/{index-df3f51c6.cjs.map → index-e894376a.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-df3f51c6.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","i","_sfc_main","range","validRanges","a","b","mergedRanges","idx","chunks","currentRange","h","chunk"],"mappings":"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"}
+{"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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"}

package/dist/chunks/index-fb2ee22c.mjs

@@ -0,0 +1,481 @@
+import "../assets/index-9dcf6260.css";
+import S from "../Components/NcActions.mjs";
+import g from "../Components/NcActionLink.mjs";
+import y from "../Components/NcButton.mjs";
+import U from "../Components/NcLoadingIcon.mjs";
+import d from "../Functions/usernameToColor.mjs";
+import "vue";
+import { generateOcsUrl as _, generateUrl as c } from "@nextcloud/router";
+/* empty css                                                                           */import { n as M } from "./_plugin-vue2_normalizer-71e2aa87.mjs";
+import "linkify-string";
+import "escape-html";
+import "striptags";
+import { getCurrentUser as l } from "@nextcloud/auth";
+import f from "@nextcloud/axios";
+import { getCapabilities as N } from "@nextcloud/capabilities";
+import { t as i } from "./l10n-05a09c66.mjs";
+import b from "vue-material-design-icons/DotsHorizontal.vue";
+import { subscribe as o, unsubscribe as u } from "@nextcloud/event-bus";
+import { getBuilder as w } from "@nextcloud/browser-storage";
+import { vOnClickOutside as x } from "@vueuse/components";
+/**
+ * @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 A = {
+  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 = N();
+      if (!(!Object.prototype.hasOwnProperty.call(t, "user_status") || !t.user_status.enabled) && l())
+        try {
+          const { data: r } = await f.get(_("apps/user_status/api/v1/statuses/{userId}", { userId: e })), {
+            status: n,
+            message: m,
+            icon: v
+          } = r.ocs.data;
+          this.userStatus.status = n, this.userStatus.message = m || "", this.userStatus.icon = v || "", 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);
+        }
+    }
+  }
+};
+const p = w("nextcloud").persist().build();
+function L(e) {
+  const t = p.getItem("user-has-avatar." + e);
+  return typeof t == "string" ? !!t : null;
+}
+function h(e, t) {
+  e && p.setItem("user-has-avatar." + e, t);
+}
+const C = {
+  name: "NcAvatar",
+  directives: {
+    ClickOutside: x
+  },
+  components: {
+    DotsHorizontal: b,
+    NcActions: S,
+    NcActionLink: g,
+    NcButton: y,
+    NcLoadingIcon: U
+  },
+  mixins: [A],
+  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 ? i("Avatar of {displayName}, {status}", { displayName: (e = this.displayName) != null ? e : this.user, status: this.userStatusText }) : i("Avatar of {displayName}", { displayName: (t = this.displayName) != null ? t : this.user });
+    },
+    /** Translated current user status */
+    userStatusText() {
+      switch (this.userStatus.status) {
+        case "away":
+          return i("away");
+        case "dnd":
+          return i("do not disturb");
+        case "online":
+          return i("online");
+        case "offline":
+          return i("offline");
+        default:
+          return 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 `role=img` on the status indicator (span with background) and the required `alt` and `aria-label` attributes.
+     */
+    userStatusRole() {
+      if (this.hasMenu)
+        return;
+      const e = i("User status: {status}", { status: this.userStatusText });
+      return {
+        role: "img",
+        "aria-label": e,
+        alt: e
+      };
+    },
+    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;
+    },
+    getUserIdentifier() {
+      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()) == null ? void 0 : e.uid) || this.userDoesNotExist || this.url);
+    },
+    shouldShowPlaceholder() {
+      return this.allowPlaceholder && this.userDoesNotExist;
+    },
+    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 } = d(this.getUserIdentifier);
+      return {
+        backgroundColor: `rgba(${e}, ${t}, ${s}, 0.1)`
+      };
+    },
+    initialsStyle() {
+      const { r: e, g: t, b: s } = d(this.getUserIdentifier);
+      return {
+        color: `rgb(${e}, ${t}, ${s})`
+      };
+    },
+    tooltip() {
+      return this.disableTooltip ? !1 : this.tooltipMessage ? this.tooltipMessage : this.displayName;
+    },
+    initials() {
+      let e;
+      if (this.shouldShowPlaceholder) {
+        const t = this.getUserIdentifier, s = t.indexOf(" ");
+        t === "" ? e = "?" : (e = String.fromCodePoint(t.codePointAt(0)), s !== -1 && (e = e.concat(String.fromCodePoint(t.codePointAt(s + 1)))));
+      }
+      return e.toUpperCase();
+    },
+    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(), o("settings:avatar:updated", this.loadAvatarUrl), o("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), o("user_status:status.updated", this.handleUserStatusUpdated));
+  },
+  beforeDestroy() {
+    u("settings:avatar:updated", this.loadAvatarUrl), u("settings:display-name:updated", this.loadAvatarUrl), this.showUserStatus && this.user && !this.isNoUser && u("user_status:status.updated", this.handleUserStatusUpdated);
+  },
+  methods: {
+    t: i,
+    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 f.post(c("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 n;
+      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 = c(
+        a,
+        {
+          user: e,
+          size: t
+        }
+      );
+      return e === ((n = l()) == null ? void 0 : n.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 = L(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, h(this.user, !0);
+      }, a.onerror = () => {
+        console.debug("Invalid avatar url", e), this.avatarUrlLoaded = null, this.avatarSrcSetLoaded = null, this.userDoesNotExist = !0, this.isAvatarLoaded = !1, h(this.user, !1);
+      }, t && (a.srcset = t), a.src = e;
+    }
+  }
+};
+var D = 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("span", t._b({ staticClass: "avatardiv__user-status", class: "avatardiv__user-status--" + t.userStatus.status }, "span", t.userStatusRole, !1)) : t._e(), t.userDoesNotExist && !(t.iconClass || t.$slots.icon) ? s("span", { staticClass: "avatardiv__initials-wrapper", style: t.initialsWrapperStyle }, [s("span", { staticClass: "unknown", style: t.initialsStyle }, [t._v(" " + t._s(t.initials) + " ")])]) : t._e()], 2);
+}, k = [], I = /* @__PURE__ */ M(
+  C,
+  D,
+  k,
+  !1,
+  null,
+  "538ddb41",
+  null,
+  null
+);
+const tt = I.exports;
+export {
+  tt as N,
+  A as u
+};