@nextcloud/vue 8.6.0 → 9.0.0-alpha.1

package/dist/chunks/NcNoteCard-ujnbiyLI.cjs

@@ -0,0 +1,226 @@
+var F = require("../assets/NcNoteCard-f0NZpwjL.css");
+const e = require("vue"), n = require("./_plugin-vue_export-helper-xG2iG1wl.cjs"), d = {
+  name: "CheckboxMarkedCircleIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+}, m = ["aria-hidden", "aria-label"], u = ["fill", "width", "height"], _ = { d: "M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" }, h = { key: 0 };
+function g(i, l, t, c, a, o) {
+  return e.openBlock(), e.createElementBlock("span", e.mergeProps(i.$attrs, {
+    "aria-hidden": t.title ? null : !0,
+    "aria-label": t.title,
+    class: "material-design-icon checkbox-marked-circle-icon",
+    role: "img",
+    onClick: l[0] || (l[0] = (r) => i.$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", _, [
+        t.title ? (e.openBlock(), e.createElementBlock("title", h, e.toDisplayString(t.title), 1)) : e.createCommentVNode("", !0)
+      ])
+    ], 8, u))
+  ], 16, m);
+}
+const f = /* @__PURE__ */ n._export_sfc(d, [["render", g]]), k = {
+  name: "AlertDecagramIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+}, B = ["aria-hidden", "aria-label"], y = ["fill", "width", "height"], C = { d: "M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M13,17H11V15H13V17M13,13H11V7H13V13Z" }, p = { key: 0 };
+function L(i, l, t, c, a, o) {
+  return e.openBlock(), e.createElementBlock("span", e.mergeProps(i.$attrs, {
+    "aria-hidden": t.title ? null : !0,
+    "aria-label": t.title,
+    class: "material-design-icon alert-decagram-icon",
+    role: "img",
+    onClick: l[0] || (l[0] = (r) => i.$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", C, [
+        t.title ? (e.openBlock(), e.createElementBlock("title", p, e.toDisplayString(t.title), 1)) : e.createCommentVNode("", !0)
+      ])
+    ], 8, y))
+  ], 16, B);
+}
+const w = /* @__PURE__ */ n._export_sfc(k, [["render", L]]), v = {
+  name: "AlertIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+}, N = ["aria-hidden", "aria-label"], E = ["fill", "width", "height"], S = { d: "M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z" }, V = { key: 0 };
+function $(i, l, t, c, a, o) {
+  return e.openBlock(), e.createElementBlock("span", e.mergeProps(i.$attrs, {
+    "aria-hidden": t.title ? null : !0,
+    "aria-label": t.title,
+    class: "material-design-icon alert-icon",
+    role: "img",
+    onClick: l[0] || (l[0] = (r) => i.$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", S, [
+        t.title ? (e.openBlock(), e.createElementBlock("title", V, e.toDisplayString(t.title), 1)) : e.createCommentVNode("", !0)
+      ])
+    ], 8, E))
+  ], 16, N);
+}
+const s = /* @__PURE__ */ n._export_sfc(v, [["render", $]]), A = {
+  name: "InformationIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+}, b = ["aria-hidden", "aria-label"], z = ["fill", "width", "height"], H = { d: "M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z" }, M = { key: 0 };
+function x(i, l, t, c, a, o) {
+  return e.openBlock(), e.createElementBlock("span", e.mergeProps(i.$attrs, {
+    "aria-hidden": t.title ? null : !0,
+    "aria-label": t.title,
+    class: "material-design-icon information-icon",
+    role: "img",
+    onClick: l[0] || (l[0] = (r) => i.$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", H, [
+        t.title ? (e.openBlock(), e.createElementBlock("title", M, e.toDisplayString(t.title), 1)) : e.createCommentVNode("", !0)
+      ])
+    ], 8, z))
+  ], 16, b);
+}
+const D = /* @__PURE__ */ n._export_sfc(A, [["render", x]]), I = {
+  name: "NcNoteCard",
+  props: {
+    /**
+     * Type of the attribute
+     */
+    type: {
+      type: String,
+      default: "warning",
+      validator: (i) => ["success", "info", "warning", "error"].includes(i)
+    },
+    showAlert: {
+      type: Boolean,
+      default: !1
+    },
+    heading: {
+      type: String,
+      default: ""
+    }
+  },
+  computed: {
+    shouldShowAlert() {
+      return this.showAlert || this.type === "error";
+    },
+    icon() {
+      switch (this.type) {
+        case "error":
+          return w;
+        case "success":
+          return f;
+        case "info":
+          return D;
+        case "warning":
+          return s;
+        default:
+          return s;
+      }
+    },
+    color() {
+      switch (this.type) {
+        case "error":
+          return "var(--color-error)";
+        case "success":
+          return "var(--color-success)";
+        case "info":
+          return "var(--color-info)";
+        case "warning":
+          return "var(--color-warning)";
+        default:
+          return "var(--color-warning)";
+      }
+    }
+  }
+}, P = ["role"], Z = { key: 0 };
+function q(i, l, t, c, a, o) {
+  return e.openBlock(), e.createElementBlock("div", {
+    class: e.normalizeClass(["notecard", "notecard--".concat(t.type)]),
+    role: o.shouldShowAlert ? "alert" : "note"
+  }, [
+    e.renderSlot(i.$slots, "icon", {}, () => [
+      (e.openBlock(), e.createBlock(e.resolveDynamicComponent(o.icon), {
+        class: e.normalizeClass(["notecard__icon", { "notecard__icon--heading": t.heading }]),
+        "fill-color": o.color
+      }, null, 8, ["class", "fill-color"]))
+    ], !0),
+    e.createElementVNode("div", null, [
+      t.heading ? (e.openBlock(), e.createElementBlock("h2", Z, e.toDisplayString(t.heading), 1)) : e.createCommentVNode("", !0),
+      e.renderSlot(i.$slots, "default", {}, void 0, !0)
+    ])
+  ], 10, P);
+}
+const j = /* @__PURE__ */ n._export_sfc(I, [["render", q], ["__scopeId", "data-v-722d543a"]]);
+exports.NcNoteCard = j;

package/dist/chunks/NcNoteCard-ujnbiyLI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcNoteCard-ujnbiyLI.cjs","sources":["../../node_modules/vue-material-design-icons/CheckboxMarkedCircle.vue","../../node_modules/vue-material-design-icons/AlertDecagram.vue","../../node_modules/vue-material-design-icons/Alert.vue","../../node_modules/vue-material-design-icons/Information.vue","../../src/components/NcNoteCard/NcNoteCard.vue"],"sourcesContent":["<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : true\"\n        :aria-label=\"title\"\n        class=\"material-design-icon checkbox-marked-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=\"M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"CheckboxMarkedCircleIcon\",\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>","<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : true\"\n        :aria-label=\"title\"\n        class=\"material-design-icon alert-decagram-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=\"M23,12L20.56,9.22L20.9,5.54L17.29,4.72L15.4,1.54L12,3L8.6,1.54L6.71,4.72L3.1,5.53L3.44,9.21L1,12L3.44,14.78L3.1,18.47L6.71,19.29L8.6,22.47L12,21L15.4,22.46L17.29,19.28L20.9,18.46L20.56,14.78L23,12M13,17H11V15H13V17M13,13H11V7H13V13Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"AlertDecagramIcon\",\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>","<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : true\"\n        :aria-label=\"title\"\n        class=\"material-design-icon alert-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=\"M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"AlertIcon\",\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>","<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : true\"\n        :aria-label=\"title\"\n        class=\"material-design-icon information-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=\"M13,9H11V7H13M13,17H11V11H13M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"InformationIcon\",\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) 2022 Carl Schwan <carl@carlschwan.eu>\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>\nThis component is made to display additional information to the user. It is\navailable in four versions:\n\n- success: Display a successful message\n- info: Display an informational message\n- warning: Display a warning to the user. This indicate that the action they want\n- error: Display an error message. For example\n\nWhen using an error type,\n\n```vue\n<template>\n\t<div>\n\t\t<NcNoteCard type=\"warning\">\n\t\t\t<p>This is dangerous</p>\n\t\t</NcNoteCard>\n\n\t\t<NcNoteCard type=\"error\" heading=\"Error\">\n\t\t\t<p>The server is not happy and reported the following error</p>\n\t\t</NcNoteCard>\n\n\t\t<NcNoteCard type=\"success\">\n\t\t\t<p>You won</p>\n\t\t</NcNoteCard>\n\n\t\t<NcNoteCard type=\"info\">\n\t\t\t<p>For your information</p>\n\t\t</NcNoteCard>\n\n\t\t<NcNoteCard type=\"warning\">\n\t\t\t<template #icon>\n\t\t\t\t<Cog :size=\"20\"/>\n\t\t\t</template>\n\t\t\t<p>Custom icon usage</p>\n\t\t</NcNoteCard>\n\t</div>\n</template>\n\n<script>\n\timport Cog from 'vue-material-design-icons/Cog.vue'\n\n\texport default {\n\t\tcomponents: {\n\t\t\tCog,\n\t\t},\n\t}\n</script>\n```\n</docs>\n\n<template>\n\t<div class=\"notecard\"\n\t\t:class=\"`notecard--${type}`\"\n\t\t:role=\"shouldShowAlert ? 'alert' : 'note'\">\n\t\t<!-- @slot Manually provide icon -->\n\t\t<slot name=\"icon\">\n\t\t\t<component :is=\"icon\"\n\t\t\t\tclass=\"notecard__icon\"\n\t\t\t\t:class=\"{'notecard__icon--heading': heading}\"\n\t\t\t\t:fill-color=\"color\" />\n\t\t</slot>\n\t\t<div>\n\t\t\t<h2 v-if=\"heading\">\n\t\t\t\t{{ heading }}\n\t\t\t</h2>\n\t\t\t<slot />\n\t\t</div>\n\t</div>\n</template>\n\n<script>\nimport CheckboxMarkedCircle from 'vue-material-design-icons/CheckboxMarkedCircle.vue'\nimport AlertDecagram from 'vue-material-design-icons/AlertDecagram.vue'\nimport Alert from 'vue-material-design-icons/Alert.vue'\nimport Information from 'vue-material-design-icons/Information.vue'\n\nexport default {\n\tname: 'NcNoteCard',\n\n\tprops: {\n\t\t/**\n\t\t * Type of the attribute\n\t\t */\n\t\ttype: {\n\t\t\ttype: String,\n\t\t\tdefault: 'warning',\n\t\t\tvalidator: type => ['success', 'info', 'warning', 'error'].includes(type),\n\t\t},\n\t\tshowAlert: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\theading: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t},\n\tcomputed: {\n\t\tshouldShowAlert() {\n\t\t\treturn this.showAlert || this.type === 'error'\n\t\t},\n\t\ticon() {\n\t\t\tswitch (this.type) {\n\t\t\tcase 'error':\n\t\t\t\treturn AlertDecagram\n\t\t\tcase 'success':\n\t\t\t\treturn CheckboxMarkedCircle\n\t\t\tcase 'info':\n\t\t\t\treturn Information\n\t\t\tcase 'warning':\n\t\t\t\treturn Alert\n\t\t\tdefault:\n\t\t\t\treturn Alert\n\t\t\t}\n\t\t},\n\t\tcolor() {\n\t\t\tswitch (this.type) {\n\t\t\tcase 'error':\n\t\t\t\treturn 'var(--color-error)'\n\t\t\tcase 'success':\n\t\t\t\treturn 'var(--color-success)'\n\t\t\tcase 'info':\n\t\t\t\treturn 'var(--color-info)'\n\t\t\tcase 'warning':\n\t\t\t\treturn 'var(--color-warning)'\n\t\t\tdefault:\n\t\t\t\treturn 'var(--color-warning)'\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.notecard {\n\tcolor: var(--color-main-text) !important;\n\tbackground-color: var(--note-background) !important;\n\tborder-inline-start: 4px solid var(--note-theme);\n\tborder-radius: var(--border-radius);\n\tmargin: 1rem 0;\n\tmargin-top: 1rem;\n\tpadding: 1rem;\n\tdisplay: flex;\n\tflex-direction: row;\n\tgap: 1rem;\n\n\t&__icon--heading {\n\t\tmargin-bottom: auto;\n\t\tmargin-top: 0.3rem;\n\t}\n\n\t&--success {\n\t\t--note-background: rgba(var(--color-success-rgb), 0.1);\n\t\t--note-theme: var(--color-success);\n\t}\n\n\t&--info {\n\t\t--note-background: rgba(var(--color-info-rgb), 0.1);\n\t\t--note-theme: var(--color-info);\n\t}\n\n\t&--error {\n\t\t--note-background: rgba(var(--color-error-rgb), 0.1);\n\t\t--note-theme: var(--color-error);\n\t}\n\n\t&--warning {\n\t\t--note-background: rgba(var(--color-warning-rgb), 0.1);\n\t\t--note-theme: var(--color-warning);\n\t}\n}\n</style>\n"],"names":["_sfc_main$4","_hoisted_1$4","_hoisted_2$4","_hoisted_3$3","$props","vue","_sfc_main$3","_hoisted_1$3","_hoisted_2$3","_hoisted_3$2","_sfc_main$2","_hoisted_1$2","_hoisted_2$2","_hoisted_3$1","_sfc_main$1","_hoisted_1$1","_hoisted_2$1","_hoisted_3","_sfc_main","type","AlertDecagram","Information","_hoisted_1","$options","_ctx"],"mappings":"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","x_google_ignoreList":[0,1,2,3]}

package/dist/chunks/NcPasswordField-8rboJv29.cjs

@@ -0,0 +1,255 @@
+"use strict";
+const e = require("vue"), d = require("./_plugin-vue_export-helper-xG2iG1wl.cjs"), c = require("./NcInputField-6vveMrmf.cjs"), f = require("debounce"), g = require("@nextcloud/axios"), _ = require("@nextcloud/initial-state"), w = require("@nextcloud/router"), l = require("./_l10n-Fl7RzbcZ.cjs"), k = require("./logger-G6OKp5ly.cjs"), p = (t) => t && t.__esModule ? t : { default: t }, y = /* @__PURE__ */ p(f), C = /* @__PURE__ */ p(g), B = {
+  name: "EyeIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+}, b = ["aria-hidden", "aria-label"], P = ["fill", "width", "height"], E = { d: "M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z" }, N = { key: 0 };
+function v(t, s, i, u, o, n) {
+  return e.openBlock(), e.createElementBlock("span", e.mergeProps(t.$attrs, {
+    "aria-hidden": i.title ? null : !0,
+    "aria-label": i.title,
+    class: "material-design-icon eye-icon",
+    role: "img",
+    onClick: s[0] || (s[0] = (r) => t.$emit("click", r))
+  }), [
+    (e.openBlock(), e.createElementBlock("svg", {
+      fill: i.fillColor,
+      class: "material-design-icon__svg",
+      width: i.size,
+      height: i.size,
+      viewBox: "0 0 24 24"
+    }, [
+      e.createElementVNode("path", E, [
+        i.title ? (e.openBlock(), e.createElementBlock("title", N, e.toDisplayString(i.title), 1)) : e.createCommentVNode("", !0)
+      ])
+    ], 8, P))
+  ], 16, b);
+}
+const F = /* @__PURE__ */ d._export_sfc(B, [["render", v]]), S = {
+  name: "EyeOffIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+}, V = ["aria-hidden", "aria-label"], x = ["fill", "width", "height"], L = { d: "M11.83,9L15,12.16C15,12.11 15,12.05 15,12A3,3 0 0,0 12,9C11.94,9 11.89,9 11.83,9M7.53,9.8L9.08,11.35C9.03,11.56 9,11.77 9,12A3,3 0 0,0 12,15C12.22,15 12.44,14.97 12.65,14.92L14.2,16.47C13.53,16.8 12.79,17 12,17A5,5 0 0,1 7,12C7,11.21 7.2,10.47 7.53,9.8M2,4.27L4.28,6.55L4.73,7C3.08,8.3 1.78,10 1,12C2.73,16.39 7,19.5 12,19.5C13.55,19.5 15.03,19.2 16.38,18.66L16.81,19.08L19.73,22L21,20.73L3.27,3M12,7A5,5 0 0,1 17,12C17,12.64 16.87,13.26 16.64,13.82L19.57,16.75C21.07,15.5 22.27,13.86 23,12C21.27,7.61 17,4.5 12,4.5C10.6,4.5 9.26,4.75 8,5.2L10.17,7.35C10.74,7.13 11.35,7 12,7Z" }, H = { key: 0 };
+function A(t, s, i, u, o, n) {
+  return e.openBlock(), e.createElementBlock("span", e.mergeProps(t.$attrs, {
+    "aria-hidden": i.title ? null : !0,
+    "aria-label": i.title,
+    class: "material-design-icon eye-off-icon",
+    role: "img",
+    onClick: s[0] || (s[0] = (r) => t.$emit("click", r))
+  }), [
+    (e.openBlock(), e.createElementBlock("svg", {
+      fill: i.fillColor,
+      class: "material-design-icon__svg",
+      width: i.size,
+      height: i.size,
+      viewBox: "0 0 24 24"
+    }, [
+      e.createElementVNode("path", L, [
+        i.title ? (e.openBlock(), e.createElementBlock("title", H, e.toDisplayString(i.title), 1)) : e.createCommentVNode("", !0)
+      ])
+    ], 8, x))
+  ], 16, V);
+}
+const I = /* @__PURE__ */ d._export_sfc(S, [["render", A]]);
+l.register(l.t24);
+const a = _.loadState("core", "capabilities", {}).password_policy || null, M = new Set(Object.keys(c.NcInputField.props)), q = {
+  name: "NcPasswordField",
+  components: {
+    NcInputField: c.NcInputField,
+    Eye: F,
+    EyeOff: I
+  },
+  props: {
+    /**
+     * Any [NcInputField](#/Components/NcFields?id=ncinputfield) props
+     */
+    // Not an actual prop but needed to show in vue-styleguidist docs
+    // eslint-disable-next-line
+    " ": {},
+    // Reuse all the props from NcInputField for better typing and documentation
+    ...c.NcInputField.props,
+    // Redefined props
+    /**
+     * Controls whether to display the trailing button.
+     */
+    showTrailingButton: {
+      type: Boolean,
+      default: !0
+    },
+    // Removed NcInputField props, defined only by this component
+    trailingButtonLabel: void 0,
+    // Custom props
+    /**
+     * Check if the user entered a valid password using the password_policy
+     * app if available.
+     *
+     * Warning: this doesn't replace server side checking and will do nothing
+     * if the password_policy app is disabled.
+     */
+    checkPasswordStrength: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * The minlength property defines the minimum number of characters
+     * (as UTF-16 code units) the user can enter
+     */
+    minlength: {
+      type: Number,
+      default: 0
+    },
+    /**
+     * The maxlength property defines the maximum number of characters
+     * (as UTF-16 code units) the user can enter
+     */
+    maxlength: {
+      type: Number,
+      default: null
+    }
+  },
+  emits: [
+    "valid",
+    "invalid",
+    "update:modelValue"
+  ],
+  data() {
+    return {
+      isPasswordHidden: !0,
+      internalHelpMessage: "",
+      isValid: null
+    };
+  },
+  computed: {
+    computedError() {
+      return this.error || this.isValid === !1;
+    },
+    computedSuccess() {
+      return this.success || this.isValid === !0;
+    },
+    computedHelperText() {
+      return this.helperText.length > 0 ? this.helperText : this.internalHelpMessage;
+    },
+    rules() {
+      const { minlength: t } = this;
+      return {
+        minlength: t != null ? t : a == null ? void 0 : a.minLength
+      };
+    },
+    trailingButtonLabelPassword() {
+      return this.isPasswordHidden ? l.t("Show password") : l.t("Hide password");
+    },
+    propsToForward() {
+      return {
+        // Proxy original NcInputField's props
+        ...Object.fromEntries(
+          Object.entries(this.$props).filter(([t]) => M.has(t))
+        )
+      };
+    }
+  },
+  watch: {
+    modelValue(t) {
+      if (this.checkPasswordStrength) {
+        if (a === null)
+          return;
+        this.checkPassword(t);
+      }
+    }
+  },
+  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(t) {
+      this.$emit("update:modelValue", t);
+    },
+    togglePasswordVisibility() {
+      this.isPasswordHidden = !this.isPasswordHidden;
+    },
+    checkPassword: y.default(async function(t) {
+      try {
+        const { data: s } = await C.default.post(w.generateOcsUrl("apps/password_policy/api/v1/validate"), { password: t });
+        if (this.isValid = s.ocs.data.passed, s.ocs.data.passed) {
+          this.internalHelpMessage = l.t("Password is secure"), this.$emit("valid");
+          return;
+        }
+        this.internalHelpMessage = s.ocs.data.reason, this.$emit("invalid");
+      } catch (s) {
+        k.logger.error("Password policy returned an error", s);
+      }
+    }, 500)
+  }
+};
+function T(t, s, i, u, o, n) {
+  const r = e.resolveComponent("Eye"), h = e.resolveComponent("EyeOff"), m = e.resolveComponent("NcInputField");
+  return e.openBlock(), e.createBlock(m, e.mergeProps(n.propsToForward, {
+    ref: "inputField",
+    type: o.isPasswordHidden ? "password" : "text",
+    "trailing-button-label": n.trailingButtonLabelPassword,
+    "helper-text": n.computedHelperText,
+    error: n.computedError,
+    success: n.computedSuccess,
+    minlength: n.rules.minlength,
+    onTrailingButtonClick: n.togglePasswordVisibility,
+    "onUpdate:modelValue": n.handleInput
+  }), e.createSlots({
+    "trailing-button-icon": e.withCtx(() => [
+      o.isPasswordHidden ? (e.openBlock(), e.createBlock(r, {
+        key: 0,
+        size: 18
+      })) : (e.openBlock(), e.createBlock(h, {
+        key: 1,
+        size: 18
+      }))
+    ]),
+    _: 2
+  }, [
+    t.$slots.icon ? {
+      name: "icon",
+      fn: e.withCtx(() => [
+        e.renderSlot(t.$slots, "icon")
+      ]),
+      key: "0"
+    } : void 0
+  ]), 1040, ["type", "trailing-button-label", "helper-text", "error", "success", "minlength", "onTrailingButtonClick", "onUpdate:modelValue"]);
+}
+const z = /* @__PURE__ */ d._export_sfc(q, [["render", T]]);
+exports.NcPasswordField = z;

package/dist/chunks/NcPasswordField-8rboJv29.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcPasswordField-8rboJv29.cjs","sources":["../../node_modules/vue-material-design-icons/Eye.vue","../../node_modules/vue-material-design-icons/EyeOff.vue","../../src/components/NcPasswordField/NcPasswordField.vue"],"sourcesContent":["<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : true\"\n        :aria-label=\"title\"\n        class=\"material-design-icon eye-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=\"M12,9A3,3 0 0,0 9,12A3,3 0 0,0 12,15A3,3 0 0,0 15,12A3,3 0 0,0 12,9M12,17A5,5 0 0,1 7,12A5,5 0 0,1 12,7A5,5 0 0,1 17,12A5,5 0 0,1 12,17M12,4.5C7,4.5 2.73,7.61 1,12C2.73,16.39 7,19.5 12,19.5C17,19.5 21.27,16.39 23,12C21.27,7.61 17,4.5 12,4.5Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"EyeIcon\",\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>","<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"title ? null : true\"\n        :aria-label=\"title\"\n        class=\"material-design-icon eye-off-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=\"M11.83,9L15,12.16C15,12.11 15,12.05 15,12A3,3 0 0,0 12,9C11.94,9 11.89,9 11.83,9M7.53,9.8L9.08,11.35C9.03,11.56 9,11.77 9,12A3,3 0 0,0 12,15C12.22,15 12.44,14.97 12.65,14.92L14.2,16.47C13.53,16.8 12.79,17 12,17A5,5 0 0,1 7,12C7,11.21 7.2,10.47 7.53,9.8M2,4.27L4.28,6.55L4.73,7C3.08,8.3 1.78,10 1,12C2.73,16.39 7,19.5 12,19.5C13.55,19.5 15.03,19.2 16.38,18.66L16.81,19.08L19.73,22L21,20.73L3.27,3M12,7A5,5 0 0,1 17,12C17,12.64 16.87,13.26 16.64,13.82L19.57,16.75C21.07,15.5 22.27,13.86 23,12C21.27,7.61 17,4.5 12,4.5C10.6,4.5 9.26,4.75 8,5.2L10.17,7.35C10.74,7.13 11.35,7 12,7Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"EyeOffIcon\",\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) 2022 Marco Ambrosini <marcoambrosini@pm.me>\n  -\n  - @author Marco Ambrosini <marcoambrosini@pm.me>\n  - @author Carl Schwan <carl@carlschwan.eu>\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 password field component.\n\n```\n<template>\n\t<div class=\"wrapper\">\n\t\t<NcPasswordField v-model=\"text1\"\n\t\t\tlabel=\"Old password\" />\n\t\t<div class=\"external-label\">\n\t\t\t<label for=\"textField\">New password</label>\n\t\t\t<NcPasswordField v-model=\"text2\"\n\t\t\t\tid=\"textField\"\n\t\t\t\t:label-outside=\"true\"\n\t\t\t\tplaceholder=\"Min. 12 characters\" />\n\t\t</div>\n\t\t<div class=\"external-label\">\n\t\t\t<label for=\"textField2\">New password</label>\n\t\t\t<NcPasswordField v-model=\"text3\"\n\t\t\t\tid=\"textField2\"\n\t\t\t\t:error=\"true\"\n\t\t\t\t:label-outside=\"true\"\n\t\t\t\tplaceholder=\"Min. 12 characters\"\n\t\t\t\thelper-text=\"Password is insecure\" />\n\t\t</div>\n\n\t\t<NcPasswordField v-model=\"text4\"\n\t\t\tlabel=\"Good new password\"\n\t\t\t:success=\"true\"\n\t\t\tplaceholder=\"Min. 12 characters\"\n\t\t\thelper-text=\"Password is secure\">\n\t\t\t<template #icon>\n\t\t\t\t<Lock :size=\"20\" />\n\t\t\t</template>\n\t\t</NcPasswordField>\n\n\t\t<NcPasswordField v-model=\"text5\"\n\t\t\t:disabled=\"true\"\n\t\t\tlabel=\"Disabled\" />\n\t</div>\n</template>\n<script>\nimport Lock from 'vue-material-design-icons/Lock'\n\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\ttext1: '',\n\t\t\ttext2: '',\n\t\t\ttext3: 'hunter',\n\t\t\ttext4: '',\n\t\t\ttext5: '',\n\t\t}\n\t},\n\n\tcomponents: {\n\t\tLock,\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=\"propsToForward\"\n\t\tref=\"inputField\"\n\t\t:type=\"isPasswordHidden ? 'password' : 'text'\"\n\t\t:trailing-button-label=\"trailingButtonLabelPassword\"\n\t\t:helper-text=\"computedHelperText\"\n\t\t:error=\"computedError\"\n\t\t:success=\"computedSuccess\"\n\t\t:minlength=\"rules.minlength\"\n\t\t@trailing-button-click=\"togglePasswordVisibility\"\n\t\t@update:model-value=\"handleInput\">\n\t\t<template v-if=\"!!$slots.icon\" #icon>\n\t\t\t<!-- Default slot for the leading icon -->\n\t\t\t<slot name=\"icon\" />\n\t\t</template>\n\t\t<template #trailing-button-icon>\n\t\t\t<Eye v-if=\"isPasswordHidden\" :size=\"18\" />\n\t\t\t<EyeOff v-else :size=\"18\" />\n\t\t</template>\n\t</NcInputField>\n</template>\n\n<script>\n\nimport Eye from 'vue-material-design-icons/Eye.vue'\nimport EyeOff from 'vue-material-design-icons/EyeOff.vue'\nimport NcInputField from '../NcInputField/NcInputField.vue'\nimport debounce from 'debounce'\nimport axios from '@nextcloud/axios'\nimport { loadState } from '@nextcloud/initial-state'\nimport { generateOcsUrl } from '@nextcloud/router'\nimport { t } from '../../l10n.js'\nimport logger from '../../utils/logger.js'\n\n/**\n * @typedef PasswordPolicy\n * @property {object} api - The URLs to the password_policy app methods\n * @property {string} api.generate - The URL to the password generator\n * @property {string} api.validate - The URL to the password validator\n * @property {boolean} enforceNonCommonPassword - Whether to enforce non common passwords\n * @property {boolean} enforceNumericCharacters - Whether to enforce numeric characters\n * @property {boolean} enforceSpecialCharacters - Whether to enforce special characters\n * @property {boolean} enforceUpperLowerCase - Whether to enforce upper and lower case\n * @property {number} minLength - The minimum length of the password\n */\n\n/** @type {PasswordPolicy|null} */\nconst passwordPolicy = loadState('core', 'capabilities', {}).password_policy || null\n\nconst NcInputFieldProps = new Set(Object.keys(NcInputField.props))\n\nexport default {\n\tname: 'NcPasswordField',\n\n\tcomponents: {\n\t\tNcInputField,\n\t\tEye,\n\t\tEyeOff,\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * Any [NcInputField](#/Components/NcFields?id=ncinputfield) props\n\t\t */\n\t\t// Not an actual prop but needed to show in vue-styleguidist docs\n\t\t// eslint-disable-next-line\n\t\t' ': {},\n\n\t\t// Reuse all the props from NcInputField for better typing and documentation\n\t\t...NcInputField.props,\n\n\t\t// Redefined props\n\n\t\t/**\n\t\t * Controls whether to display the trailing button.\n\t\t */\n\t\t showTrailingButton: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\n\t\t// Removed NcInputField props, defined only by this component\n\n\t\ttrailingButtonLabel: undefined,\n\n\t\t// Custom props\n\n\t\t/**\n\t\t * Check if the user entered a valid password using the password_policy\n\t\t * app if available.\n\t\t *\n\t\t * Warning: this doesn't replace server side checking and will do nothing\n\t\t * if the password_policy app is disabled.\n\t\t */\n\t\tcheckPasswordStrength: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * The minlength property defines the minimum number of characters\n\t\t * (as UTF-16 code units) the user can enter\n\t\t */\n\t\tminlength: {\n\t\t\ttype: Number,\n\t\t\tdefault: 0,\n\t\t},\n\n\t\t/**\n\t\t * The maxlength property defines the maximum number of characters\n\t\t * (as UTF-16 code units) the user can enter\n\t\t */\n\t\tmaxlength: {\n\t\t\ttype: Number,\n\t\t\tdefault: null,\n\t\t},\n\t},\n\n\temits: [\n\t\t'valid',\n\t\t'invalid',\n\t\t'update:modelValue',\n\t],\n\n\tdata() {\n\t\treturn {\n\t\t\tisPasswordHidden: true,\n\t\t\tinternalHelpMessage: '',\n\t\t\tisValid: null,\n\t\t}\n\t},\n\n\tcomputed: {\n\t\tcomputedError() {\n\t\t\treturn this.error || this.isValid === false\n\t\t},\n\t\tcomputedSuccess() {\n\t\t\treturn this.success || this.isValid === true\n\t\t},\n\t\tcomputedHelperText() {\n\t\t\tif (this.helperText.length > 0) {\n\t\t\t\treturn this.helperText\n\t\t\t}\n\t\t\treturn this.internalHelpMessage\n\t\t},\n\n\t\trules() {\n\t\t\tconst { minlength } = this\n\t\t\treturn {\n\t\t\t\tminlength: minlength ?? passwordPolicy?.minLength,\n\t\t\t}\n\t\t},\n\n\t\ttrailingButtonLabelPassword() {\n\t\t\treturn this.isPasswordHidden ? t('Show password') : t('Hide password')\n\t\t},\n\n\t\tpropsToForward() {\n\t\t\treturn {\n\t\t\t\t// Proxy original NcInputField's props\n\t\t\t\t...Object.fromEntries(\n\t\t\t\t\tObject.entries(this.$props).filter(([key]) => NcInputFieldProps.has(key)),\n\t\t\t\t),\n\t\t\t}\n\t\t},\n\t},\n\n\twatch: {\n\t\tmodelValue(newValue) {\n\t\t\tif (this.checkPasswordStrength) {\n\t\t\t\tif (passwordPolicy === null) {\n\t\t\t\t\treturn\n\t\t\t\t}\n\t\t\t\tthis.checkPassword(newValue)\n\t\t\t}\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\t/**\n\t\t\t * Triggers when the value inside the password field is\n\t\t\t * updated.\n\t\t\t *\n\t\t\t * @property {string} The new value\n\t\t\t */\n\t\t\tthis.$emit('update:modelValue', event)\n\t\t},\n\t\ttogglePasswordVisibility() {\n\t\t\tthis.isPasswordHidden = !this.isPasswordHidden\n\t\t},\n\t\tcheckPassword: debounce(async function(password) {\n\t\t\ttry {\n\t\t\t\tconst { data } = await axios.post(generateOcsUrl('apps/password_policy/api/v1/validate'), { password })\n\t\t\t\tthis.isValid = data.ocs.data.passed\n\t\t\t\tif (data.ocs.data.passed) {\n\t\t\t\t\tthis.internalHelpMessage = t('Password is secure')\n\t\t\t\t\t/**\n\t\t\t\t\t * Triggers when the internal password_policy detect that the\n\t\t\t\t\t * password entered is valid.\n\t\t\t\t\t */\n\t\t\t\t\tthis.$emit('valid')\n\t\t\t\t\treturn\n\t\t\t\t}\n\n\t\t\t\tthis.internalHelpMessage = data.ocs.data.reason\n\t\t\t\t/**\n\t\t\t\t * Triggers when the internal password_policy detect that the\n\t\t\t\t * password entered is invalid.\n\t\t\t\t */\n\t\t\t\tthis.$emit('invalid')\n\t\t\t} catch (e) {\n\t\t\t\tlogger.error('Password policy returned an error', e)\n\t\t\t}\n\t\t}, 500),\n\t},\n}\n</script>\n"],"names":["_sfc_main","_hoisted_1","_hoisted_2","_hoisted_3","_createElementBlock","_mergeProps","_ctx","$props","_cache","$event","_createElementVNode","_hoisted_4","_createCommentVNode","passwordPolicy","loadState","NcInputFieldProps","NcInputField","Eye","EyeOff","minlength","t","key","newValue","event","debounce","password","data","axios","generateOcsUrl","e","logger","_createBlock","_component_NcInputField","$options","$data","_createSlots","_component_Eye","_component_EyeOff","_withCtx","_renderSlot"],"mappings":"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","x_google_ignoreList":[0,1]}