@nextcloud/vue 8.0.0-beta.6 → 8.0.0-beta.8

package/dist/Components/NcSelectTags.mjs

@@ -2,53 +2,83 @@ import p from "./NcEllipsisedOption.mjs";
 import l from "./NcSelect.mjs";
 import c from "@nextcloud/axios";
 import { generateRemoteUrl as d } from "@nextcloud/router";
-import { t as a } from "../chunks/l10n-9a5a6afc.mjs";
-import { n as h } from "../chunks/_plugin-vue2_normalizer-5b4c43a4.mjs";
-const o = (t) => {
-  let e = {};
-  if (t.nodeType === 1) {
-    if (t.attributes.length > 0) {
-      e["@attributes"] = {};
-      for (let s = 0; s < t.attributes.length; s++) {
-        const i = t.attributes.item(s);
-        e["@attributes"][i.nodeName] = i.nodeValue;
+import { t as i } from "../chunks/l10n-27a75c40.mjs";
+import { n as f } 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 n = 0; n < e.attributes.length; n++) {
+        const s = e.attributes.item(n);
+        t["@attributes"][s.nodeName] = s.nodeValue;
       }
     }
   } else
-    t.nodeType === 3 && (e = t.nodeValue);
-  if (t.hasChildNodes())
-    for (let s = 0; s < t.childNodes.length; s++) {
-      const i = t.childNodes.item(s), n = i.nodeName;
-      if (typeof e[n] > "u")
-        e[n] = o(i);
+    e.nodeType === 3 && (t = e.nodeValue);
+  if (e.hasChildNodes())
+    for (let n = 0; n < e.childNodes.length; n++) {
+      const s = e.childNodes.item(n), r = s.nodeName;
+      if (typeof t[r] > "u")
+        t[r] = a(s);
       else {
-        if (typeof e[n].push > "u") {
-          const u = e[n];
-          e[n] = [], e[n].push(u);
+        if (typeof t[r].push > "u") {
+          const o = t[r];
+          t[r] = [], t[r].push(o);
         }
-        e[n].push(o(i));
+        t[r].push(a(s));
       }
     }
-  return e;
-}, m = (t) => {
-  let e = null;
+  return t;
+}, h = (e) => {
+  let t = null;
   try {
-    e = new DOMParser().parseFromString(t, "text/xml");
-  } catch (s) {
-    console.error("Failed to parse xml document", s);
+    t = new DOMParser().parseFromString(e, "text/xml");
+  } catch (n) {
+    console.error("Failed to parse xml document", n);
   }
-  return e;
-}, r = (t) => {
-  const e = o(m(t))["d:multistatus"]["d:response"], s = [];
-  for (const i in e) {
-    const n = e[i]["d:propstat"];
-    n["d:status"]["#text"] === "HTTP/1.1 200 OK" && s.push({ id: parseInt(n["d:prop"]["oc:id"]["#text"]), displayName: n["d:prop"]["oc:display-name"]["#text"], canAssign: n["d:prop"]["oc:can-assign"]["#text"] === "true", userAssignable: n["d:prop"]["oc:user-assignable"]["#text"] === "true", userVisible: n["d:prop"]["oc:user-visible"]["#text"] === "true" });
+  return t;
+}, u = (e) => {
+  const n = a(h(e))["d:multistatus"]["d:response"], s = [];
+  for (const r in n) {
+    const o = n[r]["d:propstat"];
+    o["d:status"]["#text"] === "HTTP/1.1 200 OK" && s.push({
+      id: parseInt(o["d:prop"]["oc:id"]["#text"]),
+      displayName: o["d:prop"]["oc:display-name"]["#text"],
+      canAssign: o["d:prop"]["oc:can-assign"]["#text"] === "true",
+      userAssignable: o["d:prop"]["oc:user-assignable"]["#text"] === "true",
+      userVisible: o["d:prop"]["oc:user-visible"]["#text"] === "true"
+    });
   }
   return s;
-}, f = async function() {
+}, m = async function() {
   if (window.NextcloudVueDocs)
-    return Promise.resolve(r(window.NextcloudVueDocs.tags));
-  const t = await c({ method: "PROPFIND", url: d("dav") + "/systemtags/", data: `<?xml version="1.0"?>
+    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 />
@@ -57,46 +87,179 @@ const o = (t) => {
 						<oc:user-assignable />
 						<oc:can-assign />
 					  </d:prop>
-					</d:propfind>` });
-  return r(t.data);
-}, g = { name: "NcSelectTags", components: { NcEllipsisedOption: p, NcSelect: l }, props: { ...l.props, fetchTags: { type: Boolean, default: !0 }, getOptionLabel: { type: Function, default: (t) => {
-  const { displayName: e, userVisible: s, userAssignable: i } = t;
-  return s === !1 ? a("{tag} (invisible)", { tag: e }) : i === !1 ? a("{tag} (restricted)", { tag: e }) : e;
-} }, limit: { type: Number, default: 5 }, multiple: { type: Boolean, default: !0 }, optionsFilter: { type: Function, default: null }, passthru: { type: Boolean, default: !1 }, placeholder: { type: String, default: a("Select a tag") }, value: { type: [Number, Array], default: null }, " ": {} }, emits: ["input", " "], 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 { fetchTags: t, optionsFilter: e, passthru: s, ...i } = this.$props;
-  return i;
-}, tags() {
-  return this.fetchTags ? this.availableTags : this.options;
-} }, async created() {
-  if (this.fetchTags)
-    try {
-      const t = await f();
-      this.availableTags = t;
-    } catch (t) {
-      console.error("Loading systemtags failed", t);
+					</d:propfind>`
+  });
+  return u(e.data);
+}, g = {
+  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: n, userAssignable: s } = e;
+        return n === !1 ? i("{tag} (invisible)", { tag: t }) : s === !1 ? i("{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: i("Select a tag")
+    },
+    /**
+     * Currently selected value
+     */
+    value: {
+      type: [Number, Array],
+      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: n,
+        // 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 m();
+        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);
     }
-}, 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 t = this, e = t._self._c;
-  return e("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 [e("NcEllipsisedOption", { attrs: { name: t.getOptionLabel(s), search: t.search } })];
+  }
+};
+var b = function() {
+  var t = this, n = t._self._c;
+  return n("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 [n("NcEllipsisedOption", { attrs: { name: t.getOptionLabel(s), search: t.search } })];
   } }, { key: "selected-option", fn: function(s) {
-    return [e("NcEllipsisedOption", { attrs: { name: t.getOptionLabel(s), search: t.search } })];
-  } }, t._l(t.$scopedSlots, function(s, i) {
-    return { key: i, fn: function(n) {
-      return [t._t(i, null, null, n)];
+    return [n("NcEllipsisedOption", { attrs: { name: t.getOptionLabel(s), search: t.search } })];
+  } }, t._l(t.$scopedSlots, function(s, r) {
+    return { key: r, fn: function(o) {
+      return [t._t(r, null, null, o)];
     } };
-  })], null, !0) }, "NcSelect", t.propsToForward, !1), { ...t.$listeners, input: t.passthru ? t.$listeners.input : t.handleInput }));
-}, b = [], N = h(g, y, b, !1, null, null, null, null);
-const S = N.exports;
+  })], null, !0) }, "NcSelect", t.propsToForward, !1), {
+    ...t.$listeners,
+    input: t.passthru ? t.$listeners.input : t.handleInput
+  }));
+}, y = [], N = /* @__PURE__ */ f(
+  g,
+  b,
+  y,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const O = N.exports;
 export {
-  S as default
+  O 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],\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":["../../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],\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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"}

package/dist/Components/NcSettingsInputText.cjs

@@ -1 +1,90 @@
-var o=require("../assets/index.css");const a=require("../chunks/l10n-46d0c1c0.cjs"),n=require("../chunks/GenRandomId-67df40eb.cjs"),s=require("../chunks/_plugin-vue2_normalizer-764a4c12.cjs");const u={name:"NcSettingsInputText",props:{label:{type:String,required:!0},hint:{type:String,default:""},value:{type:String,default:""},disabled:{type:Boolean,default:!1},id:{type:String,default:()=>"settings-input-text-"+n.GenRandomId(),validator:t=>t.trim()!==""}},emits:["update:value","input","submit","change"],data(){return{submitTranslated:a.t("Submit")}},computed:{idSubmit(){return this.id+"-submit"}},methods:{onInput(t){this.$emit("input",t),this.$emit("update:value",t.target.value)},onSubmit(t){this.disabled||this.$emit("submit",t)},onChange(t){this.$emit("change",t)}}};var r=function(){var t=this,i=t._self._c;return i("form",{ref:"form",attrs:{disabled:t.disabled},on:{submit:function(e){return e.preventDefault(),e.stopPropagation(),t.onSubmit.apply(null,arguments)}}},[i("div",{staticClass:"input-wrapper"},[i("label",{staticClass:"action-input__label",attrs:{for:t.id}},[t._v(t._s(t.label))]),i("input",{attrs:{id:t.id,type:"text",disabled:t.disabled},domProps:{value:t.value},on:{input:t.onInput,change:t.onChange}}),i("input",{staticClass:"action-input__submit",attrs:{id:t.idSubmit,type:"submit"},domProps:{value:t.submitTranslated}}),t.hint?i("p",{staticClass:"hint"},[t._v(" "+t._s(t.hint)+" ")]):t._e()])])},l=[],d=s.normalizeComponent(u,r,l,!1,null,"5b140fb6",null,null);const p=d.exports;module.exports=p;
+var m = require("../assets/index-6c47e88a.css");
+const s = require("../chunks/l10n-903083c4.cjs"), a = require("../chunks/GenRandomId-c214d235.cjs"), u = require("../chunks/_plugin-vue2_normalizer-7f9efb60.cjs");
+const r = {
+  name: "NcSettingsInputText",
+  props: {
+    /**
+     * label of the select group element
+     */
+    label: {
+      type: String,
+      required: !0
+    },
+    /**
+     * hint of the select group input
+     */
+    hint: {
+      type: String,
+      default: ""
+    },
+    /**
+     * value of the select group input
+     */
+    value: {
+      type: String,
+      default: ""
+    },
+    /**
+     * disabled state of the settings select group input
+     */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * id attribute of the select group element
+     */
+    id: {
+      type: String,
+      default: () => "settings-input-text-" + a.GenRandomId(),
+      validator: (e) => e.trim() !== ""
+    }
+  },
+  emits: [
+    "update:value",
+    "input",
+    "submit",
+    "change"
+  ],
+  data() {
+    return {
+      submitTranslated: s.t("Submit")
+    };
+  },
+  computed: {
+    /**
+     * @return {string}
+     */
+    idSubmit() {
+      return this.id + "-submit";
+    }
+  },
+  methods: {
+    onInput(e) {
+      this.$emit("input", e), this.$emit("update:value", e.target.value);
+    },
+    onSubmit(e) {
+      this.disabled || this.$emit("submit", e);
+    },
+    onChange(e) {
+      this.$emit("change", e);
+    }
+  }
+};
+var l = function() {
+  var t = this, i = t._self._c;
+  return i("form", { ref: "form", attrs: { disabled: t.disabled }, on: { submit: function(n) {
+    return n.preventDefault(), n.stopPropagation(), t.onSubmit.apply(null, arguments);
+  } } }, [i("div", { staticClass: "input-wrapper" }, [i("label", { staticClass: "action-input__label", attrs: { for: t.id } }, [t._v(t._s(t.label))]), i("input", { attrs: { id: t.id, type: "text", disabled: t.disabled }, domProps: { value: t.value }, on: { input: t.onInput, change: t.onChange } }), i("input", { staticClass: "action-input__submit", attrs: { id: t.idSubmit, type: "submit" }, domProps: { value: t.submitTranslated } }), t.hint ? i("p", { staticClass: "hint" }, [t._v(" " + t._s(t.hint) + " ")]) : t._e()])]);
+}, o = [], d = /* @__PURE__ */ u.normalizeComponent(
+  r,
+  l,
+  o,
+  !1,
+  null,
+  "5b140fb6",
+  null,
+  null
+);
+const p = d.exports;
+module.exports = p;

package/dist/Components/NcSettingsInputText.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcSettingsInputText.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"NcSettingsInputText.cjs","sources":["../../src/components/NcSettingsInputText/NcSettingsInputText.vue"],"sourcesContent":["<!--\n  -\n  - @author Julius Härtl <jus@bitgrid.net>\n  - @author Greta Doci <gretadoci@gmail.com>\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```vue\n<NcSettingsInputText label=\"Label\" hint=\"Hint\" />\n<NcSettingsInputText label=\"Label\" value=\"Value\" hint=\"Hint\" disabled />\n```\n\n</docs>\n\n<template>\n\t<form ref=\"form\"\n\t\t:disabled=\"disabled\"\n\t\t@submit.prevent.stop=\"onSubmit\">\n\t\t<div class=\"input-wrapper\">\n\t\t\t<label :for=\"id\" class=\"action-input__label\">{{ label }}</label>\n\t\t\t<input :id=\"id\"\n\t\t\t\ttype=\"text\"\n\t\t\t\t:value=\"value\"\n\t\t\t\t:disabled=\"disabled\"\n\t\t\t\t@input=\"onInput\"\n\t\t\t\t@change=\"onChange\">\n\t\t\t<input :id=\"idSubmit\"\n\t\t\t\t:value=\"submitTranslated\"\n\t\t\t\ttype=\"submit\"\n\t\t\t\tclass=\"action-input__submit\">\n\t\t\t<p v-if=\"hint\" class=\"hint\">\n\t\t\t\t{{ hint }}\n\t\t\t</p>\n\t\t</div>\n\t</form>\n</template>\n\n<script>\nimport { t } from '../../l10n.js'\nimport GenRandomId from '../../utils/GenRandomId.js'\n\nexport default {\n\tname: 'NcSettingsInputText',\n\tprops: {\n\t\t/**\n\t\t * label of the select group element\n\t\t */\n\t\tlabel: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\n\t\t/**\n\t\t * hint of the select group input\n\t\t */\n\t\thint: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/**\n\t\t * value of the select group input\n\t\t */\n\t\tvalue: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/**\n\t\t * disabled state of the settings select group input\n\t\t */\n\t\tdisabled: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * id attribute of the select group element\n\t\t */\n\t\tid: {\n\t\t\ttype: String,\n\t\t\tdefault: () => 'settings-input-text-' + GenRandomId(),\n\t\t\tvalidator: id => id.trim() !== '',\n\t\t},\n\t},\n\n\temits: [\n\t\t'update:value',\n\t\t'input',\n\t\t'submit',\n\t\t'change',\n\t],\n\n\tdata() {\n\t\treturn {\n\t\t\tsubmitTranslated: t('Submit'),\n\t\t}\n\t},\n\n\tcomputed: {\n\t\t/**\n\t\t * @return {string}\n\t\t */\n\t\tidSubmit() {\n\t\t\treturn this.id + '-submit'\n\t\t},\n\t},\n\tmethods: {\n\t\tonInput(event) {\n\t\t\tthis.$emit('input', event)\n\t\t\t/**\n\t\t\t * Emitted when the inputs value changes\n\t\t\t *\n\t\t\t * @type {string}\n\t\t\t */\n\t\t\tthis.$emit('update:value', event.target.value)\n\t\t},\n\t\tonSubmit(event) {\n\t\t\tif (!this.disabled) {\n\t\t\t\t/**\n\t\t\t\t * Emitted on submit of the input field\n\t\t\t\t *\n\t\t\t\t * @type {Event}\n\t\t\t\t */\n\t\t\t\tthis.$emit('submit', event)\n\t\t\t}\n\t\t},\n\t\tonChange(event) {\n\t\t\t/**\n\t\t\t * Emitted on change of the input field\n\t\t\t *\n\t\t\t * @type {Event}\n\t\t\t */\n\t\t\tthis.$emit('change', event)\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n\n\t.input-wrapper {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tflex-wrap: wrap;\n\t\twidth: 100%;\n\t\tmax-width: 400px;\n\n\t\t& .action-input__label {\n\t\t\tmargin-right: 12px;\n\t\t}\n\n\t\t// if disabled, change cursor\n\t\t&:disabled {\n\t\t\tcursor: default;\n\t\t}\n\n\t\t.hint {\n\t\t\tcolor: var(--color-text-maxcontrast);\n\t\t\tmargin-left: 8px;\n\t\t}\n\t}\n\n</style>\n"],"names":["_sfc_main","GenRandomId","id","l10n","event"],"mappings":";;AA0DA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,UAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA,IAKA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA,MAAA,yBAAAC,EAAA,YAAA;AAAA,MACA,WAAA,CAAAC,MAAAA,EAAA,KAAA,MAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,kBAAAC,EAAA,EAAA,QAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA;AAAA;AAAA;AAAA,IAIA,WAAA;AACA,aAAA,KAAA,KAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,SAAA;AAAA,IACA,QAAAC,GAAA;AACA,WAAA,MAAA,SAAAA,CAAA,GAMA,KAAA,MAAA,gBAAAA,EAAA,OAAA,KAAA;AAAA,IACA;AAAA,IACA,SAAAA,GAAA;AACA,MAAA,KAAA,YAMA,KAAA,MAAA,UAAAA,CAAA;AAAA,IAEA;AAAA,IACA,SAAAA,GAAA;AAMA,WAAA,MAAA,UAAAA,CAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;"}

package/dist/Components/NcSettingsInputText.mjs

@@ -1,24 +1,93 @@
-import "../assets/index2.css";
-import { t as a } from "../chunks/l10n-9a5a6afc.mjs";
-import { G as s } from "../chunks/GenRandomId-1e1b509a.mjs";
-import { n } from "../chunks/_plugin-vue2_normalizer-5b4c43a4.mjs";
-const u = { name: "NcSettingsInputText", props: { label: { type: String, required: !0 }, hint: { type: String, default: "" }, value: { type: String, default: "" }, disabled: { type: Boolean, default: !1 }, id: { type: String, default: () => "settings-input-text-" + s(), validator: (t) => t.trim() !== "" } }, emits: ["update:value", "input", "submit", "change"], data() {
-  return { submitTranslated: a("Submit") };
-}, computed: { idSubmit() {
-  return this.id + "-submit";
-} }, methods: { onInput(t) {
-  this.$emit("input", t), this.$emit("update:value", t.target.value);
-}, onSubmit(t) {
-  this.disabled || this.$emit("submit", t);
-}, onChange(t) {
-  this.$emit("change", t);
-} } };
-var r = function() {
+import "../assets/index-6c47e88a.css";
+import { t as a } from "../chunks/l10n-27a75c40.mjs";
+import { G as s } from "../chunks/GenRandomId-cb9ccebe.mjs";
+import { n as u } from "../chunks/_plugin-vue2_normalizer-71e2aa87.mjs";
+const r = {
+  name: "NcSettingsInputText",
+  props: {
+    /**
+     * label of the select group element
+     */
+    label: {
+      type: String,
+      required: !0
+    },
+    /**
+     * hint of the select group input
+     */
+    hint: {
+      type: String,
+      default: ""
+    },
+    /**
+     * value of the select group input
+     */
+    value: {
+      type: String,
+      default: ""
+    },
+    /**
+     * disabled state of the settings select group input
+     */
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * id attribute of the select group element
+     */
+    id: {
+      type: String,
+      default: () => "settings-input-text-" + s(),
+      validator: (e) => e.trim() !== ""
+    }
+  },
+  emits: [
+    "update:value",
+    "input",
+    "submit",
+    "change"
+  ],
+  data() {
+    return {
+      submitTranslated: a("Submit")
+    };
+  },
+  computed: {
+    /**
+     * @return {string}
+     */
+    idSubmit() {
+      return this.id + "-submit";
+    }
+  },
+  methods: {
+    onInput(e) {
+      this.$emit("input", e), this.$emit("update:value", e.target.value);
+    },
+    onSubmit(e) {
+      this.disabled || this.$emit("submit", e);
+    },
+    onChange(e) {
+      this.$emit("change", e);
+    }
+  }
+};
+var l = function() {
   var t = this, i = t._self._c;
-  return i("form", { ref: "form", attrs: { disabled: t.disabled }, on: { submit: function(e) {
-    return e.preventDefault(), e.stopPropagation(), t.onSubmit.apply(null, arguments);
+  return i("form", { ref: "form", attrs: { disabled: t.disabled }, on: { submit: function(n) {
+    return n.preventDefault(), n.stopPropagation(), t.onSubmit.apply(null, arguments);
   } } }, [i("div", { staticClass: "input-wrapper" }, [i("label", { staticClass: "action-input__label", attrs: { for: t.id } }, [t._v(t._s(t.label))]), i("input", { attrs: { id: t.id, type: "text", disabled: t.disabled }, domProps: { value: t.value }, on: { input: t.onInput, change: t.onChange } }), i("input", { staticClass: "action-input__submit", attrs: { id: t.idSubmit, type: "submit" }, domProps: { value: t.submitTranslated } }), t.hint ? i("p", { staticClass: "hint" }, [t._v(" " + t._s(t.hint) + " ")]) : t._e()])]);
-}, l = [], p = n(u, r, l, !1, null, "5b140fb6", null, null);
+}, o = [], p = /* @__PURE__ */ u(
+  r,
+  l,
+  o,
+  !1,
+  null,
+  "5b140fb6",
+  null,
+  null
+);
 const c = p.exports;
 export {
   c as default