@ulu/frontend-vue 0.3.2 → 0.4.0

package/dist/components/elements/UluList.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UluList.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/elements/UluList.vue"],"names":[],"mappings":"AA8BA;wBA2OqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAVjC;;;;;;;;;;;;;;;;;;;;;;;2OAOG"}
+{"version":3,"file":"UluList.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/elements/UluList.vue"],"names":[],"mappings":"AAiCA;wBAmPqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAVjC;;;;;;;;;;;;;;;;;;;;;;;2OAOG"}

package/dist/components/elements/UluList.vue.js

@@ -1,13 +1,14 @@
-import { computed as n, createBlock as m, createCommentVNode as u, openBlock as t, resolveDynamicComponent as y, normalizeStyle as B, normalizeClass as o, withCtx as f, createElementBlock as d, Fragment as v, renderList as S, renderSlot as g, createTextVNode as k, toDisplayString as C } from "vue";
+import { computed as n, createBlock as m, createCommentVNode as u, openBlock as l, resolveDynamicComponent as y, normalizeStyle as B, normalizeClass as o, withCtx as f, createElementBlock as d, Fragment as v, renderList as S, renderSlot as g, createTextVNode as k, toDisplayString as C } from "vue";
 const h = {
   __name: "UluList",
   props: {
     /**
      * Array of list items, output as is or use slot to template the item
+     * - Note item can add classes by defining { classes: { item } }
      */
     items: Array,
     /**
-     * Classes object (keys are list and listItem to be applied to <ul> and <li>)
+     * Classes object (keys are { list, item } to be applied to <ul> and <li>)
      * - Any valid class binding for each
      */
     classes: {
@@ -49,8 +50,8 @@ const h = {
     listStyleType: String
   },
   setup(e) {
-    const l = e, r = n(() => l.ordered || l.forceOrdered), c = n(() => r.value ? "ol" : "ul");
-    return (i, O) => e.items?.length ? (t(), m(y(c.value), {
+    const r = e, s = n(() => r.ordered || r.forceOrdered), c = n(() => s.value ? "ol" : "ul");
+    return (i, O) => e.items?.length ? (l(), m(y(c.value), {
       key: 0,
       class: o([
         {
@@ -64,19 +65,22 @@ const h = {
       style: B({
         listStyleType: e.listStyleType
       }),
-      reversed: r.value ? e.reversed : null,
+      reversed: s.value ? e.reversed : null,
       start: e.start
     }, {
       default: f(() => [
-        (t(!0), d(v, null, S(e.items, (s, a) => (t(), d("li", {
+        (l(!0), d(v, null, S(e.items, (t, a) => (l(), d("li", {
           key: a,
-          class: o(e.classes.listItem)
+          class: o([
+            e.classes.item,
+            t?.classes?.item
+          ])
         }, [
           g(i.$slots, "default", {
-            item: s,
+            item: t,
             index: a
           }, () => [
-            k(C(s), 1)
+            k(C(t), 1)
           ])
         ], 2))), 128))
       ]),

package/lib/components/elements/UluList.vue

@@ -20,7 +20,10 @@
     <li 
       v-for="(item, index) in items" 
       :key="index"
-      :class="classes.listItem"
+      :class="[
+        classes.item,
+        item?.classes?.item
+      ]"
     >
       <slot :item="item" :index="index">
         {{ item }}
@@ -35,10 +38,11 @@
   const props = defineProps({
     /**
      * Array of list items, output as is or use slot to template the item
+     * - Note item can add classes by defining { classes: { item } }
      */
     items: Array,
     /**
-     * Classes object (keys are list and listItem to be applied to <ul> and <li>)
+     * Classes object (keys are { list, item } to be applied to <ul> and <li>)
      * - Any valid class binding for each
      */
     classes: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ulu/frontend-vue",
-  "version": "0.3.2",
+  "version": "0.4.0",
   "description": "A modular, tree-shakeable Vue 3 component library for the Ulu Frontend theming system, plus general utilities for Vue development",
   "type": "module",
   "files": [
@@ -65,7 +65,7 @@
     "@fortawesome/vue-fontawesome": "^3.0.8",
     "@headlessui/vue": "^1.7.23",
     "@portabletext/vue": "^1.0.14",
-    "@ulu/frontend": "^0.3.0",
+    "@ulu/frontend": "^0.3.6",
     "@ulu/utils": "^0.0.34",
     "@unhead/vue": "^2.0.11",
     "fuse.js": "^6.6.2",
@@ -87,7 +87,7 @@
     "@storybook/addon-essentials": "^9.0.0-alpha.12",
     "@storybook/addon-links": "^9.1.1",
     "@storybook/vue3-vite": "^9.1.1",
-    "@ulu/frontend": "^0.3.3",
+    "@ulu/frontend": "^0.3.6",
     "@ulu/utils": "^0.0.34",
     "@unhead/vue": "^2.0.11",
     "@vitejs/plugin-vue": "^6.0.0",