@nextcloud/vue 8.4.0 → 9.0.0-alpha.0

package/dist/chunks/NcTextField-bz_keSKF.cjs

@@ -0,0 +1,158 @@
+"use strict";
+const c = require("./NcInputField-dP-QARJo.cjs"), h = require("./Close-2nENZfbn.cjs"), g = require("./ArrowRight-mI4Fw0h2.cjs"), e = require("vue"), s = require("./_plugin-vue_export-helper-xG2iG1wl.cjs"), n = require("./_l10n-wK0o0jNS.cjs"), _ = {
+  name: "UndoVariantIcon",
+  emits: ["click"],
+  props: {
+    title: {
+      type: String
+    },
+    fillColor: {
+      type: String,
+      default: "currentColor"
+    },
+    size: {
+      type: Number,
+      default: 24
+    }
+  }
+}, f = ["aria-hidden", "aria-label"], k = ["fill", "width", "height"], B = { d: "M13.5,7A6.5,6.5 0 0,1 20,13.5A6.5,6.5 0 0,1 13.5,20H10V18H13.5C16,18 18,16 18,13.5C18,11 16,9 13.5,9H7.83L10.91,12.09L9.5,13.5L4,8L9.5,2.5L10.92,3.91L7.83,7H13.5M6,18H8V20H6V18Z" }, C = { key: 0 };
+function w(t, i, o, a, d, r) {
+  return e.openBlock(), e.createElementBlock("span", e.mergeProps(t.$attrs, {
+    "aria-hidden": !o.title,
+    "aria-label": o.title,
+    class: "material-design-icon undo-variant-icon",
+    role: "img",
+    onClick: i[0] || (i[0] = (l) => t.$emit("click", l))
+  }), [
+    (e.openBlock(), e.createElementBlock("svg", {
+      fill: o.fillColor,
+      class: "material-design-icon__svg",
+      width: o.size,
+      height: o.size,
+      viewBox: "0 0 24 24"
+    }, [
+      e.createElementVNode("path", B, [
+        o.title ? (e.openBlock(), e.createElementBlock("title", C, e.toDisplayString(o.title), 1)) : e.createCommentVNode("", !0)
+      ])
+    ], 8, k))
+  ], 16, f);
+}
+const F = /* @__PURE__ */ s._export_sfc(_, [["render", w]]);
+n.register(n.t15, n.t41);
+const I = new Set(Object.keys(c.NcInputField.props)), N = {
+  name: "NcTextField",
+  components: {
+    NcInputField: c.NcInputField,
+    Close: h.Close,
+    ArrowRight: g.ArrowRight,
+    Undo: F
+  },
+  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,
+    /**
+     * The `aria-label` to set on the trailing button
+     * If no explicit value is set it will default to the one matching the `trailingButtonIcon`:
+     * @default 'Clear text'|'Save changes'|'Undo changes'
+     */
+    trailingButtonLabel: {
+      type: String,
+      default: ""
+    },
+    // Custom props
+    /**
+     * Specifies which material design icon should be used for the trailing
+     * button.
+     * @type {'close'|'arrowRight'|'undo'}
+     */
+    trailingButtonIcon: {
+      type: String,
+      default: "close",
+      validator: (t) => [
+        "close",
+        "arrowRight",
+        "undo"
+      ].includes(t)
+    }
+  },
+  emits: [
+    "update:modelValue"
+  ],
+  computed: {
+    propsToForward() {
+      const t = {
+        undo: n.t("Undo changes"),
+        close: n.t("Clear text"),
+        arrowRight: n.t("Save changes")
+      };
+      return {
+        // Proxy original NcInputField's props
+        ...Object.fromEntries(
+          Object.entries(this.$props).filter(([i]) => I.has(i))
+        ),
+        // Adjust aria-label for predefined trailing buttons
+        trailingButtonLabel: this.trailingButtonLabel || t[this.trailingButtonIcon]
+      };
+    }
+  },
+  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);
+    }
+  }
+};
+function y(t, i, o, a, d, r) {
+  const l = e.resolveComponent("Close"), u = e.resolveComponent("ArrowRight"), p = e.resolveComponent("Undo"), m = e.resolveComponent("NcInputField");
+  return e.openBlock(), e.createBlock(m, e.mergeProps(r.propsToForward, {
+    ref: "inputField",
+    "onUpdate:modelValue": r.handleInput
+  }), e.createSlots({ _: 2 }, [
+    t.$slots.icon ? {
+      name: "icon",
+      fn: e.withCtx(() => [
+        e.renderSlot(t.$slots, "icon")
+      ]),
+      key: "0"
+    } : void 0,
+    t.type !== "search" ? {
+      name: "trailing-button-icon",
+      fn: e.withCtx(() => [
+        o.trailingButtonIcon === "close" ? (e.openBlock(), e.createBlock(l, {
+          key: 0,
+          size: 20
+        })) : o.trailingButtonIcon === "arrowRight" ? (e.openBlock(), e.createBlock(u, {
+          key: 1,
+          size: 20
+        })) : o.trailingButtonIcon === "undo" ? (e.openBlock(), e.createBlock(p, {
+          key: 2,
+          size: 20
+        })) : e.createCommentVNode("", !0)
+      ]),
+      key: "1"
+    } : void 0
+  ]), 1040, ["onUpdate:modelValue"]);
+}
+const V = /* @__PURE__ */ s._export_sfc(N, [["render", y]]);
+exports.NcTextField = V;

package/dist/chunks/NcTextField-bz_keSKF.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcTextField-bz_keSKF.cjs","sources":["../../node_modules/vue-material-design-icons/UndoVariant.vue","../../src/components/NcTextField/NcTextField.vue"],"sourcesContent":["<template>\n  <span v-bind=\"$attrs\"\n        :aria-hidden=\"!title\"\n        :aria-label=\"title\"\n        class=\"material-design-icon undo-variant-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.5,7A6.5,6.5 0 0,1 20,13.5A6.5,6.5 0 0,1 13.5,20H10V18H13.5C16,18 18,16 18,13.5C18,11 16,9 13.5,9H7.83L10.91,12.09L9.5,13.5L4,8L9.5,2.5L10.92,3.91L7.83,7H13.5M6,18H8V20H6V18Z\">\n        <title v-if=\"title\">{{ title }}</title>\n      </path>\n    </svg>\n  </span>\n</template>\n\n<script>\nexport default {\n  name: \"UndoVariantIcon\",\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  -\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 text field component.\nIt is recommended to not only provide a placeholder, but also a label.\nThe label should describe what input is expected and the placehold what format the input should have.\n\nNote: the inner html `input` element inherits all the attributes from the\nNcTextField component so you can add things like `autocomplete`, `maxlength`\nand `minlength`.\n\n```\n<template>\n\t<div class=\"wrapper\">\n\t\t<NcTextField v-model=\"text1\"\n\t\t\tlabel=\"Leading icon and clear trailing button\"\n\t\t\ttrailing-button-icon=\"close\"\n\t\t\t:show-trailing-button=\"text1 !== ''\"\n\t\t\t@trailing-button-click=\"clearText\">\n\t\t\t<template #icon>\n\t\t\t\t<Magnify :size=\"20\" />\n\t\t\t</template>\n\t\t</NcTextField>\n\t\t<NcTextField v-model=\"text4\"\n\t\t\tlabel=\"Internal label\"\n\t\t\tplaceholder=\"That can be used together with placeholder\"\n\t\t\ttrailing-button-icon=\"close\"\n\t\t\t:show-trailing-button=\"text4 !== ''\"\n\t\t\t@trailing-button-click=\"clearText\">\n\t\t\t<template #icon>\n\t\t\t\t<Lock :size=\"20\" />\n\t\t\t</template>\n\t\t</NcTextField>\n\t\t<NcTextField v-model=\"text2\"\n\t\t\tlabel=\"Success state\"\n\t\t\tplaceholder=\"Placeholders are possible\"\n\t\t\t:success=\"true\"\n\t\t\t@trailing-button-click=\"clearText\">\n\t\t</NcTextField>\n\t\t<NcTextField v-model=\"text3\"\n\t\t\tlabel=\"Error state\"\n\t\t\tplaceholder=\"Enter something valid\"\n\t\t\t:error=\"true\"\n\t\t\t@trailing-button-click=\"clearText\">\n\t\t</NcTextField>\n\t\t<NcTextField :model-value=\"\"\n\t\t\tlabel=\"Disabled\"\n\t\t\t:disabled=\"true\" />\n\t\t<NcTextField :model-value=\"\"\n\t\t\tlabel=\"Disabled + Success\"\n\t\t\t:success=\"true\"\n\t\t\t:disabled=\"true\" />\n\t\t<div class=\"external-label\">\n\t\t\t<label for=\"textField\">External label</label>\n\t\t\t<NcTextField v-model=\"text5\"\n\t\t\t\tid=\"textField\"\n\t\t\t\t:label-outside=\"true\"\n\t\t\t\tplaceholder=\"Input with external label\"\n\t\t\t\t@trailing-button-click=\"clearText\" />\n\t\t</div>\n\t</div>\n</template>\n<script>\nimport Magnify from 'vue-material-design-icons/Magnify'\nimport Lock from 'vue-material-design-icons/Lock'\nimport Close from 'vue-material-design-icons/Close'\n\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\ttext1: '',\n\t\t\ttext2: '',\n\t\t\ttext3: '',\n\t\t\ttext4: '',\n\t\t\ttext5: '',\n\t\t}\n\t},\n\n\tcomponents: {\n\t\tMagnify,\n\t\tLock,\n\t\tClose,\n\t},\n\n\tmethods: {\n\t\tclearText() {\n\t\t\tthis.text1 = ''\n\t\t\tthis.text3 = ''\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=\"propsToForward\"\n\t\tref=\"inputField\"\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\n\t\t<!-- Trailing icon slot, except for search type input as the browser already adds a trailing close icon -->\n\t\t<template v-if=\"type !== 'search'\" #trailing-button-icon>\n\t\t\t<Close v-if=\"trailingButtonIcon === 'close'\" :size=\"20\" />\n\t\t\t<ArrowRight v-else-if=\"trailingButtonIcon === 'arrowRight'\" :size=\"20\" />\n\t\t\t<Undo v-else-if=\"trailingButtonIcon === 'undo'\" :size=\"20\" />\n\t\t</template>\n\t</NcInputField>\n</template>\n\n<script>\n\nimport NcInputField from '../NcInputField/NcInputField.vue'\n\nimport Close from 'vue-material-design-icons/Close.vue'\nimport ArrowRight from 'vue-material-design-icons/ArrowRight.vue'\nimport Undo from 'vue-material-design-icons/UndoVariant.vue'\n\nimport { t } from '../../l10n.js'\n\nconst NcInputFieldProps = new Set(Object.keys(NcInputField.props))\n\nexport default {\n\tname: 'NcTextField',\n\n\tcomponents: {\n\t\tNcInputField,\n\t\tClose,\n\t\tArrowRight,\n\t\tUndo,\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/**\n\t\t * The `aria-label` to set on the trailing button\n\t\t * If no explicit value is set it will default to the one matching the `trailingButtonIcon`:\n\t\t * @default 'Clear text'|'Save changes'|'Undo changes'\n\t\t */\n\t\ttrailingButtonLabel: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t// Custom props\n\n\t\t/**\n\t\t * Specifies which material design icon should be used for the trailing\n\t\t * button.\n\t\t * @type {'close'|'arrowRight'|'undo'}\n\t\t */\n\t\ttrailingButtonIcon: {\n\t\t\ttype: String,\n\t\t\tdefault: 'close',\n\t\t\tvalidator: (value) => [\n\t\t\t\t'close',\n\t\t\t\t'arrowRight',\n\t\t\t\t'undo',\n\t\t\t].includes(value),\n\t\t},\n\t},\n\n\temits: [\n\t\t'update:modelValue',\n\t],\n\n\tcomputed: {\n\t\tpropsToForward() {\n\t\t\tconst predefinedLabels = {\n\t\t\t\tundo: t('Undo changes'),\n\t\t\t\tclose: t('Clear text'),\n\t\t\t\tarrowRight: t('Save changes'),\n\t\t\t}\n\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\t// Adjust aria-label for predefined trailing buttons\n\t\t\t\ttrailingButtonLabel: this.trailingButtonLabel || predefinedLabels[this.trailingButtonIcon],\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.$emit('update:modelValue', event)\n\t\t},\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","NcInputFieldProps","NcInputField","Close","ArrowRight","Undo","value","predefinedLabels","t","key","event","_createBlock","_component_NcInputField","$options","_createSlots","_withCtx","_renderSlot","_component_Close","_component_ArrowRight","_component_Undo"],"mappings":"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","x_google_ignoreList":[0]}