@nextcloud/vue 8.6.0 → 9.0.0-alpha.1

package/dist/chunks/NcRichText-RTwlrmhz.mjs

@@ -0,0 +1,348 @@
+import { N as A } from "./referencePickerModal-Fu9pQBdT.mjs";
+import g from "@nextcloud/axios";
+import { generateOcsUrl as k } from "@nextcloud/router";
+import { resolveComponent as x, openBlock as f, createElementBlock as p, normalizeClass as E, Fragment as _, renderList as j, createVNode as L, createCommentVNode as M, h as o } from "vue";
+import { _ as v } from "./_plugin-vue_export-helper-hUChTQA_.mjs";
+import { N as $ } from "./NcCheckboxRadioSwitch-NwTx_zgG.mjs";
+import { visit as w, SKIP as C } from "unist-util-visit";
+import { u as d } from "unist-builder";
+import { G as T } from "./GenRandomId-VodkdWbp.mjs";
+import { unified as O } from "unified";
+import B from "remark-parse";
+import S from "remark-gfm";
+import I from "remark-breaks";
+import P from "remark-rehype";
+import U from "rehype-react";
+import D from "rehype-external-links";
+const b = /(\s|^)(https?:\/\/)([-A-Z0-9+_.]+(?::[0-9]+)?(?:\/[-A-Z0-9+&@#%?=~_|!:,.;()]*)*)(\s|$)/ig, y = /(\s|\(|^)((https?:\/\/)([-A-Z0-9+_.]+[-A-Z0-9]+(?::[0-9]+)?(?:\/[-A-Z0-9+&@#%?=~_|!:,.;()]*)*))(?=\s|\)|$)/ig, F = {
+  name: "NcReferenceList",
+  components: {
+    NcReferenceWidget: A
+  },
+  props: {
+    text: {
+      type: String,
+      default: ""
+    },
+    referenceData: {
+      type: Object,
+      default: null
+    },
+    limit: {
+      type: Number,
+      default: 1
+    },
+    displayFallback: {
+      type: Boolean,
+      default: !1
+    },
+    interactive: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["loaded"],
+  data() {
+    return {
+      references: null,
+      loading: !0
+    };
+  },
+  computed: {
+    isVisible() {
+      return this.loading || this.displayedReferences.length !== 0;
+    },
+    values() {
+      return this.referenceData ? this.referenceData : this.displayFallback && !this.loading && !this.references ? [this.fallbackReference] : this.references ? Object.values(this.references) : [];
+    },
+    firstReference() {
+      var e;
+      return (e = this.values[0]) != null ? e : null;
+    },
+    displayedReferences() {
+      return this.values.slice(0, this.limit).map((e) => ({
+        ...e,
+        interactive: this.interactive
+      }));
+    },
+    fallbackReference() {
+      return {
+        accessible: !0,
+        openGraphObject: {
+          id: this.text,
+          link: this.text,
+          name: this.text
+        },
+        richObjectType: "open-graph"
+      };
+    }
+  },
+  watch: {
+    text: "fetch"
+  },
+  mounted() {
+    this.fetch();
+  },
+  methods: {
+    fetch() {
+      if (this.loading = !0, this.referenceData) {
+        this.loading = !1;
+        return;
+      }
+      if (!new RegExp(b).exec(this.text)) {
+        this.loading = !1;
+        return;
+      }
+      this.resolve().then((e) => {
+        this.references = e.data.ocs.data.references, this.loading = !1, this.$emit("loaded");
+      }).catch((e) => {
+        console.error("Failed to extract references", e), this.loading = !1, this.$emit("loaded");
+      });
+    },
+    resolve() {
+      const e = new RegExp(b).exec(this.text.trim());
+      return this.limit === 1 && e ? g.get(k("references/resolve", 2) + "?reference=".concat(encodeURIComponent(e[0]))) : g.post(k("references/extract", 2), {
+        text: this.text,
+        resolve: !0,
+        limit: this.limit
+      });
+    }
+  }
+};
+function V(e, r, n, s, i, t) {
+  const c = x("NcReferenceWidget");
+  return t.isVisible ? (f(), p("div", {
+    key: 0,
+    class: E(["widgets--list", { "icon-loading": i.loading }])
+  }, [
+    (f(!0), p(_, null, j(t.displayedReferences, (l) => {
+      var a;
+      return f(), p("div", {
+        key: (a = l == null ? void 0 : l.openGraphObject) == null ? void 0 : a.id
+      }, [
+        L(c, { reference: l }, null, 8, ["reference"])
+      ]);
+    }), 128))
+  ], 2)) : M("", !0);
+}
+const m = /* @__PURE__ */ v(F, [["render", V], ["__scopeId", "data-v-e7fe1fce"]]), z = {
+  name: "NcLink",
+  props: {
+    href: {
+      type: String,
+      required: !0
+    }
+  },
+  render() {
+    return o("a", {
+      href: this.href,
+      rel: "noopener noreferrer",
+      target: "_blank",
+      class: "rich-text--external-link"
+    }, [this.href.trim()]);
+  }
+}, G = function({ autolink: e, useMarkdown: r, useExtendedMarkdown: n }) {
+  return function(s) {
+    n || !r || !e || w(s, (i) => i.type === "text", (i, t, c) => {
+      let l = N(i.value);
+      return l = l.map((a) => typeof a == "string" ? d("text", a) : d("link", {
+        url: a.props.href
+      }, [d("text", a.props.href)])).filter((a) => a), c.children.splice(t, 1, ...l.flat()), [C, t + l.flat().length];
+    });
+  };
+}, N = (e) => {
+  let r = y.exec(e);
+  const n = [];
+  let s = 0;
+  for (; r !== null; ) {
+    let t = r[2], c, l = e.substring(s, r.index + r[1].length);
+    t[0] === " " && (l += t[0], t = t.substring(1).trim());
+    const a = t[t.length - 1];
+    (a === "." || a === "," || a === ";" || r[0][0] === "(" && a === ")") && (t = t.substring(0, t.length - 1), c = a), n.push(l), n.push({ component: z, props: { href: t } }), c && n.push(c), s = r.index + r[0].length, r = y.exec(e);
+  }
+  n.push(e.substring(s));
+  const i = n.map((t) => typeof t == "string" ? t : t.props.href).join("");
+  return e === i ? n : (console.error("Failed to reassemble the chunked text: " + e), e);
+}, Z = function() {
+  return function(e) {
+    w(e, (n) => n.type === "text", r);
+    function r(n, s, i) {
+      const t = n.value.split(/(\{[a-z\-_.0-9]+\})/ig).map((c, l, a) => {
+        const h = c.match(/^\{([a-z\-_.0-9]+)\}$/i);
+        if (!h)
+          return d("text", c);
+        const [, u] = h;
+        return d("element", {
+          tagName: "#".concat(u),
+          children: []
+        });
+      });
+      i.children.splice(s, 1, ...t);
+    }
+  };
+}, W = ({ h: e, context: r }, n) => (r.autolink && (n = N(n)), Array.isArray(n) ? n.map((s) => {
+  if (typeof s == "string")
+    return s;
+  const { component: i, props: t } = s, c = i.name === "NcLink" ? void 0 : "rich-text--component";
+  return e(i, {
+    ...t,
+    class: c
+  });
+}) : n), q = {
+  name: "NcRichText",
+  components: {
+    NcReferenceList: m
+  },
+  props: {
+    text: {
+      type: String,
+      default: ""
+    },
+    arguments: {
+      type: Object,
+      default: () => ({})
+    },
+    referenceLimit: {
+      type: Number,
+      default: 0
+    },
+    /** Provide data upfront to avoid extra http request */
+    references: {
+      type: Object,
+      default: null
+    },
+    markdownCssClasses: {
+      type: Object,
+      default: () => ({
+        a: "rich-text--external-link",
+        ol: "rich-text--ordered-list",
+        ul: "rich-text--un-ordered-list",
+        li: "rich-text--list-item",
+        strong: "rich-text--strong",
+        em: "rich-text--italic",
+        h1: "rich-text--heading rich-text--heading-1",
+        h2: "rich-text--heading rich-text--heading-2",
+        h3: "rich-text--heading rich-text--heading-3",
+        h4: "rich-text--heading rich-text--heading-4",
+        h5: "rich-text--heading rich-text--heading-5",
+        h6: "rich-text--heading rich-text--heading-6",
+        hr: "rich-text--hr",
+        table: "rich-text--table",
+        pre: "rich-text--pre",
+        code: "rich-text--code",
+        blockquote: "rich-text--blockquote"
+      })
+    },
+    useMarkdown: {
+      type: Boolean,
+      default: !1
+    },
+    /** Provide GitHub Flavored Markdown syntax */
+    useExtendedMarkdown: {
+      type: Boolean,
+      default: !1
+    },
+    /** Provide event from rendered markdown inputs */
+    interactive: {
+      type: Boolean,
+      default: !1
+    },
+    autolink: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["interact:todo"],
+  methods: {
+    renderPlaintext() {
+      const e = this.text.split(/(\{[a-z\-_.0-9]+\})/ig).map((r) => {
+        const n = r.match(/^\{([a-z\-_.0-9]+)\}$/i);
+        if (!n)
+          return W({ h: o, context: this }, r);
+        const s = n[1], i = this.arguments[s];
+        if (typeof i == "object") {
+          const { component: t, props: c } = i;
+          return o(typeof t == "string" ? x(t) : t, {
+            ...c,
+            class: "rich-text--component"
+          });
+        }
+        return i ? o("span", { class: "rich-text--fallback" }, i) : r;
+      });
+      return o("div", { class: "rich-text--wrapper" }, [
+        o("div", {}, e.flat()),
+        this.referenceLimit > 0 ? o("div", { class: "rich-text--reference-widget" }, [
+          o(m, { text: this.text, referenceData: this.references })
+        ]) : null
+      ]);
+    },
+    renderMarkdown() {
+      const e = O().use(B).use(G, {
+        autolink: this.autolink,
+        useMarkdown: this.useMarkdown,
+        useExtendedMarkdown: this.useExtendedMarkdown
+      }).use(this.useExtendedMarkdown ? S : void 0).use(I).use(P, {
+        handlers: {
+          component(r, n) {
+            return r(n, n.component, { value: n.value });
+          }
+        }
+      }).use(Z).use(D, {
+        target: "_blank",
+        rel: ["noopener noreferrer"]
+      }).use(U, {
+        Fragment: _,
+        jsx: this.createElement,
+        jsxs: this.createElement,
+        elementAttributeNameCase: "html"
+      }).processSync(
+        this.text.replace(/</gmi, "&lt;").replace(/&gt;/gmi, ">")
+      ).result;
+      return o("div", { class: "rich-text--wrapper rich-text--wrapper-markdown" }, [
+        e,
+        this.referenceLimit > 0 ? o("div", { class: "rich-text--reference-widget" }, [
+          o(m, { text: this.text, referenceData: this.references })
+        ]) : null
+      ]);
+    },
+    createElement(e, r, n) {
+      var t;
+      n && (r.key = n);
+      let s = (t = r.children) != null ? t : [];
+      if (delete r.children, typeof s == "string" && (s = s.replace(/&lt;/gmi, "<")), !String(e).startsWith("#")) {
+        if (this.useExtendedMarkdown && String(e) === "li" && Array.isArray(s) && s[0].type === "input" && s[0].props.type === "checkbox") {
+          const [c, , l] = s, a = "markdown-input-" + T(5), h = { ...c.props };
+          delete h.checked;
+          const u = o($, {
+            ...h,
+            modelValue: c.props.checked,
+            id: a,
+            disabled: !this.interactive,
+            "onUpdate:modelValue": (R) => {
+              this.$emit("interact:todo", { id: a, label: l, value: R });
+            }
+          }, [l]);
+          return o(e, r, [u]);
+        }
+        return o(e, r, s);
+      }
+      const i = this.arguments[e.slice(1)];
+      return i ? i.component ? o(
+        typeof i.component == "string" ? x(i.component) : i.component,
+        {
+          ...r,
+          ...i.props,
+          class: "rich-text--component"
+        },
+        s
+      ) : o("span", { ...r }, [i]) : o("span", { ...r, class: "rich-text--fallback" }, ["{".concat(e.slice(1), "}")]);
+    }
+  },
+  render() {
+    return this.useMarkdown || this.useExtendedMarkdown ? this.renderMarkdown() : this.renderPlaintext();
+  }
+}, he = /* @__PURE__ */ v(q, [["__scopeId", "data-v-b2abacd5"]]);
+export {
+  he as N,
+  m as a
+};

package/dist/chunks/NcRichText-RTwlrmhz.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcRichText-RTwlrmhz.mjs","sources":["../../src/components/NcRichText/helpers.js","../../src/components/NcRichText/NcReferenceList.vue","../../src/components/NcRichText/autolink.js","../../src/components/NcRichText/placeholder.js","../../src/components/NcRichText/NcRichText.vue"],"sourcesContent":["/**\n * Regex pattern to match links to be resolved by the link-reference provider\n *\n * @type {RegExp}\n */\nexport const URL_PATTERN = /(\\s|^)(https?:\\/\\/)([-A-Z0-9+_.]+(?::[0-9]+)?(?:\\/[-A-Z0-9+&@#%?=~_|!:,.;()]*)*)(\\s|$)/ig\n\n/**\n * Regex pattern to identify strings as links and then making them clickable\n *\n * @type {RegExp}\n */\nexport const URL_PATTERN_AUTOLINK = /(\\s|\\(|^)((https?:\\/\\/)([-A-Z0-9+_.]+[-A-Z0-9]+(?::[0-9]+)?(?:\\/[-A-Z0-9+&@#%?=~_|!:,.;()]*)*))(?=\\s|\\)|$)/ig\n","<template>\n\t<div v-if=\"isVisible\" class=\"widgets--list\" :class=\"{'icon-loading': loading }\">\n\t\t<div v-for=\"reference in displayedReferences\" :key=\"reference?.openGraphObject?.id\">\n\t\t\t<NcReferenceWidget :reference=\"reference\" />\n\t\t</div>\n\t</div>\n</template>\n<script>\nimport NcReferenceWidget from './NcReferenceWidget.vue'\nimport { URL_PATTERN } from './helpers.js'\n\nimport axios from '@nextcloud/axios'\nimport { generateOcsUrl } from '@nextcloud/router'\n\nexport default {\n\tname: 'NcReferenceList',\n\tcomponents: {\n\t\tNcReferenceWidget,\n\t},\n\tprops: {\n\t\ttext: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t\treferenceData: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\t\tlimit: {\n\t\t\ttype: Number,\n\t\t\tdefault: 1,\n\t\t},\n\t\tdisplayFallback: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\tinteractive: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t},\n\temits: ['loaded'],\n\tdata() {\n\t\treturn {\n\t\t\treferences: null,\n\t\t\tloading: true,\n\t\t}\n\t},\n\tcomputed: {\n\t\tisVisible() {\n\t\t\treturn this.loading || this.displayedReferences.length !== 0\n\t\t},\n\t\tvalues() {\n\t\t\tif (this.referenceData) {\n\t\t\t\treturn this.referenceData\n\t\t\t}\n\n\t\t\tif (this.displayFallback && !this.loading && !this.references) {\n\t\t\t\treturn [this.fallbackReference]\n\t\t\t}\n\n\t\t\treturn this.references ? Object.values(this.references) : []\n\t\t},\n\t\tfirstReference() {\n\t\t\treturn this.values[0] ?? null\n\t\t},\n\t\tdisplayedReferences() {\n\t\t\treturn this.values.slice(0, this.limit).map(reference => {\n\t\t\t\treturn {\n\t\t\t\t\t...reference,\n\t\t\t\t\tinteractive: this.interactive,\n\t\t\t\t}\n\t\t\t})\n\t\t},\n\t\tfallbackReference() {\n\t\t\treturn {\n\t\t\t\taccessible: true,\n\t\t\t\topenGraphObject: {\n\t\t\t\t\tid: this.text,\n\t\t\t\t\tlink: this.text,\n\t\t\t\t\tname: this.text,\n\t\t\t\t},\n\t\t\t\trichObjectType: 'open-graph',\n\t\t\t}\n\t\t},\n\t},\n\twatch: {\n\t\ttext: 'fetch',\n\t},\n\tmounted() {\n\t\tthis.fetch()\n\t},\n\tmethods: {\n\t\tfetch() {\n\t\t\tthis.loading = true\n\t\t\tif (this.referenceData) {\n\t\t\t\tthis.loading = false\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tif (!(new RegExp(URL_PATTERN).exec(this.text))) {\n\t\t\t\tthis.loading = false\n\t\t\t\treturn\n\t\t\t}\n\n\t\t\tthis.resolve().then((response) => {\n\t\t\t\tthis.references = response.data.ocs.data.references\n\t\t\t\tthis.loading = false\n\t\t\t\tthis.$emit('loaded')\n\t\t\t}).catch((error) => {\n\t\t\t\tconsole.error('Failed to extract references', error)\n\t\t\t\tthis.loading = false\n\t\t\t\tthis.$emit('loaded')\n\t\t\t})\n\t\t},\n\t\tresolve() {\n\t\t\tconst match = (new RegExp(URL_PATTERN).exec(this.text.trim()))\n\t\t\tif (this.limit === 1 && match) {\n\t\t\t\treturn axios.get(generateOcsUrl('references/resolve', 2) + `?reference=${encodeURIComponent(match[0])}`)\n\t\t\t}\n\n\t\t\treturn axios.post(generateOcsUrl('references/extract', 2), {\n\t\t\t\ttext: this.text,\n\t\t\t\tresolve: true,\n\t\t\t\tlimit: this.limit,\n\t\t\t})\n\t\t},\n\t},\n}\n</script>\n<style lang=\"scss\" scoped>\n.widgets--list.icon-loading {\n\tmin-height: 44px;\n}\n</style>\n","import { URL_PATTERN_AUTOLINK } from './helpers.js'\n\nimport { visit, SKIP } from 'unist-util-visit'\nimport { u } from 'unist-builder'\nimport { h } from 'vue'\n\nconst NcLink = {\n\tname: 'NcLink',\n\tprops: {\n\t\thref: {\n\t\t\ttype: String,\n\t\t\trequired: true,\n\t\t},\n\t},\n\trender() {\n\t\treturn h('a', {\n\t\t\thref: this.href,\n\t\t\trel: 'noopener noreferrer',\n\t\t\ttarget: '_blank',\n\t\t\tclass: 'rich-text--external-link',\n\t\t}, [this.href.trim()])\n\t},\n}\n\nexport const remarkAutolink = function({ autolink, useMarkdown, useExtendedMarkdown }) {\n\treturn function(tree) {\n\t\t// remark-gfm has its own autolink parser which can not be disabled\n\t\t// and thus a local one is not needed\n\t\tif (useExtendedMarkdown || !useMarkdown || !autolink) {\n\t\t\treturn\n\t\t}\n\n\t\tvisit(tree, (node) => node.type === 'text', (node, index, parent) => {\n\t\t\tlet parsed = parseUrl(node.value)\n\t\t\tparsed = parsed.map((n) => {\n\t\t\t\tif (typeof n === 'string') {\n\t\t\t\t\treturn u('text', n)\n\t\t\t\t}\n\n\t\t\t\treturn u('link', {\n\t\t\t\t\turl: n.props.href,\n\t\t\t\t}, [u('text', n.props.href)])\n\t\t\t}).filter((x) => x)\n\n\t\t\tparent.children.splice(index, 1, ...parsed.flat())\n\t\t\treturn [SKIP, index + parsed.flat().length]\n\t\t})\n\t}\n}\n\nexport const parseUrl = (text) => {\n\tlet match = URL_PATTERN_AUTOLINK.exec(text)\n\tconst list = []\n\tlet start = 0\n\twhile (match !== null) {\n\t\tlet href = match[2]\n\t\tlet textAfter\n\t\tlet textBefore = text.substring(start, match.index + match[1].length)\n\t\tif (href[0] === ' ') {\n\t\t\ttextBefore += href[0]\n\t\t\thref = href.substring(1).trim()\n\t\t}\n\t\tconst lastChar = href[(href.length - 1)]\n\t\tif (lastChar === '.' || lastChar === ',' || lastChar === ';' || (match[0][0] === '(' && lastChar === ')')) {\n\t\t\thref = href.substring(0, href.length - 1)\n\t\t\ttextAfter = lastChar\n\t\t}\n\t\tlist.push(textBefore)\n\t\tlist.push({ component: NcLink, props: { href } })\n\t\tif (textAfter) {\n\t\t\tlist.push(textAfter)\n\t\t}\n\t\tstart = match.index + match[0].length\n\t\tmatch = URL_PATTERN_AUTOLINK.exec(text)\n\t}\n\tlist.push(text.substring(start))\n\tconst joinedText = list.map((item) => typeof item === 'string' ? item : item.props.href).join('')\n\tif (text === joinedText) {\n\t\treturn list\n\t}\n\tconsole.error('Failed to reassemble the chunked text: ' + text)\n\treturn text\n}\n","import { parseUrl } from './autolink.js'\n\nimport { visit } from 'unist-util-visit'\nimport { u } from 'unist-builder'\n\nexport const remarkPlaceholder = function() {\n\treturn function(ast) {\n\t\tvisit(ast, (node) => node.type === 'text', visitor)\n\n\t\t/**\n\t\t *\n\t\t * @param {object} node The node\n\t\t * @param {number} index The index of the node\n\t\t * @param {object} parent The parent node\n\t\t */\n\t\tfunction visitor(node, index, parent) {\n\t\t\tconst placeholders = node.value.split(/(\\{[a-z\\-_.0-9]+\\})/ig)\n\t\t\t\t.map((entry, index, list) => {\n\t\t\t\t\tconst matches = entry.match(/^\\{([a-z\\-_.0-9]+)\\}$/i)\n\t\t\t\t\tif (!matches) {\n\t\t\t\t\t\treturn u('text', entry)\n\t\t\t\t\t}\n\t\t\t\t\tconst [, component] = matches\n\t\t\t\t\treturn u('element', {\n\t\t\t\t\t\ttagName: `#${component}`,\n\t\t\t\t\t\tchildren: [],\n\t\t\t\t\t})\n\t\t\t\t})\n\n\t\t\tparent.children.splice(index, 1, ...placeholders)\n\t\t}\n\t}\n}\n\nexport const prepareTextNode = ({ h, context }, text) => {\n\tif (context.autolink) {\n\t\ttext = parseUrl(text)\n\t}\n\tif (Array.isArray(text)) {\n\t\treturn text.map((entry) => {\n\t\t\tif (typeof entry === 'string') {\n\t\t\t\treturn entry\n\t\t\t}\n\t\t\tconst { component, props } = entry\n\t\t\t// do not override class of NcLink\n\t\t\tconst componentClass = component.name === 'NcLink' ? undefined : 'rich-text--component'\n\t\t\treturn h(component, {\n\t\t\t\t...props,\n\t\t\t\tclass: componentClass,\n\t\t\t})\n\t\t})\n\t}\n\treturn text\n}\n","<!--\n  - @copyright Copyright (c) 2020 Julius Härtl <jus@bitgrid.net>\n  -\n  - @author Julius Härtl <jus@bitgrid.net>\n  - @author Guido Krömer <mail@cacodaemon.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<docs>\n### General description\n\nThis component displays rich text with optional autolink or [Markdown support](https://www.markdownguide.org/basic-syntax/).\n\n```vue\n<template>\n\t<div>\n\t\t<textarea v-model=\"text\" />\n\t\t<NcCheckboxRadioSwitch v-model=\"autolink\" type=\"checkbox\">Autolink</NcCheckboxRadioSwitch>\n\t\t<NcCheckboxRadioSwitch v-model=\"useMarkdown\" type=\"checkbox\">Use Markdown</NcCheckboxRadioSwitch>\n\n\t\t<NcRichText\n\t\t\t:class=\"{'plain-text': !useMarkdown }\"\n\t\t\t:text=\"text\" :autolink=\"autolink\" :arguments=\"args\"\n\t\t\t:use-markdown=\"useMarkdown\" />\n\t</div>\n</template>\n<script>\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\ttext: `## Hello everyone 🎉\nThe file {file} was added by {username}. Visit https://nextcloud.com to check it!\n\nSome examples for markdown syntax:\n1. **bold text**\n2. _italic text_\n3. example of \\`inline code\\`\n\n> blockquote example\n`,\n\t\t\tautolink: true,\n\t\t\tuseMarkdown: true,\n\t\t\targs: {\n\t\t\t\tfile: 'MyDocument.odt',\n\t\t\t\tusername: {\n\t\t\t\t\tcomponent: 'NcUserBubble',\n\t\t\t\t\tprops: {\n\t\t\t\t\t\tdisplayName: 'Jane Doe'\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t}\n\t},\n}\n</script>\n<style lang=\"scss\">\ntextarea {\n\twidth: 100%;\n\theight: 200px;\n}\n\n.plain-text {\n\twhite-space: pre-line;\n}\n</style>\n```\n\n### Flavored Markdown\n\nThis component can support [Github Flavored Markdown](https://github.github.com/gfm/).\nIt adds such elements, as tables, task lists, strikethrough, and supports autolinks by default\n\nIt is also possible to make a rendered content interactive and listen for events\n\n```vue\n<template>\n\t<div>\n\t\t<textarea v-model=\"text\" />\n\n\t\t<NcRichText :text=\"text\"\n\t\t\t:use-extended-markdown=\"true\"\n\t\t\t:interactive=\"true\"\n\t\t\t@interact:todo=\"handleInteraction\"/>\n\t</div>\n</template>\n<script>\n\texport default {\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\ttext: `## Try flavored markdown right now!\n\n~~strikethrough~~\n\n- [ ] task to be done\n- [x] task completed\n\nTable header | Column A | Column B\n-- | -- | --\nTable row | value A | value B\n`,\n\t\t\t}\n\t\t},\n\t\tmethods: {\n\t\t\thandleInteraction(event) {\n\t\t\t\tconst uncheckedItem = '- [ ] ' + event.label + '\\n'\n\t\t\t\tconst checkedItem = '- [x] ' + event.label + '\\n'\n\n\t\t\t\tthis.text = event.value\n\t\t\t\t\t? this.text.replace(uncheckedItem, checkedItem)\n\t\t\t\t\t: this.text.replace(checkedItem, uncheckedItem)\n\t\t\t},\n\t\t},\n\t}\n</script>\n<style lang=\"scss\">\ntextarea {\n\twidth: 100%;\n\theight: 200px;\n}\n</style>\n```\n\n### Usage with NcRichContenteditable\n\nSee [NcRichContenteditable](#/Components/NcRichContenteditable) documentation for more information\n\n```vue\n<template>\n\t<div>\n\t\t<NcRichContenteditable v-model=\"message\"\n\t\t\t:auto-complete=\"autoComplete\"\n\t\t\t:maxlength=\"100\"\n\t\t\t:user-data=\"userData\"\n\t\t\tplaceholder=\"Try mentioning user @Test01 or inserting emoji :smile\"\n\t\t\t@submit=\"onSubmit\" />\n\n\t\t<NcCheckboxRadioSwitch v-model=\"autolink\" type=\"checkbox\">Autolink</NcCheckboxRadioSwitch>\n\t\t<NcCheckboxRadioSwitch v-model=\"useMarkdown\" type=\"checkbox\">Use Markdown</NcCheckboxRadioSwitch>\n\n\t\t<NcRichText :text=\"text\"\n\t\t\t:autolink=\"autolink\"\n\t\t\t:arguments=\"userMentions\"\n\t\t\t:use-markdown=\"useMarkdown\" />\n\t</div>\n</template>\n<script>\n\texport default {\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tmessage: '',\n\t\t\t\tautolink: true,\n\t\t\t\tuseMarkdown: true,\n\t\t\t\tuserData: {\n\t\t\t\t\tTest01: {\n\t\t\t\t\t\ticon: 'icon-user',\n\t\t\t\t\t\tid: 'Test01',\n\t\t\t\t\t\ttitle: 'Test01',\n\t\t\t\t\t\tsource: 'users',\n\t\t\t\t\t\tprimary: true,\n\t\t\t\t\t},\n\t\t\t\t\tTest02: {\n\t\t\t\t\t\ticon: 'icon-user',\n\t\t\t\t\t\tid: 'Test02',\n\t\t\t\t\t\ttitle: 'Test02',\n\t\t\t\t\t\tsource: 'users',\n\t\t\t\t\t\tstatus: {\n\t\t\t\t\t\t\tclearAt: null,\n\t\t\t\t\t\t\ticon: '🎡',\n\t\t\t\t\t\t\tmessage: 'Visiting London',\n\t\t\t\t\t\t\tstatus: 'away',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tsubline: 'Visiting London',\n\t\t\t\t\t},\n\t\t\t\t\t'Test@User': {\n\t\t\t\t\t\ticon: 'icon-user',\n\t\t\t\t\t\tid: 'Test@User',\n\t\t\t\t\t\ttitle: 'Test 03',\n\t\t\t\t\t\tsource: 'users',\n\t\t\t\t\t\tstatus: {\n\t\t\t\t\t\t\tclearAt: null,\n\t\t\t\t\t\t\ticon: '🎡',\n\t\t\t\t\t\t\tmessage: 'Having space in my name',\n\t\t\t\t\t\t\tstatus: 'online',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tsubline: 'Visiting London',\n\t\t\t\t\t},\n\t\t\t\t\t'Test Offline': {\n\t\t\t\t\t\ticon: 'icon-user',\n\t\t\t\t\t\tid: 'Test Offline',\n\t\t\t\t\t\ttitle: 'Test Offline',\n\t\t\t\t\t\tsource: 'users',\n\t\t\t\t\t\tstatus: {\n\t\t\t\t\t\t\tclearAt: null,\n\t\t\t\t\t\t\ticon: null,\n\t\t\t\t\t\t\tmessage: null,\n\t\t\t\t\t\t\tstatus: 'offline',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tsubline: null,\n\t\t\t\t\t},\n\t\t\t\t\t'Test DND': {\n\t\t\t\t\t\ticon: 'icon-user',\n\t\t\t\t\t\tid: 'Test DND',\n\t\t\t\t\t\ttitle: 'Test DND',\n\t\t\t\t\t\tsource: 'users',\n\t\t\t\t\t\tstatus: {\n\t\t\t\t\t\t\tclearAt: null,\n\t\t\t\t\t\t\ticon: null,\n\t\t\t\t\t\t\tmessage: 'Out sick',\n\t\t\t\t\t\t\tstatus: 'dnd',\n\t\t\t\t\t\t},\n\t\t\t\t\t\tsubline: 'Out sick',\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tuserMentions: {\n\t\t\t\t\t'user-1': {\n\t\t\t\t\t\tcomponent: 'NcUserBubble',\n\t\t\t\t\t\tprops: {\n\t\t\t\t\t\t\tdisplayName: 'Test01',\n\t\t\t\t\t\t\tuser: 'Test01',\n\t\t\t\t\t\t\tprimary: true,\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t'user-2': {\n\t\t\t\t\t\tcomponent: 'NcUserBubble',\n\t\t\t\t\t\tprops: {\n\t\t\t\t\t\t\tdisplayName: 'Test02',\n\t\t\t\t\t\t\tuser: 'Test02',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t'user-3': {\n\t\t\t\t\t\tcomponent: 'NcUserBubble',\n\t\t\t\t\t\tprops: {\n\t\t\t\t\t\t\tdisplayName: 'Test 03',\n\t\t\t\t\t\t\tuser: 'Test@User',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t'user-4': {\n\t\t\t\t\t\tcomponent: 'NcUserBubble',\n\t\t\t\t\t\tprops: {\n\t\t\t\t\t\t\tdisplayName: 'Test Offline',\n\t\t\t\t\t\t\tuser: 'Test Offline',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\t'user-5': {\n\t\t\t\t\t\tcomponent: 'NcUserBubble',\n\t\t\t\t\t\tprops: {\n\t\t\t\t\t\t\tdisplayName: 'Test DND',\n\t\t\t\t\t\t\tuser: 'Test DND',\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t}\n\t\t},\n\t\tcomputed: {\n\t\t\ttext() {\n\t\t\t\treturn this.message\n\t\t\t\t\t\t.replace('@Test01', '{user-1}')\n\t\t\t\t\t\t.replace('@Test02', '{user-2}')\n\t\t\t\t\t\t.replace('@Test@User', '{user-3}')\n\t\t\t\t\t\t.replace('@\"Test Offline\"', '{user-4}')\n\t\t\t\t\t\t.replace('@\"Test DND\"', '{user-5}')\n\t\t\t},\n\t\t},\n\t\tmethods: {\n\t\t\tautoComplete(search, callback) {\n\t\t\t\tcallback(Object.values(this.userData))\n\t\t\t},\n\t\t\tonSubmit() {\n\t\t\t\talert(this.message)\n\t\t\t}\n\t\t}\n\t}\n</script>\n```\n</docs>\n\n<script>\nimport NcReferenceList from './NcReferenceList.vue'\nimport NcCheckboxRadioSwitch from '../NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue'\nimport { remarkAutolink } from './autolink.js'\nimport { remarkPlaceholder, prepareTextNode } from './placeholder.js'\nimport GenRandomId from '../../utils/GenRandomId.js'\n\nimport { unified } from 'unified'\nimport remarkParse from 'remark-parse'\nimport remarkGfm from 'remark-gfm'\nimport breaks from 'remark-breaks'\nimport remark2rehype from 'remark-rehype'\nimport rehype2react from 'rehype-react'\nimport rehypeExternalLinks from 'rehype-external-links'\nimport { Fragment, h, resolveComponent } from 'vue'\n\nexport default {\n\tname: 'NcRichText',\n\tcomponents: {\n\t\tNcReferenceList,\n\t},\n\tprops: {\n\t\ttext: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t\targuments: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => {\n\t\t\t\treturn {}\n\t\t\t},\n\t\t},\n\t\treferenceLimit: {\n\t\t\ttype: Number,\n\t\t\tdefault: 0,\n\t\t},\n\t\t/** Provide data upfront to avoid extra http request */\n\t\treferences: {\n\t\t\ttype: Object,\n\t\t\tdefault: null,\n\t\t},\n\t\tmarkdownCssClasses: {\n\t\t\ttype: Object,\n\t\t\tdefault: () => {\n\t\t\t\treturn {\n\t\t\t\t\ta: 'rich-text--external-link',\n\t\t\t\t\tol: 'rich-text--ordered-list',\n\t\t\t\t\tul: 'rich-text--un-ordered-list',\n\t\t\t\t\tli: 'rich-text--list-item',\n\t\t\t\t\tstrong: 'rich-text--strong',\n\t\t\t\t\tem: 'rich-text--italic',\n\t\t\t\t\th1: 'rich-text--heading rich-text--heading-1',\n\t\t\t\t\th2: 'rich-text--heading rich-text--heading-2',\n\t\t\t\t\th3: 'rich-text--heading rich-text--heading-3',\n\t\t\t\t\th4: 'rich-text--heading rich-text--heading-4',\n\t\t\t\t\th5: 'rich-text--heading rich-text--heading-5',\n\t\t\t\t\th6: 'rich-text--heading rich-text--heading-6',\n\t\t\t\t\thr: 'rich-text--hr',\n\t\t\t\t\ttable: 'rich-text--table',\n\t\t\t\t\tpre: 'rich-text--pre',\n\t\t\t\t\tcode: 'rich-text--code',\n\t\t\t\t\tblockquote: 'rich-text--blockquote',\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\t\tuseMarkdown: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\t/** Provide GitHub Flavored Markdown syntax */\n\t\tuseExtendedMarkdown: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\t/** Provide event from rendered markdown inputs */\n\t\tinteractive: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t},\n\t\tautolink: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true,\n\t\t},\n\t},\n\temits: ['interact:todo'],\n\tmethods: {\n\t\trenderPlaintext() {\n\t\t\tconst placeholders = this.text.split(/(\\{[a-z\\-_.0-9]+\\})/ig).map((entry) => {\n\t\t\t\tconst matches = entry.match(/^\\{([a-z\\-_.0-9]+)\\}$/i)\n\t\t\t\t// just return plain string nodes as text\n\t\t\t\tif (!matches) {\n\t\t\t\t\treturn prepareTextNode({ h, context: this }, entry)\n\t\t\t\t}\n\t\t\t\t// return component instance if argument is an object\n\t\t\t\tconst argumentId = matches[1]\n\t\t\t\tconst argument = this.arguments[argumentId]\n\t\t\t\tif (typeof argument === 'object') {\n\t\t\t\t\tconst { component, props } = argument\n\t\t\t\t\treturn h((typeof component === 'string') ? resolveComponent(component) : component, {\n\t\t\t\t\t\t...props,\n\t\t\t\t\t\tclass: 'rich-text--component',\n\t\t\t\t\t})\n\t\t\t\t}\n\t\t\t\tif (argument) {\n\t\t\t\t\treturn h('span', { class: 'rich-text--fallback' }, argument)\n\t\t\t\t}\n\t\t\t\treturn entry\n\t\t\t})\n\t\t\treturn h('div', { class: 'rich-text--wrapper' }, [\n\t\t\t\th('div', {}, placeholders.flat()),\n\t\t\t\tthis.referenceLimit > 0\n\t\t\t\t\t? h('div', { class: 'rich-text--reference-widget' }, [\n\t\t\t\t\t\th(NcReferenceList, { text: this.text, referenceData: this.references }),\n\t\t\t\t\t])\n\t\t\t\t\t: null,\n\t\t\t])\n\t\t},\n\t\trenderMarkdown() {\n\t\t\tconst renderedMarkdown = unified()\n\t\t\t\t.use(remarkParse)\n\t\t\t\t.use(remarkAutolink, {\n\t\t\t\t\tautolink: this.autolink,\n\t\t\t\t\tuseMarkdown: this.useMarkdown,\n\t\t\t\t\tuseExtendedMarkdown: this.useExtendedMarkdown,\n\t\t\t\t})\n\t\t\t\t.use(this.useExtendedMarkdown ? remarkGfm : undefined)\n\t\t\t\t.use(breaks)\n\t\t\t\t.use(remark2rehype, {\n\t\t\t\t\thandlers: {\n\t\t\t\t\t\tcomponent(toHast, node) {\n\t\t\t\t\t\t\treturn toHast(node, node.component, { value: node.value })\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t})\n\t\t\t\t// .use(rehypeAddClasses, this.markdownCssClasses)\n\t\t\t\t.use(remarkPlaceholder)\n\t\t\t\t.use(rehypeExternalLinks, {\n\t\t\t\t\ttarget: '_blank',\n\t\t\t\t\trel: ['noopener noreferrer'],\n\t\t\t\t})\n\t\t\t\t.use(rehype2react, {\n\t\t\t\t\tFragment,\n\t\t\t\t\tjsx: this.createElement,\n\t\t\t\t\tjsxs: this.createElement,\n\t\t\t\t\telementAttributeNameCase: 'html',\n\t\t\t\t})\n\t\t\t\t.processSync(this.text\n\t\t\t\t\t// escape special symbol \"<\" to not treat text as HTML\n\t\t\t\t\t.replace(/</gmi, '&lt;')\n\t\t\t\t\t// unescape special symbol \">\" to parse blockquotes\n\t\t\t\t\t.replace(/&gt;/gmi, '>'),\n\t\t\t\t)\n\t\t\t\t.result\n\n\t\t\treturn h('div', { class: 'rich-text--wrapper rich-text--wrapper-markdown' }, [\n\t\t\t\trenderedMarkdown,\n\t\t\t\tthis.referenceLimit > 0\n\t\t\t\t\t? h('div', { class: 'rich-text--reference-widget' }, [\n\t\t\t\t\t\th(NcReferenceList, { text: this.text, referenceData: this.references }),\n\t\t\t\t\t])\n\t\t\t\t\t: null,\n\t\t\t])\n\t\t},\n\t\tcreateElement(type, props, key) {\n\t\t\t// Modified code from vue/jsx-runtime\n\t\t\tif (key) {\n\t\t\t\tprops.key = key\n\t\t\t}\n\t\t\t// Children should be always an array\n\t\t\tlet children = props.children ?? []\n\t\t\tdelete props.children\n\n\t\t\t// unescape special symbol \"<\" for simple text nodes\n\t\t\tif (typeof children === 'string') {\n\t\t\t\tchildren = children.replace(/&lt;/gmi, '<')\n\t\t\t}\n\n\t\t\tif (!String(type).startsWith('#')) {\n\t\t\t\tif (this.useExtendedMarkdown) {\n\t\t\t\t\tif (String(type) === 'li' && Array.isArray(children)\n\t\t\t\t\t\t&& children[0].type === 'input'\n\t\t\t\t\t\t&& children[0].props.type === 'checkbox') {\n\t\t\t\t\t\tconst [inputNode, , label] = children\n\t\t\t\t\t\tconst id = 'markdown-input-' + GenRandomId(5)\n\t\t\t\t\t\tconst propsToForward = { ...inputNode.props }\n\t\t\t\t\t\t// The checked prop is name modelValue for NcCheckboxRadioSwitch\n\t\t\t\t\t\tdelete propsToForward.checked\n\t\t\t\t\t\tconst inputComponent = h(NcCheckboxRadioSwitch, {\n\t\t\t\t\t\t\t...propsToForward,\n\t\t\t\t\t\t\tmodelValue: inputNode.props.checked,\n\t\t\t\t\t\t\tid,\n\t\t\t\t\t\t\tdisabled: !this.interactive,\n\t\t\t\t\t\t\t'onUpdate:modelValue': (value) => {\n\t\t\t\t\t\t\t\tthis.$emit('interact:todo', { id, label, value })\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t}, [label])\n\t\t\t\t\t\treturn h(type, props, [inputComponent])\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn h(type, props, children)\n\t\t\t}\n\n\t\t\tconst placeholder = this.arguments[type.slice(1)]\n\t\t\tif (!placeholder) {\n\t\t\t\treturn h('span', { ...props, class: 'rich-text--fallback' }, [`{${type.slice(1)}}`])\n\t\t\t}\n\n\t\t\tif (!placeholder.component) {\n\t\t\t\treturn h('span', { ...props }, [placeholder])\n\t\t\t}\n\n\t\t\treturn h(\n\t\t\t\t(typeof placeholder.component === 'string') ? resolveComponent(placeholder.component) : placeholder.component,\n\t\t\t\t{\n\t\t\t\t\t...props,\n\t\t\t\t\t...placeholder.props,\n\t\t\t\t\tclass: 'rich-text--component',\n\t\t\t\t},\n\t\t\t\tchildren,\n\t\t\t)\n\t\t},\n\t},\n\trender() {\n\t\treturn this.useMarkdown || this.useExtendedMarkdown\n\t\t\t? this.renderMarkdown()\n\t\t\t: this.renderPlaintext()\n\t},\n}\n</script>\n<style lang=\"scss\" scoped>\n/* stylelint-disable-next-line scss/at-import-partial-extension */\n@import './richtext.scss';\n\na:not(.rich-text--component) {\n\ttext-decoration: underline;\n}\n</style>\n"],"names":["URL_PATTERN","URL_PATTERN_AUTOLINK","_sfc_main","NcReferenceWidget","_a","reference","response","error","match","axios","generateOcsUrl","$options","_createElementBlock","_normalizeClass","$data","_openBlock","_Fragment","_renderList","_createVNode","_component_NcReferenceWidget","_createCommentVNode","NcLink","h","remarkAutolink","autolink","useMarkdown","useExtendedMarkdown","tree","visit","node","index","parent","parsed","parseUrl","n","u","x","SKIP","text","list","start","href","textAfter","textBefore","lastChar","joinedText","item","remarkPlaceholder","ast","visitor","placeholders","entry","matches","component","prepareTextNode","context","props","componentClass","NcReferenceList","argumentId","argument","resolveComponent","renderedMarkdown","unified","remarkParse","remarkGfm","breaks","remark2rehype","toHast","rehypeExternalLinks","rehype2react","Fragment","type","key","children","inputNode","label","id","GenRandomId","propsToForward","inputComponent","NcCheckboxRadioSwitch","value","placeholder"],"mappings":"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"}

package/dist/chunks/NcSavingIndicatorIcon-IpOVvSwW.cjs

@@ -0,0 +1,71 @@
+"use strict";
+const e = require("vue"), r = require("./_plugin-vue_export-helper-xG2iG1wl.cjs"), i = e.defineComponent({
+  name: "NcSavingIndicatorIcon",
+  props: {
+    /**
+     * Specify the size of the saving icon.
+     */
+    size: {
+      type: Number,
+      default: 20
+    },
+    /**
+     * Specify what is saved.
+     */
+    name: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Set to true when saving is in progress.
+     */
+    saving: {
+      type: Boolean,
+      default: !1,
+      required: !1
+    },
+    /**
+     * Set to true if an error occured while saving.
+     */
+    error: {
+      type: Boolean,
+      default: !1,
+      required: !1
+    }
+  },
+  emits: ["click"],
+  computed: {
+    indicatorColor() {
+      return this.error ? "var(--color-error)" : this.saving ? "var(--color-primary-element)" : "none";
+    }
+  }
+}), l = ["aria-label"], a = ["fill", "width", "height"], s = ["fill"], c = {
+  fill: "currentColor",
+  d: "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"
+}, d = { key: 0 };
+function m(o, t, u, f, g, h) {
+  return e.openBlock(), e.createElementBlock("span", {
+    "aria-label": o.name,
+    class: "material-design-icon",
+    role: "img",
+    onClick: t[0] || (t[0] = (n) => o.$emit("click", n))
+  }, [
+    (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", {
+        fill: o.indicatorColor,
+        d: "m19 15a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4z"
+      }, null, 8, s),
+      e.createElementVNode("path", c, [
+        o.name ? (e.openBlock(), e.createElementBlock("title", d, e.toDisplayString(o.name), 1)) : e.createCommentVNode("", !0)
+      ])
+    ], 8, a))
+  ], 8, l);
+}
+const p = /* @__PURE__ */ r._export_sfc(i, [["render", m]]);
+exports.NcSavingIndicatorIcon = p;

package/dist/chunks/NcSavingIndicatorIcon-IpOVvSwW.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcSavingIndicatorIcon-IpOVvSwW.cjs","sources":["../../src/components/NcSavingIndicatorIcon/NcSavingIndicatorIcon.vue"],"sourcesContent":["<!--\n  - @copyright Copyright (c) 2022\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<template>\n<div>\n\t<div>\n\t\t<NcSavingIndicatorIcon :name=\"`${savingState === 'error' ? 'Error saving' : savingState} file`\"\n\t\t\t:error=\"savingState === 'error'\"\n\t\t\t:saving=\"savingState === 'saving'\" />\n\t</div>\n\t<br />\n\t<div style=\"display: flex; justify-content: space-around;\">\n\t\t<NcCheckboxRadioSwitch v-model=\"savingState\"\n\t\t\tvalue=\"saved\"\n\t\t\tname=\"saving_radio\"\n\t\t\ttype=\"radio\">\n\t\t\tSaved\n\t\t</NcCheckboxRadioSwitch>\n\t\t<NcCheckboxRadioSwitch v-model=\"savingState\"\n\t\t\tvalue=\"saving\"\n\t\t\tname=\"saving_radio\"\n\t\t\ttype=\"radio\">\n\t\t\tSaving\n\t\t</NcCheckboxRadioSwitch>\n\t\t<NcCheckboxRadioSwitch v-model=\"savingState\"\n\t\t\tvalue=\"error\"\n\t\t\tname=\"saving_radio\"\n\t\t\ttype=\"radio\">\n\t\t\tError\n\t\t</NcCheckboxRadioSwitch>\n\t</div>\n</div>\n</template>\n<script>\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\tsavingState: 'saved',\n\t\t}\n\t},\n}\n</script>\n\n```\n</docs>\n\n<template>\n\t<span :aria-label=\"name\"\n\t\tclass=\"material-design-icon\"\n\t\trole=\"img\"\n\t\t@click=\"$emit('click', $event)\">\n\t\t<svg :fill=\"fillColor\"\n\t\t\tclass=\"material-design-icon__svg\"\n\t\t\t:width=\"size\"\n\t\t\t:height=\"size\"\n\t\t\tviewBox=\"0 0 24 24\">\n\t\t\t<path :fill=\"indicatorColor\" d=\"m19 15a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4z\" />\n\t\t\t<path fill=\"currentColor\" d=\"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z\">\n\t\t\t\t<title v-if=\"name\">{{ name }}</title>\n\t\t\t</path>\n\t\t</svg>\n\t</span>\n</template>\n\n<script>\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n\tname: 'NcSavingIndicatorIcon',\n\tprops: {\n\t\t/**\n\t\t * Specify the size of the saving icon.\n\t\t */\n\t\tsize: {\n\t\t\ttype: Number,\n\t\t\tdefault: 20,\n\t\t},\n\t\t/**\n\t\t * Specify what is saved.\n\t\t */\n\t\tname: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t\t/**\n\t\t * Set to true when saving is in progress.\n\t\t */\n\t\tsaving: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t\trequired: false,\n\t\t},\n\t\t/**\n\t\t * Set to true if an error occured while saving.\n\t\t */\n\t\terror: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t\trequired: false,\n\t\t},\n\t},\n\temits: ['click'],\n\tcomputed: {\n\t\tindicatorColor() {\n\t\t\treturn this.error ? 'var(--color-error)' : (this.saving ? 'var(--color-primary-element)' : 'none')\n\t\t},\n\t},\n})\n</script>\n"],"names":["_sfc_main","defineComponent","_hoisted_1","_hoisted_2","_hoisted_3","_createElementBlock","_ctx","_cache","$event","_createElementVNode","_hoisted_4","_hoisted_5","_createCommentVNode"],"mappings":";mFAwFKA,IAAaC,EAAAA,gBAAa;AAAA,EAC9B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIN,MAAM;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACT;AAAA;AAAA;AAAA;AAAA,IAID,MAAM;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACT;AAAA;AAAA;AAAA;AAAA,IAID,QAAQ;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAU;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAID,OAAO;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAU;AAAA,IACV;AAAA,EACD;AAAA,EACD,OAAO,CAAC,OAAO;AAAA,EACf,UAAU;AAAA,IACT,iBAAiB;AAChB,aAAO,KAAK,QAAQ,uBAAwB,KAAK,SAAS,iCAAiC;AAAA,IAC3F;AAAA,EACD;AACF,CAAC,GAhIDC,IAAA,CAAA,YAAA,GAAAC,IAAA,CAAA,QAAA,SAAA,QAAA,GAAAC,IAAA,CAAA,MAAA;EA8ES,MAAK;AAAA,EAAe,GAAE;SA9E/B,KAAA,EAAA;;wBAoECC,EAcO,mBAAA,QAAA;AAAA,IAdA,cAAYC,EAAI;AAAA,IACtB,OAAM;AAAA,IACN,MAAK;AAAA,IACJ,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEF,EAAK,MAAA,SAAUE,CAAM;AAAA;oBAC7BH,EASM,mBAAA,OAAA;AAAA,MATA,MAAMC,EAAS;AAAA,MACpB,OAAM;AAAA,MACL,OAAOA,EAAI;AAAA,MACX,QAAQA,EAAI;AAAA,MACb,SAAQ;AAAA;MACRG,EAAAA,mBAAmG,QAAA;AAAA,QAA5F,MAAMH,EAAc;AAAA,QAAE,GAAE;AAAA,MA7ElC,GAAA,MAAA,GAAAF,CAAA;AAAA,MA8EGK,EAAA,mBAEO,QAFPC,GAEO;AAAA,QADOJ,EAAI,uBAAjBD,EAAqC,mBAAA,SA/EzCM,qBA+E0BL,EAAI,IAAA,GAAA,CAAA,KA/E9BM,EAAA,mBAAA,IAAA,EAAA;AAAA;IAAA,GAAA,GAAAT,CAAA;AAAA,EAAA,GAAA,GAAAD,CAAA;;;;"}

package/dist/chunks/NcSavingIndicatorIcon-QRgqeOd3.mjs

@@ -0,0 +1,74 @@
+import { defineComponent as a, openBlock as o, createElementBlock as i, createElementVNode as t, toDisplayString as l, createCommentVNode as s } from "vue";
+import { _ as c } from "./_plugin-vue_export-helper-hUChTQA_.mjs";
+const d = a({
+  name: "NcSavingIndicatorIcon",
+  props: {
+    /**
+     * Specify the size of the saving icon.
+     */
+    size: {
+      type: Number,
+      default: 20
+    },
+    /**
+     * Specify what is saved.
+     */
+    name: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Set to true when saving is in progress.
+     */
+    saving: {
+      type: Boolean,
+      default: !1,
+      required: !1
+    },
+    /**
+     * Set to true if an error occured while saving.
+     */
+    error: {
+      type: Boolean,
+      default: !1,
+      required: !1
+    }
+  },
+  emits: ["click"],
+  computed: {
+    indicatorColor() {
+      return this.error ? "var(--color-error)" : this.saving ? "var(--color-primary-element)" : "none";
+    }
+  }
+}), m = ["aria-label"], p = ["fill", "width", "height"], f = ["fill"], u = {
+  fill: "currentColor",
+  d: "M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z"
+}, h = { key: 0 };
+function g(e, r, _, v, y, C) {
+  return o(), i("span", {
+    "aria-label": e.name,
+    class: "material-design-icon",
+    role: "img",
+    onClick: r[0] || (r[0] = (n) => e.$emit("click", n))
+  }, [
+    (o(), i("svg", {
+      fill: e.fillColor,
+      class: "material-design-icon__svg",
+      width: e.size,
+      height: e.size,
+      viewBox: "0 0 24 24"
+    }, [
+      t("path", {
+        fill: e.indicatorColor,
+        d: "m19 15a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4z"
+      }, null, 8, f),
+      t("path", u, [
+        e.name ? (o(), i("title", h, l(e.name), 1)) : s("", !0)
+      ])
+    ], 8, p))
+  ], 8, m);
+}
+const N = /* @__PURE__ */ c(d, [["render", g]]);
+export {
+  N
+};

package/dist/chunks/NcSavingIndicatorIcon-QRgqeOd3.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"NcSavingIndicatorIcon-QRgqeOd3.mjs","sources":["../../src/components/NcSavingIndicatorIcon/NcSavingIndicatorIcon.vue"],"sourcesContent":["<!--\n  - @copyright Copyright (c) 2022\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<template>\n<div>\n\t<div>\n\t\t<NcSavingIndicatorIcon :name=\"`${savingState === 'error' ? 'Error saving' : savingState} file`\"\n\t\t\t:error=\"savingState === 'error'\"\n\t\t\t:saving=\"savingState === 'saving'\" />\n\t</div>\n\t<br />\n\t<div style=\"display: flex; justify-content: space-around;\">\n\t\t<NcCheckboxRadioSwitch v-model=\"savingState\"\n\t\t\tvalue=\"saved\"\n\t\t\tname=\"saving_radio\"\n\t\t\ttype=\"radio\">\n\t\t\tSaved\n\t\t</NcCheckboxRadioSwitch>\n\t\t<NcCheckboxRadioSwitch v-model=\"savingState\"\n\t\t\tvalue=\"saving\"\n\t\t\tname=\"saving_radio\"\n\t\t\ttype=\"radio\">\n\t\t\tSaving\n\t\t</NcCheckboxRadioSwitch>\n\t\t<NcCheckboxRadioSwitch v-model=\"savingState\"\n\t\t\tvalue=\"error\"\n\t\t\tname=\"saving_radio\"\n\t\t\ttype=\"radio\">\n\t\t\tError\n\t\t</NcCheckboxRadioSwitch>\n\t</div>\n</div>\n</template>\n<script>\nexport default {\n\tdata() {\n\t\treturn {\n\t\t\tsavingState: 'saved',\n\t\t}\n\t},\n}\n</script>\n\n```\n</docs>\n\n<template>\n\t<span :aria-label=\"name\"\n\t\tclass=\"material-design-icon\"\n\t\trole=\"img\"\n\t\t@click=\"$emit('click', $event)\">\n\t\t<svg :fill=\"fillColor\"\n\t\t\tclass=\"material-design-icon__svg\"\n\t\t\t:width=\"size\"\n\t\t\t:height=\"size\"\n\t\t\tviewBox=\"0 0 24 24\">\n\t\t\t<path :fill=\"indicatorColor\" d=\"m19 15a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4z\" />\n\t\t\t<path fill=\"currentColor\" d=\"M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z\">\n\t\t\t\t<title v-if=\"name\">{{ name }}</title>\n\t\t\t</path>\n\t\t</svg>\n\t</span>\n</template>\n\n<script>\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n\tname: 'NcSavingIndicatorIcon',\n\tprops: {\n\t\t/**\n\t\t * Specify the size of the saving icon.\n\t\t */\n\t\tsize: {\n\t\t\ttype: Number,\n\t\t\tdefault: 20,\n\t\t},\n\t\t/**\n\t\t * Specify what is saved.\n\t\t */\n\t\tname: {\n\t\t\ttype: String,\n\t\t\tdefault: '',\n\t\t},\n\t\t/**\n\t\t * Set to true when saving is in progress.\n\t\t */\n\t\tsaving: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t\trequired: false,\n\t\t},\n\t\t/**\n\t\t * Set to true if an error occured while saving.\n\t\t */\n\t\terror: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false,\n\t\t\trequired: false,\n\t\t},\n\t},\n\temits: ['click'],\n\tcomputed: {\n\t\tindicatorColor() {\n\t\t\treturn this.error ? 'var(--color-error)' : (this.saving ? 'var(--color-primary-element)' : 'none')\n\t\t},\n\t},\n})\n</script>\n"],"names":["_sfc_main","defineComponent","_hoisted_1","_hoisted_2","_hoisted_3","_createElementBlock","_ctx","_cache","$event","_createElementVNode","_hoisted_4","_hoisted_5","_createCommentVNode"],"mappings":";;AAwFA,MAAKA,IAAaC,EAAa;AAAA,EAC9B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIN,MAAM;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACT;AAAA;AAAA;AAAA;AAAA,IAID,MAAM;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACT;AAAA;AAAA;AAAA;AAAA,IAID,QAAQ;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAU;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAID,OAAO;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,MACT,UAAU;AAAA,IACV;AAAA,EACD;AAAA,EACD,OAAO,CAAC,OAAO;AAAA,EACf,UAAU;AAAA,IACT,iBAAiB;AAChB,aAAO,KAAK,QAAQ,uBAAwB,KAAK,SAAS,iCAAiC;AAAA,IAC3F;AAAA,EACD;AACF,CAAC,GAhIDC,IAAA,CAAA,YAAA,GAAAC,IAAA,CAAA,QAAA,SAAA,QAAA,GAAAC,IAAA,CAAA,MAAA;EA8ES,MAAK;AAAA,EAAe,GAAE;SA9E/B,KAAA,EAAA;;cAoECC,EAcO,QAAA;AAAA,IAdA,cAAYC,EAAI;AAAA,IACtB,OAAM;AAAA,IACN,MAAK;AAAA,IACJ,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEF,EAAK,MAAA,SAAUE,CAAM;AAAA;UAC7BH,EASM,OAAA;AAAA,MATA,MAAMC,EAAS;AAAA,MACpB,OAAM;AAAA,MACL,OAAOA,EAAI;AAAA,MACX,QAAQA,EAAI;AAAA,MACb,SAAQ;AAAA;MACRG,EAAmG,QAAA;AAAA,QAA5F,MAAMH,EAAc;AAAA,QAAE,GAAE;AAAA,MA7ElC,GAAA,MAAA,GAAAF,CAAA;AAAA,MA8EGK,EAEO,QAFPC,GAEO;AAAA,QADOJ,EAAI,aAAjBD,EAAqC,SA/EzCM,KA+E0BL,EAAI,IAAA,GAAA,CAAA,KA/E9BM,EAAA,IAAA,EAAA;AAAA;IAAA,GAAA,GAAAT,CAAA;AAAA,EAAA,GAAA,GAAAD,CAAA;;;"}