@nextcloud/vue 8.4.0 → 9.0.0-alpha.0

package/dist/chunks/{index-20a9ace9.mjs → NcHighlight-kWLldgWB.mjs}

@@ -1,4 +1,4 @@
-import { n as r } from "./_plugin-vue2_normalizer-71e2aa87.mjs";
+import { h as n } from "vue";
 /**
  * @copyright Copyright (c) 2020 Raimund Schlüßler <raimund.schluessler@mailbox.org>
  *
@@ -21,12 +21,12 @@ import { n as r } from "./_plugin-vue2_normalizer-71e2aa87.mjs";
  *
  */
 const l = (e, t) => {
-  const s = [];
-  let h = 0, n = e.toLowerCase().indexOf(t.toLowerCase(), h), i = 0;
-  for (; n > -1 && i < e.length; )
-    h = n + t.length, s.push({ start: n, end: h }), n = e.toLowerCase().indexOf(t.toLowerCase(), h), i++;
-  return s;
-}, a = {
+  const h = [];
+  let s = 0, i = e.toLowerCase().indexOf(t.toLowerCase(), s), r = 0;
+  for (; i > -1 && r < e.length; )
+    s = i + t.length, h.push({ start: i, end: s }), i = e.toLowerCase().indexOf(t.toLowerCase(), s), r++;
+  return h;
+}, u = {
   name: "NcHighlight",
   props: {
     /**
@@ -61,23 +61,23 @@ const l = (e, t) => {
      */
     ranges() {
       let e = [];
-      return !this.search && this.highlight.length === 0 || (this.highlight.length > 0 ? e = this.highlight : e = l(this.text, this.search), e.forEach((t, s) => {
-        t.end < t.start && (e[s] = {
+      return !this.search && this.highlight.length === 0 || (this.highlight.length > 0 ? e = this.highlight : e = l(this.text, this.search), e.forEach((t, h) => {
+        t.end < t.start && (e[h] = {
           start: t.end,
           end: t.start
         });
-      }), e = e.reduce((t, s) => (s.start < this.text.length && s.end > 0 && t.push({
-        start: s.start < 0 ? 0 : s.start,
-        end: s.end > this.text.length ? this.text.length : s.end
-      }), t), []), e.sort((t, s) => t.start - s.start), e = e.reduce((t, s) => {
+      }), e = e.reduce((t, h) => (h.start < this.text.length && h.end > 0 && t.push({
+        start: h.start < 0 ? 0 : h.start,
+        end: h.end > this.text.length ? this.text.length : h.end
+      }), t), []), e.sort((t, h) => t.start - h.start), e = e.reduce((t, h) => {
         if (!t.length)
-          t.push(s);
+          t.push(h);
         else {
-          const h = t.length - 1;
-          t[h].end >= s.start ? t[h] = {
-            start: t[h].start,
-            end: Math.max(t[h].end, s.end)
-          } : t.push(s);
+          const s = t.length - 1;
+          t[s].end >= h.start ? t[s] = {
+            start: t[s].start,
+            end: Math.max(t[s].end, h.end)
+          } : t.push(h);
         }
         return t;
       }, [])), e;
@@ -96,15 +96,15 @@ const l = (e, t) => {
           text: this.text
         }];
       const e = [];
-      let t = 0, s = 0;
+      let t = 0, h = 0;
       for (; t < this.text.length; ) {
-        const h = this.ranges[s];
-        if (h.start === t) {
+        const s = this.ranges[h];
+        if (s.start === t) {
           e.push({
-            ...h,
+            ...s,
             highlight: !0,
-            text: this.text.slice(h.start, h.end)
-          }), s++, t = h.end, s >= this.ranges.length && t < this.text.length && (e.push({
+            text: this.text.slice(s.start, s.end)
+          }), h++, t = s.end, h >= this.ranges.length && t < this.text.length && (e.push({
             start: t,
             end: this.text.length,
             highlight: !1,
@@ -114,10 +114,10 @@ const l = (e, t) => {
         }
         e.push({
           start: t,
-          end: h.start,
+          end: s.start,
           highlight: !1,
-          text: this.text.slice(t, h.start)
-        }), t = h.start;
+          text: this.text.slice(t, s.start)
+        }), t = s.start;
       }
       return e;
     }
@@ -125,25 +125,13 @@ const l = (e, t) => {
   /**
    * The render function to display the component
    *
-   * @param {Function} h The function to create VNodes
    * @return {object} The created VNode
    */
-  render(e) {
-    return this.ranges.length ? e("span", {}, this.chunks.map((t) => t.highlight ? e("strong", {}, t.text) : t.text)) : e("span", {}, this.text);
+  render() {
+    return this.ranges.length ? n("span", {}, this.chunks.map((e) => e.highlight ? n("strong", {}, e.text) : e.text)) : n("span", {}, this.text);
   }
-}, u = null, o = null;
-var c = /* @__PURE__ */ r(
-  a,
-  u,
-  o,
-  !1,
-  null,
-  null,
-  null,
-  null
-);
-const d = c.exports;
+};
 export {
   l as F,
-  d as N
+  u as _
 };

package/dist/chunks/NcHighlight-kWLldgWB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcHighlight-kWLldgWB.mjs","sources":["../../src/utils/FindRanges.js","../../src/components/NcHighlight/NcHighlight.vue"],"sourcesContent":["/**\n * @copyright Copyright (c) 2020 Raimund Schlüßler <raimund.schluessler@mailbox.org>\n *\n * @author Raimund Schlüßler <raimund.schluessler@mailbox.org>\n *\n * @license AGPL-3.0-or-later\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/**\n * Find the ranges of a substr in a given string\n *\n * @param {string} text The text to search in\n * @param {string} search The text to search for\n * @return {Array} The array of ranges to highlight\n */\nconst FindRanges = (text, search) => {\n\tconst ranges = []\n\tlet currentIndex = 0\n\tlet index = text.toLowerCase().indexOf(search.toLowerCase(), currentIndex)\n\t// Variable to track that we don't iterate more often than the length of the text.\n\t// Shouldn't happen anyway, but just to be sure to not hang the browser for some reason.\n\tlet i = 0\n\twhile (index > -1 && i < text.length) {\n\t\tcurrentIndex = index + search.length\n\t\tranges.push({ start: index, end: currentIndex })\n\n\t\tindex = text.toLowerCase().indexOf(search.toLowerCase(), currentIndex)\n\t\ti++\n\t}\n\treturn ranges\n}\n\nexport default FindRanges\n","<!--\n  - @copyright Copyright (c) 2021 Raimund Schlüßler <raimund.schluessler@mailbox.org>\n  -\n  - @author Raimund Schlüßler <raimund.schluessler@mailbox.org>\n  -\n  - @license GNU AGPL version 3 or any later version\n  -\n  - This program is free software: you can redistribute it and/or modify\n  - it under the terms of the GNU Affero General Public License as\n  - published by the Free Software Foundation, either version 3 of the\n  - License, or (at your option) any later version.\n  -\n  - This program is distributed in the hope that it will be useful,\n  - but WITHOUT ANY WARRANTY; without even the implied warranty of\n  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n  - GNU Affero General Public License for more details.\n  -\n  - You should have received a copy of the GNU Affero General Public License\n  - along with this program. If not, see <http://www.gnu.org/licenses/>.\n  -\n  -->\n\n<docs>\n\n### General description\n\nHighlight a string with html &lt;strong&gt;. Accepts a substring to highlight or an array with ranges.\n\n### Usage\n\n```vue\n<template>\n\t<div>\n\t\t<NcHighlight text=\"Highlight me please!\" search=\"me\" />\n\t\t<br />\n\t\t<NcHighlight text=\"Highlight me please!\" :highlight=\"[{ start: 4, end: 12 }]\" />\n\t</div>\n</template>\n```\n</docs>\n\n<script>\nimport FindRanges from '../../utils/FindRanges.js'\n\nimport { h } from 'vue'\n\nexport default {\n\tname: 'NcHighlight',\n\tprops: {\n\t\t/**\n\t\t * The string to display\n\t\t */\n\t\ttext: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t\t/**\n\t\t * The string to match and highlight\n\t\t */\n\t\tsearch: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t\t/**\n\t\t * The ranges to highlight, takes precedence over the search prop.\n\t\t */\n\t\thighlight: {\n\t\t\ttype: Array,\n\t\t\tdefault: () => [],\n\t\t},\n\t},\n\tcomputed: {\n\t\t/**\n\t\t * The indice ranges which should be highlighted.\n\t\t * If an array with ranges is provided, we use it. Otherwise\n\t\t * we calculate it based on the provided substring to highlight.\n\t\t *\n\t\t * @return {Array} The array of ranges to highlight\n\t\t */\n\t\tranges() {\n\t\t\tlet ranges = []\n\t\t\t// If the search term and the highlight array is empty, return early with empty array\n\t\t\tif (!this.search && this.highlight.length === 0) {\n\t\t\t\treturn ranges\n\t\t\t}\n\n\t\t\t// If there are ranges to highlight provided, we use this array.\n\t\t\tif (this.highlight.length > 0) {\n\t\t\t\tranges = this.highlight\n\t\t\t// Otherwise we check the text to highlight for matches of the search term.\n\t\t\t} else {\n\t\t\t\tranges = FindRanges(this.text, this.search)\n\t\t\t}\n\n\t\t\t/**\n\t\t\t * Ensure that the start of each range is equal to or smaller than the end\n\t\t\t */\n\t\t\tranges.forEach((range, i) => {\n\t\t\t\tif (range.end < range.start) {\n\t\t\t\t\tranges[i] = {\n\t\t\t\t\t\tstart: range.end,\n\t\t\t\t\t\tend: range.start,\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t})\n\n\t\t\t/**\n\t\t\t * Validate the ranges array to be within the string length\n\t\t\t * and discard ranges which are completely out of bonds.\n\t\t\t */\n\t\t\tranges = ranges.reduce((validRanges, range) => {\n\t\t\t\tif (range.start < this.text.length && range.end > 0) {\n\t\t\t\t\tvalidRanges.push({\n\t\t\t\t\t\tstart: (range.start < 0) ? 0 : range.start,\n\t\t\t\t\t\tend: (range.end > this.text.length) ? this.text.length : range.end,\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\treturn validRanges\n\t\t\t}, [])\n\n\t\t\t/**\n\t\t\t * Sort ranges ascendingly (necessary for next step)\n\t\t\t */\n\t\t\tranges.sort((a, b) => {\n\t\t\t\treturn a.start - b.start\n\t\t\t})\n\n\t\t\t/**\n\t\t\t * Merge overlapping or adjacent ranges\n\t\t\t */\n\t\t\tranges = ranges.reduce((mergedRanges, range) => {\n\t\t\t\t// If there are no ranges, just add the range\n\t\t\t\tif (!mergedRanges.length) {\n\t\t\t\t\tmergedRanges.push(range)\n\t\t\t\t} else {\n\t\t\t\t\t// If the range overlaps the last range, merge them\n\t\t\t\t\tconst idx = mergedRanges.length - 1\n\t\t\t\t\tif (mergedRanges[idx].end >= range.start) {\n\t\t\t\t\t\tmergedRanges[idx] = {\n\t\t\t\t\t\t\tstart: mergedRanges[idx].start,\n\t\t\t\t\t\t\tend: Math.max(mergedRanges[idx].end, range.end),\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tmergedRanges.push(range)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn mergedRanges\n\t\t\t}, [])\n\n\t\t\treturn ranges\n\t\t},\n\t\t/**\n\t\t * Calculate the different chunks to show based on the ranges to highlight.\n\t\t *\n\t\t * @return {Array} The chunks\n\t\t */\n\t\tchunks() {\n\t\t\t// If the ranges array is empty, show only one chunk with all text\n\t\t\tif (this.ranges.length === 0) {\n\t\t\t\treturn [{\n\t\t\t\t\tstart: 0,\n\t\t\t\t\tend: this.text.length,\n\t\t\t\t\thighlight: false,\n\t\t\t\t\ttext: this.text,\n\t\t\t\t}]\n\t\t\t}\n\t\t\t// Calculate the chunks\n\t\t\tconst chunks = []\n\t\t\tlet currentIndex = 0\n\t\t\tlet currentRange = 0\n\t\t\t// Iterate over all characters in the text\n\t\t\twhile (currentIndex < this.text.length) {\n\t\t\t\t// Get the first range to highlight\n\t\t\t\tconst range = this.ranges[currentRange]\n\t\t\t\t// If the range starts at the current index, construct a chunk to highlight,\n\t\t\t\t// set the next range and continue with the next iteration.\n\t\t\t\tif (range.start === currentIndex) {\n\t\t\t\t\tchunks.push({\n\t\t\t\t\t\t...range,\n\t\t\t\t\t\thighlight: true,\n\t\t\t\t\t\ttext: this.text.slice(range.start, range.end),\n\t\t\t\t\t})\n\t\t\t\t\tcurrentRange++\n\t\t\t\t\tcurrentIndex = range.end\n\t\t\t\t\t// If this was the last range to highlight and we haven't reached the end of the text,\n\t\t\t\t\t// add the rest of the text without highlighting.\n\t\t\t\t\tif (currentRange >= this.ranges.length && currentIndex < this.text.length) {\n\t\t\t\t\t\tchunks.push({\n\t\t\t\t\t\t\tstart: currentIndex,\n\t\t\t\t\t\t\tend: this.text.length,\n\t\t\t\t\t\t\thighlight: false,\n\t\t\t\t\t\t\ttext: this.text.slice(currentIndex),\n\t\t\t\t\t\t})\n\t\t\t\t\t\t// Set the current index so the while loop ends.\n\t\t\t\t\t\tcurrentIndex = this.text.length\n\t\t\t\t\t}\n\t\t\t\t\tcontinue\n\t\t\t\t}\n\t\t\t\t// If the current range does start after the current index, construct a chunk without\n\t\t\t\t// highlighting and set the current index to the start of the current range.\n\t\t\t\tchunks.push({\n\t\t\t\t\tstart: currentIndex,\n\t\t\t\t\tend: range.start,\n\t\t\t\t\thighlight: false,\n\t\t\t\t\ttext: this.text.slice(currentIndex, range.start),\n\t\t\t\t})\n\t\t\t\tcurrentIndex = range.start\n\t\t\t}\n\t\t\treturn chunks\n\t\t},\n\t},\n\t/**\n\t * The render function to display the component\n\t *\n\t * @return {object} The created VNode\n\t */\n\trender() {\n\t\tif (!this.ranges.length) {\n\t\t\treturn h('span', {}, this.text)\n\t\t}\n\n\t\treturn h('span', {}, this.chunks.map(chunk => {\n\t\t\treturn chunk.highlight ? h('strong', {}, chunk.text) : chunk.text\n\t\t}))\n\t},\n}\n</script>\n"],"names":["FindRanges","text","search","ranges","currentIndex","index","i","_sfc_main","range","validRanges","a","b","mergedRanges","idx","chunks","currentRange","h","chunk"],"mappings":"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"}

package/dist/chunks/NcIconSvgWrapper-gQnsseD2.mjs

@@ -0,0 +1,82 @@
+import "../assets/NcIconSvgWrapper-0OJxiD3Q.css";
+import { warn as p, openBlock as n, createElementBlock as s, normalizeProps as m, mergeProps as a, createElementVNode as d, useCssVars as l } from "vue";
+import _ from "dompurify";
+import { _ as g } from "./_plugin-vue_export-helper-hUChTQA_.mjs";
+const i = {
+  name: "NcIconSvgWrapper",
+  props: {
+    /**
+     * Raw SVG string to render
+     */
+    svg: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Label of the icon, used in aria-label
+     */
+    name: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Raw SVG path to render. Takes precedence over the SVG string in the `svg` prop.
+     */
+    path: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Size of the icon to show. Only use if not using within an icon slot.
+     * Defaults to 20px which is the Nextcloud icon size for all icon slots.
+     * @default 20
+     */
+    size: {
+      type: [Number, String],
+      default: 20,
+      validator: (e) => typeof e == "number" || e === "auto"
+    }
+  },
+  computed: {
+    /**
+     * Icon size used in CSS
+     */
+    iconSize() {
+      return typeof this.size == "number" ? `${this.size}px` : this.size;
+    },
+    cleanSvg() {
+      if (!this.svg || this.path)
+        return;
+      const e = _.sanitize(this.svg), t = new DOMParser().parseFromString(e, "image/svg+xml");
+      return t.querySelector("parsererror") ? (p("SVG is not valid"), "") : (t.documentElement.id && t.documentElement.removeAttribute("id"), t.documentElement.outerHTML);
+    },
+    attributes() {
+      return {
+        class: "icon-vue",
+        role: "img",
+        "aria-hidden": this.name ? void 0 : !0,
+        "aria-label": this.name || void 0
+      };
+    }
+  }
+}, o = () => {
+  l((e) => ({
+    e685a604: e.iconSize
+  }));
+}, c = i.setup;
+i.setup = c ? (e, t) => (o(), c(e, t)) : o;
+const f = {
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg"
+}, h = ["d"], v = ["innerHTML"];
+function S(e, t, u, y, b, r) {
+  return r.cleanSvg ? (n(), s("span", a({ key: 1 }, r.attributes, { innerHTML: r.cleanSvg }), null, 16, v)) : (n(), s("span", m(a({ key: 0 }, r.attributes)), [
+    (n(), s("svg", f, [
+      d("path", { d: u.path }, null, 8, h)
+    ]))
+  ], 16));
+}
+const M = /* @__PURE__ */ g(i, [["render", S], ["__scopeId", "data-v-42243c97"]]);
+export {
+  M as N
+};

package/dist/chunks/NcIconSvgWrapper-gQnsseD2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcIconSvgWrapper-gQnsseD2.mjs","sources":["../../src/components/NcIconSvgWrapper/NcIconSvgWrapper.vue"],"sourcesContent":["<!--\n  - @copyright 2022 Christopher Ng <chrng8@gmail.com>\n  -\n  - @author Christopher Ng <chrng8@gmail.com>\n  -\n  - @license AGPL-3.0-or-later\n  -\n  - This program is free software: you can redistribute it and/or modify\n  - it under the terms of the GNU Affero General Public License as\n  - published by the Free Software Foundation, either version 3 of the\n  - License, or (at your option) any later version.\n  -\n  - This program is distributed in the hope that it will be useful,\n  - but WITHOUT ANY WARRANTY; without even the implied warranty of\n  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n  - GNU Affero General Public License for more details.\n  -\n  - You should have received a copy of the GNU Affero General Public License\n  - along with this program. If not, see <http://www.gnu.org/licenses/>.\n  -\n-->\n\n<docs>\n### Description\n\nRender raw SVG string icons.\n\n### Example\n\n```vue\n<template>\n\t<div class=\"grid\">\n\t\t<NcButton aria-label=\"Close\">\n\t\t\t<template #icon>\n\t\t\t\t<NcIconSvgWrapper :svg=\"closeSvg\" name=\"Close\" />\n\t\t\t</template>\n\t\t</NcButton>\n\t\t<NcButton aria-label=\"Settings\">\n\t\t\t<template #icon>\n\t\t\t\t<NcIconSvgWrapper :svg=\"cogSvg\" name=\"Cog\" />\n\t\t\t</template>\n\t\t</NcButton>\n\t\t<NcButton aria-label=\"Add\">\n\t\t\t<template #icon>\n\t\t\t\t<NcIconSvgWrapper :svg=\"plusSvg\" name=\"Plus\" />\n\t\t\t</template>\n\t\t</NcButton>\n\t\t<NcButton aria-label=\"Send\">\n\t\t\t<template #icon>\n\t\t\t\t<NcIconSvgWrapper :path=\"mdiSend\" name=\"Send\" />\n\t\t\t</template>\n\t\t</NcButton>\n\t\t<NcButton aria-label=\"Star\">\n\t\t\t<template #icon>\n\t\t\t\t<NcIconSvgWrapper :path=\"mdiStar\" name=\"Star\" />\n\t\t\t</template>\n\t\t</NcButton>\n\t</div>\n</template>\n\n<script>\nimport closeSvg from '@mdi/svg/svg/close.svg?raw'\nimport cogSvg from '@mdi/svg/svg/cog.svg?raw'\nimport plusSvg from '@mdi/svg/svg/plus.svg?raw'\nimport { mdiSend } from '@mdi/js'\nimport { mdiStar } from '@mdi/js'\n\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\tcloseSvg,\n\t\t\tcogSvg,\n\t\t\tplusSvg,\n\t\t\tmdiSend,\n\t\t\tmdiStar,\n\t\t}\n\t},\n}\n</script>\n\n<style>\n.grid {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(5, max-content);\n\tgap: 10px;\n}\n</style>\n```\n</docs>\n\n<template>\n\t<span v-if=\"!cleanSvg\"\n\t\tv-bind=\"attributes\">\n\t\t<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t<path :d=\"path\" />\n\t\t</svg>\n\t</span>\n\t<span v-else\n\t\tv-bind=\"attributes\"\n\t\tv-html=\"cleanSvg\" /> <!-- eslint-disable-line vue/no-v-html -->\n</template>\n\n<script>\nimport { warn } from 'vue'\nimport DOMPurify from 'dompurify'\n\nexport default {\n\tname: 'NcIconSvgWrapper',\n\n\tprops: {\n\t\t/**\n\t\t * Raw SVG string to render\n\t\t */\n\t\tsvg: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/**\n\t\t * Label of the icon, used in aria-label\n\t\t */\n\t\tname: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/**\n\t\t * Raw SVG path to render. Takes precedence over the SVG string in the `svg` prop.\n\t\t */\n\t\tpath: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/**\n\t\t * Size of the icon to show. Only use if not using within an icon slot.\n\t\t * Defaults to 20px which is the Nextcloud icon size for all icon slots.\n\t\t * @default 20\n\t\t */\n\t\tsize: {\n\t\t\ttype: [Number, String],\n\t\t\tdefault: 20,\n\t\t\tvalidator: (value) => typeof value === 'number' || value === 'auto',\n\t\t},\n\t},\n\n\tcomputed: {\n\t\t/**\n\t\t * Icon size used in CSS\n\t\t */\n\t\ticonSize() {\n\t\t\treturn typeof this.size === 'number' ? `${this.size}px` : this.size\n\t\t},\n\n\t\tcleanSvg() {\n\t\t\tif (!this.svg || this.path) {\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tconst svg = DOMPurify.sanitize(this.svg)\n\n\t\t\tconst svgDocument = new DOMParser().parseFromString(svg, 'image/svg+xml')\n\n\t\t\tif (svgDocument.querySelector('parsererror')) {\n\t\t\t\twarn('SVG is not valid')\n\t\t\t\treturn ''\n\t\t\t}\n\n\t\t\tif (svgDocument.documentElement.id) {\n\t\t\t\tsvgDocument.documentElement.removeAttribute('id')\n\t\t\t}\n\n\t\t\treturn svgDocument.documentElement.outerHTML\n\t\t},\n\t\tattributes() {\n\t\t\treturn {\n\t\t\t\tclass: 'icon-vue',\n\t\t\t\trole: 'img',\n\t\t\t\t'aria-hidden': !this.name ? true : undefined,\n\t\t\t\t'aria-label': this.name || undefined,\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.icon-vue {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tmin-width: 44px;\n\tmin-height: 44px;\n\topacity: 1;\n\n\t&:deep(svg) {\n\t\tfill: currentColor;\n\t\twidth: v-bind('iconSize');\n\t\theight: v-bind('iconSize');\n\t\tmax-width: v-bind('iconSize');\n\t\tmax-height: v-bind('iconSize');\n\t}\n}\n</style>\n"],"names":["_sfc_main","svg","DOMPurify","svgDocument","warn","_hoisted_2","_hoisted_3","openBlock","createElementBlock","normalizeProps","mergeProps","$options","_hoisted_1","createElementVNode","$props"],"mappings":";;;;AA0GA,MAAAA,IAAA;AAAA;EAGC,OAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;MA+BE,MAAA,CAAA,QAAA,MAAA;AAAA;;;;EAMF,UAAA;AAAA;AAAA;AAAA;AAAA;;;;;;AAaE,YAAAC,IAAAC,EAAA,SAAA,KAAA,GAAA,GAEAC,IAAA,IAAA,UAAA,EAAA,gBAAAF,GAAA,eAAA;AAEA,aAAAE,EAAA,cAAA,aAAA,KACCC,EAAA,kBAAA,GACA,OAGDD,EAAA,gBAAA,+CAIAA,EAAA,gBAAA;AAAA;;AAGA,aAAA;AAAA,QACC,OAAA;AAAA;QAEA,eAAA,KAAA,OAAA,SAAA;AAAA,QACA,cAAA,KAAA,QAAA;AAAA,MACD;AAAA;;AAGH;;;;;;;EA1FO,SAAA;AAAA,EAAoB,OAAA;GA7F3BE,IAAA,CAAA,GAAA,GAAAC,IAAA,CAAA,WAAA;;+GA2FCC,EAAA,GAAAC,EAAA,QAAAC,EAAAC,EAAA,EAAA,KAAA,EAAA,GAAAC,EAAA,UAAA,CAAA,GAAA;AAAA,KAECJ,EAAA,GAAAC,EAAA,OAAAI,GAAA;AAAA,MACCC,EAAA,QAAA,EAAA,GAAAC,EAAA,KAAA,GAAA,MAAA,GAAAT,CAAA;AAAA;;;;"}

package/dist/chunks/NcIconSvgWrapper-rDMSblV4.cjs

@@ -0,0 +1,77 @@
+var S = require("../assets/NcIconSvgWrapper-0OJxiD3Q.css");
+const t = require("vue"), c = require("dompurify"), u = require("./_plugin-vue_export-helper-xG2iG1wl.cjs"), l = (e) => e && e.__esModule ? e : { default: e }, p = /* @__PURE__ */ l(c), s = {
+  name: "NcIconSvgWrapper",
+  props: {
+    /**
+     * Raw SVG string to render
+     */
+    svg: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Label of the icon, used in aria-label
+     */
+    name: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Raw SVG path to render. Takes precedence over the SVG string in the `svg` prop.
+     */
+    path: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Size of the icon to show. Only use if not using within an icon slot.
+     * Defaults to 20px which is the Nextcloud icon size for all icon slots.
+     * @default 20
+     */
+    size: {
+      type: [Number, String],
+      default: 20,
+      validator: (e) => typeof e == "number" || e === "auto"
+    }
+  },
+  computed: {
+    /**
+     * Icon size used in CSS
+     */
+    iconSize() {
+      return typeof this.size == "number" ? `${this.size}px` : this.size;
+    },
+    cleanSvg() {
+      if (!this.svg || this.path)
+        return;
+      const e = p.default.sanitize(this.svg), r = new DOMParser().parseFromString(e, "image/svg+xml");
+      return r.querySelector("parsererror") ? (t.warn("SVG is not valid"), "") : (r.documentElement.id && r.documentElement.removeAttribute("id"), r.documentElement.outerHTML);
+    },
+    attributes() {
+      return {
+        class: "icon-vue",
+        role: "img",
+        "aria-hidden": this.name ? void 0 : !0,
+        "aria-label": this.name || void 0
+      };
+    }
+  }
+}, i = () => {
+  t.useCssVars((e) => ({
+    e685a604: e.iconSize
+  }));
+}, o = s.setup;
+s.setup = o ? (e, r) => (i(), o(e, r)) : i;
+const d = {
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg"
+}, _ = ["d"], m = ["innerHTML"];
+function g(e, r, a, v, h, n) {
+  return n.cleanSvg ? (t.openBlock(), t.createElementBlock("span", t.mergeProps({ key: 1 }, n.attributes, { innerHTML: n.cleanSvg }), null, 16, m)) : (t.openBlock(), t.createElementBlock("span", t.normalizeProps(t.mergeProps({ key: 0 }, n.attributes)), [
+    (t.openBlock(), t.createElementBlock("svg", d, [
+      t.createElementVNode("path", { d: a.path }, null, 8, _)
+    ]))
+  ], 16));
+}
+const f = /* @__PURE__ */ u._export_sfc(s, [["render", g], ["__scopeId", "data-v-42243c97"]]);
+exports.NcIconSvgWrapper = f;

package/dist/chunks/NcIconSvgWrapper-rDMSblV4.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcIconSvgWrapper-rDMSblV4.cjs","sources":["../../src/components/NcIconSvgWrapper/NcIconSvgWrapper.vue"],"sourcesContent":["<!--\n  - @copyright 2022 Christopher Ng <chrng8@gmail.com>\n  -\n  - @author Christopher Ng <chrng8@gmail.com>\n  -\n  - @license AGPL-3.0-or-later\n  -\n  - This program is free software: you can redistribute it and/or modify\n  - it under the terms of the GNU Affero General Public License as\n  - published by the Free Software Foundation, either version 3 of the\n  - License, or (at your option) any later version.\n  -\n  - This program is distributed in the hope that it will be useful,\n  - but WITHOUT ANY WARRANTY; without even the implied warranty of\n  - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n  - GNU Affero General Public License for more details.\n  -\n  - You should have received a copy of the GNU Affero General Public License\n  - along with this program. If not, see <http://www.gnu.org/licenses/>.\n  -\n-->\n\n<docs>\n### Description\n\nRender raw SVG string icons.\n\n### Example\n\n```vue\n<template>\n\t<div class=\"grid\">\n\t\t<NcButton aria-label=\"Close\">\n\t\t\t<template #icon>\n\t\t\t\t<NcIconSvgWrapper :svg=\"closeSvg\" name=\"Close\" />\n\t\t\t</template>\n\t\t</NcButton>\n\t\t<NcButton aria-label=\"Settings\">\n\t\t\t<template #icon>\n\t\t\t\t<NcIconSvgWrapper :svg=\"cogSvg\" name=\"Cog\" />\n\t\t\t</template>\n\t\t</NcButton>\n\t\t<NcButton aria-label=\"Add\">\n\t\t\t<template #icon>\n\t\t\t\t<NcIconSvgWrapper :svg=\"plusSvg\" name=\"Plus\" />\n\t\t\t</template>\n\t\t</NcButton>\n\t\t<NcButton aria-label=\"Send\">\n\t\t\t<template #icon>\n\t\t\t\t<NcIconSvgWrapper :path=\"mdiSend\" name=\"Send\" />\n\t\t\t</template>\n\t\t</NcButton>\n\t\t<NcButton aria-label=\"Star\">\n\t\t\t<template #icon>\n\t\t\t\t<NcIconSvgWrapper :path=\"mdiStar\" name=\"Star\" />\n\t\t\t</template>\n\t\t</NcButton>\n\t</div>\n</template>\n\n<script>\nimport closeSvg from '@mdi/svg/svg/close.svg?raw'\nimport cogSvg from '@mdi/svg/svg/cog.svg?raw'\nimport plusSvg from '@mdi/svg/svg/plus.svg?raw'\nimport { mdiSend } from '@mdi/js'\nimport { mdiStar } from '@mdi/js'\n\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\tcloseSvg,\n\t\t\tcogSvg,\n\t\t\tplusSvg,\n\t\t\tmdiSend,\n\t\t\tmdiStar,\n\t\t}\n\t},\n}\n</script>\n\n<style>\n.grid {\n\tdisplay: grid;\n\tgrid-template-columns: repeat(5, max-content);\n\tgap: 10px;\n}\n</style>\n```\n</docs>\n\n<template>\n\t<span v-if=\"!cleanSvg\"\n\t\tv-bind=\"attributes\">\n\t\t<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t<path :d=\"path\" />\n\t\t</svg>\n\t</span>\n\t<span v-else\n\t\tv-bind=\"attributes\"\n\t\tv-html=\"cleanSvg\" /> <!-- eslint-disable-line vue/no-v-html -->\n</template>\n\n<script>\nimport { warn } from 'vue'\nimport DOMPurify from 'dompurify'\n\nexport default {\n\tname: 'NcIconSvgWrapper',\n\n\tprops: {\n\t\t/**\n\t\t * Raw SVG string to render\n\t\t */\n\t\tsvg: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/**\n\t\t * Label of the icon, used in aria-label\n\t\t */\n\t\tname: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/**\n\t\t * Raw SVG path to render. Takes precedence over the SVG string in the `svg` prop.\n\t\t */\n\t\tpath: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\n\t\t/**\n\t\t * Size of the icon to show. Only use if not using within an icon slot.\n\t\t * Defaults to 20px which is the Nextcloud icon size for all icon slots.\n\t\t * @default 20\n\t\t */\n\t\tsize: {\n\t\t\ttype: [Number, String],\n\t\t\tdefault: 20,\n\t\t\tvalidator: (value) => typeof value === 'number' || value === 'auto',\n\t\t},\n\t},\n\n\tcomputed: {\n\t\t/**\n\t\t * Icon size used in CSS\n\t\t */\n\t\ticonSize() {\n\t\t\treturn typeof this.size === 'number' ? `${this.size}px` : this.size\n\t\t},\n\n\t\tcleanSvg() {\n\t\t\tif (!this.svg || this.path) {\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tconst svg = DOMPurify.sanitize(this.svg)\n\n\t\t\tconst svgDocument = new DOMParser().parseFromString(svg, 'image/svg+xml')\n\n\t\t\tif (svgDocument.querySelector('parsererror')) {\n\t\t\t\twarn('SVG is not valid')\n\t\t\t\treturn ''\n\t\t\t}\n\n\t\t\tif (svgDocument.documentElement.id) {\n\t\t\t\tsvgDocument.documentElement.removeAttribute('id')\n\t\t\t}\n\n\t\t\treturn svgDocument.documentElement.outerHTML\n\t\t},\n\t\tattributes() {\n\t\t\treturn {\n\t\t\t\tclass: 'icon-vue',\n\t\t\t\trole: 'img',\n\t\t\t\t'aria-hidden': !this.name ? true : undefined,\n\t\t\t\t'aria-label': this.name || undefined,\n\t\t\t}\n\t\t},\n\t},\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.icon-vue {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tmin-width: 44px;\n\tmin-height: 44px;\n\topacity: 1;\n\n\t&:deep(svg) {\n\t\tfill: currentColor;\n\t\twidth: v-bind('iconSize');\n\t\theight: v-bind('iconSize');\n\t\tmax-width: v-bind('iconSize');\n\t\tmax-height: v-bind('iconSize');\n\t}\n}\n</style>\n"],"names":["_sfc_main","svg","DOMPurify__default","svgDocument","vue","_hoisted_2","_hoisted_3","$options","_hoisted_1","$props"],"mappings":";0LA0GAA,IAAA;AAAA;EAGC,OAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;MA+BE,MAAA,CAAA,QAAA,MAAA;AAAA;;;;EAMF,UAAA;AAAA;AAAA;AAAA;AAAA;;;;;;AAaE,YAAAC,IAAAC,EAAA,QAAA,SAAA,KAAA,GAAA,GAEAC,IAAA,IAAA,UAAA,EAAA,gBAAAF,GAAA,eAAA;AAEA,aAAAE,EAAA,cAAA,aAAA,KACCC,EAAA,KAAA,kBAAA,GACA,OAGDD,EAAA,gBAAA,+CAIAA,EAAA,gBAAA;AAAA;;AAGA,aAAA;AAAA,QACC,OAAA;AAAA;QAEA,eAAA,KAAA,OAAA,SAAA;AAAA,QACA,cAAA,KAAA,QAAA;AAAA,MACD;AAAA;;AAGH;;;;;;;EA1FO,SAAA;AAAA,EAAoB,OAAA;GA7F3BE,IAAA,CAAA,GAAA,GAAAC,IAAA,CAAA,WAAA;;uJA2FCF,EAAA,UAAA,GAAAA,EAAA,mBAAA,QAAAA,EAAA,eAAAA,EAAA,WAAA,EAAA,KAAA,EAAA,GAAAG,EAAA,UAAA,CAAA,GAAA;AAAA,KAECH,EAAA,UAAA,GAAAA,EAAA,mBAAA,OAAAI,GAAA;AAAA,MACCJ,EAAA,mBAAA,QAAA,EAAA,GAAAK,EAAA,KAAA,GAAA,MAAA,GAAAJ,CAAA;AAAA;;;;;"}

package/dist/chunks/NcInputConfirmCancel-3c-uWUuw.cjs

@@ -0,0 +1,105 @@
+var g = require("../assets/NcInputConfirmCancel-_GF_RjYc.css");
+const u = require("./NcButton-Uxh-oARg.cjs"), r = require("./_l10n-wK0o0jNS.cjs"), m = require("./ArrowRight-mI4Fw0h2.cjs"), d = require("./Close-2nENZfbn.cjs"), e = require("vue"), f = require("./_plugin-vue_export-helper-xG2iG1wl.cjs");
+r.register(r.t12);
+const C = {
+  name: "NcInputConfirmCancel",
+  components: {
+    NcButton: u.NcButton,
+    ArrowRight: m.ArrowRight,
+    Close: d.Close
+  },
+  props: {
+    /**
+     * If this element is used on a primary element set to true for primary styling.
+     */
+    primary: {
+      default: !1,
+      type: Boolean
+    },
+    placeholder: {
+      default: "",
+      type: String
+    },
+    modelValue: {
+      default: "",
+      type: String
+    }
+  },
+  emits: [
+    "cancel",
+    "confirm",
+    "update:modelValue"
+  ],
+  data() {
+    return {
+      labelConfirm: r.t("Confirm changes"),
+      labelCancel: r.t("Cancel changes")
+    };
+  },
+  computed: {
+    valueModel: {
+      get() {
+        return this.modelValue;
+      },
+      set(i) {
+        this.$emit("update:modelValue", i);
+      }
+    }
+  },
+  methods: {
+    confirm() {
+      this.$emit("confirm");
+    },
+    cancel() {
+      this.$emit("cancel");
+    },
+    focusInput() {
+      this.$refs.input.focus();
+    }
+  }
+}, h = { class: "app-navigation-input-confirm" }, v = ["placeholder"];
+function _(i, t, l, w, c, n) {
+  const s = e.resolveComponent("ArrowRight"), a = e.resolveComponent("NcButton"), p = e.resolveComponent("Close");
+  return e.openBlock(), e.createElementBlock("div", h, [
+    e.createElementVNode("form", {
+      onSubmit: t[1] || (t[1] = e.withModifiers((...o) => n.confirm && n.confirm(...o), ["prevent"])),
+      onKeydown: t[2] || (t[2] = e.withKeys(e.withModifiers((...o) => n.cancel && n.cancel(...o), ["exact", "stop", "prevent"]), ["esc"])),
+      onClick: t[3] || (t[3] = e.withModifiers(() => {
+      }, ["stop", "prevent"]))
+    }, [
+      e.withDirectives(e.createElementVNode("input", {
+        ref: "input",
+        "onUpdate:modelValue": t[0] || (t[0] = (o) => n.valueModel = o),
+        type: "text",
+        class: "app-navigation-input-confirm__input",
+        placeholder: l.placeholder
+      }, null, 8, v), [
+        [e.vModelText, n.valueModel]
+      ]),
+      e.createVNode(a, {
+        "native-type": "submit",
+        type: "primary",
+        "aria-label": c.labelConfirm,
+        onClick: e.withModifiers(n.confirm, ["stop", "prevent"])
+      }, {
+        icon: e.withCtx(() => [
+          e.createVNode(s, { size: 20 })
+        ]),
+        _: 1
+      }, 8, ["aria-label", "onClick"]),
+      e.createVNode(a, {
+        "native-type": "reset",
+        type: l.primary ? "primary" : "tertiary",
+        "aria-label": c.labelCancel,
+        onClick: e.withModifiers(n.cancel, ["stop", "prevent"])
+      }, {
+        icon: e.withCtx(() => [
+          e.createVNode(p, { size: 20 })
+        ]),
+        _: 1
+      }, 8, ["type", "aria-label", "onClick"])
+    ], 32)
+  ]);
+}
+const y = /* @__PURE__ */ f._export_sfc(C, [["render", _], ["__scopeId", "data-v-5be11683"]]);
+exports.NcInputConfirmCancel = y;

package/dist/chunks/{NcInputConfirmCancel-b99898db.cjs.map → NcInputConfirmCancel-3c-uWUuw.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"NcInputConfirmCancel-b99898db.cjs","sources":["../../src/components/NcAppNavigationItem/NcInputConfirmCancel.vue"],"sourcesContent":["<!--\n - @copyright Copyright (c) 2020 Jonathan Treffler <mail@jonathan-treffler.de>\n -\n - @author Jonathan Treffler <mail@jonathan-treffler.de>\n -\n - @license GNU AGPL version 3 or any later version\n -\n - This program is free software: you can redistribute it and/or modify\n - it under the terms of the GNU Affero General Public License as\n - published by the Free Software Foundation, either version 3 of the\n - License, or (at your option) any later version.\n -\n - This program is distributed in the hope that it will be useful,\n - but WITHOUT ANY WARRANTY; without even the implied warranty of\n - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n - GNU Affero General Public License for more details.\n -\n - You should have received a copy of the GNU Affero General Public License\n - along with this program. If not, see <http://www.gnu.org/licenses/>.\n -\n -->\n\n<docs>\n# Usage\n\n```\n<NcInputConfirmCancel @confirm=\"alert('confirm')\" @cancel=\"alert('cancel')\" />\n```\n</docs>\n<template>\n\t<div class=\"app-navigation-input-confirm\">\n\t\t<form @submit.prevent=\"confirm\"\n\t\t\t@keydown.esc.exact.stop.prevent=\"cancel\"\n\t\t\t@click.stop.prevent>\n\t\t\t<input ref=\"input\"\n\t\t\t\tv-model=\"valueModel\"\n\t\t\t\ttype=\"text\"\n\t\t\t\tclass=\"app-navigation-input-confirm__input\"\n\t\t\t\t:placeholder=\"placeholder\">\n\n\t\t\t<NcButton native-type=\"submit\"\n\t\t\t\ttype=\"primary\"\n\t\t\t\t:aria-label=\"labelConfirm\"\n\t\t\t\t@click.stop.prevent=\"confirm\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<ArrowRight :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t</NcButton>\n\n\t\t\t<NcButton native-type=\"reset\"\n\t\t\t\t:type=\"primary ? 'primary' : 'tertiary'\"\n\t\t\t\t:aria-label=\"labelCancel\"\n\t\t\t\t@click.stop.prevent=\"cancel\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Close :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t</NcButton>\n\t\t</form>\n\t</div>\n</template>\n<script>\nimport NcButton from '../NcButton/index.js'\nimport { t } from '../../l10n.js'\n\nimport ArrowRight from 'vue-material-design-icons/ArrowRight.vue'\nimport Close from 'vue-material-design-icons/Close.vue'\n\nexport default {\n\tname: 'NcInputConfirmCancel',\n\n\tcomponents: {\n\t\tNcButton,\n\t\tArrowRight,\n\t\tClose,\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * If this element is used on a primary element set to true for primary styling.\n\t\t */\n\t\tprimary: {\n\t\t\tdefault: false,\n\t\t\ttype: Boolean,\n\t\t},\n\n\t\tplaceholder: {\n\t\t\tdefault: '',\n\t\t\ttype: String,\n\t\t},\n\n\t\tvalue: {\n\t\t\tdefault: '',\n\t\t\ttype: String,\n\t\t},\n\t},\n\n\temits: [\n\t\t'input',\n\t\t'confirm',\n\t\t'cancel',\n\t],\n\n\tdata() {\n\t\treturn {\n\t\t\tlabelConfirm: t('Confirm changes'),\n\t\t\tlabelCancel: t('Cancel changes'),\n\t\t}\n\t},\n\n\tcomputed: {\n\t\tvalueModel: {\n\t\t\tget() { return this.value },\n\t\t\tset(newValue) {\n\t\t\t\tthis.$emit('input', newValue)\n\t\t\t},\n\t\t},\n\t},\n\n\tmethods: {\n\t\tconfirm() {\n\t\t\tthis.$emit('confirm')\n\t\t},\n\t\tcancel() {\n\t\t\tthis.$emit('cancel')\n\t\t},\n\t\tfocusInput() {\n\t\t\tthis.$refs.input.focus()\n\t\t},\n\t},\n}\n</script>\n\n<style scoped lang=\"scss\">\n$input-height: 34px;\n$input-padding: 7px;\n$input-margin: 5px;\n\n.app-navigation-input-confirm {\n\tflex: 1 0 100%;\n\twidth: 100%;\n\n\tform {\n\t\tdisplay: flex;\n\t}\n\n\t&__input {\n\t\theight: $input-height;\n\t\tflex: 1 1 100%;\n\t\tfont-size: 100% !important;\n\t\tmargin: $input-margin !important;\n\t\tmargin-left: -1px - $input-padding !important;\n\t\tpadding: $input-padding !important;\n\n\t\t&:active,\n\t\t&:focus,\n\t\t&:hover {\n\t\t\toutline: none;\n\t\t\tbackground-color: var(--color-main-background);\n\t\t\tcolor: var(--color-main-text);\n\t\t\tborder-color: var(--color-primary-element);\n\t\t}\n\t}\n}\n</style>\n"],"names":["_sfc_main","Components_NcButton","ArrowRight","Close","_l10n","newValue"],"mappings":";;;AAmEA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC,EAAA;AAAA,IACA,OAAAC,EAAA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,SAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,IACA;AAAA,IAEA,aAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,IACA;AAAA,IAEA,OAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,cAAAC,EAAA,EAAA,iBAAA;AAAA,MACA,aAAAA,EAAA,EAAA,gBAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,YAAA;AAAA,MACA,MAAA;AAAA,eAAA,KAAA;AAAA,MAAA;AAAA,MACA,IAAAC,GAAA;AACA,aAAA,MAAA,SAAAA,CAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,UAAA;AACA,WAAA,MAAA,SAAA;AAAA,IACA;AAAA,IACA,SAAA;AACA,WAAA,MAAA,QAAA;AAAA,IACA;AAAA,IACA,aAAA;AACA,WAAA,MAAA,MAAA,MAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcInputConfirmCancel-3c-uWUuw.cjs","sources":["../../src/components/NcAppNavigationItem/NcInputConfirmCancel.vue"],"sourcesContent":["<!--\n - @copyright Copyright (c) 2020 Jonathan Treffler <mail@jonathan-treffler.de>\n -\n - @author Jonathan Treffler <mail@jonathan-treffler.de>\n -\n - @license GNU AGPL version 3 or any later version\n -\n - This program is free software: you can redistribute it and/or modify\n - it under the terms of the GNU Affero General Public License as\n - published by the Free Software Foundation, either version 3 of the\n - License, or (at your option) any later version.\n -\n - This program is distributed in the hope that it will be useful,\n - but WITHOUT ANY WARRANTY; without even the implied warranty of\n - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n - GNU Affero General Public License for more details.\n -\n - You should have received a copy of the GNU Affero General Public License\n - along with this program. If not, see <http://www.gnu.org/licenses/>.\n -\n -->\n\n<docs>\n# Usage\n\n```\n<NcInputConfirmCancel @confirm=\"alert('confirm')\" @cancel=\"alert('cancel')\" />\n```\n</docs>\n<template>\n\t<div class=\"app-navigation-input-confirm\">\n\t\t<form @submit.prevent=\"confirm\"\n\t\t\t@keydown.esc.exact.stop.prevent=\"cancel\"\n\t\t\t@click.stop.prevent>\n\t\t\t<input ref=\"input\"\n\t\t\t\tv-model=\"valueModel\"\n\t\t\t\ttype=\"text\"\n\t\t\t\tclass=\"app-navigation-input-confirm__input\"\n\t\t\t\t:placeholder=\"placeholder\">\n\n\t\t\t<NcButton native-type=\"submit\"\n\t\t\t\ttype=\"primary\"\n\t\t\t\t:aria-label=\"labelConfirm\"\n\t\t\t\t@click.stop.prevent=\"confirm\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<ArrowRight :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t</NcButton>\n\n\t\t\t<NcButton native-type=\"reset\"\n\t\t\t\t:type=\"primary ? 'primary' : 'tertiary'\"\n\t\t\t\t:aria-label=\"labelCancel\"\n\t\t\t\t@click.stop.prevent=\"cancel\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Close :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t</NcButton>\n\t\t</form>\n\t</div>\n</template>\n<script>\nimport NcButton from '../NcButton/index.ts'\nimport { t } from '../../l10n.js'\n\nimport ArrowRight from 'vue-material-design-icons/ArrowRight.vue'\nimport Close from 'vue-material-design-icons/Close.vue'\n\nexport default {\n\tname: 'NcInputConfirmCancel',\n\n\tcomponents: {\n\t\tNcButton,\n\t\tArrowRight,\n\t\tClose,\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * If this element is used on a primary element set to true for primary styling.\n\t\t */\n\t\tprimary: {\n\t\t\tdefault: false,\n\t\t\ttype: Boolean,\n\t\t},\n\n\t\tplaceholder: {\n\t\t\tdefault: '',\n\t\t\ttype: String,\n\t\t},\n\n\t\tmodelValue: {\n\t\t\tdefault: '',\n\t\t\ttype: String,\n\t\t},\n\t},\n\n\temits: [\n\t\t'cancel',\n\t\t'confirm',\n\t\t'update:modelValue',\n\t],\n\n\tdata() {\n\t\treturn {\n\t\t\tlabelConfirm: t('Confirm changes'),\n\t\t\tlabelCancel: t('Cancel changes'),\n\t\t}\n\t},\n\n\tcomputed: {\n\t\tvalueModel: {\n\t\t\tget() { return this.modelValue },\n\t\t\tset(newValue) {\n\t\t\t\tthis.$emit('update:modelValue', newValue)\n\t\t\t},\n\t\t},\n\t},\n\n\tmethods: {\n\t\tconfirm() {\n\t\t\tthis.$emit('confirm')\n\t\t},\n\t\tcancel() {\n\t\t\tthis.$emit('cancel')\n\t\t},\n\t\tfocusInput() {\n\t\t\tthis.$refs.input.focus()\n\t\t},\n\t},\n}\n</script>\n\n<style scoped lang=\"scss\">\n$input-height: 34px;\n$input-padding: 7px;\n$input-margin: 5px;\n\n.app-navigation-input-confirm {\n\tflex: 1 0 100%;\n\twidth: 100%;\n\n\tform {\n\t\tdisplay: flex;\n\t}\n\n\t&__input {\n\t\theight: $input-height;\n\t\tflex: 1 1 100%;\n\t\tfont-size: 100% !important;\n\t\tmargin: $input-margin !important;\n\t\tmargin-left: -1px - $input-padding !important;\n\t\tpadding: $input-padding !important;\n\n\t\t&:active,\n\t\t&:focus,\n\t\t&:hover {\n\t\t\toutline: none;\n\t\t\tbackground-color: var(--color-main-background);\n\t\t\tcolor: var(--color-main-text);\n\t\t\tborder-color: var(--color-primary-element);\n\t\t}\n\t}\n}\n</style>\n"],"names":["_sfc_main","NcButton","_l10n","newValue","_hoisted_1","_hoisted_2","vue","_cache","$event","$options","$props","$data"],"mappings":";;;AAmEA,MAAAA,IAAA;AAAA;;IAIE,UAAAC,EAAA;AAAA;;;EAKD,OAAA;AAAA;AAAA;AAAA;AAAA,IAIC,SAAA;AAAA;;;;;;;;;;;;EAgBD,OAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA;EAGD,OAAA;AACC,WAAA;AAAA,MACC,cAAAC,EAAA,EAAA,iBAAA;AAAA,MACA,aAAAA,EAAA,EAAA,gBAAA;AAAA,IACD;AAAA;EAGD,UAAA;AAAA;;;;;AAIG,aAAA,MAAA,qBAAAC,CAAA;AAAA;;;EAKH,SAAA;AAAA,IACC,UAAA;AACC,WAAA,MAAA,SAAA;AAAA;IAED,SAAA;AACC,WAAA,MAAA,QAAA;AAAA;;;;;AAMH,GAnGMC,IAAA,EAAA,OAAA,+BAAA,GA9BNC,IAAA,CAAA,aAAA;;;AA8BC,SAAAC,EAAA,UAAA,GAAAA,EAAA,mBAAA,OAAAF,GAAA;AAAA;;;;;;;QAIS,KAAA;AAAA,QAlCV,uBAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAC,EAAA,aAAAD;AAAA,QAoCI,MAAA;AAAA,QACA,OAAA;AAAA,QACC,aAAAE,EAAA;AAAA,MAtCL,GAAA,MAAA,GAAAL,CAAA,GAAA;AAAA;;;QAwCa,eAAA;AAAA,QACT,MAAA;AAAA,QACC,cAAAM,EAAA;AAAA;;QAEU,MAAAL,EAAA,QAAA,MAAA;AAAA;;;;;QAKF,eAAA;AAAA,QACR,MAAAI,EAAA,UAAA,YAAA;AAAA,QACA,cAAAC,EAAA;AAAA;;QAEU,MAAAL,EAAA,QAAA,MAAA;AAAA;;;;;;;;;"}

package/dist/chunks/NcInputConfirmCancel-cDJ5_L-Z.mjs

@@ -0,0 +1,112 @@
+import "../assets/NcInputConfirmCancel-_GF_RjYc.css";
+import { N as C } from "./NcButton-nCkJxwsi.mjs";
+import { r as v, m as _, a as p } from "./_l10n-JmazR_zZ.mjs";
+import { A as y } from "./ArrowRight-Fk_qtqpW.mjs";
+import { C as h } from "./Close-4lZze_oD.mjs";
+import { resolveComponent as a, openBlock as b, createElementBlock as g, createElementVNode as s, withModifiers as n, withKeys as N, withDirectives as w, vModelText as k, createVNode as r, withCtx as u } from "vue";
+import { _ as x } from "./_plugin-vue_export-helper-hUChTQA_.mjs";
+v(_);
+const V = {
+  name: "NcInputConfirmCancel",
+  components: {
+    NcButton: C,
+    ArrowRight: y,
+    Close: h
+  },
+  props: {
+    /**
+     * If this element is used on a primary element set to true for primary styling.
+     */
+    primary: {
+      default: !1,
+      type: Boolean
+    },
+    placeholder: {
+      default: "",
+      type: String
+    },
+    modelValue: {
+      default: "",
+      type: String
+    }
+  },
+  emits: [
+    "cancel",
+    "confirm",
+    "update:modelValue"
+  ],
+  data() {
+    return {
+      labelConfirm: p("Confirm changes"),
+      labelCancel: p("Cancel changes")
+    };
+  },
+  computed: {
+    valueModel: {
+      get() {
+        return this.modelValue;
+      },
+      set(l) {
+        this.$emit("update:modelValue", l);
+      }
+    }
+  },
+  methods: {
+    confirm() {
+      this.$emit("confirm");
+    },
+    cancel() {
+      this.$emit("cancel");
+    },
+    focusInput() {
+      this.$refs.input.focus();
+    }
+  }
+}, B = { class: "app-navigation-input-confirm" }, M = ["placeholder"];
+function A(l, e, i, I, c, t) {
+  const f = a("ArrowRight"), m = a("NcButton"), d = a("Close");
+  return b(), g("div", B, [
+    s("form", {
+      onSubmit: e[1] || (e[1] = n((...o) => t.confirm && t.confirm(...o), ["prevent"])),
+      onKeydown: e[2] || (e[2] = N(n((...o) => t.cancel && t.cancel(...o), ["exact", "stop", "prevent"]), ["esc"])),
+      onClick: e[3] || (e[3] = n(() => {
+      }, ["stop", "prevent"]))
+    }, [
+      w(s("input", {
+        ref: "input",
+        "onUpdate:modelValue": e[0] || (e[0] = (o) => t.valueModel = o),
+        type: "text",
+        class: "app-navigation-input-confirm__input",
+        placeholder: i.placeholder
+      }, null, 8, M), [
+        [k, t.valueModel]
+      ]),
+      r(m, {
+        "native-type": "submit",
+        type: "primary",
+        "aria-label": c.labelConfirm,
+        onClick: n(t.confirm, ["stop", "prevent"])
+      }, {
+        icon: u(() => [
+          r(f, { size: 20 })
+        ]),
+        _: 1
+      }, 8, ["aria-label", "onClick"]),
+      r(m, {
+        "native-type": "reset",
+        type: i.primary ? "primary" : "tertiary",
+        "aria-label": c.labelCancel,
+        onClick: n(t.cancel, ["stop", "prevent"])
+      }, {
+        icon: u(() => [
+          r(d, { size: 20 })
+        ]),
+        _: 1
+      }, 8, ["type", "aria-label", "onClick"])
+    ], 32)
+  ]);
+}
+const U = /* @__PURE__ */ x(V, [["render", A], ["__scopeId", "data-v-5be11683"]]);
+export {
+  U as N
+};

package/dist/chunks/{NcInputConfirmCancel-a08c5cb4.mjs.map → NcInputConfirmCancel-cDJ5_L-Z.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"NcInputConfirmCancel-a08c5cb4.mjs","sources":["../../src/components/NcAppNavigationItem/NcInputConfirmCancel.vue"],"sourcesContent":["<!--\n - @copyright Copyright (c) 2020 Jonathan Treffler <mail@jonathan-treffler.de>\n -\n - @author Jonathan Treffler <mail@jonathan-treffler.de>\n -\n - @license GNU AGPL version 3 or any later version\n -\n - This program is free software: you can redistribute it and/or modify\n - it under the terms of the GNU Affero General Public License as\n - published by the Free Software Foundation, either version 3 of the\n - License, or (at your option) any later version.\n -\n - This program is distributed in the hope that it will be useful,\n - but WITHOUT ANY WARRANTY; without even the implied warranty of\n - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n - GNU Affero General Public License for more details.\n -\n - You should have received a copy of the GNU Affero General Public License\n - along with this program. If not, see <http://www.gnu.org/licenses/>.\n -\n -->\n\n<docs>\n# Usage\n\n```\n<NcInputConfirmCancel @confirm=\"alert('confirm')\" @cancel=\"alert('cancel')\" />\n```\n</docs>\n<template>\n\t<div class=\"app-navigation-input-confirm\">\n\t\t<form @submit.prevent=\"confirm\"\n\t\t\t@keydown.esc.exact.stop.prevent=\"cancel\"\n\t\t\t@click.stop.prevent>\n\t\t\t<input ref=\"input\"\n\t\t\t\tv-model=\"valueModel\"\n\t\t\t\ttype=\"text\"\n\t\t\t\tclass=\"app-navigation-input-confirm__input\"\n\t\t\t\t:placeholder=\"placeholder\">\n\n\t\t\t<NcButton native-type=\"submit\"\n\t\t\t\ttype=\"primary\"\n\t\t\t\t:aria-label=\"labelConfirm\"\n\t\t\t\t@click.stop.prevent=\"confirm\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<ArrowRight :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t</NcButton>\n\n\t\t\t<NcButton native-type=\"reset\"\n\t\t\t\t:type=\"primary ? 'primary' : 'tertiary'\"\n\t\t\t\t:aria-label=\"labelCancel\"\n\t\t\t\t@click.stop.prevent=\"cancel\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Close :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t</NcButton>\n\t\t</form>\n\t</div>\n</template>\n<script>\nimport NcButton from '../NcButton/index.js'\nimport { t } from '../../l10n.js'\n\nimport ArrowRight from 'vue-material-design-icons/ArrowRight.vue'\nimport Close from 'vue-material-design-icons/Close.vue'\n\nexport default {\n\tname: 'NcInputConfirmCancel',\n\n\tcomponents: {\n\t\tNcButton,\n\t\tArrowRight,\n\t\tClose,\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * If this element is used on a primary element set to true for primary styling.\n\t\t */\n\t\tprimary: {\n\t\t\tdefault: false,\n\t\t\ttype: Boolean,\n\t\t},\n\n\t\tplaceholder: {\n\t\t\tdefault: '',\n\t\t\ttype: String,\n\t\t},\n\n\t\tvalue: {\n\t\t\tdefault: '',\n\t\t\ttype: String,\n\t\t},\n\t},\n\n\temits: [\n\t\t'input',\n\t\t'confirm',\n\t\t'cancel',\n\t],\n\n\tdata() {\n\t\treturn {\n\t\t\tlabelConfirm: t('Confirm changes'),\n\t\t\tlabelCancel: t('Cancel changes'),\n\t\t}\n\t},\n\n\tcomputed: {\n\t\tvalueModel: {\n\t\t\tget() { return this.value },\n\t\t\tset(newValue) {\n\t\t\t\tthis.$emit('input', newValue)\n\t\t\t},\n\t\t},\n\t},\n\n\tmethods: {\n\t\tconfirm() {\n\t\t\tthis.$emit('confirm')\n\t\t},\n\t\tcancel() {\n\t\t\tthis.$emit('cancel')\n\t\t},\n\t\tfocusInput() {\n\t\t\tthis.$refs.input.focus()\n\t\t},\n\t},\n}\n</script>\n\n<style scoped lang=\"scss\">\n$input-height: 34px;\n$input-padding: 7px;\n$input-margin: 5px;\n\n.app-navigation-input-confirm {\n\tflex: 1 0 100%;\n\twidth: 100%;\n\n\tform {\n\t\tdisplay: flex;\n\t}\n\n\t&__input {\n\t\theight: $input-height;\n\t\tflex: 1 1 100%;\n\t\tfont-size: 100% !important;\n\t\tmargin: $input-margin !important;\n\t\tmargin-left: -1px - $input-padding !important;\n\t\tpadding: $input-padding !important;\n\n\t\t&:active,\n\t\t&:focus,\n\t\t&:hover {\n\t\t\toutline: none;\n\t\t\tbackground-color: var(--color-main-background);\n\t\t\tcolor: var(--color-main-text);\n\t\t\tborder-color: var(--color-primary-element);\n\t\t}\n\t}\n}\n</style>\n"],"names":["_sfc_main","NcButton","ArrowRight","Close","t","newValue"],"mappings":";;;;;;;AAmEA,MAAAA,IAAA;AAAA,EACA,MAAA;AAAA,EAEA,YAAA;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,EACA;AAAA,EAEA,OAAA;AAAA;AAAA;AAAA;AAAA,IAIA,SAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,IACA;AAAA,IAEA,aAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,IACA;AAAA,IAEA,OAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,OAAA;AACA,WAAA;AAAA,MACA,cAAAC,EAAA,iBAAA;AAAA,MACA,aAAAA,EAAA,gBAAA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,UAAA;AAAA,IACA,YAAA;AAAA,MACA,MAAA;AAAA,eAAA,KAAA;AAAA,MAAA;AAAA,MACA,IAAAC,GAAA;AACA,aAAA,MAAA,SAAAA,CAAA;AAAA,MACA;AAAA,IACA;AAAA,EACA;AAAA,EAEA,SAAA;AAAA,IACA,UAAA;AACA,WAAA,MAAA,SAAA;AAAA,IACA;AAAA,IACA,SAAA;AACA,WAAA,MAAA,QAAA;AAAA,IACA;AAAA,IACA,aAAA;AACA,WAAA,MAAA,MAAA,MAAA;AAAA,IACA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NcInputConfirmCancel-cDJ5_L-Z.mjs","sources":["../../src/components/NcAppNavigationItem/NcInputConfirmCancel.vue"],"sourcesContent":["<!--\n - @copyright Copyright (c) 2020 Jonathan Treffler <mail@jonathan-treffler.de>\n -\n - @author Jonathan Treffler <mail@jonathan-treffler.de>\n -\n - @license GNU AGPL version 3 or any later version\n -\n - This program is free software: you can redistribute it and/or modify\n - it under the terms of the GNU Affero General Public License as\n - published by the Free Software Foundation, either version 3 of the\n - License, or (at your option) any later version.\n -\n - This program is distributed in the hope that it will be useful,\n - but WITHOUT ANY WARRANTY; without even the implied warranty of\n - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n - GNU Affero General Public License for more details.\n -\n - You should have received a copy of the GNU Affero General Public License\n - along with this program. If not, see <http://www.gnu.org/licenses/>.\n -\n -->\n\n<docs>\n# Usage\n\n```\n<NcInputConfirmCancel @confirm=\"alert('confirm')\" @cancel=\"alert('cancel')\" />\n```\n</docs>\n<template>\n\t<div class=\"app-navigation-input-confirm\">\n\t\t<form @submit.prevent=\"confirm\"\n\t\t\t@keydown.esc.exact.stop.prevent=\"cancel\"\n\t\t\t@click.stop.prevent>\n\t\t\t<input ref=\"input\"\n\t\t\t\tv-model=\"valueModel\"\n\t\t\t\ttype=\"text\"\n\t\t\t\tclass=\"app-navigation-input-confirm__input\"\n\t\t\t\t:placeholder=\"placeholder\">\n\n\t\t\t<NcButton native-type=\"submit\"\n\t\t\t\ttype=\"primary\"\n\t\t\t\t:aria-label=\"labelConfirm\"\n\t\t\t\t@click.stop.prevent=\"confirm\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<ArrowRight :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t</NcButton>\n\n\t\t\t<NcButton native-type=\"reset\"\n\t\t\t\t:type=\"primary ? 'primary' : 'tertiary'\"\n\t\t\t\t:aria-label=\"labelCancel\"\n\t\t\t\t@click.stop.prevent=\"cancel\">\n\t\t\t\t<template #icon>\n\t\t\t\t\t<Close :size=\"20\" />\n\t\t\t\t</template>\n\t\t\t</NcButton>\n\t\t</form>\n\t</div>\n</template>\n<script>\nimport NcButton from '../NcButton/index.ts'\nimport { t } from '../../l10n.js'\n\nimport ArrowRight from 'vue-material-design-icons/ArrowRight.vue'\nimport Close from 'vue-material-design-icons/Close.vue'\n\nexport default {\n\tname: 'NcInputConfirmCancel',\n\n\tcomponents: {\n\t\tNcButton,\n\t\tArrowRight,\n\t\tClose,\n\t},\n\n\tprops: {\n\t\t/**\n\t\t * If this element is used on a primary element set to true for primary styling.\n\t\t */\n\t\tprimary: {\n\t\t\tdefault: false,\n\t\t\ttype: Boolean,\n\t\t},\n\n\t\tplaceholder: {\n\t\t\tdefault: '',\n\t\t\ttype: String,\n\t\t},\n\n\t\tmodelValue: {\n\t\t\tdefault: '',\n\t\t\ttype: String,\n\t\t},\n\t},\n\n\temits: [\n\t\t'cancel',\n\t\t'confirm',\n\t\t'update:modelValue',\n\t],\n\n\tdata() {\n\t\treturn {\n\t\t\tlabelConfirm: t('Confirm changes'),\n\t\t\tlabelCancel: t('Cancel changes'),\n\t\t}\n\t},\n\n\tcomputed: {\n\t\tvalueModel: {\n\t\t\tget() { return this.modelValue },\n\t\t\tset(newValue) {\n\t\t\t\tthis.$emit('update:modelValue', newValue)\n\t\t\t},\n\t\t},\n\t},\n\n\tmethods: {\n\t\tconfirm() {\n\t\t\tthis.$emit('confirm')\n\t\t},\n\t\tcancel() {\n\t\t\tthis.$emit('cancel')\n\t\t},\n\t\tfocusInput() {\n\t\t\tthis.$refs.input.focus()\n\t\t},\n\t},\n}\n</script>\n\n<style scoped lang=\"scss\">\n$input-height: 34px;\n$input-padding: 7px;\n$input-margin: 5px;\n\n.app-navigation-input-confirm {\n\tflex: 1 0 100%;\n\twidth: 100%;\n\n\tform {\n\t\tdisplay: flex;\n\t}\n\n\t&__input {\n\t\theight: $input-height;\n\t\tflex: 1 1 100%;\n\t\tfont-size: 100% !important;\n\t\tmargin: $input-margin !important;\n\t\tmargin-left: -1px - $input-padding !important;\n\t\tpadding: $input-padding !important;\n\n\t\t&:active,\n\t\t&:focus,\n\t\t&:hover {\n\t\t\toutline: none;\n\t\t\tbackground-color: var(--color-main-background);\n\t\t\tcolor: var(--color-main-text);\n\t\t\tborder-color: var(--color-primary-element);\n\t\t}\n\t}\n}\n</style>\n"],"names":["_sfc_main","NcButton","t","newValue","_hoisted_1","_hoisted_2","openBlock","createElementBlock","_cache","$event","$options","$props","$data","withCtx"],"mappings":";;;;;;;;AAmEA,MAAAA,IAAA;AAAA;;IAIE,UAAAC;AAAA;;;EAKD,OAAA;AAAA;AAAA;AAAA;AAAA,IAIC,SAAA;AAAA;;;;;;;;;;;;EAgBD,OAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA;EAGD,OAAA;AACC,WAAA;AAAA,MACC,cAAAC,EAAA,iBAAA;AAAA,MACA,aAAAA,EAAA,gBAAA;AAAA,IACD;AAAA;EAGD,UAAA;AAAA;;;;;AAIG,aAAA,MAAA,qBAAAC,CAAA;AAAA;;;EAKH,SAAA;AAAA,IACC,UAAA;AACC,WAAA,MAAA,SAAA;AAAA;IAED,SAAA;AACC,WAAA,MAAA,QAAA;AAAA;;;;;AAMH,GAnGMC,IAAA,EAAA,OAAA,+BAAA,GA9BNC,IAAA,CAAA,aAAA;;;AA8BC,SAAAC,EAAA,GAAAC,EAAA,OAAAH,GAAA;AAAA;;;;;;;QAIS,KAAA;AAAA,QAlCV,uBAAAI,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAC,EAAA,aAAAD;AAAA,QAoCI,MAAA;AAAA,QACA,OAAA;AAAA,QACC,aAAAE,EAAA;AAAA,MAtCL,GAAA,MAAA,GAAAN,CAAA,GAAA;AAAA;;;QAwCa,eAAA;AAAA,QACT,MAAA;AAAA,QACC,cAAAO,EAAA;AAAA;;QAEU,MAAAC,EAAA,MAAA;AAAA;;;;;QAKF,eAAA;AAAA,QACR,MAAAF,EAAA,UAAA,YAAA;AAAA,QACA,cAAAC,EAAA;AAAA;;QAEU,MAAAC,EAAA,MAAA;AAAA;;;;;;;;"}