@ulu/frontend-vue 0.6.18 → 0.6.19

package/dist/plugins/toast/UluToast.vue.js

@@ -1,4 +1,4 @@
-import { computed as f, createElementBlock as a, openBlock as s, normalizeClass as e, createCommentVNode as n, createElementVNode as r, renderSlot as m, createBlock as B, toDisplayString as d, Fragment as g, renderList as S, createVNode as h, nextTick as E } from "vue";
+import { computed as f, createElementBlock as a, openBlock as o, normalizeClass as e, createCommentVNode as n, createElementVNode as r, renderSlot as m, createBlock as B, toDisplayString as d, Fragment as g, renderList as S, createVNode as h, nextTick as E } from "vue";
 import v from "../../components/elements/UluIcon.vue.js";
 import { mergeClassLookups as L } from "../../utils/props.js";
 const $ = ["onClick"], T = {
@@ -23,16 +23,16 @@ const $ = ["onClick"], T = {
       actions: "type-small-x",
       action: "button button--small button--outline",
       closeButton: "button button--icon button--transparent"
-    }, i = t, o = f(() => L(
+    }, u = t, s = f(() => L(
       k,
-      i.classes,
-      i.toast?.classes
+      u.classes,
+      u.toast?.classes
     )), y = (l, c) => {
-      i.toast.close(), E(() => {
-        c(l, i.toast, c);
+      u.toast.close(), E(() => {
+        c(l, u.toast, c);
       });
     };
-    return (l, c) => (s(), a("div", {
+    return (l, c) => (o(), a("div", {
       class: e(["toast", [
         {
           "toast--persistent": !t.toast.duration
@@ -40,52 +40,52 @@ const $ = ["onClick"], T = {
         t.toast?.class
       ]])
     }, [
-      t.toast.icon || l.$slots.icon ? (s(), a("div", {
+      t.toast.icon || l.$slots.icon ? (o(), a("div", {
         key: 0,
-        class: e(["toast__icon", o.value.icon])
+        class: e(["toast__icon", s.value.icon])
       }, [
         m(l.$slots, "icon", { toast: t.toast }, () => [
-          t.toast.icon ? (s(), B(v, {
+          t.toast.icon ? (o(), B(v, {
             key: 0,
             icon: t.toast.icon
           }, null, 8, ["icon"])) : n("", !0)
         ])
       ], 2)) : n("", !0),
       r("div", {
-        class: e(["toast__content", o.value.content])
+        class: e(["toast__content", s.value.content])
       }, [
         m(l.$slots, "content", { toast: t.toast }, () => [
-          t.toast.title ? (s(), a("div", {
+          t.toast.title ? (o(), a("div", {
             key: 0,
-            class: e(["toast__header", o.value.header])
+            class: e(["toast__header", s.value.header])
           }, [
             r("strong", {
-              class: e(["toast__title", o.value.title])
+              class: e(["toast__title", s.value.title])
             }, d(t.toast.title), 3),
-            t.toast.date ? (s(), a("span", {
+            t.toast.date ? (o(), a("span", {
               key: 0,
-              class: e(["toast__date", o.value.date])
+              class: e(["toast__date", s.value.date])
             }, d(t.toast.date), 3)) : n("", !0)
           ], 2)) : n("", !0),
-          t.toast.description ? (s(), a("div", {
+          t.toast.description ? (o(), a("div", {
             key: 1,
-            class: e(["toast__body", o.value.body])
+            class: e(["toast__body", s.value.body])
           }, d(t.toast.description), 3)) : n("", !0)
         ])
       ], 2),
-      t.toast.actions?.length ? (s(), a("div", {
+      t.toast.actions?.length ? (o(), a("div", {
         key: 1,
-        class: e(["toast__actions", o.value.actions])
+        class: e(["toast__actions", s.value.actions])
       }, [
-        (s(!0), a(g, null, S(t.toast.actions, (u, b) => (s(), a("button", {
+        (o(!0), a(g, null, S(t.toast.actions, (i, b) => (o(), a("button", {
           key: b,
-          class: e(["toast__action", o.value.action]),
-          onClick: (C) => y(C, u)
-        }, d(u.label), 11, $))), 128))
+          class: e(["toast__action", [s.value.action, i.class]]),
+          onClick: (C) => y(C, i)
+        }, d(i.label), 11, $))), 128))
       ], 2)) : n("", !0),
       r("button", {
-        class: e(["toast__close", o.value.closeButton]),
-        onClick: c[0] || (c[0] = (...u) => t.toast.close && t.toast.close(...u))
+        class: e(["toast__close", s.value.closeButton]),
+        onClick: c[0] || (c[0] = (...i) => t.toast.close && t.toast.close(...i))
       }, [
         h(v, { icon: "type:close" })
       ], 2)

package/lib/plugins/toast/UluToast.vue

@@ -36,7 +36,7 @@
         v-for="(action, index) in toast.actions"
         :key="index"
         class="toast__action" 
-        :class="resolvedClasses.action"
+        :class="[resolvedClasses.action, action.class]"
         @click="handleAction($event, action)"
       >
         {{ action.label }}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ulu/frontend-vue",
-  "version": "0.6.18",
+  "version": "0.6.19",
   "description": "A modular, tree-shakeable Vue 3 component library for the Ulu Frontend theming system, plus general utilities for Vue development",
   "type": "module",
   "files": [