@nextcloud/vue 9.0.0-alpha.1 → 9.0.0-alpha.2

package/dist/chunks/NcSettingsInputText-BzR5Mvi8.cjs

@@ -0,0 +1,108 @@
+var y = require("../assets/NcSettingsInputText-mlm1L0NL.css");
+const a = require("./_l10n-CEec8lDL.cjs"), s = require("./GenRandomId-B2O1GMbH.cjs"), e = require("vue"), o = require("./_plugin-vue_export-helper-CTzpuyvq.cjs");
+a.register(a.t39);
+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
+     */
+    modelValue: {
+      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: (t) => t.trim() !== ""
+    }
+  },
+  emits: [
+    "change",
+    "input",
+    "submit",
+    "update:modelValue"
+  ],
+  data() {
+    return {
+      submitTranslated: a.t("Submit")
+    };
+  },
+  computed: {
+    /**
+     * @return {string}
+     */
+    idSubmit() {
+      return this.id + "-submit";
+    }
+  },
+  methods: {
+    onInput(t) {
+      this.$emit("input", t), this.$emit("update:modelValue", t.target.value);
+    },
+    onSubmit(t) {
+      this.disabled || this.$emit("submit", t);
+    },
+    onChange(t) {
+      this.$emit("change", t);
+    }
+  }
+}, m = ["disabled"], c = { class: "input-wrapper" }, b = ["for"], p = ["id", "value", "disabled"], _ = ["id", "value"], g = {
+  key: 0,
+  class: "hint"
+};
+function h(t, d, i, S, l, n) {
+  return e.openBlock(), e.createElementBlock("form", {
+    ref: "form",
+    disabled: i.disabled,
+    onSubmit: d[2] || (d[2] = e.withModifiers((...u) => n.onSubmit && n.onSubmit(...u), ["prevent", "stop"]))
+  }, [
+    e.createElementVNode("div", c, [
+      e.createElementVNode("label", {
+        for: i.id,
+        class: "action-input__label"
+      }, e.toDisplayString(i.label), 9, b),
+      e.createElementVNode("input", {
+        id: i.id,
+        type: "text",
+        value: i.modelValue,
+        disabled: i.disabled,
+        onInput: d[0] || (d[0] = (...u) => n.onInput && n.onInput(...u)),
+        onChange: d[1] || (d[1] = (...u) => n.onChange && n.onChange(...u))
+      }, null, 40, p),
+      e.createElementVNode("input", {
+        id: n.idSubmit,
+        value: l.submitTranslated,
+        type: "submit",
+        class: "action-input__submit"
+      }, null, 8, _),
+      i.hint ? (e.openBlock(), e.createElementBlock("p", g, e.toDisplayString(i.hint), 1)) : e.createCommentVNode("", !0)
+    ])
+  ], 40, m);
+}
+const f = /* @__PURE__ */ o._export_sfc(r, [["render", h], ["__scopeId", "data-v-358e3ca9"]]);
+exports.NcSettingsInputText = f;

package/dist/chunks/NcSettingsInputText-BzR5Mvi8.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcSettingsInputText-BzR5Mvi8.cjs","sources":["../../src/components/NcSettingsInputText/NcSettingsInputText.vue"],"sourcesContent":["<!--\n  -\n  - @author Julius Härtl <jus@bitgrid.net>\n  - @author Greta Doci <gretadoci@gmail.com>\n  -\n  - @license GNU AGPL version 3 or any later version\n  -\n  - This program is free software: you can redistribute it and/or modify\n  - it under the terms of the GNU Affero General Public License as\n  - published by the Free Software Foundation, either version 3 of the\n  - License, or (at your option) any later version.\n  -\n  - This program is distributed in the hope that it will be useful,\n  - but WITHOUT ANY WARRANTY; without even the implied warranty of\n  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n  - GNU Affero General Public License for more details.\n  -\n  - You should have received a copy of the GNU Affero General Public License\n  - along with this program. If not, see <http://www.gnu.org/licenses/>.\n  -\n  -->\n\n<docs>\n\n```vue\n<NcSettingsInputText label=\"Label\" hint=\"Hint\" />\n<NcSettingsInputText label=\"Label\" model-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=\"modelValue\"\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\tmodelValue: {\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'change',\n\t\t'input',\n\t\t'submit',\n\t\t'update:modelValue',\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:modelValue', 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","event","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","$props","vue","_cache","args","$options","$data"],"mappings":";;;AA0DA,MAAAA,IAAA;AAAA;EAEC,OAAA;AAAA;AAAA;AAAA;AAAA,IAIC,OAAA;AAAA;;;;;;;;;;;;;;;;;;;;IAwBA,UAAA;AAAA;;;;;;IAQA,IAAA;AAAA;;;;;EAOD,OAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;EAGD,OAAA;AACC,WAAA;AAAA;IAEA;AAAA;EAGD,UAAA;AAAA;AAAA;AAAA;AAAA;;;;EAQA,SAAA;AAAA,IACC,QAAAC,GAAA;;;IASA,SAAAA,GAAA;AACC,MAAA,KAAA;;IASD,SAAAA,GAAA;;;;AASF,GAzJAC,IAAA,CAAA,UAAA,GAmCOC,IAAA,EAAA,OAAA,gBAAA,GAnCPC,IAAA,CAAA,KAAA,GAAAC,IAAA,CAAA,MAAA,SAAA,UAAA,GAAAC,IAAA,CAAA,MAAA,OAAA;;EA+CkB,OAAA;;;;IAfX,KAAA;AAAA,IACJ,UAAAC,EAAA;AAAA;;IAEDC,EAAA,mBAAA,OAAAL,GAAA;AAAA;QACS,KAAAI,EAAA;AAAA,QAAS,OAAA;AAAA,MAA+B,GAAAC,EAAA,gBAAAD,EAAA,KAAA,GAAA,GAAAH,CAAA;AAAA;QACxC,IAAAG,EAAA;AAAA,QACP,MAAA;AAAA,QACC,OAAAA,EAAA;AAAA,QACA,UAAAA,EAAA;AAAA,QACA,SAAAE,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,IAAAC,MAAAC,EAAA,WAAAA,EAAA,QAAA,GAAAD,CAAA;AAAA,QACA,UAAAD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,IAAAC,MAAAC,EAAA,YAAAA,EAAA,SAAA,GAAAD,CAAA;AAAA,MA1CL,GAAA,MAAA,IAAAL,CAAA;AAAA;QA2CW,IAAAM,EAAA;AAAA,QACN,OAAAC,EAAA;AAAA,QACD,MAAA;AAAA,QACA,OAAA;AAAA,MA9CJ,GAAA,MAAA,GAAAN,CAAA;AAAA,6FAAAE,EAAA,mBAAA,IAAA,EAAA;AAAA;EAAA,GAAA,IAAAN,CAAA;;;;"}

package/dist/chunks/NcSettingsInputText-DR_j-EbG.mjs

@@ -0,0 +1,113 @@
+import "../assets/NcSettingsInputText-mlm1L0NL.css";
+import { r as m, f as r, a as b } from "./_l10n-D1NkaqfQ.mjs";
+import { G as p } from "./GenRandomId-BW3iYFf9.mjs";
+import { openBlock as s, createElementBlock as u, withModifiers as c, createElementVNode as d, toDisplayString as l, createCommentVNode as f } from "vue";
+import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+m(r);
+const h = {
+  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
+     */
+    modelValue: {
+      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-" + p(),
+      validator: (t) => t.trim() !== ""
+    }
+  },
+  emits: [
+    "change",
+    "input",
+    "submit",
+    "update:modelValue"
+  ],
+  data() {
+    return {
+      submitTranslated: b("Submit")
+    };
+  },
+  computed: {
+    /**
+     * @return {string}
+     */
+    idSubmit() {
+      return this.id + "-submit";
+    }
+  },
+  methods: {
+    onInput(t) {
+      this.$emit("input", t), this.$emit("update:modelValue", t.target.value);
+    },
+    onSubmit(t) {
+      this.disabled || this.$emit("submit", t);
+    },
+    onChange(t) {
+      this.$emit("change", t);
+    }
+  }
+}, g = ["disabled"], S = { class: "input-wrapper" }, y = ["for"], v = ["id", "value", "disabled"], I = ["id", "value"], x = {
+  key: 0,
+  class: "hint"
+};
+function V(t, n, e, C, o, i) {
+  return s(), u("form", {
+    ref: "form",
+    disabled: e.disabled,
+    onSubmit: n[2] || (n[2] = c((...a) => i.onSubmit && i.onSubmit(...a), ["prevent", "stop"]))
+  }, [
+    d("div", S, [
+      d("label", {
+        for: e.id,
+        class: "action-input__label"
+      }, l(e.label), 9, y),
+      d("input", {
+        id: e.id,
+        type: "text",
+        value: e.modelValue,
+        disabled: e.disabled,
+        onInput: n[0] || (n[0] = (...a) => i.onInput && i.onInput(...a)),
+        onChange: n[1] || (n[1] = (...a) => i.onChange && i.onChange(...a))
+      }, null, 40, v),
+      d("input", {
+        id: i.idSubmit,
+        value: o.submitTranslated,
+        type: "submit",
+        class: "action-input__submit"
+      }, null, 8, I),
+      e.hint ? (s(), u("p", x, l(e.hint), 1)) : f("", !0)
+    ])
+  ], 40, g);
+}
+const E = /* @__PURE__ */ _(h, [["render", V], ["__scopeId", "data-v-358e3ca9"]]);
+export {
+  E as N
+};

package/dist/chunks/NcSettingsInputText-DR_j-EbG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcSettingsInputText-DR_j-EbG.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\" model-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=\"modelValue\"\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\tmodelValue: {\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'change',\n\t\t'input',\n\t\t'submit',\n\t\t'update:modelValue',\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:modelValue', 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","event","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","$props","createElementVNode","toDisplayString","_cache","args","$options","$data","createCommentVNode"],"mappings":";;;;;;AA0DA,MAAAA,IAAA;AAAA;EAEC,OAAA;AAAA;AAAA;AAAA;AAAA,IAIC,OAAA;AAAA;;;;;;;;;;;;;;;;;;;;IAwBA,UAAA;AAAA;;;;;;IAQA,IAAA;AAAA;;;;;EAOD,OAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;EAGD,OAAA;AACC,WAAA;AAAA;IAEA;AAAA;EAGD,UAAA;AAAA;AAAA;AAAA;AAAA;;;;EAQA,SAAA;AAAA,IACC,QAAAC,GAAA;;;IASA,SAAAA,GAAA;AACC,MAAA,KAAA;;IASD,SAAAA,GAAA;;;;AASF,GAzJAC,IAAA,CAAA,UAAA,GAmCOC,IAAA,EAAA,OAAA,gBAAA,GAnCPC,IAAA,CAAA,KAAA,GAAAC,IAAA,CAAA,MAAA,SAAA,UAAA,GAAAC,IAAA,CAAA,MAAA,OAAA;;EA+CkB,OAAA;;;;IAfX,KAAA;AAAA,IACJ,UAAAC,EAAA;AAAA;;IAEDC,EAAA,OAAAL,GAAA;AAAA;QACS,KAAAI,EAAA;AAAA,QAAS,OAAA;AAAA,MAA+B,GAAAE,EAAAF,EAAA,KAAA,GAAA,GAAAH,CAAA;AAAA;QACxC,IAAAG,EAAA;AAAA,QACP,MAAA;AAAA,QACC,OAAAA,EAAA;AAAA,QACA,UAAAA,EAAA;AAAA,QACA,SAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,IAAAC,MAAAC,EAAA,WAAAA,EAAA,QAAA,GAAAD,CAAA;AAAA,QACA,UAAAD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,IAAAC,MAAAC,EAAA,YAAAA,EAAA,SAAA,GAAAD,CAAA;AAAA,MA1CL,GAAA,MAAA,IAAAN,CAAA;AAAA;QA2CW,IAAAO,EAAA;AAAA,QACN,OAAAC,EAAA;AAAA,QACD,MAAA;AAAA,QACA,OAAA;AAAA,MA9CJ,GAAA,MAAA,GAAAP,CAAA;AAAA,gDAAAQ,EAAA,IAAA,EAAA;AAAA;EAAA,GAAA,IAAAZ,CAAA;;;"}

package/dist/chunks/NcSettingsSection-bQo-9KYI.mjs

@@ -0,0 +1,118 @@
+import "../assets/NcSettingsSection-8RabR54v.css";
+import { r as h, p as f, a as u } from "./_l10n-D1NkaqfQ.mjs";
+import { openBlock as t, createElementBlock as i, mergeProps as g, createElementVNode as d, toDisplayString as a, createCommentVNode as c, resolveComponent as p, normalizeClass as C, createTextVNode as y, createVNode as N, renderSlot as S } from "vue";
+import { _ as m } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
+h(f);
+const k = {
+  name: "HelpCircleIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+}, H = ["aria-hidden", "aria-label"], b = ["fill", "width", "height"], v = { 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" }, A = { key: 0 };
+function V(n, r, e, _, s, o) {
+  return t(), i("span", g(n.$attrs, {
+    "aria-hidden": e.title ? null : !0,
+    "aria-label": e.title,
+    class: "material-design-icon help-circle-icon",
+    role: "img",
+    onClick: r[0] || (r[0] = (l) => n.$emit("click", l))
+  }), [
+    (t(), i("svg", {
+      fill: e.fillColor,
+      class: "material-design-icon__svg",
+      width: e.size,
+      height: e.size,
+      viewBox: "0 0 24 24"
+    }, [
+      d("path", v, [
+        e.title ? (t(), i("title", A, a(e.title), 1)) : c("", !0)
+      ])
+    ], 8, b))
+  ], 16, H);
+}
+const w = /* @__PURE__ */ m(k, [["render", V]]), z = {
+  name: "NcSettingsSection",
+  components: {
+    HelpCircle: w
+  },
+  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: u("External documentation for {name}", {
+        name: this.name
+      })
+    };
+  },
+  computed: {
+    hasDescription() {
+      return this.description.length > 0;
+    },
+    hasDocUrl() {
+      return this.docUrl.length > 0;
+    }
+  }
+}, D = { class: "settings-section__name" }, U = ["href", "title", "aria-label"], x = {
+  key: 0,
+  class: "settings-section__desc"
+};
+function B(n, r, e, _, s, o) {
+  const l = p("HelpCircle");
+  return t(), i("div", {
+    class: C(["settings-section", { "settings-section--limit-width": e.limitWidth }])
+  }, [
+    d("h2", D, [
+      y(a(e.name) + " ", 1),
+      o.hasDocUrl ? (t(), i("a", {
+        key: 0,
+        href: e.docUrl,
+        class: "settings-section__info",
+        title: s.docNameTranslated,
+        "aria-label": s.docNameTranslated,
+        target: "_blank",
+        rel: "noreferrer nofollow"
+      }, [
+        N(l, { size: 20 })
+      ], 8, U)) : c("", !0)
+    ]),
+    o.hasDescription ? (t(), i("p", x, a(e.description), 1)) : c("", !0),
+    S(n.$slots, "default", {}, void 0, !0)
+  ], 2);
+}
+const L = /* @__PURE__ */ m(z, [["render", B], ["__scopeId", "data-v-f51cf2d3"]]);
+export {
+  L as N
+};

package/dist/chunks/NcSettingsSection-bQo-9KYI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcSettingsSection-bQo-9KYI.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$1","_hoisted_1$1","_hoisted_2$1","_hoisted_3$1","$props","createElementVNode","createCommentVNode","_sfc_main","_hoisted_1","_hoisted_2","normalizeClass","$data"],"mappings":";;;;;AAoBA,MAAAA,IAAA;AAAA,EACE,MAAA;AAAA,EACA,OAAA,CAAA,OAAA;AAAA,EACA,OAAA;AAAA,IACE,OAAA;AAAA;;;;MAKE,SAAA;AAAA;;;MAIA,SAAA;AAAA,IACF;AAAA,EACF;AACF,GApCAC,IAAA,CAAA,eAAA,YAAA,GAAAC,IAAA,CAAA,QAAA,SAAA,QAAA,GAYYC,IAAA,EAAA,GAAA,oUAAA;;;IAVH,eAAAC,EAAA,QAAA,OAAA;AAAA,IACA,cAAAA,EAAA;AAAA,IACD,OAAA;AAAA,IACA,MAAA;AAAA;;;MAEE,MAAAA,EAAA;AAAA,MACD,OAAA;AAAA,MACC,OAAAA,EAAA;AAAA,MACA,QAAAA,EAAA;AAAA,MACD,SAAA;AAAA;MACHC,EAAA,QAAAF,GAAA;AAAA,wDAZNG,EAAA,IAAA,EAAA;AAAA;IAAA,GAAA,GAAAJ,CAAA;AAAA,EAAA,GAAA,IAAAD,CAAA;;iDCsEAM,IAAA;AAAA;;;;EAOC,OAAA;AAAA;;;;;;;;IASC,QAAA;AAAA;;;;;;;;;;;;;;EAgBD,OAAA;AACC,WAAA;AAAA;QAEE,MAAA,KAAA;AAAA,MACD,CAAA;AAAA,IACD;AAAA;EAGD,UAAA;AAAA,IACC,iBAAA;AACC,aAAA,KAAA,YAAA,SAAA;AAAA;;;;;AAMH,GAzEMC,IAAA,EAAA,OAAA,yBAAA,GA7CNC,IAAA,CAAA,QAAA,SAAA,YAAA;;EA0DG,OAAA;;;;;IAdG,OAAAC,EAAA,CAAA,oBAAA,EAAA,iCAAAN,EAAA,WAAA,CAAA,CAAA;AAAA;IACJC,EAAA,MAAAG,GAAA;AAAA;;;QAGG,MAAAJ,EAAA;AAAA,QACD,OAAA;AAAA,QACC,OAAAO,EAAA;AAAA,QACA,cAAAA,EAAA;AAAA,QACD,QAAA;AAAA,QACA,KAAA;AAAA;;MArDJ,GAAA,GAAAF,CAAA,KAAAH,EAAA,IAAA,EAAA;AAAA;+DAAAA,EAAA,IAAA,EAAA;AAAA;;;;","x_google_ignoreList":[0]}

package/dist/chunks/NcSettingsSection-jP8vHGVg.cjs

@@ -0,0 +1,114 @@
+var y = require("../assets/NcSettingsSection-8RabR54v.css");
+const c = require("./_l10n-CEec8lDL.cjs"), e = require("vue"), s = require("./_plugin-vue_export-helper-CTzpuyvq.cjs");
+c.register(c.t21);
+const d = {
+  name: "HelpCircleIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+}, m = ["aria-hidden", "aria-label"], _ = ["fill", "width", "height"], u = { 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" }, h = { key: 0 };
+function g(n, i, t, a, o, l) {
+  return e.openBlock(), e.createElementBlock("span", e.mergeProps(n.$attrs, {
+    "aria-hidden": t.title ? null : !0,
+    "aria-label": t.title,
+    class: "material-design-icon help-circle-icon",
+    role: "img",
+    onClick: i[0] || (i[0] = (r) => n.$emit("click", r))
+  }), [
+    (e.openBlock(), e.createElementBlock("svg", {
+      fill: t.fillColor,
+      class: "material-design-icon__svg",
+      width: t.size,
+      height: t.size,
+      viewBox: "0 0 24 24"
+    }, [
+      e.createElementVNode("path", u, [
+        t.title ? (e.openBlock(), e.createElementBlock("title", h, e.toDisplayString(t.title), 1)) : e.createCommentVNode("", !0)
+      ])
+    ], 8, _))
+  ], 16, m);
+}
+const p = /* @__PURE__ */ s._export_sfc(d, [["render", g]]), f = {
+  name: "NcSettingsSection",
+  components: {
+    HelpCircle: p
+  },
+  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: c.t("External documentation for {name}", {
+        name: this.name
+      })
+    };
+  },
+  computed: {
+    hasDescription() {
+      return this.description.length > 0;
+    },
+    hasDocUrl() {
+      return this.docUrl.length > 0;
+    }
+  }
+}, k = { class: "settings-section__name" }, C = ["href", "title", "aria-label"], S = {
+  key: 0,
+  class: "settings-section__desc"
+};
+function B(n, i, t, a, o, l) {
+  const r = e.resolveComponent("HelpCircle");
+  return e.openBlock(), e.createElementBlock("div", {
+    class: e.normalizeClass(["settings-section", { "settings-section--limit-width": t.limitWidth }])
+  }, [
+    e.createElementVNode("h2", k, [
+      e.createTextVNode(e.toDisplayString(t.name) + " ", 1),
+      l.hasDocUrl ? (e.openBlock(), e.createElementBlock("a", {
+        key: 0,
+        href: t.docUrl,
+        class: "settings-section__info",
+        title: o.docNameTranslated,
+        "aria-label": o.docNameTranslated,
+        target: "_blank",
+        rel: "noreferrer nofollow"
+      }, [
+        e.createVNode(r, { size: 20 })
+      ], 8, C)) : e.createCommentVNode("", !0)
+    ]),
+    l.hasDescription ? (e.openBlock(), e.createElementBlock("p", S, e.toDisplayString(t.description), 1)) : e.createCommentVNode("", !0),
+    e.renderSlot(n.$slots, "default", {}, void 0, !0)
+  ], 2);
+}
+const N = /* @__PURE__ */ s._export_sfc(f, [["render", B], ["__scopeId", "data-v-f51cf2d3"]]);
+exports.NcSettingsSection = N;

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

@@ -0,0 +1 @@
+{"version":3,"file":"NcSettingsSection-jP8vHGVg.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$1","_hoisted_1$1","_hoisted_2$1","_hoisted_3$1","$props","vue","_sfc_main","_hoisted_1","_hoisted_2","$data"],"mappings":";;;AAoBA,MAAAA,IAAA;AAAA,EACE,MAAA;AAAA,EACA,OAAA,CAAA,OAAA;AAAA,EACA,OAAA;AAAA,IACE,OAAA;AAAA;;;;MAKE,SAAA;AAAA;;;MAIA,SAAA;AAAA,IACF;AAAA,EACF;AACF,GApCAC,IAAA,CAAA,eAAA,YAAA,GAAAC,IAAA,CAAA,QAAA,SAAA,QAAA,GAYYC,IAAA,EAAA,GAAA,oUAAA;;;IAVH,eAAAC,EAAA,QAAA,OAAA;AAAA,IACA,cAAAA,EAAA;AAAA,IACD,OAAA;AAAA,IACA,MAAA;AAAA;;;MAEE,MAAAA,EAAA;AAAA,MACD,OAAA;AAAA,MACC,OAAAA,EAAA;AAAA,MACA,QAAAA,EAAA;AAAA,MACD,SAAA;AAAA;MACHC,EAAA,mBAAA,QAAAF,GAAA;AAAA,qGAZNE,EAAA,mBAAA,IAAA,EAAA;AAAA;IAAA,GAAA,GAAAH,CAAA;AAAA,EAAA,GAAA,IAAAD,CAAA;;6DCsEAK,IAAA;AAAA;;;;EAOC,OAAA;AAAA;;;;;;;;IASC,QAAA;AAAA;;;;;;;;;;;;;;EAgBD,OAAA;AACC,WAAA;AAAA;QAEE,MAAA,KAAA;AAAA,MACD,CAAA;AAAA,IACD;AAAA;EAGD,UAAA;AAAA,IACC,iBAAA;AACC,aAAA,KAAA,YAAA,SAAA;AAAA;;;;;AAMH,GAzEMC,IAAA,EAAA,OAAA,yBAAA,GA7CNC,IAAA,CAAA,QAAA,SAAA,YAAA;;EA0DG,OAAA;;;;;IAdG,OAAAH,EAAA,eAAA,CAAA,oBAAA,EAAA,iCAAAD,EAAA,WAAA,CAAA,CAAA;AAAA;IACJC,EAAA,mBAAA,MAAAE,GAAA;AAAA;;;QAGG,MAAAH,EAAA;AAAA,QACD,OAAA;AAAA,QACC,OAAAK,EAAA;AAAA,QACA,cAAAA,EAAA;AAAA,QACD,QAAA;AAAA,QACA,KAAA;AAAA;;MArDJ,GAAA,GAAAD,CAAA,KAAAH,EAAA,mBAAA,IAAA,EAAA;AAAA;4GAAAA,EAAA,mBAAA,IAAA,EAAA;AAAA;;;;;","x_google_ignoreList":[0]}