@ulu/frontend-vue 0.6.21 → 0.6.23

package/dist/plugins/toast/UluToastDisplay.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UluToastDisplay.vue.d.ts","sourceRoot":"","sources":["../../../lib/plugins/toast/UluToastDisplay.vue"],"names":[],"mappings":"AAiBA;"}
+{"version":3,"file":"UluToastDisplay.vue.d.ts","sourceRoot":"","sources":["../../../lib/plugins/toast/UluToastDisplay.vue"],"names":[],"mappings":"AAkBA;"}

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

@@ -1,9 +1,9 @@
-import { computed as i, createBlock as r, openBlock as e, Teleport as p, unref as s, createVNode as u, TransitionGroup as m, normalizeClass as _, withCtx as d, createElementBlock as f, Fragment as k, renderList as T, resolveDynamicComponent as g } from "vue";
-import { store as v } from "./store.js";
+import { computed as l, createBlock as r, openBlock as e, Teleport as p, unref as s, createVNode as u, TransitionGroup as m, normalizeClass as _, withCtx as d, createElementBlock as f, Fragment as k, renderList as y, resolveDynamicComponent as T } from "vue";
+import { store as g } from "./store.js";
 const C = {
   __name: "UluToastDisplay",
-  setup(x) {
-    const { toasts: c, pluginOptions: o } = v, l = i(() => {
+  setup(v) {
+    const { toasts: c, pluginOptions: o } = g, i = l(() => {
       const { position: n } = o;
       return n.map((a) => `toast-container--${a}`);
     });
@@ -11,12 +11,13 @@ const C = {
       to: s(o).teleportTo
     }, [
       u(m, {
-        class: _(["toast-container", l.value]),
+        class: _(["toast-container", i.value]),
         name: "toast-animation",
-        tag: "div"
+        tag: "div",
+        type: "transition"
       }, {
         default: d(() => [
-          (e(!0), f(k, null, T(s(c), (t) => (e(), r(g(t.component), {
+          (e(!0), f(k, null, y(s(c), (t) => (e(), r(T(t.component), {
             key: t.uid,
             toast: t
           }, null, 8, ["toast"]))), 128))

package/lib/components/collapsible/UluAccordion.vue

@@ -4,7 +4,7 @@
     :model-value="resolvedModelValue"
     :start-open="startOpen"
     :trigger-text="triggerText"
-    :classes="mergedClasses"
+    :classes="resolvedClasses"
     :animate="animate"
     @update:model-value="handleUpdateModelValue"
   >
@@ -15,7 +15,7 @@
         </component>
       </slot>
       <slot name="icon" :isOpen="isOpen">
-        <span class="accordion__icon" :class="classes.icon">
+        <span :class="resolvedClasses.icon">
           <UluIcon 
             :icon="isOpen ? 'type:collapse' : 'type:expand'"
             style="display: inline;"
@@ -36,6 +36,15 @@
   import UluCollapsible from "./UluCollapsible.vue";
   import { useModifiers } from "../../composables/useModifiers.js";
   import { newId } from "../../utils/dom.js";
+  import { mergeClassLookups } from "../../utils/props.js";
+
+  const DEFAULT_CLASSES = {
+    container: 'accordion',
+    trigger: 'accordion__summary',
+    content: 'accordion__content',
+    containerOpen: 'is-active',
+    icon: 'accordion__icon'
+  };
 
   const props = defineProps({
     /**
@@ -76,13 +85,8 @@
      * - Any valid class binding value per element
      */
     classes: {
-      type: Object,
-      default: () => ({
-        container: 'accordion',
-        trigger: 'accordion__summary',
-        content: 'accordion__content',
-        containerOpen: 'is-active'
-      })
+      type: [Object, Boolean, Function],
+      default: () => ({})
     },
     /**
      * Class modifiers (ie. 'transparent', 'secondary', etc)
@@ -94,8 +98,8 @@
 
   const { resolvedModifiers } = useModifiers({ props, baseClass: "accordion" });
 
-  const mergedClasses = computed(() => {
-    const merged = { ...props.classes };
+  const resolvedClasses = computed(() => {
+    const merged = mergeClassLookups(DEFAULT_CLASSES, props.classes);
     merged.container = [merged.container, resolvedModifiers.value];
     return merged;
   });

package/lib/plugins/toast/UluToastDisplay.vue

@@ -5,6 +5,7 @@
       :class="classes"
       name="toast-animation" 
       tag="div"
+      type="transition"
     >
       <component
         v-for="toast in toasts"

package/lib/plugins/toast/_toast.scss

@@ -195,4 +195,9 @@ $config: (
     position: absolute;
     width: 100%;
   }
+  // Add this so transitioning toasts can never intercept clicks
+  .toast-animation-enter-active,
+  .toast-animation-leave-active {
+    pointer-events: none; 
+  }
 }

package/package.json

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