@nextcloud/vue 8.0.0-beta.7 → 8.0.0-beta.9

package/dist/Components/NcNoteCard.cjs

@@ -1 +1,71 @@
-var h=require("../assets/index-ba6ad1b4.css");const n=require("vue-material-design-icons/CheckboxMarkedCircle.vue"),o=require("vue-material-design-icons/AlertDecagram.vue"),t=require("vue-material-design-icons/Alert.vue"),a=require("vue-material-design-icons/Information.vue"),s=require("../chunks/_plugin-vue2_normalizer-764a4c12.cjs");const c={name:"NcNoteCard",props:{type:{type:String,default:"warning",validator:r=>["success","info","warning","error"].includes(r)},showAlert:{type:Boolean,default:!1},heading:{type:String,default:""}},computed:{shouldShowAlert(){return this.showAlert||this.type==="error"},icon(){switch(this.type){case"error":return o;case"success":return n;case"info":return a;case"warning":return t;default:return t}},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)"}}}};var i=function(){var r=this,e=r._self._c;return e("div",{staticClass:"notecard",class:`notecard--${r.type}`,attrs:{role:r.shouldShowAlert?"alert":""}},[e(r.icon,{tag:"component",staticClass:"notecard__icon",class:{"notecard__icon--heading":r.heading},attrs:{"fill-color":r.color}}),e("div",[r.heading?e("h2",[r._v(" "+r._s(r.heading)+" ")]):r._e(),r._t("default")],2)],1)},l=[],u=s.normalizeComponent(c,i,l,!1,null,"a0360c76",null,null);const d=u.exports;module.exports=d;
+var m = require("../assets/index-400b48a6.css");
+const o = require("vue-material-design-icons/CheckboxMarkedCircle.vue"), s = require("vue-material-design-icons/AlertDecagram.vue"), c = require("vue-material-design-icons/Alert.vue"), l = require("vue-material-design-icons/Information.vue"), i = require("../chunks/_plugin-vue2_normalizer-7f9efb60.cjs"), n = (r) => r && r.__esModule ? r : { default: r }, u = /* @__PURE__ */ n(o), _ = /* @__PURE__ */ n(s), a = /* @__PURE__ */ n(c), d = /* @__PURE__ */ n(l);
+const f = {
+  name: "NcNoteCard",
+  props: {
+    /**
+     * Type of the attribute
+     */
+    type: {
+      type: String,
+      default: "warning",
+      validator: (r) => ["success", "info", "warning", "error"].includes(r)
+    },
+    showAlert: {
+      type: Boolean,
+      default: !1
+    },
+    heading: {
+      type: String,
+      default: ""
+    }
+  },
+  computed: {
+    shouldShowAlert() {
+      return this.showAlert || this.type === "error";
+    },
+    icon() {
+      switch (this.type) {
+        case "error":
+          return _.default;
+        case "success":
+          return u.default;
+        case "info":
+          return d.default;
+        case "warning":
+          return a.default;
+        default:
+          return a.default;
+      }
+    },
+    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)";
+      }
+    }
+  }
+};
+var h = function() {
+  var e = this, t = e._self._c;
+  return t("div", { staticClass: "notecard", class: `notecard--${e.type}`, attrs: { role: e.shouldShowAlert ? "alert" : "note" } }, [t(e.icon, { tag: "component", staticClass: "notecard__icon", class: { "notecard__icon--heading": e.heading }, attrs: { "fill-color": e.color } }), t("div", [e.heading ? t("h2", [e._v(" " + e._s(e.heading) + " ")]) : e._e(), e._t("default")], 2)], 1);
+}, p = [], g = /* @__PURE__ */ i.normalizeComponent(
+  f,
+  h,
+  p,
+  !1,
+  null,
+  "3a409988",
+  null,
+  null
+);
+const v = g.exports;
+module.exports = v;

package/dist/Components/NcNoteCard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcNoteCard.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"NcNoteCard.cjs","sources":["../../src/components/NcNoteCard/NcNoteCard.vue"],"sourcesContent":["<!--\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<div>\n\t<NcNoteCard type=\"warning\">\n\t\t<p>This is dangerous</p>\n\t</NcNoteCard>\n\n\t<NcNoteCard type=\"error\" heading=\"Error\">\n\t\t<p>The server is not happy and reported the following error</p>\n\t</NcNoteCard>\n\n\t<NcNoteCard type=\"success\">\n\t\t<p>You won</p>\n\t</NcNoteCard>\n\n\t<NcNoteCard type=\"info\">\n\t\t<p>For your information</p>\n\t</NcNoteCard>\n</div>\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<component :is=\"icon\"\n\t\t\tclass=\"notecard__icon\"\n\t\t\t:class=\"{'notecard__icon--heading': heading}\"\n\t\t\t:fill-color=\"color\" />\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","type","AlertDecagram__default","CheckboxMarkedCircle__default","Information__default","Alert__default"],"mappings":";;AA2EA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,CAAAC,MAAA,CAAA,WAAA,QAAA,WAAA,OAAA,EAAA,SAAAA,CAAA;AAAA,IACA;AAAA,IACA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,IACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,UAAA;AAAA,IACA,kBAAA;AACA,aAAA,KAAA,aAAA,KAAA,SAAA;AAAA,IACA;AAAA,IACA,OAAA;AACA,cAAA,KAAA,MAAA;AAAA,QACA,KAAA;AACA,iBAAAC,EAAA;AAAA,QACA,KAAA;AACA,iBAAAC,EAAA;AAAA,QACA,KAAA;AACA,iBAAAC,EAAA;AAAA,QACA,KAAA;AACA,iBAAAC,EAAA;AAAA,QACA;AACA,iBAAAA,EAAA;AAAA,MACA;AAAA,IACA;AAAA,IACA,QAAA;AACA,cAAA,KAAA,MAAA;AAAA,QACA,KAAA;AACA,iBAAA;AAAA,QACA,KAAA;AACA,iBAAA;AAAA,QACA,KAAA;AACA,iBAAA;AAAA,QACA,KAAA;AACA,iBAAA;AAAA,QACA;AACA,iBAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;"}

package/dist/Components/NcNoteCard.mjs

@@ -1,43 +1,77 @@
-import "../assets/index-ba6ad1b4.css";
-import o from "vue-material-design-icons/CheckboxMarkedCircle.vue";
-import n from "vue-material-design-icons/AlertDecagram.vue";
-import t from "vue-material-design-icons/Alert.vue";
-import a from "vue-material-design-icons/Information.vue";
-import { n as s } from "../chunks/_plugin-vue2_normalizer-5b4c43a4.mjs";
-const c = { name: "NcNoteCard", props: { type: { type: String, default: "warning", validator: (r) => ["success", "info", "warning", "error"].includes(r) }, showAlert: { type: Boolean, default: !1 }, heading: { type: String, default: "" } }, computed: { shouldShowAlert() {
-  return this.showAlert || this.type === "error";
-}, icon() {
-  switch (this.type) {
-    case "error":
-      return n;
-    case "success":
-      return o;
-    case "info":
-      return a;
-    case "warning":
-      return t;
-    default:
-      return t;
+import "../assets/index-400b48a6.css";
+import n from "vue-material-design-icons/CheckboxMarkedCircle.vue";
+import a from "vue-material-design-icons/AlertDecagram.vue";
+import o from "vue-material-design-icons/Alert.vue";
+import s from "vue-material-design-icons/Information.vue";
+import { n as c } from "../chunks/_plugin-vue2_normalizer-71e2aa87.mjs";
+const i = {
+  name: "NcNoteCard",
+  props: {
+    /**
+     * Type of the attribute
+     */
+    type: {
+      type: String,
+      default: "warning",
+      validator: (t) => ["success", "info", "warning", "error"].includes(t)
+    },
+    showAlert: {
+      type: Boolean,
+      default: !1
+    },
+    heading: {
+      type: String,
+      default: ""
+    }
+  },
+  computed: {
+    shouldShowAlert() {
+      return this.showAlert || this.type === "error";
+    },
+    icon() {
+      switch (this.type) {
+        case "error":
+          return a;
+        case "success":
+          return n;
+        case "info":
+          return s;
+        case "warning":
+          return o;
+        default:
+          return o;
+      }
+    },
+    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)";
+      }
+    }
   }
-}, 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)";
-  }
-} } };
-var i = function() {
+};
+var l = function() {
   var r = this, e = r._self._c;
-  return e("div", { staticClass: "notecard", class: `notecard--${r.type}`, attrs: { role: r.shouldShowAlert ? "alert" : "" } }, [e(r.icon, { tag: "component", staticClass: "notecard__icon", class: { "notecard__icon--heading": r.heading }, attrs: { "fill-color": r.color } }), e("div", [r.heading ? e("h2", [r._v(" " + r._s(r.heading) + " ")]) : r._e(), r._t("default")], 2)], 1);
-}, l = [], u = s(c, i, l, !1, null, "a0360c76", null, null);
-const v = u.exports;
+  return e("div", { staticClass: "notecard", class: `notecard--${r.type}`, attrs: { role: r.shouldShowAlert ? "alert" : "note" } }, [e(r.icon, { tag: "component", staticClass: "notecard__icon", class: { "notecard__icon--heading": r.heading }, attrs: { "fill-color": r.color } }), e("div", [r.heading ? e("h2", [r._v(" " + r._s(r.heading) + " ")]) : r._e(), r._t("default")], 2)], 1);
+}, u = [], d = /* @__PURE__ */ c(
+  i,
+  l,
+  u,
+  !1,
+  null,
+  "3a409988",
+  null,
+  null
+);
+const v = d.exports;
 export {
   v as default
 };

package/dist/Components/NcNoteCard.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcNoteCard.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcNoteCard.mjs","sources":["../../src/components/NcNoteCard/NcNoteCard.vue"],"sourcesContent":["<!--\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<div>\n\t<NcNoteCard type=\"warning\">\n\t\t<p>This is dangerous</p>\n\t</NcNoteCard>\n\n\t<NcNoteCard type=\"error\" heading=\"Error\">\n\t\t<p>The server is not happy and reported the following error</p>\n\t</NcNoteCard>\n\n\t<NcNoteCard type=\"success\">\n\t\t<p>You won</p>\n\t</NcNoteCard>\n\n\t<NcNoteCard type=\"info\">\n\t\t<p>For your information</p>\n\t</NcNoteCard>\n</div>\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<component :is=\"icon\"\n\t\t\tclass=\"notecard__icon\"\n\t\t\t:class=\"{'notecard__icon--heading': heading}\"\n\t\t\t:fill-color=\"color\" />\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","type","AlertDecagram","CheckboxMarkedCircle","Information","Alert"],"mappings":";;;;;;AA2EA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,MAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,MACA,WAAA,CAAAC,MAAA,CAAA,WAAA,QAAA,WAAA,OAAA,EAAA,SAAAA,CAAA;AAAA,IACA;AAAA,IACA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,IACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EACA,UAAA;AAAA,IACA,kBAAA;AACA,aAAA,KAAA,aAAA,KAAA,SAAA;AAAA,IACA;AAAA,IACA,OAAA;AACA,cAAA,KAAA,MAAA;AAAA,QACA,KAAA;AACA,iBAAAC;AAAA,QACA,KAAA;AACA,iBAAAC;AAAA,QACA,KAAA;AACA,iBAAAC;AAAA,QACA,KAAA;AACA,iBAAAC;AAAA,QACA;AACA,iBAAAA;AAAA,MACA;AAAA,IACA;AAAA,IACA,QAAA;AACA,cAAA,KAAA,MAAA;AAAA,QACA,KAAA;AACA,iBAAA;AAAA,QACA,KAAA;AACA,iBAAA;AAAA,QACA,KAAA;AACA,iBAAA;AAAA,QACA,KAAA;AACA,iBAAA;AAAA,QACA;AACA,iBAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;"}

package/dist/Components/NcPasswordField.cjs

@@ -1 +1,163 @@
-"use strict";const r=require("vue-material-design-icons/Eye.vue"),a=require("vue-material-design-icons/EyeOff.vue"),i=require("./NcInputField.cjs"),n=require("debounce"),l=require("@nextcloud/axios"),o=require("@nextcloud/initial-state"),d=require("@nextcloud/router"),s=require("../chunks/l10n-46d0c1c0.cjs"),u=require("../chunks/logger-01af1a78.cjs"),p=require("../chunks/_plugin-vue2_normalizer-764a4c12.cjs"),c={name:"NcPasswordField",components:{NcInputField:i,Eye:r,EyeOff:a},inheritAttrs:!1,props:{...i.props,helperText:{type:String,default:""},checkPasswordStrength:{type:Boolean,default:!1},minlength:{type:Number,default:0},maxlength:{type:Number,default:null},showTrailingButton:{type:Boolean,default:!0}},emits:["valid","invalid","update:value"],data(){return{isPasswordHidden:!0,internalHelpMessage:"",passwordPolicy:o.loadState("core","capabilities",{}).password_policy||null,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:e,passwordPolicy:t}=this;return{minlength:e!=null?e:t==null?void 0:t.minLength}},trailingButtonLabelPassword(){return this.isPasswordHidden?s.t("Show password"):s.t("Hide password")}},watch:{value(e){if(this.checkPasswordStrength){if(this.passwordPolicy===null)return;this.passwordPolicy&&this.checkPassword(e)}}},methods:{focus(){this.$refs.inputField.focus()},select(){this.$refs.inputField.select()},handleInput(e){this.$emit("update:value",e.target.value)},togglePasswordVisibility(){this.isPasswordHidden=!this.isPasswordHidden},checkPassword:n(async function(e){try{const{data:t}=await l.post(d.generateOcsUrl("apps/password_policy/api/v1/validate"),{password:e});if(this.isValid=t.ocs.data.passed,t.ocs.data.passed){this.internalHelpMessage=s.t("Password is secure"),this.$emit("valid");return}this.internalHelpMessage=t.ocs.data.reason,this.$emit("invalid")}catch(t){u.logger.error("Password policy returned an error",t)}},500)}};var h=function(){var e=this,t=e._self._c;return t("NcInputField",e._g(e._b({ref:"inputField",attrs:{type:e.isPasswordHidden?"password":"text","show-trailing-button":e.showTrailingButton&&!0,"trailing-button-label":e.trailingButtonLabelPassword,"helper-text":e.computedHelperText,error:e.computedError,success:e.computedSuccess,minlength:e.rules.minlength},on:{"trailing-button-click":e.togglePasswordVisibility,input:e.handleInput},scopedSlots:e._u([{key:"trailing-button-icon",fn:function(){return[e.isPasswordHidden?t("Eye",{attrs:{size:18}}):t("EyeOff",{attrs:{size:18}})]},proxy:!0}])},"NcInputField",{...e.$attrs,...e.$props},!1),e.$listeners),[e._t("default")],2)},w=[],g=p.normalizeComponent(c,h,w,!1,null,null,null,null);const m=g.exports;module.exports=m;
+"use strict";
+const o = require("vue-material-design-icons/Eye.vue"), l = require("vue-material-design-icons/EyeOff.vue"), a = require("./NcInputField.cjs"), u = require("debounce"), d = require("@nextcloud/axios"), c = require("@nextcloud/initial-state"), p = require("@nextcloud/router"), n = require("../chunks/l10n-b1d264c7.cjs"), f = require("../chunks/logger-4998b668.cjs"), h = require("../chunks/_plugin-vue2_normalizer-7f9efb60.cjs"), r = (t) => t && t.__esModule ? t : { default: t }, _ = /* @__PURE__ */ r(o), g = /* @__PURE__ */ r(l), m = /* @__PURE__ */ r(u), w = /* @__PURE__ */ r(d), s = c.loadState("core", "capabilities", {}).password_policy || null, y = new Set(Object.keys(a.props)), b = {
+  name: "NcPasswordField",
+  components: {
+    NcInputField: a,
+    Eye: _.default,
+    EyeOff: g.default
+  },
+  // Allow forwarding all attributes
+  inheritAttrs: !1,
+  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
+    ...a.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:value"
+  ],
+  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 : s == null ? void 0 : s.minLength
+      };
+    },
+    trailingButtonLabelPassword() {
+      return this.isPasswordHidden ? n.t("Show password") : n.t("Hide password");
+    },
+    propsAndAttrsToForward() {
+      return {
+        // Proxy all the HTML attributes
+        ...this.$attrs,
+        // Proxy original NcInputField's props
+        ...Object.fromEntries(
+          Object.entries(this.$props).filter(([t]) => y.has(t))
+        )
+      };
+    }
+  },
+  watch: {
+    value(t) {
+      if (this.checkPasswordStrength) {
+        if (s === 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:value", t.target.value);
+    },
+    togglePasswordVisibility() {
+      this.isPasswordHidden = !this.isPasswordHidden;
+    },
+    checkPassword: m.default(async function(t) {
+      try {
+        const { data: e } = await w.default.post(p.generateOcsUrl("apps/password_policy/api/v1/validate"), { password: t });
+        if (this.isValid = e.ocs.data.passed, e.ocs.data.passed) {
+          this.internalHelpMessage = n.t("Password is secure"), this.$emit("valid");
+          return;
+        }
+        this.internalHelpMessage = e.ocs.data.reason, this.$emit("invalid");
+      } catch (e) {
+        f.logger.error("Password policy returned an error", e);
+      }
+    }, 500)
+  }
+};
+var P = function() {
+  var e = this, i = e._self._c;
+  return i("NcInputField", e._g(e._b({ ref: "inputField", attrs: { type: e.isPasswordHidden ? "password" : "text", "trailing-button-label": e.trailingButtonLabelPassword, "helper-text": e.computedHelperText, error: e.computedError, success: e.computedSuccess, minlength: e.rules.minlength }, on: { "trailing-button-click": e.togglePasswordVisibility, input: e.handleInput }, scopedSlots: e._u([{ key: "trailing-button-icon", fn: function() {
+    return [e.isPasswordHidden ? i("Eye", { attrs: { size: 18 } }) : i("EyeOff", { attrs: { size: 18 } })];
+  }, proxy: !0 }]) }, "NcInputField", e.propsAndAttrsToForward, !1), e.$listeners), [e._t("default")], 2);
+}, v = [], F = /* @__PURE__ */ h.normalizeComponent(
+  b,
+  P,
+  v,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const H = F.exports;
+module.exports = H;

package/dist/Components/NcPasswordField.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NcPasswordField.cjs","sources":["../../src/components/NcPasswordField/NcPasswordField.vue"],"sourcesContent":["<!--\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 :value.sync=\"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 id=\"textField\"\n\t\t\t\t:value.sync=\"text2\"\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 id=\"textField2\"\n\t\t\t\t:value.sync=\"text3\"\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 :value.sync=\"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\n\t\t<NcPasswordField :value.sync=\"text5\"\n\t\t\t:disabled=\"true\"\n\t\t\tlabel=\"Disabled\" />\n\t</div>\n</template>\n<script>\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</script>\n<style lang=\"scss\" scoped>\n.wrapper {\n\tdisplay: flex;\n\tgap: 4px;\n\talign-items: flex-end;\n\tflex-wrap: wrap;\n}\n\n.external-label {\n\tdisplay: flex;\n\twidth: 100%;\n\tmargin-top: 1rem;\n}\n\n.external-label label {\n\tpadding-top: 7px;\n\tpadding-right: 14px;\n\twhite-space: nowrap;\n}\n</style>\n```\n</docs>\n\n<template>\n\t<NcInputField v-bind=\"{...$attrs, ...$props }\"\n\t\tref=\"inputField\"\n\t\t:type=\"isPasswordHidden ? 'password' : 'text'\"\n\t\t:show-trailing-button=\"showTrailingButton && true\"\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\tv-on=\"$listeners\"\n\t\t@trailing-button-click=\"togglePasswordVisibility\"\n\t\t@input=\"handleInput\">\n\t\t<!-- Default slot for the leading icon -->\n\t\t<slot />\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\nexport default {\n\tname: 'NcPasswordField',\n\n\tcomponents: {\n\t\tNcInputField,\n\t\tEye,\n\t\tEyeOff,\n\t},\n\n\t// Allow forwarding all attributes\n\tinheritAttrs: false,\n\n\tprops: {\n\t\t...NcInputField.props,\n\n\t\t/**\n\t\t * Additional error message\n\t\t *\n\t\t * This will be displayed beneath the input field\n\t\t */\n\t\thelperText: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\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\n\t\t/**\n\t\t * Controls whether to display the trailing button.\n\t\t */\n\t\tshowTrailingButton: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\t},\n\n\temits: [\n\t\t'valid',\n\t\t'invalid',\n\t\t'update:value',\n\t],\n\n\tdata() {\n\t\treturn {\n\t\t\tisPasswordHidden: true,\n\t\t\tinternalHelpMessage: '',\n\t\t\tpasswordPolicy: loadState('core', 'capabilities', {}).password_policy || null,\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, passwordPolicy } = 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\t},\n\n\twatch: {\n\t\tvalue(newValue) {\n\t\t\tif (this.checkPasswordStrength) {\n\t\t\t\tif (this.passwordPolicy === null) {\n\t\t\t\t\treturn\n\t\t\t\t}\n\t\t\t\tif (this.passwordPolicy) {\n\t\t\t\t\tthis.checkPassword(newValue)\n\t\t\t\t}\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:value', event.target.value)\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","NcInputField","Eye","EyeOff","loadState","minlength","passwordPolicy","t","newValue","event","debounce","password","data","axios","generateOcsUrl","e","logger"],"mappings":"6ZAmIAA,EAAA,CACA,KAAA,kBAEA,WAAA,CACA,aAAAC,EACA,IAAAC,EACA,OAAAC,CACA,EAGA,aAAA,GAEA,MAAA,CACA,GAAAF,EAAA,MAOA,WAAA,CACA,KAAA,OACA,QAAA,EACA,EASA,sBAAA,CACA,KAAA,QACA,QAAA,EACA,EAMA,UAAA,CACA,KAAA,OACA,QAAA,CACA,EAMA,UAAA,CACA,KAAA,OACA,QAAA,IACA,EAKA,mBAAA,CACA,KAAA,QACA,QAAA,EACA,CACA,EAEA,MAAA,CACA,QACA,UACA,cACA,EAEA,MAAA,CACA,MAAA,CACA,iBAAA,GACA,oBAAA,GACA,eAAAG,EAAA,UAAA,OAAA,eAAA,CAAA,CAAA,EAAA,iBAAA,KACA,QAAA,IACA,CACA,EAEA,SAAA,CACA,eAAA,CACA,OAAA,KAAA,OAAA,KAAA,UAAA,EACA,EACA,iBAAA,CACA,OAAA,KAAA,SAAA,KAAA,UAAA,EACA,EACA,oBAAA,CACA,OAAA,KAAA,WAAA,OAAA,EACA,KAAA,WAEA,KAAA,mBACA,EAEA,OAAA,CACA,KAAA,CAAA,UAAAC,EAAA,eAAAC,CAAA,EAAA,KACA,MAAA,CACA,UAAAD,GAAAA,KAAAA,EAAAC,GAAAA,YAAAA,EAAA,SACA,CACA,EAEA,6BAAA,CACA,OAAA,KAAA,iBAAAC,EAAAA,EAAA,eAAA,EAAAA,EAAA,EAAA,eAAA,CACA,CACA,EAEA,MAAA,CACA,MAAAC,EAAA,CACA,GAAA,KAAA,sBAAA,CACA,GAAA,KAAA,iBAAA,KACA,OAEA,KAAA,gBACA,KAAA,cAAAA,CAAA,CAGA,CAAA,CACA,EAEA,QAAA,CAMA,OAAA,CACA,KAAA,MAAA,WAAA,MAAA,CACA,EAOA,QAAA,CACA,KAAA,MAAA,WAAA,OAAA,CACA,EAEA,YAAAC,EAAA,CAOA,KAAA,MAAA,eAAAA,EAAA,OAAA,KAAA,CACA,EACA,0BAAA,CACA,KAAA,iBAAA,CAAA,KAAA,gBACA,EACA,cAAAC,EAAA,eAAAC,EAAA,CACA,GAAA,CACA,KAAA,CAAA,KAAAC,GAAA,MAAAC,EAAA,KAAAC,EAAAA,eAAA,sCAAA,EAAA,CAAA,SAAAH,EAAA,EAEA,GADA,KAAA,QAAAC,EAAA,IAAA,KAAA,OACAA,EAAA,IAAA,KAAA,OAAA,CACA,KAAA,oBAAAL,EAAA,EAAA,oBAAA,EAKA,KAAA,MAAA,OAAA,EACA,MAGA,CAAA,KAAA,oBAAAK,EAAA,IAAA,KAAA,OAKA,KAAA,MAAA,SAAA,CACA,OAAAG,EAAA,CACAC,SAAA,MAAA,oCAAAD,CAAA,CACA,CACA,EAAA,GAAA,CACA,CACA"}
+{"version":3,"file":"NcPasswordField.cjs","sources":["../../src/components/NcPasswordField/NcPasswordField.vue"],"sourcesContent":["<!--\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 :value.sync=\"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 id=\"textField\"\n\t\t\t\t:value.sync=\"text2\"\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 id=\"textField2\"\n\t\t\t\t:value.sync=\"text3\"\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 :value.sync=\"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\n\t\t<NcPasswordField :value.sync=\"text5\"\n\t\t\t:disabled=\"true\"\n\t\t\tlabel=\"Disabled\" />\n\t</div>\n</template>\n<script>\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</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=\"propsAndAttrsToForward\"\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\tv-on=\"$listeners\"\n\t\t@trailing-button-click=\"togglePasswordVisibility\"\n\t\t@input=\"handleInput\">\n\t\t<!-- Default slot for the leading icon -->\n\t\t<slot />\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\t// Allow forwarding all attributes\n\tinheritAttrs: false,\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:value',\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\tpropsAndAttrsToForward() {\n\t\t\treturn {\n\t\t\t\t// Proxy all the HTML attributes\n\t\t\t\t...this.$attrs,\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\tvalue(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:value', event.target.value)\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":["passwordPolicy","loadState","NcInputFieldProps","NcInputField","_sfc_main","Eye","EyeOff","minlength","t","key","newValue","event","debounce","password","data","axios","generateOcsUrl","logger"],"mappings":";ykBA+IAA,IAAAC,EAAA,UAAA,QAAA,gBAAA,CAAA,CAAA,EAAA,mBAAA,MAEAC,IAAA,IAAA,IAAA,OAAA,KAAAC,EAAA,KAAA,CAAA,GAEAC,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,cAAAD;AAAAA,IACA,KAAAE,EAAA;AAAA,IACA,QAAAC,EAAA;AAAA,EACA;AAAA;AAAA,EAGA,cAAA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,KAAA,CAAA;AAAA;AAAA,IAGA,GAAAH,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,oBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA,IAIA,qBAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAWA,uBAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,WAAA;AAAA,MACA,MAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,kBAAA;AAAA,MACA,qBAAA;AAAA,MACA,SAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,gBAAA;AACA,aAAA,KAAA,SAAA,KAAA,YAAA;AAAA,IACA;AAAA,IACA,kBAAA;AACA,aAAA,KAAA,WAAA,KAAA,YAAA;AAAA,IACA;AAAA,IACA,qBAAA;AACA,aAAA,KAAA,WAAA,SAAA,IACA,KAAA,aAEA,KAAA;AAAA,IACA;AAAA,IAEA,QAAA;AACA,YAAA,EAAA,WAAAI,EAAA,IAAA;AACA,aAAA;AAAA,QACA,WAAAA,KAAA,OAAAA,IAAAP,KAAA,gBAAAA,EAAA;AAAA,MACA;AAAA,IACA;AAAA,IAEA,8BAAA;AACA,aAAA,KAAA,mBAAAQ,EAAAA,EAAA,eAAA,IAAAA,EAAA,EAAA,eAAA;AAAA,IACA;AAAA,IAEA,yBAAA;AACA,aAAA;AAAA;AAAA,QAEA,GAAA,KAAA;AAAA;AAAA,QAEA,GAAA,OAAA;AAAA,UACA,OAAA,QAAA,KAAA,MAAA,EAAA,OAAA,CAAA,CAAAC,CAAA,MAAAP,EAAA,IAAAO,CAAA,CAAA;AAAA,QACA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA,MAAAC,GAAA;AACA,UAAA,KAAA,uBAAA;AACA,YAAAV,MAAA;AACA;AAEA,aAAA,cAAAU,CAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,QAAA;AACA,WAAA,MAAA,WAAA,MAAA;AAAA,IACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,SAAA;AACA,WAAA,MAAA,WAAA,OAAA;AAAA,IACA;AAAA,IAEA,YAAAC,GAAA;AAOA,WAAA,MAAA,gBAAAA,EAAA,OAAA,KAAA;AAAA,IACA;AAAA,IACA,2BAAA;AACA,WAAA,mBAAA,CAAA,KAAA;AAAA,IACA;AAAA,IACA,eAAAC,EAAAA,QAAA,eAAAC,GAAA;AACA,UAAA;AACA,cAAA,EAAA,MAAAC,MAAA,MAAAC,UAAA,KAAAC,EAAAA,eAAA,sCAAA,GAAA,EAAA,UAAAH,GAAA;AAEA,YADA,KAAA,UAAAC,EAAA,IAAA,KAAA,QACAA,EAAA,IAAA,KAAA,QAAA;AACA,eAAA,sBAAAN,EAAA,EAAA,oBAAA,GAKA,KAAA,MAAA,OAAA;AACA;AAAA,QACA;AAEA,aAAA,sBAAAM,EAAA,IAAA,KAAA,QAKA,KAAA,MAAA,SAAA;AAAA,MACA,SAAA,GAAA;AACAG,QAAAA,SAAA,MAAA,qCAAA,CAAA;AAAA,MACA;AAAA,IACA,GAAA,GAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;"}