@nextcloud/vue 8.4.0 → 9.0.0-alpha.0

package/dist/Components/NcSelectTags.cjs

@@ -1,261 +1,3 @@
 "use strict";
-const c = require("./NcEllipsisedOption.cjs"), l = require("./NcSelect.cjs"), p = require("@nextcloud/axios"), d = require("@nextcloud/router"), o = require("../chunks/_l10n-72c5e29e.cjs"), f = require("../chunks/_plugin-vue2_normalizer-7f9efb60.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
-  },
-  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: (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;
-module.exports = v;
+const e = require("../chunks/NcSelectTags-vm5Fx2H5.cjs");
+module.exports = e.NcSelectTags;

package/dist/Components/NcSelectTags.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcSelectTags.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\" :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\" :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\" :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\" :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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"}
+{"version":3,"file":"NcSelectTags.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/Components/NcSelectTags.mjs

@@ -1,267 +1,4 @@
-import p from "./NcEllipsisedOption.mjs";
-import l from "./NcSelect.mjs";
-import c from "@nextcloud/axios";
-import { generateRemoteUrl as d } from "@nextcloud/router";
-import { r as f, w as h, a as o } from "../chunks/_l10n-f5af5269.mjs";
-import { n as m } from "../chunks/_plugin-vue2_normalizer-71e2aa87.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;
+import { N as f } from "../chunks/NcSelectTags-6F9oTRUw.mjs";
 export {
-  V as default
+  f as default
 };

package/dist/Components/NcSelectTags.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcSelectTags.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\" :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\" :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\" :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\" :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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"}
+{"version":3,"file":"NcSelectTags.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}