@robuust-digital/vue-components 2.6.8 → 2.7.1

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## 2.7.1 (21-05-2026)
+
+### Added
+
+* `Accordion`: Added per-item initial open state support with `open`, while keeping `defaultOpenIndex` as the fallback
+
+### Updated
+
+* `Build`: Upgrade TypeScript to 6.0.3 while preserving top-level declaration output
+
+## 2.7.0 (19-05-2026)
+
+### Added
+
+* `FileUpload`: Added a pure Vue file upload component with area and button variants, single and multiple file selection, drag/drop support, previews, existing file rendering, remove events, optional image thumbnails, slots, and CSS tokens
+
 ## 2.6.8 (18-05-2026)
 
 ### Added

package/dist/_shared/{RichTextEditor.vue_vue_type_script_setup_true_lang-Miebq2nL.js → RichTextEditor.vue_vue_type_script_setup_true_lang-t8nRuJ6k.js}

@@ -1,4 +1,4 @@
-import { openBlock as s, createElementBlock as r, createElementVNode as o, defineComponent as $, ref as h, useAttrs as B, computed as x, watch as y, Fragment as C, createVNode as v, withCtx as A, renderSlot as _, normalizeClass as M, unref as f, renderList as E, createBlock as S, resolveDynamicComponent as O, createCommentVNode as U } from "vue";
+import { openBlock as s, createElementBlock as r, createElementVNode as o, defineComponent as $, ref as p, useAttrs as B, computed as w, watch as y, Fragment as x, createVNode as v, withCtx as C, renderSlot as A, normalizeClass as _, unref as f, renderList as E, createBlock as S, resolveDynamicComponent as O, createCommentVNode as U } from "vue";
 import { useEditor as N, EditorContent as T } from "@tiptap/vue-3";
 import j from "@tiptap/starter-kit";
 import { _ as z } from "./Tooltip.vue_vue_type_script_setup_true_lang-B3MHy48T.js";
@@ -90,35 +90,35 @@ const G = { class: "rvc-rich-text-toolbar" }, J = ["disabled", "aria-label", "on
   },
   emits: ["update:modelValue", "tiptap:onCreate"],
   setup(n, { emit: c }) {
-    const a = n, b = c, g = h(!1), u = h(!1), d = h(""), m = B(), k = m.class ? `${m.class} ` : "", V = Object.fromEntries(
+    const a = n, h = c, b = p(!1), u = p(!1), d = p(""), m = B(), M = m.class ? `${m.class} ` : "", k = Object.fromEntries(
       Object.entries(m).filter(
         (l) => l[0] !== "class" && typeof l[1] == "string"
       )
-    ), Z = j.configure({
+    ), V = j.configure({
       link: {
         openOnClick: !1
       }
     }), e = N({
-      extensions: [Z, ...a.customExtensions],
+      extensions: [V, ...a.customExtensions],
       content: a.modelValue,
       editorProps: {
         attributes: {
-          ...V,
+          ...k,
           id: a.id,
-          class: `${k}rvc-textarea rvc-rich-text-textarea`
+          class: `${M}rvc-textarea rvc-rich-text-textarea`
         }
       },
       onCreate: ({ editor: l }) => {
-        b("tiptap:onCreate", l);
+        h("tiptap:onCreate", l);
       },
       onUpdate: ({ editor: l }) => {
         const i = l.isEmpty ? "" : l.getHTML();
-        b("update:modelValue", i);
+        h("update:modelValue", i);
       },
       onSelectionUpdate({ editor: l }) {
-        g.value = !l.view.state.selection.empty;
+        b.value = !l.view.state.selection.empty;
       }
-    }), H = x(() => [
+    }), Z = w(() => [
       {
         name: "bold",
         icon: q,
@@ -156,19 +156,19 @@ const G = { class: "rvc-rich-text-toolbar" }, J = ["disabled", "aria-label", "on
         icon: K,
         title: "Hyperlink",
         isVisible: a.config === "default",
-        disabled: !g.value && !(e.value?.isActive("link") ?? !1),
+        disabled: !b.value && !(e.value?.isActive("link") ?? !1),
         isActive: () => e.value?.isActive("link") ?? !1,
         action: () => {
           d.value = e.value?.getAttributes("link").href || "", u.value = !0;
         }
       }
-    ]), w = x(() => {
-      const l = H.value.filter((t) => a.config === "default" || ["bold", "italic"].includes(t.name)), i = a.customCommands.map((t) => {
-        let p = !1;
-        return typeof t.disabled == "function" ? p = e.value ? t.disabled(e.value) : !1 : p = t.disabled ?? !1, {
+    ]), g = w(() => {
+      const l = Z.value.filter((t) => a.config === "default" || ["bold", "italic"].includes(t.name)), i = a.customCommands.map((t) => {
+        const L = typeof t.disabled == "function" ? e.value ? t.disabled(e.value) : !1 : t.disabled ?? !1;
+        return {
           ...t,
           isVisible: t.isVisible ?? !0,
-          disabled: p,
+          disabled: L,
           isActive: () => t.isActive && e.value ? t.isActive(e.value) : !1,
           action: () => e.value && t.action(e.value)
         };
@@ -179,19 +179,19 @@ const G = { class: "rvc-rich-text-toolbar" }, J = ["disabled", "aria-label", "on
       if (!e.value) return;
       e.value.getHTML() === l || e.value.commands.setContent(l, { emitUpdate: !1 });
     });
-    const L = () => {
+    const H = () => {
       e.value && (e.value.commands.setLink({ href: d.value }), u.value = !1, d.value = "");
     };
-    return (l, i) => (s(), r(C, null, [
+    return (l, i) => (s(), r(x, null, [
       v(I, {
         id: `${a.id}-modal-add-hyperlink`,
         title: "Add Hyperlink",
         as: "form",
         show: u.value,
         "onModal:close": i[1] || (i[1] = (t) => u.value = !1),
-        "onModal:save": L
+        "onModal:save": H
       }, {
-        default: A(() => [
+        default: C(() => [
           v(D, {
             modelValue: d.value,
             "onUpdate:modelValue": i[0] || (i[0] = (t) => d.value = t),
@@ -202,17 +202,17 @@ const G = { class: "rvc-rich-text-toolbar" }, J = ["disabled", "aria-label", "on
         ]),
         _: 1
       }, 8, ["id", "show"]),
-      _(l.$slots, "default"),
+      A(l.$slots, "default"),
       o("div", {
-        class: M(["rvc-rich-text", n.rootClass, { "rvc-rich-text-disabled": n.disabled }])
+        class: _(["rvc-rich-text", n.rootClass, { "rvc-rich-text-disabled": n.disabled }])
       }, [
-        f(e) ? _(l.$slots, "toolbar", {
+        f(e) ? A(l.$slots, "toolbar", {
           key: 0,
-          commands: w.value,
+          commands: g.value,
           tiptap: f(e)
         }, () => [
           o("ul", G, [
-            (s(!0), r(C, null, E(w.value.filter((t) => t.isVisible), (t) => (s(), r("li", {
+            (s(!0), r(x, null, E(g.value.filter((t) => t.isVisible), (t) => (s(), r("li", {
               key: `toolbar-item-command-${t.name}`
             }, [
               v(z, {
@@ -221,12 +221,12 @@ const G = { class: "rvc-rich-text-toolbar" }, J = ["disabled", "aria-label", "on
                 size: "sm",
                 class: "rvc-rich-text-tooltip"
               }, {
-                default: A(() => [
+                default: C(() => [
                   o("button", {
                     disabled: t.disabled,
                     type: "button",
                     "aria-label": t.title,
-                    class: M([{ "rvc-rich-text-button-active": t.isActive() }, "rvc-rich-text-button"]),
+                    class: _([{ "rvc-rich-text-button-active": t.isActive() }, "rvc-rich-text-button"]),
                     onClick: t.action
                   }, [
                     (s(), S(O(t.icon)))