@ulu/frontend-vue 0.5.7 → 0.5.9

package/dist/components/elements/UluCard.vue.d.ts

@@ -22,7 +22,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     titleTo?: string | Record<string, any> | undefined;
     titleHref?: string | undefined;
     titleTarget?: string | undefined;
-    image?: string | Record<string, any> | undefined;
+    image?: Record<string, any> | undefined;
     imageSrc?: string | undefined;
     imageAlt?: string | undefined;
     $props: {
@@ -43,7 +43,7 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         readonly titleTo?: string | Record<string, any> | undefined;
         readonly titleHref?: string | undefined;
         readonly titleTarget?: string | undefined;
-        readonly image?: string | Record<string, any> | undefined;
+        readonly image?: Record<string, any> | undefined;
         readonly imageSrc?: string | undefined;
         readonly imageAlt?: string | undefined;
     };

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

@@ -1 +1 @@
-{"version":3,"file":"UluCard.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/elements/UluCard.vue"],"names":[],"mappings":"AA+EA;wBAitBqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAbjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAUG"}
+{"version":3,"file":"UluCard.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/elements/UluCard.vue"],"names":[],"mappings":"AA+EA;wBA+rBqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAbjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAUG"}

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

@@ -1,16 +1,15 @@
-import { useSlots as R, computed as r, ref as f, createBlock as k, openBlock as a, resolveDynamicComponent as z, normalizeStyle as V, normalizeClass as h, unref as n, withCtx as S, createElementVNode as $, createElementBlock as m, createCommentVNode as g, renderSlot as i, createTextVNode as C, toDisplayString as x, createVNode as I, normalizeProps as q, guardReactiveProps as L } from "vue";
+import { useSlots as V, computed as o, ref as f, createBlock as k, openBlock as a, resolveDynamicComponent as P, normalizeStyle as p, normalizeClass as h, unref as n, withCtx as S, createElementVNode as $, createElementBlock as m, createCommentVNode as y, renderSlot as i, createTextVNode as C, toDisplayString as x, createVNode as A, normalizeProps as I, guardReactiveProps as q } from "vue";
 import { RouterLink as B } from "vue-router";
-import { useModifiers as F } from "../../composables/useModifiers.js";
-import { refToElement as G } from "../../utils/dom.js";
-import { warnDeprecatedProp as O } from "../../utils/props.js";
-import J from "./UluImage.vue.js";
-const K = { class: "card__body" }, Q = { class: "card__main" }, W = ["href", "target"], X = {
+import { useModifiers as L } from "../../composables/useModifiers.js";
+import { refToElement as F } from "../../utils/dom.js";
+import G from "./UluImage.vue.js";
+const J = { class: "card__body" }, K = { class: "card__main" }, Q = ["href", "target"], W = {
   key: 0,
   class: "card__aside"
-}, Y = {
+}, X = {
   key: 1,
   class: "card__footer"
-}, oe = {
+}, le = {
   __name: "UluCard",
   props: {
     /**
@@ -84,17 +83,17 @@ const K = { class: "card__body" }, Q = { class: "card__main" }, W = ["href", "ta
       default: () => ({})
     },
     /**
-     * Unified image prop configuration passed to UluImage. Can be a string (src) or an object matching UluImage props.
+     * Advanced configuration for the underlying `<UluImage>` component.
+     * Accepts a full configuration object (e.g., for lazy loading, srcset, etc.).
      */
-    image: [String, Object],
+    image: Object,
     /**
-     * This is deprecated and will be removed in future version use "image" prop or image slot
-     * @deprecated Use `image` instead.
+     * Convenience prop for quickly setting the image source. 
+     * For advanced image configurations, use the `image` prop or `#image` slot instead.
      */
     imageSrc: String,
     /**
-     * This is deprecated and will be removed in future version use "image" prop or image slot
-     * @deprecated Use `image` (as an object with `alt`) instead.
+     * The alt text for the image when using the `imageSrc` convenience prop.
      */
     imageAlt: String,
     /**
@@ -120,37 +119,37 @@ const K = { class: "card__body" }, Q = { class: "card__main" }, W = ["href", "ta
     modifiers: [Array, String]
   },
   emits: ["proxy-click"],
-  setup(t, { emit: p }) {
-    const e = t, H = p, s = R();
-    e.proxyClick && (e.to || e.href) && console.warn("UluCard: 'proxyClick' is ignored when 'to' or 'href' are present."), (e.titleTo || e.titleHref) && (e.to || e.href) && console.warn("UluCard: 'titleTo'/'titleHref' should not be used with 'to'/'href'."), O("UluCard", e, "imageSrc", "image"), O("UluCard", e, "imageAlt", "image");
-    const b = r(() => e.image ? typeof e.image == "string" ? { src: e.image } : e.image : e.imageSrc ? {
+  setup(t, { emit: O }) {
+    const e = t, H = O, s = V();
+    e.proxyClick && (e.to || e.href) && console.warn("UluCard: 'proxyClick' is ignored when 'to' or 'href' are present."), (e.titleTo || e.titleHref) && (e.to || e.href) && console.warn("UluCard: 'titleTo'/'titleHref' should not be used with 'to'/'href'.");
+    const b = o(() => e.image ? e.image : e.imageSrc ? {
       src: e.imageSrc,
       alt: e.imageAlt || ""
-    } : null), T = f(null), y = f(null), { resolvedModifiers: M } = F({ props: e, baseClass: "card" }), w = f(null), c = f(!1), u = r(() => e.proxyClick && !e.to && !e.href), E = r(() => u.value && (e.titleTo || e.titleHref)), U = r(() => u.value && !E.value), v = r(() => u.value || null), P = r(() => ({
+    } : null), T = f(null), v = f(null), { resolvedModifiers: M } = L({ props: e, baseClass: "card" }), E = f(null), c = f(!1), u = o(() => e.proxyClick && !e.to && !e.href), w = o(() => u.value && (e.titleTo || e.titleHref)), j = o(() => u.value && !w.value), g = o(() => u.value || null), z = o(() => ({
       selectorPrevent: "input, select, textarea, button, a, [tabindex='-1']",
       mousedownDurationPrevent: 250,
       ...e.proxyClickOptions
-    })), j = r(() => u.value ? "pointer" : null), D = r(() => e.to ? B : e.href ? "a" : e.cardElement);
-    function A({ target: l, timeStamp: d }) {
-      if (!v.value) return;
-      const { selectorPrevent: o } = P.value;
-      c.value = !1, l.closest(o) || (c.value = !0, w.value = d);
+    })), D = o(() => u.value ? "pointer" : null), N = o(() => e.to ? B : e.href ? "a" : e.cardElement);
+    function R({ target: l, timeStamp: d }) {
+      if (!g.value) return;
+      const { selectorPrevent: r } = z.value;
+      c.value = !1, l.closest(r) || (c.value = !0, E.value = d);
     }
-    function N({ timeStamp: l }) {
-      if (!v.value || !c.value) return;
-      const { mousedownDurationPrevent: d } = P.value;
-      if (l - w.value < d) {
-        if (E.value) {
-          const o = G(y.value);
-          o ? o.click() : console.warn("Unable to resolve title link ref");
-        } else if (U.value) {
-          const o = T.value?.querySelector("[data-ulu-card-proxy-target]");
-          o ? o.click() : H("proxy-click");
+    function U({ timeStamp: l }) {
+      if (!g.value || !c.value) return;
+      const { mousedownDurationPrevent: d } = z.value;
+      if (l - E.value < d) {
+        if (w.value) {
+          const r = F(v.value);
+          r ? r.click() : console.warn("Unable to resolve title link ref");
+        } else if (j.value) {
+          const r = T.value?.querySelector("[data-ulu-card-proxy-target]");
+          r ? r.click() : H("proxy-click");
         }
       }
       c.value = !1;
     }
-    return (l, d) => (a(), k(z(D.value), {
+    return (l, d) => (a(), k(P(N.value), {
       ref_key: "cardRoot",
       ref: T,
       class: h(["card", [
@@ -161,18 +160,18 @@ const K = { class: "card__body" }, Q = { class: "card__main" }, W = ["href", "ta
         },
         n(M)
       ]]),
-      onMousedown: A,
-      onMouseup: N,
-      style: V({ cursor: j.value }),
+      onMousedown: R,
+      onMouseup: U,
+      style: p({ cursor: D.value }),
       target: t.target,
       to: t.to,
       href: t.href,
-      "data-ulu-proxy-click-init": v.value
+      "data-ulu-proxy-click-init": g.value
     }, {
       default: S(() => [
-        $("div", K, [
-          $("div", Q, [
-            t.title || n(s).title ? (a(), k(z(t.titleElement), {
+        $("div", J, [
+          $("div", K, [
+            t.title || n(s).title ? (a(), k(P(t.titleElement), {
               key: 0,
               class: h(["card__title", t.classes.title])
             }, {
@@ -182,7 +181,7 @@ const K = { class: "card__body" }, Q = { class: "card__main" }, W = ["href", "ta
                   class: "card__title-link",
                   to: t.titleTo,
                   ref_key: "link",
-                  ref: y
+                  ref: v
                 }, {
                   default: S(() => [
                     i(l.$slots, "title", {}, () => [
@@ -196,22 +195,22 @@ const K = { class: "card__body" }, Q = { class: "card__main" }, W = ["href", "ta
                   href: t.titleHref,
                   target: t.titleTarget,
                   ref_key: "link",
-                  ref: y
+                  ref: v
                 }, [
                   i(l.$slots, "title", {}, () => [
                     C(x(t.title), 1)
                   ])
-                ], 8, W)) : i(l.$slots, "title", { key: 2 }, () => [
+                ], 8, Q)) : i(l.$slots, "title", { key: 2 }, () => [
                   C(x(t.title), 1)
                 ])
               ]),
               _: 3
-            }, 8, ["class"])) : g("", !0),
+            }, 8, ["class"])) : y("", !0),
             i(l.$slots, "body")
           ]),
-          n(s).aside ? (a(), m("div", X, [
+          n(s).aside ? (a(), m("div", W, [
             i(l.$slots, "aside")
-          ])) : g("", !0)
+          ])) : y("", !0)
         ]),
         n(s).image || b.value ? (a(), m("div", {
           key: 0,
@@ -221,17 +220,17 @@ const K = { class: "card__body" }, Q = { class: "card__main" }, W = ["href", "ta
           ]])
         }, [
           i(l.$slots, "image", {}, () => [
-            I(J, q(L(b.value)), null, 16)
+            A(G, I(q(b.value)), null, 16)
           ])
-        ], 2)) : g("", !0),
-        n(s).footer ? (a(), m("div", Y, [
+        ], 2)) : y("", !0),
+        n(s).footer ? (a(), m("div", X, [
           i(l.$slots, "footer")
-        ])) : g("", !0)
+        ])) : y("", !0)
       ]),
       _: 3
     }, 40, ["class", "style", "target", "to", "href", "data-ulu-proxy-click-init"]));
   }
 };
 export {
-  oe as default
+  le as default
 };

package/dist/utils/props.d.ts

@@ -4,12 +4,4 @@
  * @returns {Boolean} Whether all are objects within
  */
 export function isArrayOfObjects(array: any[]): boolean;
-/**
- * Logs a deprecation warning for a component prop in non-production environments.
- * @param {String} componentName The name of the component using the deprecated prop.
- * @param {Object} props The component's props object.
- * @param {String} oldProp The name of the deprecated prop.
- * @param {String} newProp The name of the new prop to use instead.
- */
-export function warnDeprecatedProp(componentName: string, props: Object, oldProp: string, newProp: string): void;
 //# sourceMappingURL=props.d.ts.map

package/dist/utils/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../lib/utils/props.js"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wDAEC;AAED;;;;;;GAMG;AACH,iEAJW,MAAM,0CAQhB"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../lib/utils/props.js"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wDAEC"}

package/dist/utils/props.js

@@ -1,10 +1,6 @@
 function t(e) {
-  return e.every((n) => typeof n == "object");
-}
-function i(e, n, r, o) {
-  n[r] !== void 0 && typeof process < "u" && process.env.NODE_ENV !== "production" && console.warn(`[${e}]: Prop '${r}' is deprecated and will be removed in future, Use '${o}' instead`);
+  return e.every((r) => typeof r == "object");
 }
 export {
-  t as isArrayOfObjects,
-  i as warnDeprecatedProp
+  t as isArrayOfObjects
 };

package/dist/vite.d.ts

@@ -1,5 +1,6 @@
 export namespace uluTransformAssetUrls {
     let UluImage: string[];
     let UluImageSource: string[];
+    let UluCard: string[];
 }
 //# sourceMappingURL=vite.d.ts.map

package/dist/vite.js

@@ -1,7 +1,8 @@
-const s = {
+const r = {
   UluImage: ["src"],
-  UluImageSource: ["srcset"]
+  UluImageSource: ["srcset"],
+  UluCard: ["imageSrc"]
 };
 export {
-  s as uluTransformAssetUrls
+  r as uluTransformAssetUrls
 };

package/lib/components/elements/UluCard.vue

@@ -83,7 +83,6 @@
   import { RouterLink } from "vue-router";
   import { useModifiers } from "../../composables/useModifiers.js";
   import { refToElement } from '../../utils/dom.js';
-  import { warnDeprecatedProp } from '../../utils/props.js';
   import UluImage from './UluImage.vue';
 
   const props = defineProps({
@@ -158,17 +157,17 @@
       default: () => ({})
     },
     /**
-     * Unified image prop configuration passed to UluImage. Can be a string (src) or an object matching UluImage props.
+     * Advanced configuration for the underlying `<UluImage>` component.
+     * Accepts a full configuration object (e.g., for lazy loading, srcset, etc.).
      */
-    image: [String, Object],
+    image: Object,
     /**
-     * This is deprecated and will be removed in future version use "image" prop or image slot
-     * @deprecated Use `image` instead.
+     * Convenience prop for quickly setting the image source. 
+     * For advanced image configurations, use the `image` prop or `#image` slot instead.
      */
     imageSrc: String,
     /**
-     * This is deprecated and will be removed in future version use "image" prop or image slot
-     * @deprecated Use `image` (as an object with `alt`) instead.
+     * The alt text for the image when using the `imageSrc` convenience prop.
      */
     imageAlt: String,
     /**
@@ -205,16 +204,8 @@
     console.warn("UluCard: 'titleTo'/'titleHref' should not be used with 'to'/'href'.");
   }
 
-  // Deprecation Warnings
-  // - Note these should be removed in the next minor or maybe major release
-  warnDeprecatedProp('UluCard', props, 'imageSrc', 'image');
-  warnDeprecatedProp('UluCard', props, 'imageAlt', 'image');
-
   const resolvedImage = computed(() => {
     if (props.image) {
-      if (typeof props.image === 'string') {
-        return { src: props.image };
-      }
       return props.image;
     } else if (props.imageSrc) {
       return {

package/lib/utils/props.js

@@ -5,17 +5,4 @@
  */
 export function isArrayOfObjects(array) {
   return array.every(item => typeof item === "object");
-}
-
-/**
- * Logs a deprecation warning for a component prop in non-production environments.
- * @param {String} componentName The name of the component using the deprecated prop.
- * @param {Object} props The component's props object.
- * @param {String} oldProp The name of the deprecated prop.
- * @param {String} newProp The name of the new prop to use instead.
- */
-export function warnDeprecatedProp(componentName, props, oldProp, newProp) {
-  if (props[oldProp] !== undefined && typeof process !== "undefined" && process.env.NODE_ENV !== "production") {
-    console.warn(`[${ componentName }]: Prop '${ oldProp }' is deprecated and will be removed in future, Use '${ newProp }' instead`);
-  }
 }

package/lib/vite.js

@@ -21,5 +21,6 @@
 
 export const uluTransformAssetUrls = {
   UluImage: ['src'],
-  UluImageSource: ['srcset']
+  UluImageSource: ['srcset'],
+  UluCard: ['imageSrc']
 };

package/package.json

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