@nextcloud/vue 8.3.0 → 8.5.0

package/dist/chunks/NcSelectTags-WGdCwmRr.mjs

@@ -0,0 +1,267 @@
+import p from "../Components/NcEllipsisedOption.mjs";
+import { N as l } from "./NcSelect-zx9IspDS.mjs";
+import c from "@nextcloud/axios";
+import { generateRemoteUrl as d } from "@nextcloud/router";
+import { r as f, g as h, a as o } from "./_l10n-tZEKUJRj.mjs";
+import { n as m } from "./_plugin-vue2_normalizer-u6G_3nkj.mjs";
+/**
+ * @copyright Copyright (c) 2019 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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 = (e) => {
+  let t = {};
+  if (e.nodeType === 1) {
+    if (e.attributes.length > 0) {
+      t["@attributes"] = {};
+      for (let r = 0; r < e.attributes.length; r++) {
+        const s = e.attributes.item(r);
+        t["@attributes"][s.nodeName] = s.nodeValue;
+      }
+    }
+  } else
+    e.nodeType === 3 && (t = e.nodeValue);
+  if (e.hasChildNodes())
+    for (let r = 0; r < e.childNodes.length; r++) {
+      const s = e.childNodes.item(r), n = s.nodeName;
+      if (typeof t[n] > "u")
+        t[n] = a(s);
+      else {
+        if (typeof t[n].push > "u") {
+          const i = t[n];
+          t[n] = [], t[n].push(i);
+        }
+        t[n].push(a(s));
+      }
+    }
+  return t;
+}, g = (e) => {
+  let t = null;
+  try {
+    t = new DOMParser().parseFromString(e, "text/xml");
+  } catch (r) {
+    console.error("Failed to parse xml document", r);
+  }
+  return t;
+}, u = (e) => {
+  const r = a(g(e))["d:multistatus"]["d:response"], s = [];
+  for (const n in r) {
+    const i = r[n]["d:propstat"];
+    i["d:status"]["#text"] === "HTTP/1.1 200 OK" && s.push({
+      id: parseInt(i["d:prop"]["oc:id"]["#text"]),
+      displayName: i["d:prop"]["oc:display-name"]["#text"],
+      canAssign: i["d:prop"]["oc:can-assign"]["#text"] === "true",
+      userAssignable: i["d:prop"]["oc:user-assignable"]["#text"] === "true",
+      userVisible: i["d:prop"]["oc:user-visible"]["#text"] === "true"
+    });
+  }
+  return s;
+}, b = async function() {
+  if (window.NextcloudVueDocs)
+    return Promise.resolve(u(window.NextcloudVueDocs.tags));
+  const e = await c({
+    method: "PROPFIND",
+    url: d("dav") + "/systemtags/",
+    data: `<?xml version="1.0"?>
+					<d:propfind  xmlns:d="DAV:" xmlns:oc="http://owncloud.org/ns">
+					  <d:prop>
+						<oc:id />
+						<oc:display-name />
+						<oc:user-visible />
+						<oc:user-assignable />
+						<oc:can-assign />
+					  </d:prop>
+					</d:propfind>`
+  });
+  return u(e.data);
+};
+f(h);
+const y = {
+  name: "NcSelectTags",
+  components: {
+    NcEllipsisedOption: p,
+    NcSelect: l
+  },
+  props: {
+    // Add NcSelect prop defaults and populate $props
+    ...l.props,
+    /**
+     * Enable automatic fetching of tags
+     *
+     * If `false`, available tags must be passed using the `options` prop
+     */
+    fetchTags: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Callback to generate the label text
+     *
+     * @see https://vue-select.org/api/props.html#getoptionlabel
+     */
+    getOptionLabel: {
+      type: Function,
+      default: (e) => {
+        const { displayName: t, userVisible: r, userAssignable: s } = e;
+        return r === !1 ? o("{tag} (invisible)", { tag: t }) : s === !1 ? o("{tag} (restricted)", { tag: t }) : t;
+      }
+    },
+    /**
+     * Sets the maximum number of tags to display in the dropdown list
+     *
+     * Because of compatibility reasons only 5 tag entries are shown by
+     * default
+     */
+    limit: {
+      type: Number,
+      default: 5
+    },
+    /**
+     * Allow selection of multiple options
+     *
+     * This prop automatically sets the internal `closeOnSelect` prop to
+     * its boolean opposite
+     *
+     * @see https://vue-select.org/api/props.html#multiple
+     */
+    multiple: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Callback to filter available options
+     */
+    optionsFilter: {
+      type: Function,
+      default: null
+    },
+    /**
+     * Enable passing of `value` prop and emitted `input` events as-is
+     * i.e. for usage with `v-model`
+     *
+     * If `true`, custom internal `value` and `input` handling is disabled
+     */
+    passthru: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Placeholder text
+     *
+     * @see https://vue-select.org/api/props.html#placeholder
+     */
+    placeholder: {
+      type: String,
+      default: o("Select a tag")
+    },
+    /**
+     * Currently selected value
+     */
+    value: {
+      type: [Number, Array, Object],
+      default: null
+    },
+    /**
+     * Any available prop
+     *
+     * @see https://vue-select.org/api/props.html
+     */
+    // Not an actual prop but needed to show in vue-styleguidist docs
+    // eslint-disable-next-line
+    " ": {}
+  },
+  emits: [
+    "input",
+    /**
+     * All events from https://vue-select.org/api/events.html
+     */
+    // Not an actual event but needed to show in vue-styleguidist docs
+    " "
+  ],
+  data() {
+    return {
+      search: "",
+      availableTags: []
+    };
+  },
+  computed: {
+    availableOptions() {
+      return this.optionsFilter ? this.tags.filter(this.optionsFilter) : this.tags;
+    },
+    localValue() {
+      return this.tags.length === 0 ? [] : this.multiple ? this.value.filter((e) => e !== "").map((e) => this.tags.find((t) => t.id === e)) : this.tags.find((e) => e.id === this.value);
+    },
+    propsToForward() {
+      const {
+        // Props handled by this component
+        fetchTags: e,
+        optionsFilter: t,
+        passthru: r,
+        // Props to forward
+        ...s
+      } = this.$props;
+      return s;
+    },
+    tags() {
+      return this.fetchTags ? this.availableTags : this.options;
+    }
+  },
+  async created() {
+    if (this.fetchTags)
+      try {
+        const e = await b();
+        this.availableTags = e;
+      } catch (e) {
+        console.error("Loading systemtags failed", e);
+      }
+  },
+  methods: {
+    handleInput(e) {
+      this.multiple ? this.$emit("input", e.map((t) => t.id)) : e === null ? this.$emit("input", null) : this.$emit("input", e.id);
+    }
+  }
+};
+var N = function() {
+  var t = this, r = t._self._c;
+  return r("NcSelect", t._g(t._b({ attrs: { options: t.availableOptions, "close-on-select": !t.multiple, value: t.passthru ? t.value : t.localValue }, on: { search: (s) => t.search = s }, scopedSlots: t._u([{ key: "option", fn: function(s) {
+    return [r("NcEllipsisedOption", { attrs: { name: t.getOptionLabel(s), search: t.search } })];
+  } }, { key: "selected-option", fn: function(s) {
+    return [r("NcEllipsisedOption", { attrs: { name: t.getOptionLabel(s), search: t.search } })];
+  } }, t._l(t.$scopedSlots, function(s, n) {
+    return { key: n, fn: function(i) {
+      return [t._t(n, null, null, i)];
+    } };
+  })], null, !0) }, "NcSelect", t.propsToForward, !1), {
+    ...t.$listeners,
+    input: t.passthru ? t.$listeners.input : t.handleInput
+  }));
+}, T = [], _ = /* @__PURE__ */ m(
+  y,
+  N,
+  T,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const V = _.exports;
+export {
+  V as N
+};

package/dist/chunks/NcSelectTags-WGdCwmRr.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcSelectTags-WGdCwmRr.mjs","sources":["../../src/components/NcSelectTags/api.js","../../src/components/NcSelectTags/NcSelectTags.vue"],"sourcesContent":["/**\n * @copyright Copyright (c) 2019 Julius Härtl <jus@bitgrid.net>\n *\n * @author Julius Härtl <jus@bitgrid.net>\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 axios from '@nextcloud/axios'\nimport { generateRemoteUrl } from '@nextcloud/router'\n\nconst xmlToJson = (xml) => {\n\tlet obj = {}\n\n\tif (xml.nodeType === 1) {\n\t\tif (xml.attributes.length > 0) {\n\t\t\tobj['@attributes'] = {}\n\t\t\tfor (let j = 0; j < xml.attributes.length; j++) {\n\t\t\t\tconst attribute = xml.attributes.item(j)\n\t\t\t\tobj['@attributes'][attribute.nodeName] = attribute.nodeValue\n\t\t\t}\n\t\t}\n\t} else if (xml.nodeType === 3) {\n\t\tobj = xml.nodeValue\n\t}\n\n\tif (xml.hasChildNodes()) {\n\t\tfor (let i = 0; i < xml.childNodes.length; i++) {\n\t\t\tconst item = xml.childNodes.item(i)\n\t\t\tconst nodeName = item.nodeName\n\t\t\tif (typeof (obj[nodeName]) === 'undefined') {\n\t\t\t\tobj[nodeName] = xmlToJson(item)\n\t\t\t} else {\n\t\t\t\tif (typeof obj[nodeName].push === 'undefined') {\n\t\t\t\t\tconst old = obj[nodeName]\n\t\t\t\t\tobj[nodeName] = []\n\t\t\t\t\tobj[nodeName].push(old)\n\t\t\t\t}\n\t\t\t\tobj[nodeName].push(xmlToJson(item))\n\t\t\t}\n\t\t}\n\t}\n\treturn obj\n}\n\nconst parseXml = (xml) => {\n\tlet dom = null\n\ttry {\n\t\tdom = (new DOMParser()).parseFromString(xml, 'text/xml')\n\t} catch (e) {\n\t\tconsole.error('Failed to parse xml document', e)\n\t}\n\treturn dom\n}\n\nconst xmlToTagList = (xml) => {\n\tconst json = xmlToJson(parseXml(xml))\n\tconst list = json['d:multistatus']['d:response']\n\tconst result = []\n\tfor (const index in list) {\n\t\tconst tag = list[index]['d:propstat']\n\n\t\tif (tag['d:status']['#text'] !== 'HTTP/1.1 200 OK') {\n\t\t\tcontinue\n\t\t}\n\t\tresult.push({\n\t\t\tid: parseInt(tag['d:prop']['oc:id']['#text']),\n\t\t\tdisplayName: tag['d:prop']['oc:display-name']['#text'],\n\t\t\tcanAssign: tag['d:prop']['oc:can-assign']['#text'] === 'true',\n\t\t\tuserAssignable: tag['d:prop']['oc:user-assignable']['#text'] === 'true',\n\t\t\tuserVisible: tag['d:prop']['oc:user-visible']['#text'] === 'true',\n\t\t})\n\t}\n\treturn result\n}\n\nconst searchTags = async function() {\n\tif (window.NextcloudVueDocs) {\n\t\treturn Promise.resolve(xmlToTagList(window.NextcloudVueDocs.tags))\n\t}\n\n\tconst result = await axios({\n\t\tmethod: 'PROPFIND',\n\t\turl: generateRemoteUrl('dav') + '/systemtags/',\n\t\tdata: `<?xml version=\"1.0\"?>\n\t\t\t\t\t<d:propfind  xmlns:d=\"DAV:\" xmlns:oc=\"http://owncloud.org/ns\">\n\t\t\t\t\t  <d:prop>\n\t\t\t\t\t\t<oc:id />\n\t\t\t\t\t\t<oc:display-name />\n\t\t\t\t\t\t<oc:user-visible />\n\t\t\t\t\t\t<oc:user-assignable />\n\t\t\t\t\t\t<oc:can-assign />\n\t\t\t\t\t  </d:prop>\n\t\t\t\t\t</d:propfind>`,\n\t})\n\treturn xmlToTagList(result.data)\n}\n\nexport {\n\tsearchTags,\n}\n","<!--\n  - @copyright 2022 Christopher Ng <chrng8@gmail.com>\n  -\n  - @author Christopher Ng <chrng8@gmail.com>\n  - @author Julius Härtl <jus@bitgrid.net>\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<docs>\n### Single tag selector\n\n```vue\n<template>\n\t<div class=\"wrapper\">\n\t\t<NcSelectTags v-model=\"value\" input-label=\"Tag\" :multiple=\"false\" />\n\t\t{{ value }}\n\t</div>\n</template>\n\n<script>\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\tvalue: 1,\n\t\t}\n\t}\n}\n</script>\n```\n\n### Multiple tag selector\n```vue\n<template>\n\t<div class=\"wrapper\">\n\t\t<NcSelectTags v-model=\"value\" input-label=\"Tags\" :multiple=\"true\" />\n\t\t{{ value }}\n\t</div>\n</template>\n\n<script>\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\tvalue: [\n\t\t\t\t1,\n\t\t\t\t2,\n\t\t\t],\n\t\t}\n\t}\n}\n</script>\n```\n\n### Custom filter\nBecause of compatibility reasons only 5 tag entries are shown by default. If you want to show all available tags set the `limit` prop to `null`:\n```vue\n<template>\n\t<div class=\"wrapper\">\n\t\t<NcSelectTags v-model=\"value\" input-label=\"Tags\" :limit=\"null\" />\n\t\t{{ value }}\n\t</div>\n</template>\n\n<script>\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\tvalue: [\n\t\t\t\t1,\n\t\t\t\t2,\n\t\t\t],\n\t\t}\n\t}\n}\n</script>\n```\n\nIt's also possible to apply any custom filter logic by setting the `optionsFilter` function-prop to any custom function receiving the tag element and the index:\n```vue\n<template>\n\t<div class=\"wrapper\">\n\t\t<NcSelectTags v-model=\"value\" input-label=\"Tags\" :options-filter=\"customFilter\" />\n\t\t{{ value }}\n\t</div>\n</template>\n\n<script>\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\tvalue: [\n\t\t\t\t3,\n\t\t\t],\n\t\t}\n\t},\n\tmethods: {\n\t\t/**\n\t\t* Implement your custom filter logic to filter tags delivered\n\t\t* by the server\n\t\t*\n\t\t* @param {object} the tag object\n\t\t* @param {int} the index of the object inside the collection\n\t\t*/\n\t\tcustomFilter(element, index) {\n\t\t\t/*\n\t\t\t* Tag objects returned by the server will have the\n\t\t\t* following properties (see also api.js):\n\t\t\t* id, displayName, canAssign, userAssignable, userVisible\n\t\t\t*/\n\t\t\treturn element.id >= 2 && element.displayName !== '' && element.canAssign && element.userAssignable && element.userVisible\n\t\t}\n\t}\n}\n</script>\n```\n</docs>\n\n<template>\n\t<NcSelect v-bind=\"propsToForward\"\n\t\t:options=\"availableOptions\"\n\t\t:close-on-select=\"!multiple\"\n\t\t:value=\"passthru ? value : localValue\"\n\t\t@search=\"searchString => search = searchString\"\n\t\tv-on=\"{\n\t\t\t...$listeners,\n\t\t\tinput: passthru ? $listeners.input : handleInput,\n\t\t}\">\n\t\t<template #option=\"option\">\n\t\t\t<NcEllipsisedOption :name=\"getOptionLabel(option)\"\n\t\t\t\t:search=\"search\" />\n\t\t</template>\n\t\t<template #selected-option=\"selectedOption\">\n\t\t\t<NcEllipsisedOption :name=\"getOptionLabel(selectedOption)\"\n\t\t\t\t:search=\"search\" />\n\t\t</template>\n\t\t<template v-for=\"(_, name) in $scopedSlots\" #[name]=\"data\">\n\t\t\t<!-- @slot Any combination of slots from https://vue-select.org/api/slots.html -->\n\t\t\t<slot :name=\"name\" v-bind=\"data\" />\n\t\t</template>\n\t</NcSelect>\n</template>\n\n<script>\nimport NcEllipsisedOption from '../NcEllipsisedOption/index.js'\nimport NcSelect from '../NcSelect/index.js'\n\nimport { searchTags } from './api.js'\nimport { t } from '../../l10n.js'\n\nexport default {\n\tname: 'NcSelectTags',\n\n\tcomponents: {\n\t\tNcEllipsisedOption,\n\t\tNcSelect,\n\t},\n\n\tprops: {\n\t\t// Add NcSelect prop defaults and populate $props\n\t\t...NcSelect.props,\n\n\t\t/**\n\t\t * Enable automatic fetching of tags\n\t\t *\n\t\t * If `false`, available tags must be passed using the `options` prop\n\t\t */\n\t\tfetchTags: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\n\t\t/**\n\t\t * Callback to generate the label text\n\t\t *\n\t\t * @see https://vue-select.org/api/props.html#getoptionlabel\n\t\t */\n\t\tgetOptionLabel: {\n\t\t\ttype: Function,\n\t\t\tdefault: (option) => {\n\t\t\t\tconst { displayName, userVisible, userAssignable } = option\n\t\t\t\tif (userVisible === false) {\n\t\t\t\t\treturn t('{tag} (invisible)', { tag: displayName })\n\t\t\t\t}\n\t\t\t\tif (userAssignable === false) {\n\t\t\t\t\treturn t('{tag} (restricted)', { tag: displayName })\n\t\t\t\t}\n\t\t\t\treturn displayName\n\t\t\t},\n\t\t},\n\n\t\t/**\n\t\t * Sets the maximum number of tags to display in the dropdown list\n\t\t *\n\t\t * Because of compatibility reasons only 5 tag entries are shown by\n\t\t * default\n\t\t */\n\t\tlimit: {\n\t\t\ttype: Number,\n\t\t\tdefault: 5,\n\t\t},\n\n\t\t/**\n\t\t * Allow selection of multiple options\n\t\t *\n\t\t * This prop automatically sets the internal `closeOnSelect` prop to\n\t\t * its boolean opposite\n\t\t *\n\t\t * @see https://vue-select.org/api/props.html#multiple\n\t\t */\n\t\tmultiple: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\n\t\t/**\n\t\t * Callback to filter available options\n\t\t */\n\t\toptionsFilter: {\n\t\t\ttype: Function,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/**\n\t\t * Enable passing of `value` prop and emitted `input` events as-is\n\t\t * i.e. for usage with `v-model`\n\t\t *\n\t\t * If `true`, custom internal `value` and `input` handling is disabled\n\t\t */\n\t\tpassthru: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * Placeholder text\n\t\t *\n\t\t * @see https://vue-select.org/api/props.html#placeholder\n\t\t */\n\t\tplaceholder: {\n\t\t\ttype: String,\n\t\t\tdefault: t('Select a tag'),\n\t\t},\n\n\t\t/**\n\t\t * Currently selected value\n\t\t */\n\t\tvalue: {\n\t\t\ttype: [Number, Array, Object],\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/**\n\t\t * Any available prop\n\t\t *\n\t\t * @see https://vue-select.org/api/props.html\n\t\t */\n\t\t// Not an actual prop but needed to show in vue-styleguidist docs\n\t\t// eslint-disable-next-line\n\t\t' ': {},\n\t},\n\n\temits: [\n\t\t'input',\n\t\t/**\n\t\t * All events from https://vue-select.org/api/events.html\n\t\t */\n\t\t// Not an actual event but needed to show in vue-styleguidist docs\n\t\t' ',\n\t],\n\n\tdata() {\n\t\treturn {\n\t\t\tsearch: '',\n\t\t\tavailableTags: [],\n\t\t}\n\t},\n\n\tcomputed: {\n\t\tavailableOptions() {\n\t\t\tif (this.optionsFilter) {\n\t\t\t\treturn this.tags.filter(this.optionsFilter)\n\t\t\t}\n\t\t\treturn this.tags\n\t\t},\n\n\t\tlocalValue() {\n\t\t\tif (this.tags.length === 0) {\n\t\t\t\treturn []\n\t\t\t}\n\t\t\tif (this.multiple) {\n\t\t\t\treturn this.value\n\t\t\t\t\t.filter(tag => tag !== '')\n\t\t\t\t\t.map(id => this.tags.find(tag2 => tag2.id === id))\n\t\t\t} else {\n\t\t\t\treturn this.tags.find(tag => tag.id === this.value)\n\t\t\t}\n\t\t},\n\n\t\tpropsToForward() {\n\t\t\tconst {\n\t\t\t\t// Props handled by this component\n\t\t\t\tfetchTags,\n\t\t\t\toptionsFilter,\n\t\t\t\tpassthru,\n\t\t\t\t// Props to forward\n\t\t\t\t...propsToForward\n\t\t\t} = this.$props\n\n\t\t\treturn propsToForward\n\t\t},\n\n\t\ttags() {\n\t\t\tif (!this.fetchTags) {\n\t\t\t\treturn this.options\n\t\t\t}\n\t\t\treturn this.availableTags\n\t\t},\n\t},\n\n\tasync created() {\n\t\tif (!this.fetchTags) {\n\t\t\treturn\n\t\t}\n\t\ttry {\n\t\t\tconst result = await searchTags()\n\t\t\tthis.availableTags = result\n\t\t} catch (error) {\n\t\t\tconsole.error('Loading systemtags failed', error)\n\t\t}\n\t},\n\n\tmethods: {\n\t\thandleInput(value) {\n\t\t\tif (this.multiple) {\n\t\t\t\t/**\n\t\t\t\t * Emitted on input events of the multiselect field\n\t\t\t\t *\n\t\t\t\t * @type {number|number[]}\n\t\t\t\t */\n\t\t\t\tthis.$emit('input', value.map(element => element.id))\n\t\t\t} else {\n\t\t\t\tif (value === null) {\n\t\t\t\t\tthis.$emit('input', null)\n\t\t\t\t} else {\n\t\t\t\t\tthis.$emit('input', value.id)\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n"],"names":["xmlToJson","xml","obj","j","attribute","i","item","nodeName","old","parseXml","dom","e","xmlToTagList","list","result","index","tag","searchTags","axios","generateRemoteUrl","_sfc_main","NcEllipsisedOption","NcSelect","option","displayName","userVisible","userAssignable","t","id","tag2","fetchTags","optionsFilter","passthru","propsToForward","error","value","element"],"mappings":";;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBA,MAAMA,IAAY,CAACC,MAAQ;AAC1B,MAAIC,IAAM,CAAE;AAEZ,MAAID,EAAI,aAAa;AACpB,QAAIA,EAAI,WAAW,SAAS,GAAG;AAC9B,MAAAC,EAAI,aAAa,IAAI,CAAE;AACvB,eAASC,IAAI,GAAGA,IAAIF,EAAI,WAAW,QAAQE,KAAK;AAC/C,cAAMC,IAAYH,EAAI,WAAW,KAAKE,CAAC;AACvC,QAAAD,EAAI,aAAa,EAAEE,EAAU,QAAQ,IAAIA,EAAU;AAAA,MACnD;AAAA,IACD;AAAA;AACK,IAAIH,EAAI,aAAa,MAC3BC,IAAMD,EAAI;AAGX,MAAIA,EAAI;AACP,aAASI,IAAI,GAAGA,IAAIJ,EAAI,WAAW,QAAQI,KAAK;AAC/C,YAAMC,IAAOL,EAAI,WAAW,KAAKI,CAAC,GAC5BE,IAAWD,EAAK;AACtB,UAAI,OAAQJ,EAAIK,CAAQ,IAAO;AAC9B,QAAAL,EAAIK,CAAQ,IAAIP,EAAUM,CAAI;AAAA,WACxB;AACN,YAAI,OAAOJ,EAAIK,CAAQ,EAAE,OAAS,KAAa;AAC9C,gBAAMC,IAAMN,EAAIK,CAAQ;AACxB,UAAAL,EAAIK,CAAQ,IAAI,CAAE,GAClBL,EAAIK,CAAQ,EAAE,KAAKC,CAAG;AAAA,QACtB;AACD,QAAAN,EAAIK,CAAQ,EAAE,KAAKP,EAAUM,CAAI,CAAC;AAAA,MAClC;AAAA,IACD;AAEF,SAAOJ;AACR,GAEMO,IAAW,CAACR,MAAQ;AACzB,MAAIS,IAAM;AACV,MAAI;AACH,IAAAA,IAAO,IAAI,UAAS,EAAI,gBAAgBT,GAAK,UAAU;AAAA,EACvD,SAAQU,GAAG;AACX,YAAQ,MAAM,gCAAgCA,CAAC;AAAA,EAC/C;AACD,SAAOD;AACR,GAEME,IAAe,CAACX,MAAQ;AAE7B,QAAMY,IADOb,EAAUS,EAASR,CAAG,CAAC,EAClB,eAAe,EAAE,YAAY,GACzCa,IAAS,CAAE;AACjB,aAAWC,KAASF,GAAM;AACzB,UAAMG,IAAMH,EAAKE,CAAK,EAAE,YAAY;AAEpC,IAAIC,EAAI,UAAU,EAAE,OAAO,MAAM,qBAGjCF,EAAO,KAAK;AAAA,MACX,IAAI,SAASE,EAAI,QAAQ,EAAE,OAAO,EAAE,OAAO,CAAC;AAAA,MAC5C,aAAaA,EAAI,QAAQ,EAAE,iBAAiB,EAAE,OAAO;AAAA,MACrD,WAAWA,EAAI,QAAQ,EAAE,eAAe,EAAE,OAAO,MAAM;AAAA,MACvD,gBAAgBA,EAAI,QAAQ,EAAE,oBAAoB,EAAE,OAAO,MAAM;AAAA,MACjE,aAAaA,EAAI,QAAQ,EAAE,iBAAiB,EAAE,OAAO,MAAM;AAAA,IAC9D,CAAG;AAAA,EACD;AACD,SAAOF;AACR,GAEMG,IAAa,iBAAiB;AACnC,MAAI,OAAO;AACV,WAAO,QAAQ,QAAQL,EAAa,OAAO,iBAAiB,IAAI,CAAC;AAGlE,QAAME,IAAS,MAAMI,EAAM;AAAA,IAC1B,QAAQ;AAAA,IACR,KAAKC,EAAkB,KAAK,IAAI;AAAA,IAChC,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUR,CAAE;AACD,SAAOP,EAAaE,EAAO,IAAI;AAChC;;ACsDA,MAAAM,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,oBAAAC;AAAA,IACA,UAAAC;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA,IAEA,GAAAA,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,gBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,CAAAC,MAAA;AACA,cAAA,EAAA,aAAAC,GAAA,aAAAC,GAAA,gBAAAC,EAAA,IAAAH;AACA,eAAAE,MAAA,KACAE,EAAA,qBAAA,EAAA,KAAAH,EAAA,CAAA,IAEAE,MAAA,KACAC,EAAA,sBAAA,EAAA,KAAAH,EAAA,CAAA,IAEAA;AAAA,MACA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAUA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,eAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAAG,EAAA,cAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,OAAA;AAAA,MACA,MAAA,CAAA,QAAA,OAAA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASA,KAAA,CAAA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,QAAA;AAAA,MACA,eAAA,CAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,mBAAA;AACA,aAAA,KAAA,gBACA,KAAA,KAAA,OAAA,KAAA,aAAA,IAEA,KAAA;AAAA,IACA;AAAA,IAEA,aAAA;AACA,aAAA,KAAA,KAAA,WAAA,IACA,CAAA,IAEA,KAAA,WACA,KAAA,MACA,OAAA,CAAAX,MAAAA,MAAA,EAAA,EACA,IAAA,CAAAY,MAAA,KAAA,KAAA,KAAA,CAAAC,MAAAA,EAAA,OAAAD,CAAA,CAAA,IAEA,KAAA,KAAA,KAAA,CAAAZ,MAAAA,EAAA,OAAA,KAAA,KAAA;AAAA,IAEA;AAAA,IAEA,iBAAA;AACA,YAAA;AAAA;AAAA,QAEA,WAAAc;AAAA,QACA,eAAAC;AAAA,QACA,UAAAC;AAAA;AAAA,QAEA,GAAAC;AAAA,MACA,IAAA,KAAA;AAEA,aAAAA;AAAA,IACA;AAAA,IAEA,OAAA;AACA,aAAA,KAAA,YAGA,KAAA,gBAFA,KAAA;AAAA,IAGA;AAAA,EACA;AAAA,EAEA,MAAA,UAAA;AACA,QAAA,KAAA;AAGA,UAAA;AACA,cAAAnB,IAAA,MAAAG,EAAA;AACA,aAAA,gBAAAH;AAAA,MACA,SAAAoB,GAAA;AACA,gBAAA,MAAA,6BAAAA,CAAA;AAAA,MACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,YAAAC,GAAA;AACA,MAAA,KAAA,WAMA,KAAA,MAAA,SAAAA,EAAA,IAAA,CAAAC,MAAAA,EAAA,EAAA,CAAA,IAEAD,MAAA,OACA,KAAA,MAAA,SAAA,IAAA,IAEA,KAAA,MAAA,SAAAA,EAAA,EAAA;AAAA,IAGA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/NcSelectTags-doFIXNxC.cjs

@@ -0,0 +1,261 @@
+"use strict";
+const c = require("../Components/NcEllipsisedOption.cjs"), l = require("./NcSelect-c9-eF29z.cjs"), p = require("@nextcloud/axios"), d = require("@nextcloud/router"), o = require("./_l10n-juAR1Sua.cjs"), f = require("./_plugin-vue2_normalizer-DCfUPqga.cjs"), h = (t) => t && t.__esModule ? t : { default: t }, g = /* @__PURE__ */ h(p);
+/**
+ * @copyright Copyright (c) 2019 Julius Härtl <jus@bitgrid.net>
+ *
+ * @author Julius Härtl <jus@bitgrid.net>
+ *
+ * @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 = (t) => {
+  let e = {};
+  if (t.nodeType === 1) {
+    if (t.attributes.length > 0) {
+      e["@attributes"] = {};
+      for (let n = 0; n < t.attributes.length; n++) {
+        const s = t.attributes.item(n);
+        e["@attributes"][s.nodeName] = s.nodeValue;
+      }
+    }
+  } else
+    t.nodeType === 3 && (e = t.nodeValue);
+  if (t.hasChildNodes())
+    for (let n = 0; n < t.childNodes.length; n++) {
+      const s = t.childNodes.item(n), r = s.nodeName;
+      if (typeof e[r] > "u")
+        e[r] = a(s);
+      else {
+        if (typeof e[r].push > "u") {
+          const i = e[r];
+          e[r] = [], e[r].push(i);
+        }
+        e[r].push(a(s));
+      }
+    }
+  return e;
+}, m = (t) => {
+  let e = null;
+  try {
+    e = new DOMParser().parseFromString(t, "text/xml");
+  } catch (n) {
+    console.error("Failed to parse xml document", n);
+  }
+  return e;
+}, u = (t) => {
+  const n = a(m(t))["d:multistatus"]["d:response"], s = [];
+  for (const r in n) {
+    const i = n[r]["d:propstat"];
+    i["d:status"]["#text"] === "HTTP/1.1 200 OK" && s.push({
+      id: parseInt(i["d:prop"]["oc:id"]["#text"]),
+      displayName: i["d:prop"]["oc:display-name"]["#text"],
+      canAssign: i["d:prop"]["oc:can-assign"]["#text"] === "true",
+      userAssignable: i["d:prop"]["oc:user-assignable"]["#text"] === "true",
+      userVisible: i["d:prop"]["oc:user-visible"]["#text"] === "true"
+    });
+  }
+  return s;
+}, _ = async function() {
+  if (window.NextcloudVueDocs)
+    return Promise.resolve(u(window.NextcloudVueDocs.tags));
+  const t = await g.default({
+    method: "PROPFIND",
+    url: d.generateRemoteUrl("dav") + "/systemtags/",
+    data: `<?xml version="1.0"?>
+					<d:propfind  xmlns:d="DAV:" xmlns:oc="http://owncloud.org/ns">
+					  <d:prop>
+						<oc:id />
+						<oc:display-name />
+						<oc:user-visible />
+						<oc:user-assignable />
+						<oc:can-assign />
+					  </d:prop>
+					</d:propfind>`
+  });
+  return u(t.data);
+};
+o.register(o.t0);
+const b = {
+  name: "NcSelectTags",
+  components: {
+    NcEllipsisedOption: c,
+    NcSelect: l.NcSelect
+  },
+  props: {
+    // Add NcSelect prop defaults and populate $props
+    ...l.NcSelect.props,
+    /**
+     * Enable automatic fetching of tags
+     *
+     * If `false`, available tags must be passed using the `options` prop
+     */
+    fetchTags: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Callback to generate the label text
+     *
+     * @see https://vue-select.org/api/props.html#getoptionlabel
+     */
+    getOptionLabel: {
+      type: Function,
+      default: (t) => {
+        const { displayName: e, userVisible: n, userAssignable: s } = t;
+        return n === !1 ? o.t("{tag} (invisible)", { tag: e }) : s === !1 ? o.t("{tag} (restricted)", { tag: e }) : e;
+      }
+    },
+    /**
+     * Sets the maximum number of tags to display in the dropdown list
+     *
+     * Because of compatibility reasons only 5 tag entries are shown by
+     * default
+     */
+    limit: {
+      type: Number,
+      default: 5
+    },
+    /**
+     * Allow selection of multiple options
+     *
+     * This prop automatically sets the internal `closeOnSelect` prop to
+     * its boolean opposite
+     *
+     * @see https://vue-select.org/api/props.html#multiple
+     */
+    multiple: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Callback to filter available options
+     */
+    optionsFilter: {
+      type: Function,
+      default: null
+    },
+    /**
+     * Enable passing of `value` prop and emitted `input` events as-is
+     * i.e. for usage with `v-model`
+     *
+     * If `true`, custom internal `value` and `input` handling is disabled
+     */
+    passthru: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Placeholder text
+     *
+     * @see https://vue-select.org/api/props.html#placeholder
+     */
+    placeholder: {
+      type: String,
+      default: o.t("Select a tag")
+    },
+    /**
+     * Currently selected value
+     */
+    value: {
+      type: [Number, Array, Object],
+      default: null
+    },
+    /**
+     * Any available prop
+     *
+     * @see https://vue-select.org/api/props.html
+     */
+    // Not an actual prop but needed to show in vue-styleguidist docs
+    // eslint-disable-next-line
+    " ": {}
+  },
+  emits: [
+    "input",
+    /**
+     * All events from https://vue-select.org/api/events.html
+     */
+    // Not an actual event but needed to show in vue-styleguidist docs
+    " "
+  ],
+  data() {
+    return {
+      search: "",
+      availableTags: []
+    };
+  },
+  computed: {
+    availableOptions() {
+      return this.optionsFilter ? this.tags.filter(this.optionsFilter) : this.tags;
+    },
+    localValue() {
+      return this.tags.length === 0 ? [] : this.multiple ? this.value.filter((t) => t !== "").map((t) => this.tags.find((e) => e.id === t)) : this.tags.find((t) => t.id === this.value);
+    },
+    propsToForward() {
+      const {
+        // Props handled by this component
+        fetchTags: t,
+        optionsFilter: e,
+        passthru: n,
+        // Props to forward
+        ...s
+      } = this.$props;
+      return s;
+    },
+    tags() {
+      return this.fetchTags ? this.availableTags : this.options;
+    }
+  },
+  async created() {
+    if (this.fetchTags)
+      try {
+        const t = await _();
+        this.availableTags = t;
+      } catch (t) {
+        console.error("Loading systemtags failed", t);
+      }
+  },
+  methods: {
+    handleInput(t) {
+      this.multiple ? this.$emit("input", t.map((e) => e.id)) : t === null ? this.$emit("input", null) : this.$emit("input", t.id);
+    }
+  }
+};
+var y = function() {
+  var e = this, n = e._self._c;
+  return n("NcSelect", e._g(e._b({ attrs: { options: e.availableOptions, "close-on-select": !e.multiple, value: e.passthru ? e.value : e.localValue }, on: { search: (s) => e.search = s }, scopedSlots: e._u([{ key: "option", fn: function(s) {
+    return [n("NcEllipsisedOption", { attrs: { name: e.getOptionLabel(s), search: e.search } })];
+  } }, { key: "selected-option", fn: function(s) {
+    return [n("NcEllipsisedOption", { attrs: { name: e.getOptionLabel(s), search: e.search } })];
+  } }, e._l(e.$scopedSlots, function(s, r) {
+    return { key: r, fn: function(i) {
+      return [e._t(r, null, null, i)];
+    } };
+  })], null, !0) }, "NcSelect", e.propsToForward, !1), {
+    ...e.$listeners,
+    input: e.passthru ? e.$listeners.input : e.handleInput
+  }));
+}, N = [], T = /* @__PURE__ */ f.normalizeComponent(
+  b,
+  y,
+  N,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const v = T.exports;
+exports.NcSelectTags = v;

package/dist/chunks/NcSelectTags-doFIXNxC.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcSelectTags-doFIXNxC.cjs","sources":["../../src/components/NcSelectTags/api.js","../../src/components/NcSelectTags/NcSelectTags.vue"],"sourcesContent":["/**\n * @copyright Copyright (c) 2019 Julius Härtl <jus@bitgrid.net>\n *\n * @author Julius Härtl <jus@bitgrid.net>\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 axios from '@nextcloud/axios'\nimport { generateRemoteUrl } from '@nextcloud/router'\n\nconst xmlToJson = (xml) => {\n\tlet obj = {}\n\n\tif (xml.nodeType === 1) {\n\t\tif (xml.attributes.length > 0) {\n\t\t\tobj['@attributes'] = {}\n\t\t\tfor (let j = 0; j < xml.attributes.length; j++) {\n\t\t\t\tconst attribute = xml.attributes.item(j)\n\t\t\t\tobj['@attributes'][attribute.nodeName] = attribute.nodeValue\n\t\t\t}\n\t\t}\n\t} else if (xml.nodeType === 3) {\n\t\tobj = xml.nodeValue\n\t}\n\n\tif (xml.hasChildNodes()) {\n\t\tfor (let i = 0; i < xml.childNodes.length; i++) {\n\t\t\tconst item = xml.childNodes.item(i)\n\t\t\tconst nodeName = item.nodeName\n\t\t\tif (typeof (obj[nodeName]) === 'undefined') {\n\t\t\t\tobj[nodeName] = xmlToJson(item)\n\t\t\t} else {\n\t\t\t\tif (typeof obj[nodeName].push === 'undefined') {\n\t\t\t\t\tconst old = obj[nodeName]\n\t\t\t\t\tobj[nodeName] = []\n\t\t\t\t\tobj[nodeName].push(old)\n\t\t\t\t}\n\t\t\t\tobj[nodeName].push(xmlToJson(item))\n\t\t\t}\n\t\t}\n\t}\n\treturn obj\n}\n\nconst parseXml = (xml) => {\n\tlet dom = null\n\ttry {\n\t\tdom = (new DOMParser()).parseFromString(xml, 'text/xml')\n\t} catch (e) {\n\t\tconsole.error('Failed to parse xml document', e)\n\t}\n\treturn dom\n}\n\nconst xmlToTagList = (xml) => {\n\tconst json = xmlToJson(parseXml(xml))\n\tconst list = json['d:multistatus']['d:response']\n\tconst result = []\n\tfor (const index in list) {\n\t\tconst tag = list[index]['d:propstat']\n\n\t\tif (tag['d:status']['#text'] !== 'HTTP/1.1 200 OK') {\n\t\t\tcontinue\n\t\t}\n\t\tresult.push({\n\t\t\tid: parseInt(tag['d:prop']['oc:id']['#text']),\n\t\t\tdisplayName: tag['d:prop']['oc:display-name']['#text'],\n\t\t\tcanAssign: tag['d:prop']['oc:can-assign']['#text'] === 'true',\n\t\t\tuserAssignable: tag['d:prop']['oc:user-assignable']['#text'] === 'true',\n\t\t\tuserVisible: tag['d:prop']['oc:user-visible']['#text'] === 'true',\n\t\t})\n\t}\n\treturn result\n}\n\nconst searchTags = async function() {\n\tif (window.NextcloudVueDocs) {\n\t\treturn Promise.resolve(xmlToTagList(window.NextcloudVueDocs.tags))\n\t}\n\n\tconst result = await axios({\n\t\tmethod: 'PROPFIND',\n\t\turl: generateRemoteUrl('dav') + '/systemtags/',\n\t\tdata: `<?xml version=\"1.0\"?>\n\t\t\t\t\t<d:propfind  xmlns:d=\"DAV:\" xmlns:oc=\"http://owncloud.org/ns\">\n\t\t\t\t\t  <d:prop>\n\t\t\t\t\t\t<oc:id />\n\t\t\t\t\t\t<oc:display-name />\n\t\t\t\t\t\t<oc:user-visible />\n\t\t\t\t\t\t<oc:user-assignable />\n\t\t\t\t\t\t<oc:can-assign />\n\t\t\t\t\t  </d:prop>\n\t\t\t\t\t</d:propfind>`,\n\t})\n\treturn xmlToTagList(result.data)\n}\n\nexport {\n\tsearchTags,\n}\n","<!--\n  - @copyright 2022 Christopher Ng <chrng8@gmail.com>\n  -\n  - @author Christopher Ng <chrng8@gmail.com>\n  - @author Julius Härtl <jus@bitgrid.net>\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<docs>\n### Single tag selector\n\n```vue\n<template>\n\t<div class=\"wrapper\">\n\t\t<NcSelectTags v-model=\"value\" input-label=\"Tag\" :multiple=\"false\" />\n\t\t{{ value }}\n\t</div>\n</template>\n\n<script>\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\tvalue: 1,\n\t\t}\n\t}\n}\n</script>\n```\n\n### Multiple tag selector\n```vue\n<template>\n\t<div class=\"wrapper\">\n\t\t<NcSelectTags v-model=\"value\" input-label=\"Tags\" :multiple=\"true\" />\n\t\t{{ value }}\n\t</div>\n</template>\n\n<script>\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\tvalue: [\n\t\t\t\t1,\n\t\t\t\t2,\n\t\t\t],\n\t\t}\n\t}\n}\n</script>\n```\n\n### Custom filter\nBecause of compatibility reasons only 5 tag entries are shown by default. If you want to show all available tags set the `limit` prop to `null`:\n```vue\n<template>\n\t<div class=\"wrapper\">\n\t\t<NcSelectTags v-model=\"value\" input-label=\"Tags\" :limit=\"null\" />\n\t\t{{ value }}\n\t</div>\n</template>\n\n<script>\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\tvalue: [\n\t\t\t\t1,\n\t\t\t\t2,\n\t\t\t],\n\t\t}\n\t}\n}\n</script>\n```\n\nIt's also possible to apply any custom filter logic by setting the `optionsFilter` function-prop to any custom function receiving the tag element and the index:\n```vue\n<template>\n\t<div class=\"wrapper\">\n\t\t<NcSelectTags v-model=\"value\" input-label=\"Tags\" :options-filter=\"customFilter\" />\n\t\t{{ value }}\n\t</div>\n</template>\n\n<script>\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\tvalue: [\n\t\t\t\t3,\n\t\t\t],\n\t\t}\n\t},\n\tmethods: {\n\t\t/**\n\t\t* Implement your custom filter logic to filter tags delivered\n\t\t* by the server\n\t\t*\n\t\t* @param {object} the tag object\n\t\t* @param {int} the index of the object inside the collection\n\t\t*/\n\t\tcustomFilter(element, index) {\n\t\t\t/*\n\t\t\t* Tag objects returned by the server will have the\n\t\t\t* following properties (see also api.js):\n\t\t\t* id, displayName, canAssign, userAssignable, userVisible\n\t\t\t*/\n\t\t\treturn element.id >= 2 && element.displayName !== '' && element.canAssign && element.userAssignable && element.userVisible\n\t\t}\n\t}\n}\n</script>\n```\n</docs>\n\n<template>\n\t<NcSelect v-bind=\"propsToForward\"\n\t\t:options=\"availableOptions\"\n\t\t:close-on-select=\"!multiple\"\n\t\t:value=\"passthru ? value : localValue\"\n\t\t@search=\"searchString => search = searchString\"\n\t\tv-on=\"{\n\t\t\t...$listeners,\n\t\t\tinput: passthru ? $listeners.input : handleInput,\n\t\t}\">\n\t\t<template #option=\"option\">\n\t\t\t<NcEllipsisedOption :name=\"getOptionLabel(option)\"\n\t\t\t\t:search=\"search\" />\n\t\t</template>\n\t\t<template #selected-option=\"selectedOption\">\n\t\t\t<NcEllipsisedOption :name=\"getOptionLabel(selectedOption)\"\n\t\t\t\t:search=\"search\" />\n\t\t</template>\n\t\t<template v-for=\"(_, name) in $scopedSlots\" #[name]=\"data\">\n\t\t\t<!-- @slot Any combination of slots from https://vue-select.org/api/slots.html -->\n\t\t\t<slot :name=\"name\" v-bind=\"data\" />\n\t\t</template>\n\t</NcSelect>\n</template>\n\n<script>\nimport NcEllipsisedOption from '../NcEllipsisedOption/index.js'\nimport NcSelect from '../NcSelect/index.js'\n\nimport { searchTags } from './api.js'\nimport { t } from '../../l10n.js'\n\nexport default {\n\tname: 'NcSelectTags',\n\n\tcomponents: {\n\t\tNcEllipsisedOption,\n\t\tNcSelect,\n\t},\n\n\tprops: {\n\t\t// Add NcSelect prop defaults and populate $props\n\t\t...NcSelect.props,\n\n\t\t/**\n\t\t * Enable automatic fetching of tags\n\t\t *\n\t\t * If `false`, available tags must be passed using the `options` prop\n\t\t */\n\t\tfetchTags: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\n\t\t/**\n\t\t * Callback to generate the label text\n\t\t *\n\t\t * @see https://vue-select.org/api/props.html#getoptionlabel\n\t\t */\n\t\tgetOptionLabel: {\n\t\t\ttype: Function,\n\t\t\tdefault: (option) => {\n\t\t\t\tconst { displayName, userVisible, userAssignable } = option\n\t\t\t\tif (userVisible === false) {\n\t\t\t\t\treturn t('{tag} (invisible)', { tag: displayName })\n\t\t\t\t}\n\t\t\t\tif (userAssignable === false) {\n\t\t\t\t\treturn t('{tag} (restricted)', { tag: displayName })\n\t\t\t\t}\n\t\t\t\treturn displayName\n\t\t\t},\n\t\t},\n\n\t\t/**\n\t\t * Sets the maximum number of tags to display in the dropdown list\n\t\t *\n\t\t * Because of compatibility reasons only 5 tag entries are shown by\n\t\t * default\n\t\t */\n\t\tlimit: {\n\t\t\ttype: Number,\n\t\t\tdefault: 5,\n\t\t},\n\n\t\t/**\n\t\t * Allow selection of multiple options\n\t\t *\n\t\t * This prop automatically sets the internal `closeOnSelect` prop to\n\t\t * its boolean opposite\n\t\t *\n\t\t * @see https://vue-select.org/api/props.html#multiple\n\t\t */\n\t\tmultiple: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\n\t\t/**\n\t\t * Callback to filter available options\n\t\t */\n\t\toptionsFilter: {\n\t\t\ttype: Function,\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/**\n\t\t * Enable passing of `value` prop and emitted `input` events as-is\n\t\t * i.e. for usage with `v-model`\n\t\t *\n\t\t * If `true`, custom internal `value` and `input` handling is disabled\n\t\t */\n\t\tpassthru: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * Placeholder text\n\t\t *\n\t\t * @see https://vue-select.org/api/props.html#placeholder\n\t\t */\n\t\tplaceholder: {\n\t\t\ttype: String,\n\t\t\tdefault: t('Select a tag'),\n\t\t},\n\n\t\t/**\n\t\t * Currently selected value\n\t\t */\n\t\tvalue: {\n\t\t\ttype: [Number, Array, Object],\n\t\t\tdefault: null,\n\t\t},\n\n\t\t/**\n\t\t * Any available prop\n\t\t *\n\t\t * @see https://vue-select.org/api/props.html\n\t\t */\n\t\t// Not an actual prop but needed to show in vue-styleguidist docs\n\t\t// eslint-disable-next-line\n\t\t' ': {},\n\t},\n\n\temits: [\n\t\t'input',\n\t\t/**\n\t\t * All events from https://vue-select.org/api/events.html\n\t\t */\n\t\t// Not an actual event but needed to show in vue-styleguidist docs\n\t\t' ',\n\t],\n\n\tdata() {\n\t\treturn {\n\t\t\tsearch: '',\n\t\t\tavailableTags: [],\n\t\t}\n\t},\n\n\tcomputed: {\n\t\tavailableOptions() {\n\t\t\tif (this.optionsFilter) {\n\t\t\t\treturn this.tags.filter(this.optionsFilter)\n\t\t\t}\n\t\t\treturn this.tags\n\t\t},\n\n\t\tlocalValue() {\n\t\t\tif (this.tags.length === 0) {\n\t\t\t\treturn []\n\t\t\t}\n\t\t\tif (this.multiple) {\n\t\t\t\treturn this.value\n\t\t\t\t\t.filter(tag => tag !== '')\n\t\t\t\t\t.map(id => this.tags.find(tag2 => tag2.id === id))\n\t\t\t} else {\n\t\t\t\treturn this.tags.find(tag => tag.id === this.value)\n\t\t\t}\n\t\t},\n\n\t\tpropsToForward() {\n\t\t\tconst {\n\t\t\t\t// Props handled by this component\n\t\t\t\tfetchTags,\n\t\t\t\toptionsFilter,\n\t\t\t\tpassthru,\n\t\t\t\t// Props to forward\n\t\t\t\t...propsToForward\n\t\t\t} = this.$props\n\n\t\t\treturn propsToForward\n\t\t},\n\n\t\ttags() {\n\t\t\tif (!this.fetchTags) {\n\t\t\t\treturn this.options\n\t\t\t}\n\t\t\treturn this.availableTags\n\t\t},\n\t},\n\n\tasync created() {\n\t\tif (!this.fetchTags) {\n\t\t\treturn\n\t\t}\n\t\ttry {\n\t\t\tconst result = await searchTags()\n\t\t\tthis.availableTags = result\n\t\t} catch (error) {\n\t\t\tconsole.error('Loading systemtags failed', error)\n\t\t}\n\t},\n\n\tmethods: {\n\t\thandleInput(value) {\n\t\t\tif (this.multiple) {\n\t\t\t\t/**\n\t\t\t\t * Emitted on input events of the multiselect field\n\t\t\t\t *\n\t\t\t\t * @type {number|number[]}\n\t\t\t\t */\n\t\t\t\tthis.$emit('input', value.map(element => element.id))\n\t\t\t} else {\n\t\t\t\tif (value === null) {\n\t\t\t\t\tthis.$emit('input', null)\n\t\t\t\t} else {\n\t\t\t\t\tthis.$emit('input', value.id)\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n"],"names":["xmlToJson","xml","obj","j","attribute","i","item","nodeName","old","parseXml","dom","e","xmlToTagList","list","result","index","tag","searchTags","axios","generateRemoteUrl","_sfc_main","NcEllipsisedOption","NcSelect","option","displayName","userVisible","userAssignable","t","id","tag2","fetchTags","optionsFilter","passthru","propsToForward","error","value","element"],"mappings":"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"}