@nextcloud/vue 8.11.2 → 8.12.0

package/dist/chunks/NcSettingsInputText-1i2TqdMB.cjs

@@ -1,92 +0,0 @@
-require('../assets/NcSettingsInputText-w-LprdjK.css');
-"use strict";
-const n = require("./_l10n-B8iumFKB.cjs"), s = require("./GenRandomId-B2O1GMbH.cjs"), u = require("./_plugin-vue2_normalizer-GXKvuwrq.cjs");
-n.register(n.t41);
-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.GenRandomId(),
-      validator: (e) => e.trim() !== ""
-    }
-  },
-  emits: [
-    "update:value",
-    "input",
-    "submit",
-    "change"
-  ],
-  data() {
-    return {
-      submitTranslated: n.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(a) {
-    return a.preventDefault(), a.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()])]);
-}, d = [], o = /* @__PURE__ */ u.normalizeComponent(
-  r,
-  l,
-  d,
-  !1,
-  null,
-  "5b140fb6",
-  null,
-  null
-);
-const p = o.exports;
-exports.NcSettingsInputText = p;

package/dist/chunks/NcSettingsInputText-JboV8u2l.mjs

@@ -1,95 +0,0 @@
-import '../assets/NcSettingsInputText-w-LprdjK.css';
-import { r as n, f as s, a as r } from "./_l10n-BaNxGGXy.mjs";
-import { G as u } from "./GenRandomId-BW3iYFf9.mjs";
-import { n as l } from "./_plugin-vue2_normalizer-Bj5bLKV4.mjs";
-n(s);
-const o = {
-  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-" + u(),
-      validator: (e) => e.trim() !== ""
-    }
-  },
-  emits: [
-    "update:value",
-    "input",
-    "submit",
-    "change"
-  ],
-  data() {
-    return {
-      submitTranslated: r("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 p = function() {
-  var t = this, i = t._self._c;
-  return i("form", { ref: "form", attrs: { disabled: t.disabled }, on: { submit: function(a) {
-    return a.preventDefault(), a.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()])]);
-}, d = [], m = /* @__PURE__ */ l(
-  o,
-  p,
-  d,
-  !1,
-  null,
-  "5b140fb6",
-  null,
-  null
-);
-const _ = m.exports;
-export {
-  _ as N
-};

package/dist/chunks/NcSettingsSection-CNMpCD3o.cjs

@@ -1,96 +0,0 @@
-require('../assets/NcSettingsSection-8RabR54v.css');
-"use strict";
-const n = require("./_l10n-B8iumFKB.cjs"), i = require("./_plugin-vue2_normalizer-GXKvuwrq.cjs");
-n.register(n.t22);
-const l = {
-  name: "HelpCircleIcon",
-  emits: ["click"],
-  props: {
-    title: {
-      type: String
-    },
-    fillColor: {
-      type: String,
-      default: "currentColor"
-    },
-    size: {
-      type: Number,
-      default: 24
-    }
-  }
-};
-var a = function() {
-  var t = this, e = t._self._c;
-  return e("span", t._b({ staticClass: "material-design-icon help-circle-icon", attrs: { "aria-hidden": t.title ? null : !0, "aria-label": t.title, role: "img" }, on: { click: function(r) {
-    return t.$emit("click", r);
-  } } }, "span", t.$attrs, !1), [e("svg", { staticClass: "material-design-icon__svg", attrs: { fill: t.fillColor, width: t.size, height: t.size, viewBox: "0 0 24 24" } }, [e("path", { attrs: { d: "M15.07,11.25L14.17,12.17C13.45,12.89 13,13.5 13,15H11V14.5C11,13.39 11.45,12.39 12.17,11.67L13.41,10.41C13.78,10.05 14,9.55 14,9C14,7.89 13.1,7 12,7A2,2 0 0,0 10,9H8A4,4 0 0,1 12,5A4,4 0 0,1 16,9C16,9.88 15.64,10.67 15.07,11.25M13,19H11V17H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z" } }, [t.title ? e("title", [t._v(t._s(t.title))]) : t._e()])])]);
-}, c = [], o = /* @__PURE__ */ i.normalizeComponent(
-  l,
-  a,
-  c,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const _ = o.exports, d = {
-  name: "NcSettingsSection",
-  components: {
-    HelpCircle: _
-  },
-  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.t("External documentation for {name}", {
-        name: this.name
-      })
-    };
-  },
-  computed: {
-    hasDescription() {
-      return this.description.length > 0;
-    },
-    hasDocUrl() {
-      return this.docUrl.length > 0;
-    }
-  }
-};
-var u = 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, title: t.docNameTranslated, "aria-label": 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);
-}, m = [], p = /* @__PURE__ */ i.normalizeComponent(
-  d,
-  u,
-  m,
-  !1,
-  null,
-  "f51cf2d3",
-  null,
-  null
-);
-const f = p.exports;
-exports.NcSettingsSection = f;

package/dist/chunks/NcSettingsSection-CNMpCD3o.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NcSettingsSection-CNMpCD3o.cjs","sources":["../../node_modules/vue-material-design-icons/HelpCircle.vue","../../src/components/NcSettingsSection/NcSettingsSection.vue"],"sourcesContent":["<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : true\"\n        :aria-label=\"title\"\n        class=\"material-design-icon help-circle-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path d=\"M15.07,11.25L14.17,12.17C13.45,12.89 13,13.5 13,15H11V14.5C11,13.39 11.45,12.39 12.17,11.67L13.41,10.41C13.78,10.05 14,9.55 14,9C14,7.89 13.1,7 12,7A2,2 0 0,0 10,9H8A4,4 0 0,1 12,5A4,4 0 0,1 16,9C16,9.88 15.64,10.67 15.07,11.25M13,19H11V17H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"HelpCircleIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>","<!--\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\t:aria-label=\"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\tcolor: var(--color-text-maxcontrast);\n\n\t\t&:hover, &:focus, &:active {\n\t\t\tcolor: var(--color-main-text);\n\t\t}\n\t}\n\n\t&__desc {\n\t\tmargin-top: -.2em;\n\t\tmargin-bottom: 1em;\n\t\tcolor: var(--color-text-maxcontrast);\n\t\tmax-width: $maxWidth;\n\t}\n}\n\n</style>\n"],"names":["_sfc_main","HelpCircle","t"],"mappings":";;;AAoBA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA,CAAA,OAAA;AAAA,EACA,OAAA;AAAA,IACA,OAAA;AAAA,MACA,MAAA;AAAA,IACA;AAAA,IACA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,IACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;qBCkCAA,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,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;;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}

package/dist/chunks/NcSettingsSection-Lgwm3w2e.mjs

@@ -1,98 +0,0 @@
-import '../assets/NcSettingsSection-8RabR54v.css';
-import { r, p as a, a as l } from "./_l10n-BaNxGGXy.mjs";
-import { n as s } from "./_plugin-vue2_normalizer-Bj5bLKV4.mjs";
-r(a);
-const c = {
-  name: "HelpCircleIcon",
-  emits: ["click"],
-  props: {
-    title: {
-      type: String
-    },
-    fillColor: {
-      type: String,
-      default: "currentColor"
-    },
-    size: {
-      type: Number,
-      default: 24
-    }
-  }
-};
-var o = function() {
-  var t = this, e = t._self._c;
-  return e("span", t._b({ staticClass: "material-design-icon help-circle-icon", attrs: { "aria-hidden": t.title ? null : !0, "aria-label": t.title, role: "img" }, on: { click: function(n) {
-    return t.$emit("click", n);
-  } } }, "span", t.$attrs, !1), [e("svg", { staticClass: "material-design-icon__svg", attrs: { fill: t.fillColor, width: t.size, height: t.size, viewBox: "0 0 24 24" } }, [e("path", { attrs: { d: "M15.07,11.25L14.17,12.17C13.45,12.89 13,13.5 13,15H11V14.5C11,13.39 11.45,12.39 12.17,11.67L13.41,10.41C13.78,10.05 14,9.55 14,9C14,7.89 13.1,7 12,7A2,2 0 0,0 10,9H8A4,4 0 0,1 12,5A4,4 0 0,1 16,9C16,9.88 15.64,10.67 15.07,11.25M13,19H11V17H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z" } }, [t.title ? e("title", [t._v(t._s(t.title))]) : t._e()])])]);
-}, _ = [], d = /* @__PURE__ */ s(
-  c,
-  o,
-  _,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const m = d.exports, p = {
-  name: "NcSettingsSection",
-  components: {
-    HelpCircle: m
-  },
-  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: l("External documentation for {name}", {
-        name: this.name
-      })
-    };
-  },
-  computed: {
-    hasDescription() {
-      return this.description.length > 0;
-    },
-    hasDocUrl() {
-      return this.docUrl.length > 0;
-    }
-  }
-};
-var f = 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, title: t.docNameTranslated, "aria-label": 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);
-}, u = [], g = /* @__PURE__ */ s(
-  p,
-  f,
-  u,
-  !1,
-  null,
-  "f51cf2d3",
-  null,
-  null
-);
-const v = g.exports;
-export {
-  v as N
-};

package/dist/chunks/NcSettingsSection-Lgwm3w2e.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NcSettingsSection-Lgwm3w2e.mjs","sources":["../../node_modules/vue-material-design-icons/HelpCircle.vue","../../src/components/NcSettingsSection/NcSettingsSection.vue"],"sourcesContent":["<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : true\"\n        :aria-label=\"title\"\n        class=\"material-design-icon help-circle-icon\"\n        role=\"img\"\n        @click=\"$emit('click', $event)\">\n    <svg :fill=\"fillColor\"\n         class=\"material-design-icon__svg\"\n         :width=\"size\"\n         :height=\"size\"\n         viewBox=\"0 0 24 24\">\n      <path d=\"M15.07,11.25L14.17,12.17C13.45,12.89 13,13.5 13,15H11V14.5C11,13.39 11.45,12.39 12.17,11.67L13.41,10.41C13.78,10.05 14,9.55 14,9C14,7.89 13.1,7 12,7A2,2 0 0,0 10,9H8A4,4 0 0,1 12,5A4,4 0 0,1 16,9C16,9.88 15.64,10.67 15.07,11.25M13,19H11V17H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12C22,6.47 17.5,2 12,2Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"HelpCircleIcon\",\n  emits: ['click'],\n  props: {\n    title: {\n      type: String,\n    },\n    fillColor: {\n      type: String,\n      default: \"currentColor\"\n    },\n    size: {\n      type: Number,\n      default: 24\n    }\n  }\n}\n</script>","<!--\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\t:aria-label=\"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\tcolor: var(--color-text-maxcontrast);\n\n\t\t&:hover, &:focus, &:active {\n\t\t\tcolor: var(--color-main-text);\n\t\t}\n\t}\n\n\t&__desc {\n\t\tmargin-top: -.2em;\n\t\tmargin-bottom: 1em;\n\t\tcolor: var(--color-text-maxcontrast);\n\t\tmax-width: $maxWidth;\n\t}\n}\n\n</style>\n"],"names":["_sfc_main","HelpCircle","t"],"mappings":";;;AAoBA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EACA,OAAA,CAAA,OAAA;AAAA,EACA,OAAA;AAAA,IACA,OAAA;AAAA,MACA,MAAA;AAAA,IACA;AAAA,IACA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,IACA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;qBCkCAA,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;;;;;;;;;;;;;;;","x_google_ignoreList":[0]}

package/dist/chunks/NcSettingsSelectGroup-CgUJmyF7.cjs

@@ -1,185 +0,0 @@
-require('../assets/NcSettingsSelectGroup-D8mlvzIT.css');
-"use strict";
-const n = require("./NcSelect-Bn3oTHtq.cjs"), s = require("./_l10n-B8iumFKB.cjs"), o = require("./GenRandomId-B2O1GMbH.cjs"), l = require("@nextcloud/axios"), u = require("debounce"), c = require("@nextcloud/router"), d = require("./_plugin-vue2_normalizer-GXKvuwrq.cjs"), i = (t) => t && t.__esModule ? t : { default: t }, p = /* @__PURE__ */ i(l), h = /* @__PURE__ */ i(u);
-s.register(s.t42);
-const f = {
-  name: "NcSettingsSelectGroup",
-  components: {
-    NcSelect: n.NcSelect
-  },
-  props: {
-    /**
-     * The text of the label element of the select group input
-     */
-    label: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Placeholder for the input element
-     * For backwards compatibility it falls back to the `label` value
-     */
-    placeholder: {
-      type: String,
-      default: ""
-    },
-    /**
-     * id attribute of the select group element
-     */
-    id: {
-      type: String,
-      default: () => "action-" + o.GenRandomId(),
-      validator: (t) => t.trim() !== ""
-    },
-    /**
-     * value of the select group input
-     * A list of group IDs can be provided
-     */
-    value: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * disabled state of the settings select group input
-     */
-    disabled: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  emits: [
-    "input",
-    "error"
-  ],
-  data() {
-    return {
-      /** Temporary store to cache groups */
-      groups: {},
-      randId: o.GenRandomId(),
-      errorMessage: ""
-    };
-  },
-  computed: {
-    /**
-     * If the error message should be shown
-     */
-    hasError() {
-      return this.errorMessage !== "";
-    },
-    /**
-     * Validate input value and only return valid strings (group IDs)
-     *
-     * @return {string[]}
-     */
-    filteredValue() {
-      return this.value.filter((t) => t !== "" && typeof t == "string");
-    },
-    /**
-     * value property converted to an array of group objects used as input for the NcSelect
-     */
-    inputValue() {
-      return this.filteredValue.map(
-        (t) => typeof this.groups[t] > "u" ? {
-          id: t,
-          displayname: t
-        } : this.groups[t]
-      );
-    },
-    /**
-     * Convert groups object to array of groups required for NcSelect.options
-     * Filter out currently selected values
-     *
-     * @return {object[]}
-     */
-    groupsArray() {
-      return Object.values(this.groups).filter((t) => !this.value.includes(t.id));
-    }
-  },
-  watch: {
-    /**
-     * If the value is changed, check that all groups are loaded so we show the correct display name
-     */
-    value: {
-      handler() {
-        const t = Object.keys(this.groups);
-        this.filteredValue.filter((r) => !t.includes(r)).forEach((r) => {
-          this.loadGroup(r);
-        });
-      },
-      // Run the watch handler also when the component is initially mounted
-      immediate: !0
-    }
-  },
-  /**
-   * Load groups matching the empty query to reduce API calls
-   */
-  async mounted() {
-    const t = "".concat(appName, ":").concat(appVersion, "/initialGroups");
-    let e = window.sessionStorage.getItem(t);
-    e ? (e = Object.fromEntries(JSON.parse(e).map((r) => [r.id, r])), this.groups = { ...this.groups, ...e }) : (await this.loadGroup(""), window.sessionStorage.setItem(t, JSON.stringify(Object.values(this.groups))));
-  },
-  methods: {
-    t: s.t,
-    /**
-     * Called when a new group is selected or previous group is deselected to emit the update event
-     *
-     * @param {object[]} updatedValue Array of selected groups
-     */
-    update(t) {
-      const e = t.map((r) => r.id);
-      this.$emit("input", e);
-    },
-    /**
-     * Use provisioning API to search for given group and save it in the groups object
-     *
-     * @param {string} query The query like parts of the id oder display name
-     * @return {boolean}
-     */
-    async loadGroup(t) {
-      try {
-        t = typeof t == "string" ? encodeURI(t) : "";
-        const e = await p.default.get(c.generateOcsUrl("cloud/groups/details?search=".concat(t, "&limit=10"), 2));
-        if (this.errorMessage !== "" && window.setTimeout(() => {
-          this.errorMessage = "";
-        }, 5e3), Object.keys(e.data.ocs.data.groups).length > 0) {
-          const r = Object.fromEntries(e.data.ocs.data.groups.map((a) => [a.id, a]));
-          return this.groups = { ...this.groups, ...r }, !0;
-        }
-      } catch (e) {
-        this.$emit("error", e), this.errorMessage = s.t("Unable to search the group");
-      }
-      return !1;
-    },
-    /**
-     * Custom filter function for `NcSelect` to filter by ID *and* display name
-     *
-     * @param {object} option One of the groups
-     * @param {string} label The label property of the group
-     * @param {string} search The current search string
-     */
-    filterGroups(t, e, r) {
-      return "".concat(e || "", " ").concat(t.id).toLocaleLowerCase().indexOf(r.toLocaleLowerCase()) > -1;
-    },
-    /**
-     * Debounce the group search (reduce API calls)
-     */
-    onSearch: h.default(function(t) {
-      this.loadGroup(t);
-    }, 200)
-  }
-};
-var g = function() {
-  var e = this, r = e._self._c;
-  return r("div", [e.label ? r("label", { staticClass: "hidden-visually", attrs: { for: e.id } }, [e._v(e._s(e.label))]) : e._e(), r("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 } }), r("div", { directives: [{ name: "show", rawName: "v-show", value: e.hasError, expression: "hasError" }], staticClass: "select-group-error" }, [e._v(" " + e._s(e.errorMessage) + " ")])], 1);
-}, m = [], _ = /* @__PURE__ */ d.normalizeComponent(
-  f,
-  g,
-  m,
-  !1,
-  null,
-  "6d99b3e0",
-  null,
-  null
-);
-const v = _.exports;
-exports.NcSettingsSelectGroup = v;