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

package/dist/Components/NcSettingsInputText.mjs.map

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

@@ -1 +1,62 @@
-var d=require("../assets/index11.css");const s=require("../chunks/l10n-46d0c1c0.cjs"),i=require("vue-material-design-icons/HelpCircle.vue"),n=require("../chunks/_plugin-vue2_normalizer-764a4c12.cjs");const r={name:"NcSettingsSection",components:{HelpCircle:i},props:{name:{type:String,required:!0},description:{type:String,default:""},docUrl:{type:String,default:""},limitWidth:{type:Boolean,default:!0}},data(){return{docNameTranslated:s.t("External documentation for {name}",{name:this.name})}},computed:{hasDescription(){return this.description.length>0},hasDocUrl(){return this.docUrl.length>0}}};var a=function(){var t=this,e=t._self._c;return e("div",{staticClass:"settings-section",class:{"settings-section--limit-width":t.limitWidth}},[e("h2",{staticClass:"settings-section__name"},[t._v(" "+t._s(t.name)+" "),t.hasDocUrl?e("a",{staticClass:"settings-section__info",attrs:{href:t.docUrl,role:"note","aria-label":t.docNameTranslated,title:t.docNameTranslated,target:"_blank",rel:"noreferrer nofollow"}},[e("HelpCircle",{attrs:{size:20}})],1):t._e()]),t.hasDescription?e("p",{staticClass:"settings-section__desc"},[t._v(" "+t._s(t.description)+" ")]):t._e(),t._t("default")],2)},l=[],o=n.normalizeComponent(r,a,l,!1,null,"feb2306f",null,null);const c=o.exports;module.exports=c;
+var p = require("../assets/index-76a58945.css");
+const s = require("../chunks/l10n-903083c4.cjs"), i = require("vue-material-design-icons/HelpCircle.vue"), r = require("../chunks/_plugin-vue2_normalizer-7f9efb60.cjs"), a = (e) => e && e.__esModule ? e : { default: e }, l = /* @__PURE__ */ a(i);
+const o = {
+  name: "NcSettingsSection",
+  components: {
+    HelpCircle: l.default
+  },
+  props: {
+    name: {
+      type: String,
+      required: !0
+    },
+    description: {
+      type: String,
+      default: ""
+    },
+    docUrl: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Limit the width of the setting's content
+     *
+     * By default only the name and description have a limit, use this
+     * property to also apply this to the rest of the content.
+     */
+    limitWidth: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  data() {
+    return {
+      docNameTranslated: s.t("External documentation for {name}", {
+        name: this.name
+      })
+    };
+  },
+  computed: {
+    hasDescription() {
+      return this.description.length > 0;
+    },
+    hasDocUrl() {
+      return this.docUrl.length > 0;
+    }
+  }
+};
+var c = function() {
+  var t = this, n = t._self._c;
+  return n("div", { staticClass: "settings-section", class: { "settings-section--limit-width": t.limitWidth } }, [n("h2", { staticClass: "settings-section__name" }, [t._v(" " + t._s(t.name) + " "), t.hasDocUrl ? n("a", { staticClass: "settings-section__info", attrs: { href: t.docUrl, title: t.docNameTranslated, target: "_blank", rel: "noreferrer nofollow" } }, [n("HelpCircle", { attrs: { size: 20 } })], 1) : t._e()]), t.hasDescription ? n("p", { staticClass: "settings-section__desc" }, [t._v(" " + t._s(t.description) + " ")]) : t._e(), t._t("default")], 2);
+}, _ = [], d = /* @__PURE__ */ r.normalizeComponent(
+  o,
+  c,
+  _,
+  !1,
+  null,
+  "375ea653",
+  null,
+  null
+);
+const u = d.exports;
+module.exports = u;

package/dist/Components/NcSettingsSection.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcSettingsSection.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"NcSettingsSection.cjs","sources":["../../src/components/NcSettingsSection/NcSettingsSection.vue"],"sourcesContent":["<!--\n  - @copyright Copyright (c) 2019 Julius Härtl <jus@bitgrid.net>\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### General description\n\nThis component is to be used in the settings section of nextcloud.\n\n### Examples\n\n```vue\n<template>\n\t<NcSettingsSection\n\t\tname=\"Two-Factor Authentication\"\n\t\tdescription=\"Two-factor authentication can be enforced for all users and specific groups.\"\n\t\tdoc-url=\"https://docs.nextcloud.com/server/19/go.php?to=admin-2fa\"\n\t\t:limit-width=\"true\">\n\t\t<p>Your settings here</p>\n\t</NcSettingsSection>\n</template>\n```\n</docs>\n\n<template>\n\t<div class=\"settings-section\" :class=\"{'settings-section--limit-width': limitWidth}\">\n\t\t<h2 class=\"settings-section__name\">\n\t\t\t{{ name }}\n\t\t\t<a v-if=\"hasDocUrl\"\n\t\t\t\t:href=\"docUrl\"\n\t\t\t\tclass=\"settings-section__info\"\n\t\t\t\t:title=\"docNameTranslated\"\n\t\t\t\ttarget=\"_blank\"\n\t\t\t\trel=\"noreferrer nofollow\">\n\t\t\t\t<HelpCircle :size=\"20\" />\n\t\t\t</a>\n\t\t</h2>\n\t\t<p v-if=\"hasDescription\"\n\t\t\tclass=\"settings-section__desc\">\n\t\t\t{{ description }}\n\t\t</p>\n\t\t<slot />\n\t</div>\n</template>\n\n<script>\nimport { t } from '../../l10n.js'\n\nimport HelpCircle from 'vue-material-design-icons/HelpCircle.vue'\n\nexport default {\n\tname: 'NcSettingsSection',\n\n\tcomponents: {\n\t\tHelpCircle,\n\t},\n\n\tprops: {\n\t\tname: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t\tdescription: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t\tdocUrl: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t\t/**\n\t\t * Limit the width of the setting's content\n\t\t *\n\t\t * By default only the name and description have a limit, use this\n\t\t * property to also apply this to the rest of the content.\n\t\t */\n\t\tlimitWidth: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\tdocNameTranslated: t('External documentation for {name}', {\n\t\t\t\tname: this.name,\n\t\t\t}),\n\t\t}\n\t},\n\n\tcomputed: {\n\t\thasDescription() {\n\t\t\treturn this.description.length > 0\n\t\t},\n\t\thasDocUrl() {\n\t\t\treturn this.docUrl.length > 0\n\t\t},\n\t},\n}\n\n</script>\n\n<style lang=\"scss\" scoped>\n$maxWidth: 900px;\n\n.settings-section {\n\tdisplay: block;\n\tmargin-bottom: auto;\n\tpadding: 30px;\n\n\t&:not(:last-child) {\n\t\tborder-bottom: 1px solid var(--color-border);\n\t}\n\n\t&--limit-width > * {\n\t\tmax-width: $maxWidth;\n\t}\n\n\t&__name {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tfont-size: 20px;\n\t\tfont-weight: bold;\n\t\tmax-width: $maxWidth;\n\t}\n\n\t&__info {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: $clickable-area;\n\t\theight: $clickable-area;\n\t\t// make sure to properly align the icon with the text\n\t\tmargin: -$icon-margin;\n\t\tmargin-left: 0;\n\t\topacity: $opacity_normal;\n\n\t\t&:hover, &:focus, &:active {\n\t\t\topacity: $opacity_full;\n\t\t}\n\t}\n\n\t&__desc {\n\t\tmargin-top: -.2em;\n\t\tmargin-bottom: 1em;\n\t\topacity: $opacity_normal;\n\t\tmax-width: $maxWidth;\n\t}\n}\n\n</style>\n"],"names":["_sfc_main","HelpCircle__default","l10n"],"mappings":";;AAqEA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,YAAAC,EAAA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,IACA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,IACA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,YAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,mBAAAC,EAAA,EAAA,qCAAA;AAAA,QACA,MAAA,KAAA;AAAA,MACA,CAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,iBAAA;AACA,aAAA,KAAA,YAAA,SAAA;AAAA,IACA;AAAA,IACA,YAAA;AACA,aAAA,KAAA,OAAA,SAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;"}

package/dist/Components/NcSettingsSection.mjs

@@ -1,19 +1,66 @@
-import "../assets/index5.css";
-import { t as s } from "../chunks/l10n-9a5a6afc.mjs";
-import i from "vue-material-design-icons/HelpCircle.vue";
-import { n } from "../chunks/_plugin-vue2_normalizer-5b4c43a4.mjs";
-const r = { name: "NcSettingsSection", components: { HelpCircle: i }, props: { name: { type: String, required: !0 }, description: { type: String, default: "" }, docUrl: { type: String, default: "" }, limitWidth: { type: Boolean, default: !0 } }, data() {
-  return { docNameTranslated: s("External documentation for {name}", { name: this.name }) };
-}, computed: { hasDescription() {
-  return this.description.length > 0;
-}, hasDocUrl() {
-  return this.docUrl.length > 0;
-} } };
+import "../assets/index-76a58945.css";
+import { t as n } from "../chunks/l10n-27a75c40.mjs";
+import s from "vue-material-design-icons/HelpCircle.vue";
+import { n as i } from "../chunks/_plugin-vue2_normalizer-71e2aa87.mjs";
+const r = {
+  name: "NcSettingsSection",
+  components: {
+    HelpCircle: s
+  },
+  props: {
+    name: {
+      type: String,
+      required: !0
+    },
+    description: {
+      type: String,
+      default: ""
+    },
+    docUrl: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Limit the width of the setting's content
+     *
+     * By default only the name and description have a limit, use this
+     * property to also apply this to the rest of the content.
+     */
+    limitWidth: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  data() {
+    return {
+      docNameTranslated: n("External documentation for {name}", {
+        name: this.name
+      })
+    };
+  },
+  computed: {
+    hasDescription() {
+      return this.description.length > 0;
+    },
+    hasDocUrl() {
+      return this.docUrl.length > 0;
+    }
+  }
+};
 var a = function() {
   var t = this, e = t._self._c;
-  return e("div", { staticClass: "settings-section", class: { "settings-section--limit-width": t.limitWidth } }, [e("h2", { staticClass: "settings-section__name" }, [t._v(" " + t._s(t.name) + " "), t.hasDocUrl ? e("a", { staticClass: "settings-section__info", attrs: { href: t.docUrl, role: "note", "aria-label": t.docNameTranslated, title: t.docNameTranslated, target: "_blank", rel: "noreferrer nofollow" } }, [e("HelpCircle", { attrs: { size: 20 } })], 1) : t._e()]), t.hasDescription ? e("p", { staticClass: "settings-section__desc" }, [t._v(" " + t._s(t.description) + " ")]) : t._e(), t._t("default")], 2);
-}, o = [], l = n(r, a, o, !1, null, "feb2306f", null, null);
-const f = l.exports;
+  return e("div", { staticClass: "settings-section", class: { "settings-section--limit-width": t.limitWidth } }, [e("h2", { staticClass: "settings-section__name" }, [t._v(" " + t._s(t.name) + " "), t.hasDocUrl ? e("a", { staticClass: "settings-section__info", attrs: { href: t.docUrl, title: t.docNameTranslated, target: "_blank", rel: "noreferrer nofollow" } }, [e("HelpCircle", { attrs: { size: 20 } })], 1) : t._e()]), t.hasDescription ? e("p", { staticClass: "settings-section__desc" }, [t._v(" " + t._s(t.description) + " ")]) : t._e(), t._t("default")], 2);
+}, o = [], c = /* @__PURE__ */ i(
+  r,
+  a,
+  o,
+  !1,
+  null,
+  "375ea653",
+  null,
+  null
+);
+const u = c.exports;
 export {
-  f as default
+  u as default
 };

package/dist/Components/NcSettingsSection.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcSettingsSection.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcSettingsSection.mjs","sources":["../../src/components/NcSettingsSection/NcSettingsSection.vue"],"sourcesContent":["<!--\n  - @copyright Copyright (c) 2019 Julius Härtl <jus@bitgrid.net>\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### General description\n\nThis component is to be used in the settings section of nextcloud.\n\n### Examples\n\n```vue\n<template>\n\t<NcSettingsSection\n\t\tname=\"Two-Factor Authentication\"\n\t\tdescription=\"Two-factor authentication can be enforced for all users and specific groups.\"\n\t\tdoc-url=\"https://docs.nextcloud.com/server/19/go.php?to=admin-2fa\"\n\t\t:limit-width=\"true\">\n\t\t<p>Your settings here</p>\n\t</NcSettingsSection>\n</template>\n```\n</docs>\n\n<template>\n\t<div class=\"settings-section\" :class=\"{'settings-section--limit-width': limitWidth}\">\n\t\t<h2 class=\"settings-section__name\">\n\t\t\t{{ name }}\n\t\t\t<a v-if=\"hasDocUrl\"\n\t\t\t\t:href=\"docUrl\"\n\t\t\t\tclass=\"settings-section__info\"\n\t\t\t\t:title=\"docNameTranslated\"\n\t\t\t\ttarget=\"_blank\"\n\t\t\t\trel=\"noreferrer nofollow\">\n\t\t\t\t<HelpCircle :size=\"20\" />\n\t\t\t</a>\n\t\t</h2>\n\t\t<p v-if=\"hasDescription\"\n\t\t\tclass=\"settings-section__desc\">\n\t\t\t{{ description }}\n\t\t</p>\n\t\t<slot />\n\t</div>\n</template>\n\n<script>\nimport { t } from '../../l10n.js'\n\nimport HelpCircle from 'vue-material-design-icons/HelpCircle.vue'\n\nexport default {\n\tname: 'NcSettingsSection',\n\n\tcomponents: {\n\t\tHelpCircle,\n\t},\n\n\tprops: {\n\t\tname: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t\tdescription: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t\tdocUrl: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t\t/**\n\t\t * Limit the width of the setting's content\n\t\t *\n\t\t * By default only the name and description have a limit, use this\n\t\t * property to also apply this to the rest of the content.\n\t\t */\n\t\tlimitWidth: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\tdocNameTranslated: t('External documentation for {name}', {\n\t\t\t\tname: this.name,\n\t\t\t}),\n\t\t}\n\t},\n\n\tcomputed: {\n\t\thasDescription() {\n\t\t\treturn this.description.length > 0\n\t\t},\n\t\thasDocUrl() {\n\t\t\treturn this.docUrl.length > 0\n\t\t},\n\t},\n}\n\n</script>\n\n<style lang=\"scss\" scoped>\n$maxWidth: 900px;\n\n.settings-section {\n\tdisplay: block;\n\tmargin-bottom: auto;\n\tpadding: 30px;\n\n\t&:not(:last-child) {\n\t\tborder-bottom: 1px solid var(--color-border);\n\t}\n\n\t&--limit-width > * {\n\t\tmax-width: $maxWidth;\n\t}\n\n\t&__name {\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tfont-size: 20px;\n\t\tfont-weight: bold;\n\t\tmax-width: $maxWidth;\n\t}\n\n\t&__info {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\twidth: $clickable-area;\n\t\theight: $clickable-area;\n\t\t// make sure to properly align the icon with the text\n\t\tmargin: -$icon-margin;\n\t\tmargin-left: 0;\n\t\topacity: $opacity_normal;\n\n\t\t&:hover, &:focus, &:active {\n\t\t\topacity: $opacity_full;\n\t\t}\n\t}\n\n\t&__desc {\n\t\tmargin-top: -.2em;\n\t\tmargin-bottom: 1em;\n\t\topacity: $opacity_normal;\n\t\tmax-width: $maxWidth;\n\t}\n}\n\n</style>\n"],"names":["_sfc_main","HelpCircle","t"],"mappings":";;;;AAqEA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,YAAAC;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,UAAA;AAAA,IACA;AAAA,IACA,aAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,IACA,QAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,YAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,mBAAAC,EAAA,qCAAA;AAAA,QACA,MAAA,KAAA;AAAA,MACA,CAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,iBAAA;AACA,aAAA,KAAA,YAAA,SAAA;AAAA,IACA;AAAA,IACA,YAAA;AACA,aAAA,KAAA,OAAA,SAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;"}

package/dist/Components/NcSettingsSelectGroup.cjs

@@ -1 +1,26 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./NcSelect.cjs"),l=require("../chunks/l10n-46d0c1c0.cjs"),u=require("../chunks/l10n-dacb6440.cjs"),a=require("../chunks/GenRandomId-67df40eb.cjs"),n=require("@nextcloud/axios"),d=require("@nextcloud/dialogs"),p=require("@nextcloud/router"),c=require("debounce"),h=require("../chunks/_plugin-vue2_normalizer-764a4c12.cjs"),g={name:"NcSettingsSelectGroup",components:{NcSelect:o},mixins:[u.l10n],props:{label:{type:String,required:!0},placeholder:{type:String,default:""},id:{type:String,default:()=>"action-"+a.GenRandomId(),validator:e=>e.trim()!==""},value:{type:Array,default:()=>[]},disabled:{type:Boolean,default:!1}},emits:["input","error"],data(){return{groups:{},randId:a.GenRandomId()}},computed:{filteredValue(){return this.value.filter(e=>e!==""&&typeof e=="string")},inputValue(){return this.filteredValue.map(e=>typeof this.groups[e]>"u"?{id:e,displayname:e}:this.groups[e])},groupsArray(){return Object.values(this.groups).filter(e=>!this.value.includes(e.id))}},watch:{value:{handler(){const e=Object.keys(this.groups);this.filteredValue.filter(t=>!e.includes(t)).forEach(t=>{this.loadGroup(t)})},immediate:!0}},async mounted(){const e=`${appName}:${appVersion}/initialGroups`;let t=window.sessionStorage.getItem(e);t?(t=Object.fromEntries(JSON.parse(t).map(r=>[r.id,r])),this.groups={...this.groups,...t}):(await this.loadGroup(""),window.sessionStorage.setItem(e,JSON.stringify(Object.values(this.groups))))},methods:{update(e){const t=e.map(r=>r.id);this.$emit("input",t)},async loadGroup(e){try{e=typeof e=="string"?encodeURI(e):"";const t=await n.get(p.generateOcsUrl(`cloud/groups/details?search=${e}&limit=10`,2));if(Object.keys(t.data.ocs.data.groups).length>0){const r=Object.fromEntries(t.data.ocs.data.groups.map(i=>[i.id,i]));return this.groups={...this.groups,...r},!0}}catch(t){this.$emit("error",t),d.showError(l.t("Unable to search the group"))}return!1},filterGroups(e,t,r){return`${t||""} ${e.id}`.toLocaleLowerCase().indexOf(r.toLocaleLowerCase())>-1},onSearch:c.debounce(function(e){this.loadGroup(e)},200)}};var m=function(){var e=this,t=e._self._c;return t("div",[e.label?t("label",{staticClass:"hidden-visually",attrs:{for:e.id}},[e._v(e._s(e.label))]):e._e(),t("NcSelect",{attrs:{value:e.inputValue,options:e.groupsArray,placeholder:e.placeholder||e.label,"filter-by":e.filterGroups,"input-id":e.id,limit:5,label:"displayname",multiple:!0,"close-on-select":!1,disabled:e.disabled},on:{input:e.update,search:e.onSearch}})],1)},f=[],y=h.normalizeComponent(g,m,f,!1,null,null,null,null);const s=y.exports;exports.NcSettingsSelectGroup=s,exports.default=s;
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: !0 }, [Symbol.toStringTag]: { value: "Module" } });
+const e = require("../chunks/NcSettingsSelectGroup-47d9c113.cjs");
+/**
+ * @copyright Copyright (c) 2019 Greta Doci <gretadoci@gmail.com>
+ *
+ * @author Greta Doci <gretadoci@gmail.com>
+ *
+ * @license AGPL-3.0-or-later
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+exports.NcSettingsSelectGroup = e.NcSettingsSelectGroup;
+exports.default = e.NcSettingsSelectGroup;

package/dist/Components/NcSettingsSelectGroup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcSettingsSelectGroup.cjs","sources":["../../src/components/NcSettingsSelectGroup/NcSettingsSelectGroup.vue"],"sourcesContent":["<!--\n  - @copyright Copyright (c) 2019 Julius Härtl <jus@bitgrid.net>\n  -\n  - @author Julius Härtl <jus@bitgrid.net>\n  - @author Greta Doci <gretadoci@gmail.com>\n  - @author Ferdinand Thiessen <opensource@fthiessen.de>\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```vue\n<template>\n\t<section>\n\t\t<NcSettingsSelectGroup v-model=\"groups\" placeholder=\"Select user groups\" label=\"The hidden label\" />\n\t\t<NcSettingsSelectGroup v-model=\"otherGroups\" :disabled=\"true\" label=\"Also a fallback for the placeholder\" />\n\t\t<div>You have selected: <code>{{ groups }}</code> and <code>{{ otherGroups }}</code></div>\n\t</section>\n</template>\n<script>\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\tgroups: [],\n\t\t\totherGroups: ['admin']\n\t\t}\n\t}\n}\n</script>\n<style scoped>\nsection * {\n\tpadding: 6px 0px;\n}\n</style>\n```\n</docs>\n\n<template>\n\t<div>\n\t\t<label v-if=\"label\" :for=\"id\" class=\"hidden-visually\">{{ label }}</label>\n\t\t<NcSelect :value=\"inputValue\"\n\t\t\t:options=\"groupsArray\"\n\t\t\t:placeholder=\"placeholder || label\"\n\t\t\t:filter-by=\"filterGroups\"\n\t\t\t:input-id=\"id\"\n\t\t\t:limit=\"5\"\n\t\t\tlabel=\"displayname\"\n\t\t\t:multiple=\"true\"\n\t\t\t:close-on-select=\"false\"\n\t\t\t:disabled=\"disabled\"\n\t\t\t@input=\"update\"\n\t\t\t@search=\"onSearch\" />\n\t</div>\n</template>\n\n<script>\nimport NcSelect from '../../components/NcSelect/index.js'\nimport { t } from '../../l10n.js'\nimport l10n from '../../mixins/l10n.js'\nimport GenRandomId from '../../utils/GenRandomId.js'\n\nimport axios from '@nextcloud/axios'\nimport { showError } from '@nextcloud/dialogs'\nimport { generateOcsUrl } from '@nextcloud/router'\nimport { debounce } from 'debounce'\n\nexport default {\n\tname: 'NcSettingsSelectGroup',\n\tcomponents: {\n\t\tNcSelect,\n\t},\n\tmixins: [l10n],\n\tprops: {\n\t\t/**\n\t\t * The text of the label element of the select group input\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 * Placeholder for the input element\n\t\t * For backwards compatibility it falls back to the `label` value\n\t\t */\n\t\tplaceholder: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\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: () => 'action-' + GenRandomId(),\n\t\t\tvalidator: id => id.trim() !== '',\n\t\t},\n\n\t\t/**\n\t\t * value of the select group input\n\t\t * A list of group IDs can be provided\n\t\t */\n\t\tvalue: {\n\t\t\ttype: Array,\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\t},\n\temits: [\n\t\t'input',\n\t\t'error',\n\t],\n\tdata() {\n\t\treturn {\n\t\t\t/** Temporary store to cache groups */\n\t\t\tgroups: {},\n\t\t\trandId: GenRandomId(),\n\t\t}\n\t},\n\tcomputed: {\n\t\t/**\n\t\t * Validate input value and only return valid strings (group IDs)\n\t\t *\n\t\t * @return {string[]}\n\t\t */\n\t\tfilteredValue() {\n\t\t\treturn this.value.filter((group) => group !== '' && typeof group === 'string')\n\t\t},\n\n\t\t/**\n\t\t * value property converted to an array of group objects used as input for the NcSelect\n\t\t */\n\t\tinputValue() {\n\t\t\treturn this.filteredValue.map(\n\t\t\t\t(id) => {\n\t\t\t\t\tif (typeof this.groups[id] === 'undefined') {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\tdisplayname: id,\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn this.groups[id]\n\t\t\t\t},\n\t\t\t)\n\t\t},\n\n\t\t/**\n\t\t * Convert groups object to array of groups required for NcSelect.options\n\t\t * Filter out currently selected values\n\t\t *\n\t\t * @return {object[]}\n\t\t */\n\t\tgroupsArray() {\n\t\t\treturn Object.values(this.groups).filter(g => !this.value.includes(g.id))\n\t\t},\n\t},\n\twatch: {\n\t\t/**\n\t\t * If the value is changed, check that all groups are loaded so we show the correct display name\n\t\t */\n\t\tvalue: {\n\t\t\thandler() {\n\t\t\t\tconst loadedGroupIds = Object.keys(this.groups)\n\t\t\t\tconst missing = this.filteredValue.filter(group => !loadedGroupIds.includes(group))\n\t\t\t\tmissing.forEach((groupId) => {\n\t\t\t\t\tthis.loadGroup(groupId)\n\t\t\t\t})\n\t\t\t},\n\t\t\t// Run the watch handler also when the component is initially mounted\n\t\t\timmediate: true,\n\t\t},\n\t},\n\t/**\n\t * Load groups matching the empty query to reduce API calls\n\t */\n\tasync mounted() {\n\t\t// version scoped to prevent issues with different library versions\n\t\tconst storageName = `${appName}:${appVersion}/initialGroups`\n\n\t\tlet savedGroups = window.sessionStorage.getItem(storageName)\n\t\tif (savedGroups) {\n\t\t\tsavedGroups = Object.fromEntries(JSON.parse(savedGroups).map(group => [group.id, group]))\n\t\t\tthis.groups = { ...this.groups, ...savedGroups }\n\t\t} else {\n\t\t\tawait this.loadGroup('')\n\t\t\twindow.sessionStorage.setItem(storageName, JSON.stringify(Object.values(this.groups)))\n\t\t}\n\t},\n\tmethods: {\n\t\t/**\n\t\t * Called when a new group is selected or previous group is deselected to emit the update event\n\t\t *\n\t\t * @param {object[]} updatedValue Array of selected groups\n\t\t */\n\t\tupdate(updatedValue) {\n\t\t\tconst value = updatedValue.map((element) => element.id)\n\t\t\t/** Emitted when the groups selection changes<br />**Payload:** `value` (`Array`) - *Ids of selected groups */\n\t\t\tthis.$emit('input', value)\n\t\t},\n\n\t\t/**\n\t\t * Use provisioning API to search for given group and save it in the groups object\n\t\t *\n\t\t * @param {string} query The query like parts of the id oder display name\n\t\t * @return {boolean}\n\t\t */\n\t\tasync loadGroup(query) {\n\t\t\ttry {\n\t\t\t\tquery = typeof query === 'string' ? encodeURI(query) : ''\n\t\t\t\tconst response = await axios.get(generateOcsUrl(`cloud/groups/details?search=${query}&limit=10`, 2))\n\n\t\t\t\tif (Object.keys(response.data.ocs.data.groups).length > 0) {\n\t\t\t\t\tconst newGroups = Object.fromEntries(response.data.ocs.data.groups.map((element) => [element.id, element]))\n\t\t\t\t\tthis.groups = { ...this.groups, ...newGroups }\n\t\t\t\t\treturn true\n\t\t\t\t}\n\t\t\t} catch (error) {\n\t\t\t\t/** Emitted if groups could not be queried.<br />**Payload:** `error` (`object`) - The Axios error */\n\t\t\t\tthis.$emit('error', error)\n\t\t\t\tshowError(t('Unable to search the group'))\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\n\t\t/**\n\t\t * Custom filter function for `NcSelect` to filter by ID *and* display name\n\t\t *\n\t\t * @param {object} option One of the groups\n\t\t * @param {string} label The label property of the group\n\t\t * @param {string} search The current search string\n\t\t */\n\t\tfilterGroups(option, label, search) {\n\t\t\treturn `${label || ''} ${option.id}`.toLocaleLowerCase().indexOf(search.toLocaleLowerCase()) > -1\n\t\t},\n\n\t\t/**\n\t\t * Debounce the group search (reduce API calls)\n\t\t */\n\t\tonSearch: debounce(function(query) {\n\t\t\tthis.loadGroup(query)\n\t\t}, 200),\n\t},\n}\n</script>\n"],"names":["_sfc_main","NcSelect","l10n","GenRandomId","id","group","g","loadedGroupIds","groupId","storageName","savedGroups","updatedValue","value","element","query","response","axios","generateOcsUrl","newGroups","error","showError","t","option","label","search","debounce"],"mappings":"+bAgFAA,EAAA,CACA,KAAA,wBACA,WAAA,CACA,SAAAC,CACA,EACA,OAAA,CAAAC,EAAAA,IAAA,EACA,MAAA,CAIA,MAAA,CACA,KAAA,OACA,SAAA,EACA,EAMA,YAAA,CACA,KAAA,OACA,QAAA,EACA,EAKA,GAAA,CACA,KAAA,OACA,QAAA,IAAA,UAAAC,cAAA,EACA,UAAAC,GAAAA,EAAA,KAAA,IAAA,EACA,EAMA,MAAA,CACA,KAAA,MACA,QAAA,IAAA,CAAA,CACA,EAKA,SAAA,CACA,KAAA,QACA,QAAA,EACA,CACA,EACA,MAAA,CACA,QACA,OACA,EACA,MAAA,CACA,MAAA,CAEA,OAAA,CAAA,EACA,OAAAD,EAAAA,YAAA,CACA,CACA,EACA,SAAA,CAMA,eAAA,CACA,OAAA,KAAA,MAAA,OAAAE,GAAAA,IAAA,IAAA,OAAAA,GAAA,QAAA,CACA,EAKA,YAAA,CACA,OAAA,KAAA,cAAA,IACAD,GACA,OAAA,KAAA,OAAAA,CAAA,EAAA,IACA,CACA,GAAAA,EACA,YAAAA,CACA,EAEA,KAAA,OAAAA,CAAA,CAEA,CACA,EAQA,aAAA,CACA,OAAA,OAAA,OAAA,KAAA,MAAA,EAAA,OAAAE,GAAA,CAAA,KAAA,MAAA,SAAAA,EAAA,EAAA,CAAA,CACA,CACA,EACA,MAAA,CAIA,MAAA,CACA,SAAA,CACA,MAAAC,EAAA,OAAA,KAAA,KAAA,MAAA,EACA,KAAA,cAAA,OAAAF,GAAA,CAAAE,EAAA,SAAAF,CAAA,CAAA,EACA,QAAAG,GAAA,CACA,KAAA,UAAAA,CAAA,CACA,CAAA,CACA,EAEA,UAAA,EACA,CACA,EAIA,MAAA,SAAA,CAEA,MAAAC,EAAA,GAAA,OAAA,IAAA,UAAA,iBAEA,IAAAC,EAAA,OAAA,eAAA,QAAAD,CAAA,EACAC,GACAA,EAAA,OAAA,YAAA,KAAA,MAAAA,CAAA,EAAA,IAAAL,GAAA,CAAAA,EAAA,GAAAA,CAAA,CAAA,CAAA,EACA,KAAA,OAAA,CAAA,GAAA,KAAA,OAAA,GAAAK,CAAA,IAEA,MAAA,KAAA,UAAA,EAAA,EACA,OAAA,eAAA,QAAAD,EAAA,KAAA,UAAA,OAAA,OAAA,KAAA,MAAA,CAAA,CAAA,EAEA,EACA,QAAA,CAMA,OAAAE,EAAA,CACA,MAAAC,EAAAD,EAAA,IAAAE,GAAAA,EAAA,EAAA,EAEA,KAAA,MAAA,QAAAD,CAAA,CACA,EAQA,MAAA,UAAAE,EAAA,CACA,GAAA,CACAA,EAAA,OAAAA,GAAA,SAAA,UAAAA,CAAA,EAAA,GACA,MAAAC,EAAA,MAAAC,EAAA,IAAAC,EAAA,eAAA,+BAAAH,CAAA,YAAA,CAAA,CAAA,EAEA,GAAA,OAAA,KAAAC,EAAA,KAAA,IAAA,KAAA,MAAA,EAAA,OAAA,EAAA,CACA,MAAAG,EAAA,OAAA,YAAAH,EAAA,KAAA,IAAA,KAAA,OAAA,IAAAF,GAAA,CAAAA,EAAA,GAAAA,CAAA,CAAA,CAAA,EACA,OAAA,KAAA,OAAA,CAAA,GAAA,KAAA,OAAA,GAAAK,CAAA,EACA,EAEA,CAAA,OAAAC,EAAA,CAEA,KAAA,MAAA,QAAAA,CAAA,EACAC,YAAAC,EAAAA,EAAA,4BAAA,CAAA,CACA,CACA,MAAA,EACA,EASA,aAAAC,EAAAC,EAAAC,EAAA,CACA,MAAA,GAAAD,GAAA,EAAAD,IAAAA,EAAA,KAAA,kBAAA,EAAA,QAAAE,EAAA,kBAAA,CAAA,EAAA,EACA,EAKA,SAAAC,EAAAA,SAAA,SAAAX,EAAA,CACA,KAAA,UAAAA,CAAA,CACA,EAAA,GAAA,CACA,CACA"}
+{"version":3,"file":"NcSettingsSelectGroup.cjs","sources":["../../src/components/NcSettingsSelectGroup/index.js"],"sourcesContent":["/**\n * @copyright Copyright (c) 2019 Greta Doci <gretadoci@gmail.com>\n *\n * @author Greta Doci <gretadoci@gmail.com>\n *\n * @license AGPL-3.0-or-later\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n *\n */\nimport NcSettingsSelectGroup from './NcSettingsSelectGroup.vue'\n\nexport default NcSettingsSelectGroup\nexport { NcSettingsSelectGroup }\n"],"names":[],"mappings":";;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;"}

package/dist/Components/NcSettingsSelectGroup.mjs

@@ -1,55 +1,26 @@
-import i from "./NcSelect.mjs";
-import { t as s } from "../chunks/l10n-9a5a6afc.mjs";
-import { l } from "../chunks/l10n-05baf7da.mjs";
-import { G as o } from "../chunks/GenRandomId-1e1b509a.mjs";
-import u from "@nextcloud/axios";
-import { showError as n } from "@nextcloud/dialogs";
-import { generateOcsUrl as p } from "@nextcloud/router";
-import { debounce as d } from "debounce";
-import { n as c } from "../chunks/_plugin-vue2_normalizer-5b4c43a4.mjs";
-const m = { name: "NcSettingsSelectGroup", components: { NcSelect: i }, mixins: [l], props: { label: { type: String, required: !0 }, placeholder: { type: String, default: "" }, id: { type: String, default: () => "action-" + o(), validator: (e) => e.trim() !== "" }, value: { type: Array, default: () => [] }, disabled: { type: Boolean, default: !1 } }, emits: ["input", "error"], data() {
-  return { groups: {}, randId: o() };
-}, computed: { filteredValue() {
-  return this.value.filter((e) => e !== "" && typeof e == "string");
-}, inputValue() {
-  return this.filteredValue.map((e) => typeof this.groups[e] > "u" ? { id: e, displayname: e } : this.groups[e]);
-}, groupsArray() {
-  return Object.values(this.groups).filter((e) => !this.value.includes(e.id));
-} }, watch: { value: { handler() {
-  const e = Object.keys(this.groups);
-  this.filteredValue.filter((t) => !e.includes(t)).forEach((t) => {
-    this.loadGroup(t);
-  });
-}, immediate: !0 } }, async mounted() {
-  const e = `${appName}:${appVersion}/initialGroups`;
-  let t = window.sessionStorage.getItem(e);
-  t ? (t = Object.fromEntries(JSON.parse(t).map((r) => [r.id, r])), this.groups = { ...this.groups, ...t }) : (await this.loadGroup(""), window.sessionStorage.setItem(e, JSON.stringify(Object.values(this.groups))));
-}, methods: { update(e) {
-  const t = e.map((r) => r.id);
-  this.$emit("input", t);
-}, async loadGroup(e) {
-  try {
-    e = typeof e == "string" ? encodeURI(e) : "";
-    const t = await u.get(p(`cloud/groups/details?search=${e}&limit=10`, 2));
-    if (Object.keys(t.data.ocs.data.groups).length > 0) {
-      const r = Object.fromEntries(t.data.ocs.data.groups.map((a) => [a.id, a]));
-      return this.groups = { ...this.groups, ...r }, !0;
-    }
-  } catch (t) {
-    this.$emit("error", t), n(s("Unable to search the group"));
-  }
-  return !1;
-}, filterGroups(e, t, r) {
-  return `${t || ""} ${e.id}`.toLocaleLowerCase().indexOf(r.toLocaleLowerCase()) > -1;
-}, onSearch: d(function(e) {
-  this.loadGroup(e);
-}, 200) } };
-var f = function() {
-  var e = this, t = e._self._c;
-  return t("div", [e.label ? t("label", { staticClass: "hidden-visually", attrs: { for: e.id } }, [e._v(e._s(e.label))]) : e._e(), t("NcSelect", { attrs: { value: e.inputValue, options: e.groupsArray, placeholder: e.placeholder || e.label, "filter-by": e.filterGroups, "input-id": e.id, limit: 5, label: "displayname", multiple: !0, "close-on-select": !1, disabled: e.disabled }, on: { input: e.update, search: e.onSearch } })], 1);
-}, h = [], g = c(m, f, h, !1, null, null, null, null);
-const j = g.exports;
+import { N as e } from "../chunks/NcSettingsSelectGroup-0f4a0f94.mjs";
+/**
+ * @copyright Copyright (c) 2019 Greta Doci <gretadoci@gmail.com>
+ *
+ * @author Greta Doci <gretadoci@gmail.com>
+ *
+ * @license AGPL-3.0-or-later
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU Affero General Public License as
+ * published by the Free Software Foundation, either version 3 of the
+ * License, or (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
 export {
-  j as NcSettingsSelectGroup,
-  j as default
+  e as NcSettingsSelectGroup,
+  e as default
 };

package/dist/Components/NcSettingsSelectGroup.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcSettingsSelectGroup.mjs","sources":["../../src/components/NcSettingsSelectGroup/NcSettingsSelectGroup.vue"],"sourcesContent":["<!--\n  - @copyright Copyright (c) 2019 Julius Härtl <jus@bitgrid.net>\n  -\n  - @author Julius Härtl <jus@bitgrid.net>\n  - @author Greta Doci <gretadoci@gmail.com>\n  - @author Ferdinand Thiessen <opensource@fthiessen.de>\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```vue\n<template>\n\t<section>\n\t\t<NcSettingsSelectGroup v-model=\"groups\" placeholder=\"Select user groups\" label=\"The hidden label\" />\n\t\t<NcSettingsSelectGroup v-model=\"otherGroups\" :disabled=\"true\" label=\"Also a fallback for the placeholder\" />\n\t\t<div>You have selected: <code>{{ groups }}</code> and <code>{{ otherGroups }}</code></div>\n\t</section>\n</template>\n<script>\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\tgroups: [],\n\t\t\totherGroups: ['admin']\n\t\t}\n\t}\n}\n</script>\n<style scoped>\nsection * {\n\tpadding: 6px 0px;\n}\n</style>\n```\n</docs>\n\n<template>\n\t<div>\n\t\t<label v-if=\"label\" :for=\"id\" class=\"hidden-visually\">{{ label }}</label>\n\t\t<NcSelect :value=\"inputValue\"\n\t\t\t:options=\"groupsArray\"\n\t\t\t:placeholder=\"placeholder || label\"\n\t\t\t:filter-by=\"filterGroups\"\n\t\t\t:input-id=\"id\"\n\t\t\t:limit=\"5\"\n\t\t\tlabel=\"displayname\"\n\t\t\t:multiple=\"true\"\n\t\t\t:close-on-select=\"false\"\n\t\t\t:disabled=\"disabled\"\n\t\t\t@input=\"update\"\n\t\t\t@search=\"onSearch\" />\n\t</div>\n</template>\n\n<script>\nimport NcSelect from '../../components/NcSelect/index.js'\nimport { t } from '../../l10n.js'\nimport l10n from '../../mixins/l10n.js'\nimport GenRandomId from '../../utils/GenRandomId.js'\n\nimport axios from '@nextcloud/axios'\nimport { showError } from '@nextcloud/dialogs'\nimport { generateOcsUrl } from '@nextcloud/router'\nimport { debounce } from 'debounce'\n\nexport default {\n\tname: 'NcSettingsSelectGroup',\n\tcomponents: {\n\t\tNcSelect,\n\t},\n\tmixins: [l10n],\n\tprops: {\n\t\t/**\n\t\t * The text of the label element of the select group input\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 * Placeholder for the input element\n\t\t * For backwards compatibility it falls back to the `label` value\n\t\t */\n\t\tplaceholder: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\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: () => 'action-' + GenRandomId(),\n\t\t\tvalidator: id => id.trim() !== '',\n\t\t},\n\n\t\t/**\n\t\t * value of the select group input\n\t\t * A list of group IDs can be provided\n\t\t */\n\t\tvalue: {\n\t\t\ttype: Array,\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\t},\n\temits: [\n\t\t'input',\n\t\t'error',\n\t],\n\tdata() {\n\t\treturn {\n\t\t\t/** Temporary store to cache groups */\n\t\t\tgroups: {},\n\t\t\trandId: GenRandomId(),\n\t\t}\n\t},\n\tcomputed: {\n\t\t/**\n\t\t * Validate input value and only return valid strings (group IDs)\n\t\t *\n\t\t * @return {string[]}\n\t\t */\n\t\tfilteredValue() {\n\t\t\treturn this.value.filter((group) => group !== '' && typeof group === 'string')\n\t\t},\n\n\t\t/**\n\t\t * value property converted to an array of group objects used as input for the NcSelect\n\t\t */\n\t\tinputValue() {\n\t\t\treturn this.filteredValue.map(\n\t\t\t\t(id) => {\n\t\t\t\t\tif (typeof this.groups[id] === 'undefined') {\n\t\t\t\t\t\treturn {\n\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\tdisplayname: id,\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn this.groups[id]\n\t\t\t\t},\n\t\t\t)\n\t\t},\n\n\t\t/**\n\t\t * Convert groups object to array of groups required for NcSelect.options\n\t\t * Filter out currently selected values\n\t\t *\n\t\t * @return {object[]}\n\t\t */\n\t\tgroupsArray() {\n\t\t\treturn Object.values(this.groups).filter(g => !this.value.includes(g.id))\n\t\t},\n\t},\n\twatch: {\n\t\t/**\n\t\t * If the value is changed, check that all groups are loaded so we show the correct display name\n\t\t */\n\t\tvalue: {\n\t\t\thandler() {\n\t\t\t\tconst loadedGroupIds = Object.keys(this.groups)\n\t\t\t\tconst missing = this.filteredValue.filter(group => !loadedGroupIds.includes(group))\n\t\t\t\tmissing.forEach((groupId) => {\n\t\t\t\t\tthis.loadGroup(groupId)\n\t\t\t\t})\n\t\t\t},\n\t\t\t// Run the watch handler also when the component is initially mounted\n\t\t\timmediate: true,\n\t\t},\n\t},\n\t/**\n\t * Load groups matching the empty query to reduce API calls\n\t */\n\tasync mounted() {\n\t\t// version scoped to prevent issues with different library versions\n\t\tconst storageName = `${appName}:${appVersion}/initialGroups`\n\n\t\tlet savedGroups = window.sessionStorage.getItem(storageName)\n\t\tif (savedGroups) {\n\t\t\tsavedGroups = Object.fromEntries(JSON.parse(savedGroups).map(group => [group.id, group]))\n\t\t\tthis.groups = { ...this.groups, ...savedGroups }\n\t\t} else {\n\t\t\tawait this.loadGroup('')\n\t\t\twindow.sessionStorage.setItem(storageName, JSON.stringify(Object.values(this.groups)))\n\t\t}\n\t},\n\tmethods: {\n\t\t/**\n\t\t * Called when a new group is selected or previous group is deselected to emit the update event\n\t\t *\n\t\t * @param {object[]} updatedValue Array of selected groups\n\t\t */\n\t\tupdate(updatedValue) {\n\t\t\tconst value = updatedValue.map((element) => element.id)\n\t\t\t/** Emitted when the groups selection changes<br />**Payload:** `value` (`Array`) - *Ids of selected groups */\n\t\t\tthis.$emit('input', value)\n\t\t},\n\n\t\t/**\n\t\t * Use provisioning API to search for given group and save it in the groups object\n\t\t *\n\t\t * @param {string} query The query like parts of the id oder display name\n\t\t * @return {boolean}\n\t\t */\n\t\tasync loadGroup(query) {\n\t\t\ttry {\n\t\t\t\tquery = typeof query === 'string' ? encodeURI(query) : ''\n\t\t\t\tconst response = await axios.get(generateOcsUrl(`cloud/groups/details?search=${query}&limit=10`, 2))\n\n\t\t\t\tif (Object.keys(response.data.ocs.data.groups).length > 0) {\n\t\t\t\t\tconst newGroups = Object.fromEntries(response.data.ocs.data.groups.map((element) => [element.id, element]))\n\t\t\t\t\tthis.groups = { ...this.groups, ...newGroups }\n\t\t\t\t\treturn true\n\t\t\t\t}\n\t\t\t} catch (error) {\n\t\t\t\t/** Emitted if groups could not be queried.<br />**Payload:** `error` (`object`) - The Axios error */\n\t\t\t\tthis.$emit('error', error)\n\t\t\t\tshowError(t('Unable to search the group'))\n\t\t\t}\n\t\t\treturn false\n\t\t},\n\n\t\t/**\n\t\t * Custom filter function for `NcSelect` to filter by ID *and* display name\n\t\t *\n\t\t * @param {object} option One of the groups\n\t\t * @param {string} label The label property of the group\n\t\t * @param {string} search The current search string\n\t\t */\n\t\tfilterGroups(option, label, search) {\n\t\t\treturn `${label || ''} ${option.id}`.toLocaleLowerCase().indexOf(search.toLocaleLowerCase()) > -1\n\t\t},\n\n\t\t/**\n\t\t * Debounce the group search (reduce API calls)\n\t\t */\n\t\tonSearch: debounce(function(query) {\n\t\t\tthis.loadGroup(query)\n\t\t}, 200),\n\t},\n}\n</script>\n"],"names":["_sfc_main","NcSelect","l10n","GenRandomId","id","group","g","loadedGroupIds","groupId","storageName","savedGroups","updatedValue","value","element","query","response","axios","generateOcsUrl","newGroups","error","showError","t","option","label","search","debounce"],"mappings":";;;;;;;;;AAgFA,MAAAA,IAAA,EACA,MAAA,yBACA,YAAA,EACA,UAAAC,EACA,GACA,QAAA,CAAAC,CAAA,GACA,OAAA,EAIA,OAAA,EACA,MAAA,QACA,UAAA,GACA,GAMA,aAAA,EACA,MAAA,QACA,SAAA,GACA,GAKA,IAAA,EACA,MAAA,QACA,SAAA,MAAA,YAAAC,EAAA,GACA,WAAAC,CAAAA,MAAAA,EAAA,KAAA,MAAA,GACA,GAMA,OAAA,EACA,MAAA,OACA,SAAA,MAAA,CAAA,EACA,GAKA,UAAA,EACA,MAAA,SACA,SAAA,GACA,EACA,GACA,OAAA,CACA,SACA,OACA,GACA,OAAA;AACA,SAAA,EAEA,QAAA,CAAA,GACA,QAAAD,EAAA,EACA;AACA,GACA,UAAA,EAMA,gBAAA;AACA,SAAA,KAAA,MAAA,OAAAE,CAAAA,MAAAA,MAAA,MAAA,OAAAA,KAAA,QAAA;AACA,GAKA,aAAA;AACA,SAAA,KAAA,cAAA,IACAD,CAAAA,MACA,OAAA,KAAA,OAAAA,CAAA,IAAA,MACA,EACA,IAAAA,GACA,aAAAA,EACA,IAEA,KAAA,OAAAA,CAAA,CAEA;AACA,GAQA,cAAA;AACA,SAAA,OAAA,OAAA,KAAA,MAAA,EAAA,OAAAE,CAAAA,MAAA,CAAA,KAAA,MAAA,SAAAA,EAAA,EAAA,CAAA;AACA,EACA,GACA,OAAA,EAIA,OAAA,EACA,UAAA;AACA,QAAAC,IAAA,OAAA,KAAA,KAAA,MAAA;AACA,OAAA,cAAA,OAAAF,CAAAA,MAAA,CAAAE,EAAA,SAAAF,CAAA,CAAA,EACA,QAAAG,CAAAA,MAAA;AACA,SAAA,UAAAA,CAAA;AAAA,EACA,CAAA;AACA,GAEA,WAAA,GACA,EACA,GAIA,MAAA,UAAA;AAEA,QAAAC,IAAA,GAAA,OAAA,IAAA,UAAA;AAEA,MAAAC,IAAA,OAAA,eAAA,QAAAD,CAAA;AACAC,EAAAA,KACAA,IAAA,OAAA,YAAA,KAAA,MAAAA,CAAA,EAAA,IAAAL,OAAA,CAAAA,EAAA,IAAAA,CAAA,CAAA,CAAA,GACA,KAAA,SAAA,EAAA,GAAA,KAAA,QAAA,GAAAK,EAAA,MAEA,MAAA,KAAA,UAAA,EAAA,GACA,OAAA,eAAA,QAAAD,GAAA,KAAA,UAAA,OAAA,OAAA,KAAA,MAAA,CAAA,CAAA;AAEA,GACA,SAAA,EAMA,OAAAE,GAAA;AACA,QAAAC,IAAAD,EAAA,IAAAE,OAAAA,EAAA,EAAA;AAEA,OAAA,MAAA,SAAAD,CAAA;AACA,GAQA,MAAA,UAAAE,GAAA;AACA,MAAA;AACAA,IAAAA,IAAA,OAAAA,KAAA,WAAA,UAAAA,CAAA,IAAA;AACA,UAAAC,IAAA,MAAAC,EAAA,IAAAC,EAAA,+BAAAH,CAAA,aAAA,CAAA,CAAA;AAEA,QAAA,OAAA,KAAAC,EAAA,KAAA,IAAA,KAAA,MAAA,EAAA,SAAA,GAAA;AACA,YAAAG,IAAA,OAAA,YAAAH,EAAA,KAAA,IAAA,KAAA,OAAA,IAAAF,CAAAA,MAAA,CAAAA,EAAA,IAAAA,CAAA,CAAA,CAAA;AACA,aAAA,KAAA,SAAA,EAAA,GAAA,KAAA,QAAA,GAAAK,EAAA,GACA;AAAA;EAEA,SAAAC,GAAA;AAEA,SAAA,MAAA,SAAAA,CAAA,GACAC,EAAAC,EAAA,4BAAA,CAAA;AAAA,EACA;AACA,SAAA;AACA,GASA,aAAAC,GAAAC,GAAAC,GAAA;AACA,SAAA,GAAAD,KAAA,EAAA,IAAAD,EAAA,EAAA,GAAA,kBAAA,EAAA,QAAAE,EAAA,kBAAA,CAAA,IAAA;AACA,GAKA,UAAAC,EAAA,SAAAX,GAAA;AACA,OAAA,UAAAA,CAAA;AACA,GAAA,GAAA,EACA,EACA;;;;;;"}
+{"version":3,"file":"NcSettingsSelectGroup.mjs","sources":["../../src/components/NcSettingsSelectGroup/index.js"],"sourcesContent":["/**\n * @copyright Copyright (c) 2019 Greta Doci <gretadoci@gmail.com>\n *\n * @author Greta Doci <gretadoci@gmail.com>\n *\n * @license AGPL-3.0-or-later\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU Affero General Public License as\n * published by the Free Software Foundation, either version 3 of the\n * License, or (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n * GNU Affero General Public License for more details.\n *\n * You should have received a copy of the GNU Affero General Public License\n * along with this program. If not, see <http://www.gnu.org/licenses/>.\n *\n */\nimport NcSettingsSelectGroup from './NcSettingsSelectGroup.vue'\n\nexport default NcSettingsSelectGroup\nexport { NcSettingsSelectGroup }\n"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/Components/NcTextField.cjs

@@ -1 +1,74 @@
-"use strict";const n=require("./NcInputField.cjs"),r=require("vue-material-design-icons/Close.vue"),i=require("vue-material-design-icons/ArrowRight.vue"),l=require("vue-material-design-icons/UndoVariant.vue"),o=require("../chunks/l10n-46d0c1c0.cjs"),u=require("../chunks/_plugin-vue2_normalizer-764a4c12.cjs"),s={name:"NcTextField",components:{NcInputField:n,Close:r,ArrowRight:i,Undo:l},inheritAttrs:!1,props:{...n.props,trailingButtonIcon:{type:String,default:"close",validator:t=>["close","arrowRight","undo"].includes(t)}},emits:["update:value"],computed:{clearTextLabel(){return this.trailingButtonLabel||o.t("Clear text")}},methods:{focus(){this.$refs.inputField.focus()},select(){this.$refs.inputField.select()},handleInput(t){this.$emit("update:value",t.target.value)}}};var a=function(){var t=this,e=t._self._c;return e("NcInputField",t._g(t._b({ref:"inputField",attrs:{"trailing-button-label":t.clearTextLabel},on:{input:t.handleInput},scopedSlots:t._u([t.type!=="search"?{key:"trailing-button-icon",fn:function(){return[t.trailingButtonIcon==="close"?e("Close",{attrs:{size:20}}):t.trailingButtonIcon==="arrowRight"?e("ArrowRight",{attrs:{size:20}}):t.trailingButtonIcon==="undo"?e("Undo",{attrs:{size:20}}):t._e()]},proxy:!0}:null],null,!0)},"NcInputField",{...t.$attrs,...t.$props},!1),t.$listeners),[t._t("default")],2)},c=[],p=u.normalizeComponent(s,a,c,!1,null,null,null,null);const d=p.exports;module.exports=d;
+"use strict";
+const l = require("./NcInputField.cjs"), o = require("vue-material-design-icons/Close.vue"), s = require("vue-material-design-icons/ArrowRight.vue"), i = require("vue-material-design-icons/UndoVariant.vue"), u = require("../chunks/l10n-903083c4.cjs"), a = require("../chunks/_plugin-vue2_normalizer-7f9efb60.cjs"), r = (e) => e && e.__esModule ? e : { default: e }, c = /* @__PURE__ */ r(o), d = /* @__PURE__ */ r(s), p = /* @__PURE__ */ r(i), _ = {
+  name: "NcTextField",
+  components: {
+    NcInputField: l,
+    Close: c.default,
+    ArrowRight: d.default,
+    Undo: p.default
+  },
+  // Allow forwarding all attributes
+  inheritAttrs: !1,
+  props: {
+    ...l.props,
+    /**
+     * Specifies which material design icon should be used for the trailing
+     * button. Value can be `close`, `arrowRight`, or `undo`.
+     */
+    trailingButtonIcon: {
+      type: String,
+      default: "close",
+      validator: (e) => [
+        "close",
+        "arrowRight",
+        "undo"
+      ].includes(e)
+    }
+  },
+  emits: [
+    "update:value"
+  ],
+  computed: {
+    clearTextLabel() {
+      return this.trailingButtonLabel || u.t("Clear text");
+    }
+  },
+  methods: {
+    /**
+     * Focus the input element
+     *
+     * @public
+     */
+    focus() {
+      this.$refs.inputField.focus();
+    },
+    /**
+     * Select all the text in the input
+     *
+     * @public
+     */
+    select() {
+      this.$refs.inputField.select();
+    },
+    handleInput(e) {
+      this.$emit("update:value", e.target.value);
+    }
+  }
+};
+var f = function() {
+  var t = this, n = t._self._c;
+  return n("NcInputField", t._g(t._b({ ref: "inputField", attrs: { "trailing-button-label": t.clearTextLabel }, on: { input: t.handleInput }, scopedSlots: t._u([t.type !== "search" ? { key: "trailing-button-icon", fn: function() {
+    return [t.trailingButtonIcon === "close" ? n("Close", { attrs: { size: 20 } }) : t.trailingButtonIcon === "arrowRight" ? n("ArrowRight", { attrs: { size: 20 } }) : t.trailingButtonIcon === "undo" ? n("Undo", { attrs: { size: 20 } }) : t._e()];
+  }, proxy: !0 } : null], null, !0) }, "NcInputField", { ...t.$attrs, ...t.$props }, !1), t.$listeners), [t._t("default")], 2);
+}, g = [], h = /* @__PURE__ */ a.normalizeComponent(
+  _,
+  f,
+  g,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const m = h.exports;
+module.exports = m;

package/dist/Components/NcTextField.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcTextField.cjs","sources":["../../src/components/NcTextField/NcTextField.vue"],"sourcesContent":["<!--\n  - @copyright Copyright (c) 2022 Marco Ambrosini <marcoambrosini@pm.me>\n  -\n  - @author Marco Ambrosini <marcoambrosini@pm.me>\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<docs>\n### Description\nSee [NcInputField](#/Components/NcFields?id=ncinputfield) for a list of all available props.\n\nGeneral purpose text field component.\nIt is recommended to not only provide a placeholder, but also a label.\nThe label should describe what input is expected and the placehold what format the input should have.\n\nNote: the inner html `input` element inherits all the attributes from the\nNcTextField component so you can add things like `autocomplete`, `maxlength`\nand `minlength`.\n\n```\n<template>\n\t<div class=\"wrapper\">\n\t\t<NcTextField :value.sync=\"text1\"\n\t\t\tlabel=\"Leading icon and clear trailing button\"\n\t\t\ttrailing-button-icon=\"close\"\n\t\t\t:show-trailing-button=\"text1 !== ''\"\n\t\t\t@trailing-button-click=\"clearText\">\n\t\t\t<Magnify :size=\"20\" />\n\t\t</NcTextField>\n\t\t<NcTextField :value.sync=\"text4\"\n\t\t\tlabel=\"Internal label\"\n\t\t\tplaceholder=\"That can be used together with placeholder\"\n\t\t\ttrailing-button-icon=\"close\"\n\t\t\t:show-trailing-button=\"text4 !== ''\"\n\t\t\t@trailing-button-click=\"clearText\">\n\t\t\t<Lock :size=\"20\" />\n\t\t</NcTextField>\n\t\t<NcTextField :value.sync=\"text2\"\n\t\t\tlabel=\"Success state\"\n\t\t\tplaceholder=\"Placeholders are possible\"\n\t\t\t:success=\"true\"\n\t\t\t@trailing-button-click=\"clearText\">\n\t\t</NcTextField>\n\t\t<NcTextField :value.sync=\"text3\"\n\t\t\tlabel=\"Error state\"\n\t\t\tplaceholder=\"Enter something valid\"\n\t\t\t:error=\"true\"\n\t\t\t@trailing-button-click=\"clearText\">\n\t\t</NcTextField>\n\t\t<NcTextField label=\"Disabled\"\n\t\t\t:disabled=\"true\" />\n\t\t<NcTextField label=\"Disabled + Success\"\n\t\t\t:success=\"true\"\n\t\t\t:disabled=\"true\" />\n\t\t<div class=\"external-label\">\n\t\t\t<label for=\"textField\">External label</label>\n\t\t\t<NcTextField :value.sync=\"text5\"\n\t\t\t\tid=\"textField\"\n\t\t\t\t:label-outside=\"true\"\n\t\t\t\tplaceholder=\"Input with external label\"\n\t\t\t\t@trailing-button-click=\"clearText\" />\n\t\t</div>\n\t</div>\n</template>\n<script>\nimport Magnify from 'vue-material-design-icons/Magnify'\nimport Lock from 'vue-material-design-icons/Lock'\nimport Close from 'vue-material-design-icons/Close'\n\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\ttext1: '',\n\t\t\ttext2: '',\n\t\t\ttext3: '',\n\t\t\ttext4: '',\n\t\t\ttext5: '',\n\t\t}\n\t},\n\n\tcomponents: {\n\t\tMagnify,\n\t\tLock,\n\t\tClose,\n\t},\n\n\tmethods: {\n\t\tclearText() {\n\t\t\tthis.text1 = ''\n\t\t\tthis.text3 = ''\n\t\t}\n\t}\n}\n</script>\n<style lang=\"scss\" scoped>\n.wrapper {\n\tdisplay: flex;\n\tgap: 4px;\n\talign-items: flex-end;\n\tflex-wrap: wrap;\n}\n\n.external-label {\n\tdisplay: flex;\n\twidth: 100%;\n\tmargin-top: 1rem;\n}\n\n.external-label label {\n\tpadding-top: 7px;\n\tpadding-right: 14px;\n\twhite-space: nowrap;\n}\n</style>\n```\n</docs>\n\n<template>\n\t<NcInputField v-bind=\"{...$attrs, ...$props }\"\n\t\tref=\"inputField\"\n\t\t:trailing-button-label=\"clearTextLabel\"\n\t\tv-on=\"$listeners\"\n\t\t@input=\"handleInput\">\n\t\t<!-- Default slot for the leading icon -->\n\t\t<slot />\n\n\t\t<!-- Trailing icon slot, except for search type input as the browser already adds a trailing close icon -->\n\t\t<template v-if=\"type !== 'search'\" #trailing-button-icon>\n\t\t\t<Close v-if=\"trailingButtonIcon === 'close'\" :size=\"20\" />\n\t\t\t<ArrowRight v-else-if=\"trailingButtonIcon === 'arrowRight'\" :size=\"20\" />\n\t\t\t<Undo v-else-if=\"trailingButtonIcon === 'undo'\" :size=\"20\" />\n\t\t</template>\n\t</NcInputField>\n</template>\n\n<script>\n\nimport NcInputField from '../NcInputField/NcInputField.vue'\n\nimport Close from 'vue-material-design-icons/Close.vue'\nimport ArrowRight from 'vue-material-design-icons/ArrowRight.vue'\nimport Undo from 'vue-material-design-icons/UndoVariant.vue'\n\nimport { t } from '../../l10n.js'\n\nexport default {\n\tname: 'NcTextField',\n\n\tcomponents: {\n\t\tNcInputField,\n\t\tClose,\n\t\tArrowRight,\n\t\tUndo,\n\t},\n\n\t// Allow forwarding all attributes\n\tinheritAttrs: false,\n\n\tprops: {\n\t\t...NcInputField.props,\n\n\t\t/**\n\t\t * Specifies which material design icon should be used for the trailing\n\t\t * button. Value can be `close`, `arrowRight`, or `undo`.\n\t\t */\n\t\ttrailingButtonIcon: {\n\t\t\ttype: String,\n\t\t\tdefault: 'close',\n\t\t\tvalidator: (value) => [\n\t\t\t\t'close',\n\t\t\t\t'arrowRight',\n\t\t\t\t'undo',\n\t\t\t].includes(value),\n\t\t},\n\t},\n\n\temits: [\n\t\t'update:value',\n\t],\n\n\tcomputed: {\n\t\tclearTextLabel() {\n\t\t\treturn this.trailingButtonLabel || t('Clear text')\n\t\t},\n\t},\n\n\tmethods: {\n\t\t/**\n\t\t * Focus the input element\n\t\t *\n\t\t * @public\n\t\t */\n\t\tfocus() {\n\t\t\tthis.$refs.inputField.focus()\n\t\t},\n\n\t\t/**\n\t\t * Select all the text in the input\n\t\t *\n\t\t * @public\n\t\t */\n\t\tselect() {\n\t\t\tthis.$refs.inputField.select()\n\t\t},\n\n\t\thandleInput(event) {\n\t\t\tthis.$emit('update:value', event.target.value)\n\t\t},\n\t},\n}\n</script>\n"],"names":["_sfc_main","NcInputField","Close","ArrowRight","Undo","value","t","event"],"mappings":"sTA+JAA,EAAA,CACA,KAAA,cAEA,WAAA,CACA,aAAAC,EACA,MAAAC,EACA,WAAAC,EACA,KAAAC,CACA,EAGA,aAAA,GAEA,MAAA,CACA,GAAAH,EAAA,MAMA,mBAAA,CACA,KAAA,OACA,QAAA,QACA,UAAAI,GAAA,CACA,QACA,aACA,MACA,EAAA,SAAAA,CAAA,CACA,CACA,EAEA,MAAA,CACA,cACA,EAEA,SAAA,CACA,gBAAA,CACA,OAAA,KAAA,qBAAAC,EAAA,EAAA,YAAA,CACA,CACA,EAEA,QAAA,CAMA,OAAA,CACA,KAAA,MAAA,WAAA,MAAA,CACA,EAOA,QAAA,CACA,KAAA,MAAA,WAAA,OAAA,CACA,EAEA,YAAAC,EAAA,CACA,KAAA,MAAA,eAAAA,EAAA,OAAA,KAAA,CACA,CACA,CACA"}
+{"version":3,"file":"NcTextField.cjs","sources":["../../src/components/NcTextField/NcTextField.vue"],"sourcesContent":["<!--\n  - @copyright Copyright (c) 2022 Marco Ambrosini <marcoambrosini@pm.me>\n  -\n  - @author Marco Ambrosini <marcoambrosini@pm.me>\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<docs>\n### Description\nSee [NcInputField](#/Components/NcFields?id=ncinputfield) for a list of all available props.\n\nGeneral purpose text field component.\nIt is recommended to not only provide a placeholder, but also a label.\nThe label should describe what input is expected and the placehold what format the input should have.\n\nNote: the inner html `input` element inherits all the attributes from the\nNcTextField component so you can add things like `autocomplete`, `maxlength`\nand `minlength`.\n\n```\n<template>\n\t<div class=\"wrapper\">\n\t\t<NcTextField :value.sync=\"text1\"\n\t\t\tlabel=\"Leading icon and clear trailing button\"\n\t\t\ttrailing-button-icon=\"close\"\n\t\t\t:show-trailing-button=\"text1 !== ''\"\n\t\t\t@trailing-button-click=\"clearText\">\n\t\t\t<Magnify :size=\"20\" />\n\t\t</NcTextField>\n\t\t<NcTextField :value.sync=\"text4\"\n\t\t\tlabel=\"Internal label\"\n\t\t\tplaceholder=\"That can be used together with placeholder\"\n\t\t\ttrailing-button-icon=\"close\"\n\t\t\t:show-trailing-button=\"text4 !== ''\"\n\t\t\t@trailing-button-click=\"clearText\">\n\t\t\t<Lock :size=\"20\" />\n\t\t</NcTextField>\n\t\t<NcTextField :value.sync=\"text2\"\n\t\t\tlabel=\"Success state\"\n\t\t\tplaceholder=\"Placeholders are possible\"\n\t\t\t:success=\"true\"\n\t\t\t@trailing-button-click=\"clearText\">\n\t\t</NcTextField>\n\t\t<NcTextField :value.sync=\"text3\"\n\t\t\tlabel=\"Error state\"\n\t\t\tplaceholder=\"Enter something valid\"\n\t\t\t:error=\"true\"\n\t\t\t@trailing-button-click=\"clearText\">\n\t\t</NcTextField>\n\t\t<NcTextField label=\"Disabled\"\n\t\t\t:disabled=\"true\" />\n\t\t<NcTextField label=\"Disabled + Success\"\n\t\t\t:success=\"true\"\n\t\t\t:disabled=\"true\" />\n\t\t<div class=\"external-label\">\n\t\t\t<label for=\"textField\">External label</label>\n\t\t\t<NcTextField :value.sync=\"text5\"\n\t\t\t\tid=\"textField\"\n\t\t\t\t:label-outside=\"true\"\n\t\t\t\tplaceholder=\"Input with external label\"\n\t\t\t\t@trailing-button-click=\"clearText\" />\n\t\t</div>\n\t</div>\n</template>\n<script>\nimport Magnify from 'vue-material-design-icons/Magnify'\nimport Lock from 'vue-material-design-icons/Lock'\nimport Close from 'vue-material-design-icons/Close'\n\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\ttext1: '',\n\t\t\ttext2: '',\n\t\t\ttext3: '',\n\t\t\ttext4: '',\n\t\t\ttext5: '',\n\t\t}\n\t},\n\n\tcomponents: {\n\t\tMagnify,\n\t\tLock,\n\t\tClose,\n\t},\n\n\tmethods: {\n\t\tclearText() {\n\t\t\tthis.text1 = ''\n\t\t\tthis.text3 = ''\n\t\t}\n\t}\n}\n</script>\n<style lang=\"scss\" scoped>\n.wrapper {\n\tdisplay: flex;\n\tgap: 4px;\n\talign-items: flex-end;\n\tflex-wrap: wrap;\n}\n\n.external-label {\n\tdisplay: flex;\n\twidth: 100%;\n\tmargin-top: 1rem;\n}\n\n.external-label label {\n\tpadding-top: 7px;\n\tpadding-right: 14px;\n\twhite-space: nowrap;\n}\n</style>\n```\n</docs>\n\n<template>\n\t<NcInputField v-bind=\"{...$attrs, ...$props }\"\n\t\tref=\"inputField\"\n\t\t:trailing-button-label=\"clearTextLabel\"\n\t\tv-on=\"$listeners\"\n\t\t@input=\"handleInput\">\n\t\t<!-- Default slot for the leading icon -->\n\t\t<slot />\n\n\t\t<!-- Trailing icon slot, except for search type input as the browser already adds a trailing close icon -->\n\t\t<template v-if=\"type !== 'search'\" #trailing-button-icon>\n\t\t\t<Close v-if=\"trailingButtonIcon === 'close'\" :size=\"20\" />\n\t\t\t<ArrowRight v-else-if=\"trailingButtonIcon === 'arrowRight'\" :size=\"20\" />\n\t\t\t<Undo v-else-if=\"trailingButtonIcon === 'undo'\" :size=\"20\" />\n\t\t</template>\n\t</NcInputField>\n</template>\n\n<script>\n\nimport NcInputField from '../NcInputField/NcInputField.vue'\n\nimport Close from 'vue-material-design-icons/Close.vue'\nimport ArrowRight from 'vue-material-design-icons/ArrowRight.vue'\nimport Undo from 'vue-material-design-icons/UndoVariant.vue'\n\nimport { t } from '../../l10n.js'\n\nexport default {\n\tname: 'NcTextField',\n\n\tcomponents: {\n\t\tNcInputField,\n\t\tClose,\n\t\tArrowRight,\n\t\tUndo,\n\t},\n\n\t// Allow forwarding all attributes\n\tinheritAttrs: false,\n\n\tprops: {\n\t\t...NcInputField.props,\n\n\t\t/**\n\t\t * Specifies which material design icon should be used for the trailing\n\t\t * button. Value can be `close`, `arrowRight`, or `undo`.\n\t\t */\n\t\ttrailingButtonIcon: {\n\t\t\ttype: String,\n\t\t\tdefault: 'close',\n\t\t\tvalidator: (value) => [\n\t\t\t\t'close',\n\t\t\t\t'arrowRight',\n\t\t\t\t'undo',\n\t\t\t].includes(value),\n\t\t},\n\t},\n\n\temits: [\n\t\t'update:value',\n\t],\n\n\tcomputed: {\n\t\tclearTextLabel() {\n\t\t\treturn this.trailingButtonLabel || t('Clear text')\n\t\t},\n\t},\n\n\tmethods: {\n\t\t/**\n\t\t * Focus the input element\n\t\t *\n\t\t * @public\n\t\t */\n\t\tfocus() {\n\t\t\tthis.$refs.inputField.focus()\n\t\t},\n\n\t\t/**\n\t\t * Select all the text in the input\n\t\t *\n\t\t * @public\n\t\t */\n\t\tselect() {\n\t\t\tthis.$refs.inputField.select()\n\t\t},\n\n\t\thandleInput(event) {\n\t\t\tthis.$emit('update:value', event.target.value)\n\t\t},\n\t},\n}\n</script>\n"],"names":["_sfc_main","NcInputField","Close","ArrowRight","Undo","value","t","event"],"mappings":";4bA+JAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,cAAAC;AAAAA,IACA,OAAAC,EAAA;AAAA,IACA,YAAAC,EAAA;AAAA,IACA,MAAAC,EAAA;AAAA,EACA;AAAA;AAAA,EAGA,cAAA;AAAA,EAEA,OAAA;AAAA,IACA,GAAAH,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,oBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,CAAAI,MAAA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACA,EAAA,SAAAA,CAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,iBAAA;AACA,aAAA,KAAA,uBAAAC,EAAA,EAAA,YAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,QAAA;AACA,WAAA,MAAA,WAAA,MAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,SAAA;AACA,WAAA,MAAA,WAAA,OAAA;AAAA,IACA;AAAA,IAEA,YAAAC,GAAA;AACA,WAAA,MAAA,gBAAAA,EAAA,OAAA,KAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;"}

package/dist/Components/NcTextField.mjs

@@ -1,25 +1,81 @@
-import n from "./NcInputField.mjs";
-import r from "vue-material-design-icons/Close.vue";
-import o from "vue-material-design-icons/ArrowRight.vue";
+import r from "./NcInputField.mjs";
+import o from "vue-material-design-icons/Close.vue";
+import l from "vue-material-design-icons/ArrowRight.vue";
 import i from "vue-material-design-icons/UndoVariant.vue";
-import { t as l } from "../chunks/l10n-9a5a6afc.mjs";
-import { n as s } from "../chunks/_plugin-vue2_normalizer-5b4c43a4.mjs";
-const u = { name: "NcTextField", components: { NcInputField: n, Close: r, ArrowRight: o, Undo: i }, inheritAttrs: !1, props: { ...n.props, trailingButtonIcon: { type: String, default: "close", validator: (t) => ["close", "arrowRight", "undo"].includes(t) } }, emits: ["update:value"], computed: { clearTextLabel() {
-  return this.trailingButtonLabel || l("Clear text");
-} }, methods: { focus() {
-  this.$refs.inputField.focus();
-}, select() {
-  this.$refs.inputField.select();
-}, handleInput(t) {
-  this.$emit("update:value", t.target.value);
-} } };
-var a = function() {
-  var t = this, e = t._self._c;
-  return e("NcInputField", t._g(t._b({ ref: "inputField", attrs: { "trailing-button-label": t.clearTextLabel }, on: { input: t.handleInput }, scopedSlots: t._u([t.type !== "search" ? { key: "trailing-button-icon", fn: function() {
-    return [t.trailingButtonIcon === "close" ? e("Close", { attrs: { size: 20 } }) : t.trailingButtonIcon === "arrowRight" ? e("ArrowRight", { attrs: { size: 20 } }) : t.trailingButtonIcon === "undo" ? e("Undo", { attrs: { size: 20 } }) : t._e()];
+import { t as s } from "../chunks/l10n-27a75c40.mjs";
+import { n as a } from "../chunks/_plugin-vue2_normalizer-71e2aa87.mjs";
+const u = {
+  name: "NcTextField",
+  components: {
+    NcInputField: r,
+    Close: o,
+    ArrowRight: l,
+    Undo: i
+  },
+  // Allow forwarding all attributes
+  inheritAttrs: !1,
+  props: {
+    ...r.props,
+    /**
+     * Specifies which material design icon should be used for the trailing
+     * button. Value can be `close`, `arrowRight`, or `undo`.
+     */
+    trailingButtonIcon: {
+      type: String,
+      default: "close",
+      validator: (e) => [
+        "close",
+        "arrowRight",
+        "undo"
+      ].includes(e)
+    }
+  },
+  emits: [
+    "update:value"
+  ],
+  computed: {
+    clearTextLabel() {
+      return this.trailingButtonLabel || s("Clear text");
+    }
+  },
+  methods: {
+    /**
+     * Focus the input element
+     *
+     * @public
+     */
+    focus() {
+      this.$refs.inputField.focus();
+    },
+    /**
+     * Select all the text in the input
+     *
+     * @public
+     */
+    select() {
+      this.$refs.inputField.select();
+    },
+    handleInput(e) {
+      this.$emit("update:value", e.target.value);
+    }
+  }
+};
+var c = function() {
+  var t = this, n = t._self._c;
+  return n("NcInputField", t._g(t._b({ ref: "inputField", attrs: { "trailing-button-label": t.clearTextLabel }, on: { input: t.handleInput }, scopedSlots: t._u([t.type !== "search" ? { key: "trailing-button-icon", fn: function() {
+    return [t.trailingButtonIcon === "close" ? n("Close", { attrs: { size: 20 } }) : t.trailingButtonIcon === "arrowRight" ? n("ArrowRight", { attrs: { size: 20 } }) : t.trailingButtonIcon === "undo" ? n("Undo", { attrs: { size: 20 } }) : t._e()];
   }, proxy: !0 } : null], null, !0) }, "NcInputField", { ...t.$attrs, ...t.$props }, !1), t.$listeners), [t._t("default")], 2);
-}, p = [], c = s(u, a, p, !1, null, null, null, null);
-const b = c.exports;
+}, p = [], d = /* @__PURE__ */ a(
+  u,
+  c,
+  p,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const F = d.exports;
 export {
-  b as default
+  F as default
 };