@nextcloud/vue 8.30.0 → 8.32.0

package/dist/chunks/NcPasswordField-DcFBNVHn.cjs

@@ -1,307 +0,0 @@
-require('../assets/NcPasswordField-DVK8tuPi.css');
-"use strict";
-const router = require("@nextcloud/router");
-const initialState = require("@nextcloud/initial-state");
-const axios = require("@nextcloud/axios");
-const core = require("@vueuse/core");
-const debounce = require("debounce");
-const _pluginVue2_normalizer = require("./_plugin-vue2_normalizer-V0q-tHlQ.cjs");
-const NcInputField = require("./NcInputField-cT3u4gMS.cjs");
-const useModelMigration = require("./useModelMigration-D5zhrNXr.cjs");
-const logger = require("./logger-3HuiEIF6.cjs");
-const _l10n = require("./_l10n-RKohWu5d.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const axios__default = /* @__PURE__ */ _interopDefault(axios);
-const debounce__default = /* @__PURE__ */ _interopDefault(debounce);
-const _sfc_main$2 = {
-  name: "EyeIcon",
-  emits: ["click"],
-  props: {
-    title: {
-      type: String
-    },
-    fillColor: {
-      type: String,
-      default: "currentColor"
-    },
-    size: {
-      type: Number,
-      default: 24
-    }
-  }
-};
-var _sfc_render$2 = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _c("span", _vm._b({ staticClass: "material-design-icon eye-icon", attrs: { "aria-hidden": _vm.title ? null : "true", "aria-label": _vm.title, "role": "img" }, on: { "click": function($event) {
-    return _vm.$emit("click", $event);
-  } } }, "span", _vm.$attrs, false), [_c("svg", { staticClass: "material-design-icon__svg", attrs: { "fill": _vm.fillColor, "width": _vm.size, "height": _vm.size, "viewBox": "0 0 24 24" } }, [_c("path", { attrs: { "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" } }, [_vm.title ? _c("title", [_vm._v(_vm._s(_vm.title))]) : _vm._e()])])]);
-};
-var _sfc_staticRenderFns$2 = [];
-var __component__$2 = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
-  _sfc_main$2,
-  _sfc_render$2,
-  _sfc_staticRenderFns$2,
-  false,
-  null,
-  null
-);
-const IconEye = __component__$2.exports;
-const _sfc_main$1 = {
-  name: "EyeOffIcon",
-  emits: ["click"],
-  props: {
-    title: {
-      type: String
-    },
-    fillColor: {
-      type: String,
-      default: "currentColor"
-    },
-    size: {
-      type: Number,
-      default: 24
-    }
-  }
-};
-var _sfc_render$1 = function render2() {
-  var _vm = this, _c = _vm._self._c;
-  return _c("span", _vm._b({ staticClass: "material-design-icon eye-off-icon", attrs: { "aria-hidden": _vm.title ? null : "true", "aria-label": _vm.title, "role": "img" }, on: { "click": function($event) {
-    return _vm.$emit("click", $event);
-  } } }, "span", _vm.$attrs, false), [_c("svg", { staticClass: "material-design-icon__svg", attrs: { "fill": _vm.fillColor, "width": _vm.size, "height": _vm.size, "viewBox": "0 0 24 24" } }, [_c("path", { attrs: { "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" } }, [_vm.title ? _c("title", [_vm._v(_vm._s(_vm.title))]) : _vm._e()])])]);
-};
-var _sfc_staticRenderFns$1 = [];
-var __component__$1 = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
-  _sfc_main$1,
-  _sfc_render$1,
-  _sfc_staticRenderFns$1,
-  false,
-  null,
-  null
-);
-const IconEyeOff = __component__$1.exports;
-_l10n.register(_l10n.t27);
-const passwordPolicy = initialState.loadState("core", "capabilities", {}).password_policy || null;
-const NcInputFieldProps = new Set(Object.keys(NcInputField.NcInputField.props));
-const _sfc_main = {
-  name: "NcPasswordField",
-  components: {
-    NcInputField: NcInputField.NcInputField,
-    IconEye,
-    IconEyeOff
-  },
-  // Allow forwarding all attributes
-  inheritAttrs: false,
-  model: {
-    prop: "modelValue",
-    event: "update:modelValue"
-  },
-  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
-    ...NcInputField.NcInputField.props,
-    // Redefined props
-    /**
-     * Controls whether to display the trailing button.
-     */
-    showTrailingButton: {
-      type: Boolean,
-      default: true
-    },
-    // 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: false
-    },
-    /**
-     * 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
-    },
-    /**
-     * Render as input[type=text] that looks like password field.
-     * Allows to avoid unwanted password-specific browser behavior,
-     * such as save or generate password prompt.
-     * Useful for secret token fields.
-     * Note: autocomplete="off" is ignored by browsers.
-     */
-    asText: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Visibility of the password.
-     * If this is set to `true` then the password will be shown to the user (input type will be set to `text`).
-     */
-    visible: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: [
-    "valid",
-    "invalid",
-    /**
-     * Removed in v9 - use `update:modelValue` (`v-model`) instead
-     * @deprecated
-     */
-    "update:value",
-    /**
-     * Triggers when the value inside the password field is
-     * updated.
-     *
-     * @property {string} The new value
-     */
-    "update:modelValue",
-    /** Same as update:modelValue for Vue 2 compatibility */
-    "update:model-value",
-    /**
-     * Updated visibility of the password
-     * @property {boolean} visible the new visibility state
-     */
-    "update:visible"
-  ],
-  setup(props, { emit }) {
-    const model = useModelMigration.useModelMigration("value", "update:value");
-    const visibility = core.useVModel(props, "visible", emit, { passive: true });
-    return {
-      t: _l10n.t,
-      model,
-      visibility
-    };
-  },
-  data() {
-    return {
-      internalHelpMessage: "",
-      isValid: null
-    };
-  },
-  computed: {
-    computedError() {
-      return this.error || this.isValid === false;
-    },
-    computedSuccess() {
-      return this.success || this.isValid === true;
-    },
-    computedHelperText() {
-      if (this.helperText.length > 0) {
-        return this.helperText;
-      }
-      return this.internalHelpMessage;
-    },
-    rules() {
-      const { minlength } = this;
-      return {
-        minlength: minlength ?? passwordPolicy?.minLength
-      };
-    },
-    trailingButtonLabelPassword() {
-      return this.visibility ? _l10n.t("Hide password") : _l10n.t("Show password");
-    },
-    propsAndAttrsToForward() {
-      return {
-        // Proxy all the HTML attributes
-        ...this.$attrs,
-        // Proxy original NcInputField's props
-        ...Object.fromEntries(
-          Object.entries(this.$props).filter(([key]) => NcInputFieldProps.has(key))
-        )
-      };
-    }
-  },
-  watch: {
-    model(newValue) {
-      if (this.checkPasswordStrength) {
-        if (passwordPolicy === null) {
-          return;
-        }
-        this.checkPassword(newValue);
-      }
-    }
-  },
-  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(event) {
-      this.model = event.target.value;
-    },
-    toggleVisibility() {
-      this.visibility = !this.visibility;
-    },
-    checkPassword: debounce__default.default(async function(password) {
-      try {
-        const { data } = await axios__default.default.post(router.generateOcsUrl("apps/password_policy/api/v1/validate"), { password });
-        this.isValid = data.ocs.data.passed;
-        if (data.ocs.data.passed) {
-          this.internalHelpMessage = _l10n.t("Password is secure");
-          this.$emit("valid");
-          return;
-        }
-        this.internalHelpMessage = data.ocs.data.reason;
-        this.$emit("invalid");
-      } catch (e) {
-        logger.logger.error("Password policy returned an error", e);
-      }
-    }, 500)
-  }
-};
-var _sfc_render = function render3() {
-  var _vm = this, _c = _vm._self._c;
-  return _c("NcInputField", _vm._g(_vm._b({ ref: "inputField", attrs: { "type": _vm.visibility || _vm.asText ? "text" : "password", "trailing-button-label": _vm.trailingButtonLabelPassword, "helper-text": _vm.computedHelperText, "error": _vm.computedError, "success": _vm.computedSuccess, "minlength": _vm.rules.minlength, "input-class": { "password-field__input--secure-text": !_vm.visibility && _vm.asText } }, on: { "trailing-button-click": _vm.toggleVisibility, "input": _vm.handleInput }, scopedSlots: _vm._u([!!_vm.$scopedSlots.icon || !!_vm.$slots.default || !!_vm.$scopedSlots.default ? { key: "icon", fn: function() {
-    return [_vm._t("icon", function() {
-      return [_vm._t("default")];
-    })];
-  }, proxy: true } : null, { key: "trailing-button-icon", fn: function() {
-    return [_vm.visibility ? _c("IconEyeOff", { attrs: { "size": 18 } }) : _c("IconEye", { attrs: { "size": 18 } })];
-  }, proxy: true }], null, true) }, "NcInputField", _vm.propsAndAttrsToForward, false), _vm.$listeners));
-};
-var _sfc_staticRenderFns = [];
-var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  null,
-  "e7f7c9e3"
-);
-const NcPasswordField = __component__.exports;
-exports.NcPasswordField = NcPasswordField;
-//# sourceMappingURL=NcPasswordField-DcFBNVHn.cjs.map

package/dist/chunks/NcPasswordField-DcFBNVHn.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NcPasswordField-DcFBNVHn.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  - SPDX-FileCopyrightText: 2022 Nextcloud GmbH and Nextcloud contributors\n  - SPDX-License-Identifier: AGPL-3.0-or-later\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 id=\"textField\"\n\t\t\t\tv-model=\"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\tv-model=\"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 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\n\t\t<NcPasswordField v-model=\"text5\"\n\t\t\t:disabled=\"true\"\n\t\t\tlabel=\"Disabled\" />\n\n\t\t<NcPasswordField v-model=\"text6\"\n\t\t\tlabel=\"Secret token\"\n\t\t\tas-text />\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\ttext6: 'secret-token',\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\tgap: 14px;\n\twidth: 100%;\n\tmargin-top: 1rem;\n}\n\n.external-label label {\n\tpadding-top: 7px;\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=\"visibility || asText ? 'text' : 'password'\"\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:input-class=\"{ 'password-field__input--secure-text': !visibility && asText }\"\n\t\tv-on=\"$listeners\"\n\t\t@trailing-button-click=\"toggleVisibility\"\n\t\t@input=\"handleInput\">\n\t\t<template v-if=\"!!$scopedSlots.icon || !!$slots.default || !!$scopedSlots.default\" #icon>\n\t\t\t<!-- @slot Leading icon -->\n\t\t\t<slot name=\"icon\">\n\t\t\t\t<!-- @slot Deprecated, removed in v9: use #icon slot instead. -->\n\t\t\t\t<slot />\n\t\t\t</slot>\n\t\t</template>\n\n\t\t<template #trailing-button-icon>\n\t\t\t<IconEyeOff v-if=\"visibility\" :size=\"18\" />\n\t\t\t<IconEye v-else :size=\"18\" />\n\t\t</template>\n\t</NcInputField>\n</template>\n\n<script>\nimport { generateOcsUrl } from '@nextcloud/router'\nimport { loadState } from '@nextcloud/initial-state'\nimport axios from '@nextcloud/axios'\nimport { useVModel } from '@vueuse/core'\nimport debounce from 'debounce'\n\nimport IconEye from 'vue-material-design-icons/Eye.vue'\nimport IconEyeOff from 'vue-material-design-icons/EyeOff.vue'\nimport NcInputField from '../NcInputField/NcInputField.vue'\n\nimport { useModelMigration } from '../../composables/useModelMigration.ts'\nimport { logger } from '../../utils/logger.ts'\nimport { t } from '../../l10n.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\tIconEye,\n\t\tIconEyeOff,\n\t},\n\n\t// Allow forwarding all attributes\n\tinheritAttrs: false,\n\n\tmodel: {\n\t\tprop: 'modelValue',\n\t\tevent: 'update:modelValue',\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\n\t\t/**\n\t\t * Render as input[type=text] that looks like password field.\n\t\t * Allows to avoid unwanted password-specific browser behavior,\n\t\t * such as save or generate password prompt.\n\t\t * Useful for secret token fields.\n\t\t * Note: autocomplete=\"off\" is ignored by browsers.\n\t\t */\n\t\tasText: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\n\t\t/**\n\t\t * Visibility of the password.\n\t\t * If this is set to `true` then the password will be shown to the user (input type will be set to `text`).\n\t\t */\n\t\tvisible: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t},\n\n\temits: [\n\t\t'valid',\n\t\t'invalid',\n\t\t/**\n\t\t * Removed in v9 - use `update:modelValue` (`v-model`) instead\n\t\t * @deprecated\n\t\t */\n\t\t'update:value',\n\t\t/**\n\t\t * Triggers when the value inside the password field is\n\t\t * updated.\n\t\t *\n\t\t * @property {string} The new value\n\t\t */\n\t\t'update:modelValue',\n\t\t/** Same as update:modelValue for Vue 2 compatibility */\n\t\t'update:model-value',\n\t\t/**\n\t\t * Updated visibility of the password\n\t\t * @property {boolean} visible the new visibility state\n\t\t */\n\t\t'update:visible',\n\t],\n\n\tsetup(props, { emit }) {\n\t\tconst model = useModelMigration('value', 'update:value')\n\t\tconst visibility = useVModel(props, 'visible', emit, { passive: true })\n\n\t\treturn {\n\t\t\tt,\n\n\t\t\tmodel,\n\t\t\tvisibility,\n\t\t}\n\t},\n\n\tdata() {\n\t\treturn {\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.visibility ? t('Hide password') : t('Show 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\tmodel(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\tthis.model = event.target.value\n\t\t},\n\n\t\ttoggleVisibility() {\n\t\t\tthis.visibility = !this.visibility\n\t\t},\n\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\n<style lang=\"scss\" scoped>\n:deep(.password-field__input--secure-text) {\n\t// Emulate password field look\n\t// This is not a part of the standard but well supported\n\t-webkit-text-security: disc;\n}\n</style>\n"],"names":["_sfc_main","loadState","NcInputField","useModelMigration","useVModel","t","debounce","axios","generateOcsUrl","logger"],"mappings":"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","x_google_ignoreList":[0,1]}

package/dist/chunks/NcPopover-DjeDGPXc.cjs

@@ -1,310 +0,0 @@
-require('../assets/NcPopover--XoXIhLx.css');
-"use strict";
-const Vue = require("vue");
-const floatingVue = require("floating-vue");
-const focusTrap = require("focus-trap");
-const tabbable = require("tabbable");
-const focusTrap$1 = require("./focusTrap-DUTqW_IG.cjs");
-const _pluginVue2_normalizer = require("./_plugin-vue2_normalizer-V0q-tHlQ.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const Vue__default = /* @__PURE__ */ _interopDefault(Vue);
-const _sfc_main$1 = Vue.defineComponent({
-  name: "NcPopoverTriggerProvider",
-  provide() {
-    return {
-      "NcPopover:trigger:shown": () => this.shown,
-      "NcPopover:trigger:attrs": () => this.triggerAttrs
-    };
-  },
-  props: {
-    shown: {
-      type: Boolean,
-      required: true
-    },
-    popupRole: {
-      type: String,
-      default: void 0
-    }
-  },
-  computed: {
-    triggerAttrs() {
-      return {
-        "aria-haspopup": this.popupRole,
-        "aria-expanded": this.shown.toString()
-      };
-    }
-  },
-  render() {
-    return this.$scopedSlots.default?.({
-      attrs: this.triggerAttrs
-    });
-  }
-});
-const _sfc_render$1 = null;
-const _sfc_staticRenderFns$1 = null;
-var __component__$1 = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
-  _sfc_main$1,
-  _sfc_render$1,
-  _sfc_staticRenderFns$1,
-  false,
-  null,
-  null
-);
-const NcPopoverTriggerProvider = __component__$1.exports;
-const ncPopover = "_ncPopover_hdy45_20";
-const style0 = {
-  "material-design-icon": "_material-design-icon_hdy45_12",
-  ncPopover
-};
-const THEME = "nc-popover-8";
-floatingVue.options.themes[THEME] = structuredClone(floatingVue.options.themes.dropdown);
-const _sfc_main = {
-  name: "NcPopover",
-  components: {
-    Dropdown: floatingVue.Dropdown,
-    NcPopoverTriggerProvider
-  },
-  inheritAttrs: false,
-  props: {
-    /**
-     * Show or hide the popper
-     * @see https://floating-vue.starpad.dev/api/#shown
-     */
-    shown: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Popup role
-     * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-haspopup#values
-     */
-    popupRole: {
-      type: String,
-      default: void 0,
-      validator: (value) => ["menu", "listbox", "tree", "grid", "dialog", "true"].includes(value)
-    },
-    popoverBaseClass: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Enable popover focus trap
-     *
-     * @deprecated use noFocusTrap instead
-     */
-    focusTrap: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Disable the popover focus trap.
-     */
-    noFocusTrap: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Set element to return focus to after focus trap deactivation
-     *
-     * @type {SetReturnFocus}
-     */
-    setReturnFocus: {
-      default: void 0,
-      type: [HTMLElement, SVGElement, String, Boolean, Function]
-    },
-    /**
-     * When there is no setReturnFocus, NcPopover will try to return focus to the trigger button.
-     * Use this prop to disable this behavior.
-     */
-    noAutoReturnFocus: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: [
-    "after-show",
-    "after-hide",
-    /**
-     * @see https://floating-vue.starpad.dev/api/#update-shown
-     */
-    "update:shown"
-  ],
-  setup() {
-    return {
-      THEME
-    };
-  },
-  data() {
-    return {
-      internalShown: this.shown
-    };
-  },
-  watch: {
-    shown(value) {
-      this.internalShown = value;
-    },
-    internalShown(value) {
-      this.$emit("update:shown", value);
-    }
-  },
-  mounted() {
-    this.checkTriggerA11y();
-  },
-  beforeDestroy() {
-    this.clearFocusTrap();
-    this.clearEscapeStopPropagation();
-  },
-  methods: {
-    /**
-     * Check if the trigger has all required a11y attributes.
-     * Important to check custom trigger button.
-     */
-    checkTriggerA11y() {
-      if (window.OC?.debug) {
-        const triggerButton = this.getPopoverTriggerButtonElement();
-        if (!triggerButton || !triggerButton.hasAttributes("aria-expanded", "aria-haspopup")) {
-          Vue__default.default.util.warn("It looks like you are using a custom button as a <NcPopover> or other popover #trigger. If you are not using <NcButton> as a trigger, you need to bind attrs from the #trigger slot props to your custom button. See <NcPopover> docs for an example.");
-        }
-      }
-    },
-    /**
-     * Remove incorrect aria-describedby attribute from the trigger.
-     * @see https://github.com/Akryum/floating-vue/blob/8d4f7125aae0e3ea00ba4093d6d2001ab15058f1/packages/floating-vue/src/components/Popper.ts#L734
-     */
-    removeFloatingVueAriaDescribedBy() {
-      const triggerContainer = this.getPopoverTriggerContainerElement();
-      const triggerElements = triggerContainer.querySelectorAll("[data-popper-shown]");
-      for (const el of triggerElements) {
-        el.removeAttribute("aria-describedby");
-      }
-    },
-    /**
-     * @return {HTMLElement|undefined}
-     */
-    getPopoverContentElement() {
-      return this.$refs.popover?.$refs.popperContent?.$el;
-    },
-    /**
-     * @return {HTMLElement|undefined}
-     */
-    getPopoverTriggerElement() {
-      return this.$refs.popover.$refs.reference;
-    },
-    /**
-     * @return {HTMLElement|undefined}
-     */
-    getPopoverTriggerButtonElement() {
-      const triggerContainer = this.getPopoverTriggerElement();
-      return triggerContainer && tabbable.tabbable(triggerContainer)[0];
-    },
-    /**
-     * Add focus trap for accessibility.
-     */
-    async useFocusTrap() {
-      await this.$nextTick();
-      if (this.noFocusTrap || !this.focusTrap) {
-        return;
-      }
-      const el = this.getPopoverContentElement();
-      el.tabIndex = -1;
-      if (!el) {
-        return;
-      }
-      this.$focusTrap = focusTrap.createFocusTrap(el, {
-        // Prevents to lose focus using esc key
-        // Focus will be release when popover be hide
-        escapeDeactivates: false,
-        allowOutsideClick: true,
-        setReturnFocus: this.setReturnFocus || !this.noAutoReturnFocus && this.getPopoverTriggerButtonElement(),
-        trapStack: focusTrap$1.getTrapStack(),
-        fallBackFocus: el
-      });
-      this.$focusTrap.activate();
-    },
-    /**
-     * Remove focus trap
-     *
-     * @param {object} options The configuration options for focusTrap
-     */
-    clearFocusTrap(options = {}) {
-      try {
-        this.$focusTrap?.deactivate(options);
-        this.$focusTrap = null;
-      } catch (err) {
-        console.warn(err);
-      }
-    },
-    /**
-     * Add stopPropagation for Escape.
-     * It prevents global Escape handling after closing popover.
-     *
-     * Manual event handling is used here instead of v-on because there is no direct access to the node.
-     * Alternative - wrap <template #popover> in a div wrapper.
-     */
-    addEscapeStopPropagation() {
-      const el = this.getPopoverContentElement();
-      el?.addEventListener("keydown", this.stopKeydownEscapeHandler);
-    },
-    /**
-     * Remove stop Escape handler
-     */
-    clearEscapeStopPropagation() {
-      const el = this.getPopoverContentElement();
-      el?.removeEventListener("keydown", this.stopKeydownEscapeHandler);
-    },
-    /**
-     * @param {KeyboardEvent} event - native keydown event
-     */
-    stopKeydownEscapeHandler(event) {
-      if (event.type === "keydown" && event.key === "Escape") {
-        event.stopPropagation();
-      }
-    },
-    async afterShow() {
-      this.getPopoverContentElement().addEventListener("transitionend", () => {
-        this.$emit("after-show");
-      }, { once: true, passive: true });
-      this.removeFloatingVueAriaDescribedBy();
-      await this.$nextTick();
-      await this.useFocusTrap();
-      this.addEscapeStopPropagation();
-    },
-    afterHide() {
-      this.getPopoverContentElement().addEventListener("transitionend", () => {
-        this.$emit("after-hide");
-      }, { once: true, passive: true });
-      this.clearFocusTrap();
-      this.clearEscapeStopPropagation();
-    }
-  }
-};
-var _sfc_render = function render() {
-  var _vm = this, _c = _vm._self._c;
-  return _c("Dropdown", _vm._g(_vm._b({ ref: "popover", attrs: { "distance": 10, "arrow-padding": 10, "no-auto-focus": true, "popper-class": [_vm.$style.ncPopover, _vm.popoverBaseClass], "theme": _vm.THEME, "shown": _vm.internalShown }, on: { "update:shown": function($event) {
-    _vm.internalShown = $event;
-  }, "apply-show": _vm.afterShow, "apply-hide": _vm.afterHide }, scopedSlots: _vm._u([{ key: "popper", fn: function(slotProps) {
-    return [_vm._t("default", null, null, slotProps)];
-  } }], null, true) }, "Dropdown", _vm.$attrs, false), _vm.$listeners), [_c("NcPopoverTriggerProvider", { attrs: { "shown": _vm.internalShown, "popup-role": _vm.popupRole }, scopedSlots: _vm._u([{ key: "default", fn: function(slotProps) {
-    return [_vm._t("trigger", null, null, slotProps)];
-  } }], null, true) })], 1);
-};
-var _sfc_staticRenderFns = [];
-const __cssModules = {
-  "$style": style0
-};
-function _sfc_injectStyles(ctx) {
-  for (var key in __cssModules) {
-    this[key] = __cssModules[key];
-  }
-}
-var __component__ = /* @__PURE__ */ _pluginVue2_normalizer.normalizeComponent(
-  _sfc_main,
-  _sfc_render,
-  _sfc_staticRenderFns,
-  false,
-  _sfc_injectStyles,
-  null
-);
-const NcPopover = __component__.exports;
-exports.NcPopover = NcPopover;
-//# sourceMappingURL=NcPopover-DjeDGPXc.cjs.map