@ulu/frontend-vue 0.5.15 → 0.6.0

package/dist/components/utils/UluAction.vue.js

@@ -1,4 +1,4 @@
-import { computed as r, createBlock as i, openBlock as s, resolveDynamicComponent as l, normalizeProps as c, guardReactiveProps as f, withCtx as u, renderSlot as p } from "vue";
+import { computed as r, createBlock as i, openBlock as s, resolveDynamicComponent as l, normalizeProps as c, guardReactiveProps as f, withCtx as p, renderSlot as u } from "vue";
 import { RouterLink as d } from "vue-router";
 const h = {
   __name: "UluAction",
@@ -39,16 +39,20 @@ const h = {
      * Allows passing 'click' as a prop to signify this is an action (used in UluMenu data objects).
      * Note: The actual @click listener should be attached via fallthrough attrs, this is just for logic routing.
      */
-    click: Function
+    click: Function,
+    /**
+     * Button type (e.g. 'submit', 'reset', 'button'). Defaults to 'button' to prevent accidental form submissions.
+     */
+    type: String
   },
   setup(o) {
     const t = o, n = r(() => t.element ? t.element : t.to || t.path ? d : t.href ? "a" : "button"), a = r(() => {
       const e = {};
-      return t.to || t.path ? (e.to = t.to || t.path, t.activeClass && (e.activeClass = t.activeClass), t.exactActiveClass && (e.exactActiveClass = t.exactActiveClass)) : t.href ? (e.href = t.href, t.target && (e.target = t.target), t.download && (e.download = typeof t.download == "string" ? t.download : "")) : (!t.element || t.element === "button") && (e.type = "button"), e;
+      return t.to || t.path ? (e.to = t.to || t.path, t.activeClass && (e.activeClass = t.activeClass), t.exactActiveClass && (e.exactActiveClass = t.exactActiveClass)) : t.href ? (e.href = t.href, t.target && (e.target = t.target), t.download && (e.download = typeof t.download == "string" ? t.download : "")) : (!t.element || t.element === "button") && (e.type = t.type || "button"), e;
     });
     return (e, m) => (s(), i(l(n.value), c(f(a.value)), {
-      default: u(() => [
-        p(e.$slots, "default")
+      default: p(() => [
+        u(e.$slots, "default")
       ]),
       _: 3
     }, 16));

package/dist/components/visualizations/UluProgressBar.vue.d.ts

@@ -7,8 +7,8 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
     classes: Record<string, any>;
     danger: boolean;
     small: boolean;
-    labelHidden: boolean;
     warning: boolean;
+    labelHidden: boolean;
     amount: number;
     labelElement: string;
     total: number;
@@ -26,8 +26,8 @@ declare const __VLS_component: import('vue').DefineComponent<{}, {
         readonly classes?: Record<string, any> | undefined;
         readonly danger?: boolean | undefined;
         readonly small?: boolean | undefined;
-        readonly labelHidden?: boolean | undefined;
         readonly warning?: boolean | undefined;
+        readonly labelHidden?: boolean | undefined;
         readonly amount?: number | undefined;
         readonly labelElement?: string | undefined;
         readonly total?: number | undefined;

package/dist/index.js

@@ -53,108 +53,109 @@ import { default as Xe } from "./components/forms/UluFormActions.vue.js";
 import { default as Ze } from "./components/forms/UluFormCheckbox.vue.js";
 import { default as $e } from "./components/forms/UluFormFieldset.vue.js";
 import { default as oo } from "./components/forms/UluFormItem.vue.js";
-import { default as to } from "./components/forms/UluFormItemsInline.vue.js";
-import { default as lo } from "./components/forms/UluFormRadio.vue.js";
-import { default as fo } from "./components/forms/UluFormRequiredChar.vue.js";
-import { default as mo } from "./components/forms/UluFormTextarea.vue.js";
-import { default as xo } from "./components/layout/UluAdaptiveLayout.vue.js";
-import { default as io } from "./components/layout/UluDataGrid.vue.js";
-import { default as co } from "./components/layout/UluTitleRail.vue.js";
-import { default as Fo } from "./components/layout/UluWhenBreakpoint.vue.js";
-import { default as bo } from "./components/navigation/UluBreadcrumb.vue.js";
-import { default as Ao } from "./components/navigation/UluMenu.vue.js";
-import { default as ko } from "./components/navigation/UluMenuStack.vue.js";
-import { default as Lo } from "./components/navigation/UluNavStrip.vue.js";
-import { default as Io } from "./components/navigation/UluPager.vue.js";
-import { default as yo } from "./components/utils/UluAction.vue.js";
-import { default as Mo } from "./components/utils/UluConditionalText.vue.js";
-import { default as Bo } from "./components/utils/UluConditionalWrapper.vue.js";
-import { default as No } from "./components/utils/UluPlaceholderImage.vue.js";
-import { default as Go } from "./components/utils/UluPlaceholderText.vue.js";
-import { default as qo } from "./components/utils/UluRouteAnnouncer.vue.js";
-import { default as Oo } from "./components/utils/UluSanityRichText.vue.js";
-import { default as jo } from "./components/visualizations/UluAnimateNumber.vue.js";
-import { default as Jo } from "./components/visualizations/UluProgressBar.vue.js";
-import { default as Qo } from "./components/visualizations/UluProgressCircle.vue.js";
-import { default as Yo } from "./components/systems/facets/UluFacetsActiveFilters.vue.js";
-import { default as _o } from "./components/systems/facets/UluFacetsFilterLists.vue.js";
-import { default as er } from "./components/systems/facets/UluFacetsFilterAccordions.vue.js";
-import { default as rr } from "./components/systems/facets/UluFacetsFilterPopovers.vue.js";
-import { default as ar } from "./components/systems/facets/UluFacetsFilterSelects.vue.js";
-import { default as ur } from "./components/systems/facets/UluFacetsHeaderLayout.vue.js";
-import { default as sr } from "./components/systems/facets/UluFacetsResults.vue.js";
-import { default as pr } from "./components/systems/facets/UluFacetsSearch.vue.js";
-import { default as xr } from "./components/systems/facets/UluFacetsSidebarLayout.vue.js";
-import { default as ir } from "./components/systems/facets/UluFacetsSort.vue.js";
-import { default as cr } from "./components/systems/facets/UluFacetsList.vue.js";
-import { default as Fr } from "./components/systems/scroll-anchors/UluScrollAnchors.vue.js";
-import { default as br } from "./components/systems/scroll-anchors/UluScrollAnchorsNav.vue.js";
-import { default as Ar } from "./components/systems/scroll-anchors/UluScrollAnchorsNavAnimated.vue.js";
-import { default as kr } from "./components/systems/scroll-anchors/UluScrollAnchorsSection.vue.js";
-import { default as Lr } from "./components/systems/scroll-anchors/UluScrollAnchorsHeadlessSection.vue.js";
-import { default as Ir } from "./components/systems/skeleton/UluShowSkeleton.vue.js";
-import { default as yr } from "./components/systems/skeleton/UluSkeletonContent.vue.js";
-import { default as Mr } from "./components/systems/skeleton/UluSkeletonMedia.vue.js";
-import { default as Br } from "./components/systems/skeleton/UluSkeletonText.vue.js";
-import { default as Nr } from "./components/systems/table-sticky/UluTableSticky.vue.js";
-import { default as Gr } from "./components/systems/table-sticky/UluTableStickyRows.vue.js";
-import { default as qr } from "./components/systems/table-sticky/UluTableStickyTable.vue.js";
-import { useTooltip as Or } from "./plugins/popovers/useTooltip.js";
-import { default as jr } from "./components/elements/UluMain.vue.js";
-import { default as Jr } from "./components/navigation/UluSkipLink.vue.js";
-import { default as Qr } from "./components/utils/UluEmpty.vue.js";
-import { default as Yr } from "./components/utils/UluEmptyView.vue.js";
-import { useFacets as _r } from "./components/systems/facets/useFacets.js";
-import { useScrollAnchors as et } from "./components/systems/scroll-anchors/useScrollAnchors.js";
-import { useScrollAnchorSection as rt } from "./components/systems/scroll-anchors/useScrollAnchorSection.js";
-import { useScrollAnchorSections as at } from "./components/systems/scroll-anchors/useScrollAnchorSections.js";
-import { useIcon as ut } from "./composables/useIcon.js";
-import { useModifiers as st } from "./composables/useModifiers.js";
-import { useWindowResize as pt } from "./composables/useWindowResize.js";
-import { useRequiredInject as xt } from "./composables/useRequiredInject.js";
-import { useBreakpointManager as it } from "./composables/useBreakpointManager.js";
-import { usePagination as ct } from "./composables/usePagination.js";
-import { useDocumentTitle as Ft } from "./composables/useDocumentTitle.js";
-import { useUluFloating as bt } from "./composables/useUluFloating.js";
-import { useTableData as At } from "./composables/useTableData.js";
+import { default as to } from "./components/forms/UluFormLabel.vue.js";
+import { default as lo } from "./components/forms/UluFormItemsInline.vue.js";
+import { default as fo } from "./components/forms/UluFormRadio.vue.js";
+import { default as mo } from "./components/forms/UluFormRequiredChar.vue.js";
+import { default as xo } from "./components/forms/UluFormTextarea.vue.js";
+import { default as io } from "./components/layout/UluAdaptiveLayout.vue.js";
+import { default as co } from "./components/layout/UluDataGrid.vue.js";
+import { default as Fo } from "./components/layout/UluTitleRail.vue.js";
+import { default as bo } from "./components/layout/UluWhenBreakpoint.vue.js";
+import { default as Ao } from "./components/navigation/UluBreadcrumb.vue.js";
+import { default as ko } from "./components/navigation/UluMenu.vue.js";
+import { default as Lo } from "./components/navigation/UluMenuStack.vue.js";
+import { default as Io } from "./components/navigation/UluNavStrip.vue.js";
+import { default as yo } from "./components/navigation/UluPager.vue.js";
+import { default as Mo } from "./components/utils/UluAction.vue.js";
+import { default as Bo } from "./components/utils/UluConditionalText.vue.js";
+import { default as No } from "./components/utils/UluConditionalWrapper.vue.js";
+import { default as Go } from "./components/utils/UluPlaceholderImage.vue.js";
+import { default as qo } from "./components/utils/UluPlaceholderText.vue.js";
+import { default as Oo } from "./components/utils/UluRouteAnnouncer.vue.js";
+import { default as jo } from "./components/utils/UluSanityRichText.vue.js";
+import { default as Jo } from "./components/visualizations/UluAnimateNumber.vue.js";
+import { default as Qo } from "./components/visualizations/UluProgressBar.vue.js";
+import { default as Yo } from "./components/visualizations/UluProgressCircle.vue.js";
+import { default as _o } from "./components/systems/facets/UluFacetsActiveFilters.vue.js";
+import { default as er } from "./components/systems/facets/UluFacetsFilterLists.vue.js";
+import { default as rr } from "./components/systems/facets/UluFacetsFilterAccordions.vue.js";
+import { default as ar } from "./components/systems/facets/UluFacetsFilterPopovers.vue.js";
+import { default as ur } from "./components/systems/facets/UluFacetsFilterSelects.vue.js";
+import { default as sr } from "./components/systems/facets/UluFacetsHeaderLayout.vue.js";
+import { default as pr } from "./components/systems/facets/UluFacetsResults.vue.js";
+import { default as xr } from "./components/systems/facets/UluFacetsSearch.vue.js";
+import { default as ir } from "./components/systems/facets/UluFacetsSidebarLayout.vue.js";
+import { default as cr } from "./components/systems/facets/UluFacetsSort.vue.js";
+import { default as Fr } from "./components/systems/facets/UluFacetsList.vue.js";
+import { default as br } from "./components/systems/scroll-anchors/UluScrollAnchors.vue.js";
+import { default as Ar } from "./components/systems/scroll-anchors/UluScrollAnchorsNav.vue.js";
+import { default as kr } from "./components/systems/scroll-anchors/UluScrollAnchorsNavAnimated.vue.js";
+import { default as Lr } from "./components/systems/scroll-anchors/UluScrollAnchorsSection.vue.js";
+import { default as Ir } from "./components/systems/scroll-anchors/UluScrollAnchorsHeadlessSection.vue.js";
+import { default as yr } from "./components/systems/skeleton/UluShowSkeleton.vue.js";
+import { default as Mr } from "./components/systems/skeleton/UluSkeletonContent.vue.js";
+import { default as Br } from "./components/systems/skeleton/UluSkeletonMedia.vue.js";
+import { default as Nr } from "./components/systems/skeleton/UluSkeletonText.vue.js";
+import { default as Gr } from "./components/systems/table-sticky/UluTableSticky.vue.js";
+import { default as qr } from "./components/systems/table-sticky/UluTableStickyRows.vue.js";
+import { default as Or } from "./components/systems/table-sticky/UluTableStickyTable.vue.js";
+import { useTooltip as jr } from "./plugins/popovers/useTooltip.js";
+import { default as Jr } from "./components/elements/UluMain.vue.js";
+import { default as Qr } from "./components/navigation/UluSkipLink.vue.js";
+import { default as Yr } from "./components/utils/UluEmpty.vue.js";
+import { default as _r } from "./components/utils/UluEmptyView.vue.js";
+import { useFacets as et } from "./components/systems/facets/useFacets.js";
+import { useScrollAnchors as rt } from "./components/systems/scroll-anchors/useScrollAnchors.js";
+import { useScrollAnchorSection as at } from "./components/systems/scroll-anchors/useScrollAnchorSection.js";
+import { useScrollAnchorSections as ut } from "./components/systems/scroll-anchors/useScrollAnchorSections.js";
+import { useIcon as st } from "./composables/useIcon.js";
+import { useModifiers as pt } from "./composables/useModifiers.js";
+import { useWindowResize as xt } from "./composables/useWindowResize.js";
+import { useRequiredInject as it } from "./composables/useRequiredInject.js";
+import { useBreakpointManager as ct } from "./composables/useBreakpointManager.js";
+import { usePagination as Ft } from "./composables/usePagination.js";
+import { useDocumentTitle as bt } from "./composables/useDocumentTitle.js";
+import { useUluFloating as At } from "./composables/useUluFloating.js";
+import { useTableData as kt } from "./composables/useTableData.js";
 export {
   n as UluAccordion,
   S as UluAccordionGroup,
-  yo as UluAction,
-  xo as UluAdaptiveLayout,
+  Mo as UluAction,
+  io as UluAdaptiveLayout,
   E as UluAlert,
-  jo as UluAnimateNumber,
+  Jo as UluAnimateNumber,
   W as UluBadge,
   H as UluBadgeStack,
-  bo as UluBreadcrumb,
+  Ao as UluBreadcrumb,
   V as UluButton,
   z as UluButtonVerbose,
   K as UluCallout,
   X as UluCaptionedFigure,
   Z as UluCard,
   T as UluCollapsible,
-  Mo as UluConditionalText,
-  Bo as UluConditionalWrapper,
+  Bo as UluConditionalText,
+  No as UluConditionalWrapper,
   Se as UluCounterList,
-  io as UluDataGrid,
+  co as UluDataGrid,
   $ as UluDataTable,
   oe as UluDefinitionList,
   te as UluDefinitionListItem,
   g as UluDropdown,
-  Qr as UluEmpty,
-  Yr as UluEmptyView,
+  Yr as UluEmpty,
+  _r as UluEmptyView,
   le as UluExternalLink,
-  Yo as UluFacetsActiveFilters,
-  er as UluFacetsFilterAccordions,
-  _o as UluFacetsFilterLists,
-  rr as UluFacetsFilterPopovers,
-  ar as UluFacetsFilterSelects,
-  ur as UluFacetsHeaderLayout,
-  cr as UluFacetsList,
-  sr as UluFacetsResults,
-  pr as UluFacetsSearch,
-  xr as UluFacetsSidebarLayout,
-  ir as UluFacetsSort,
+  _o as UluFacetsActiveFilters,
+  rr as UluFacetsFilterAccordions,
+  er as UluFacetsFilterLists,
+  ar as UluFacetsFilterPopovers,
+  ur as UluFacetsFilterSelects,
+  sr as UluFacetsHeaderLayout,
+  Fr as UluFacetsList,
+  pr as UluFacetsResults,
+  xr as UluFacetsSearch,
+  ir as UluFacetsSidebarLayout,
+  cr as UluFacetsSort,
   De as UluFileDisplay,
   Ke as UluForm,
   Xe as UluFormActions,
@@ -162,46 +163,47 @@ export {
   $e as UluFormFieldset,
   Ee as UluFormFile,
   oo as UluFormItem,
-  to as UluFormItemsInline,
+  lo as UluFormItemsInline,
+  to as UluFormLabel,
   We as UluFormMessage,
-  lo as UluFormRadio,
-  fo as UluFormRequiredChar,
+  fo as UluFormRadio,
+  mo as UluFormRequiredChar,
   He as UluFormSelect,
   Ve as UluFormText,
-  mo as UluFormTextarea,
+  xo as UluFormTextarea,
   fe as UluIcon,
   me as UluImage,
   de as UluImageSource,
   Ue as UluList,
   ne as UluListItem,
-  jr as UluMain,
-  Ao as UluMenu,
-  ko as UluMenuStack,
+  Jr as UluMain,
+  ko as UluMenu,
+  Lo as UluMenuStack,
   h as UluModal,
-  Lo as UluNavStrip,
+  Io as UluNavStrip,
   P as UluOverflowPopover,
   Te as UluOverflowScroller,
-  Io as UluPager,
-  No as UluPlaceholderImage,
-  Go as UluPlaceholderText,
-  Jo as UluProgressBar,
-  Qo as UluProgressCircle,
-  qo as UluRouteAnnouncer,
+  yo as UluPager,
+  Go as UluPlaceholderImage,
+  qo as UluPlaceholderText,
+  Qo as UluProgressBar,
+  Yo as UluProgressCircle,
+  Oo as UluRouteAnnouncer,
   ge as UluRule,
-  Oo as UluSanityRichText,
-  Fr as UluScrollAnchors,
-  Lr as UluScrollAnchorsHeadlessSection,
-  br as UluScrollAnchorsNav,
-  Ar as UluScrollAnchorsNavAnimated,
-  kr as UluScrollAnchorsSection,
+  jo as UluSanityRichText,
+  br as UluScrollAnchors,
+  Ir as UluScrollAnchorsHeadlessSection,
+  Ar as UluScrollAnchorsNav,
+  kr as UluScrollAnchorsNavAnimated,
+  Lr as UluScrollAnchorsSection,
   he as UluScrollSlider,
   ze as UluSearchForm,
   we as UluSelectableMenu,
-  Ir as UluShowSkeleton,
-  yr as UluSkeletonContent,
-  Mr as UluSkeletonMedia,
-  Br as UluSkeletonText,
-  Jr as UluSkipLink,
+  yr as UluShowSkeleton,
+  Mr as UluSkeletonContent,
+  Br as UluSkeletonMedia,
+  Nr as UluSkeletonText,
+  Qr as UluSkipLink,
   Pe as UluSlider,
   Ce as UluSpokeSpinner,
   C as UluTab,
@@ -210,31 +212,31 @@ export {
   w as UluTabPanel,
   D as UluTabPanels,
   ve as UluTable,
-  Nr as UluTableSticky,
-  Gr as UluTableStickyRows,
-  qr as UluTableStickyTable,
+  Gr as UluTableSticky,
+  qr as UluTableStickyRows,
+  Or as UluTableStickyTable,
   Re as UluTag,
-  co as UluTitleRail,
-  Fo as UluWhenBreakpoint,
+  Fo as UluTitleRail,
+  bo as UluWhenBreakpoint,
   U as breakpointsPlugin,
   t as corePlugin,
   m as modalsPlugin,
   l as popoversPlugin,
   d as toastPlugin,
-  it as useBreakpointManager,
-  Ft as useDocumentTitle,
-  _r as useFacets,
-  ut as useIcon,
-  st as useModifiers,
-  ct as usePagination,
-  xt as useRequiredInject,
-  rt as useScrollAnchorSection,
-  at as useScrollAnchorSections,
-  et as useScrollAnchors,
-  At as useTableData,
-  Or as useTooltip,
+  ct as useBreakpointManager,
+  bt as useDocumentTitle,
+  et as useFacets,
+  st as useIcon,
+  pt as useModifiers,
+  Ft as usePagination,
+  it as useRequiredInject,
+  at as useScrollAnchorSection,
+  ut as useScrollAnchorSections,
+  rt as useScrollAnchors,
+  kt as useTableData,
+  jr as useTooltip,
   f as useTooltipFollow,
-  bt as useUluFloating,
-  pt as useWindowResize,
+  At as useUluFloating,
+  xt as useWindowResize,
   e as utils
 };

package/dist/plugins/core/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/plugins/core/index.js"],"names":[],"mappings":"AAmCA;;;;;;;;;;GAUG;AACH,qCAPW,MAAM,iBAEd;IAA+B,iBAAiB;IAClB,aAAa;IACX,gBAAgB;IAClB,WAAW;CAC3C,QA0DA;AAtED,gCAA0D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/plugins/core/index.js"],"names":[],"mappings":"AAoCA;;;;;;;;;;GAUG;AACH,qCAPW,MAAM,iBAEd;IAA+B,iBAAiB;IAClB,aAAa;IACX,gBAAgB;IAClB,WAAW;CAC3C,QA0DA;AAtED,gCAA0D"}

package/dist/plugins/core/index.js

@@ -2,7 +2,7 @@ import { reactive as c } from "vue";
 const o = {
   fontAwesomeStatic: !1,
   iconComponent: null,
-  iconPropResolver: (a) => ({ icon: a }),
+  iconPropResolver: (n) => ({ icon: n }),
   iconsByType: {
     danger: "fas fa-triangle-exclamation",
     warning: "fas fa-circle-exclamation",
@@ -22,12 +22,13 @@ const o = {
     file: "fas fa-file",
     previous: "fas fa-chevron-left",
     next: "fas fa-chevron-right",
-    dropdownExpand: "fas fa-caret-down"
+    dropdownExpand: "fas fa-caret-down",
+    search: "fas fa-search"
   }
 };
-function p(a, f = {}) {
-  const t = c({ ...o }), { iconsByType: i, ...r } = f || {};
-  r && Object.assign(t, r);
+function p(n, f = {}) {
+  const t = c({ ...o }), { iconsByType: r, ...i } = f || {};
+  i && Object.assign(t, i);
   const s = {
     // Methods to interact with settings
     getSettings() {
@@ -46,25 +47,25 @@ function p(a, f = {}) {
       }
       return t[e];
     },
-    updateSetting(e, n) {
+    updateSetting(e, a) {
       if (typeof e != "string")
         throw new Error("Expected key to be string");
-      t[e] = n;
+      t[e] = a;
     },
     getIcon(e) {
-      const n = t.iconsByType;
-      if (!n[e])
+      const a = t.iconsByType;
+      if (!a[e])
         throw new Error(`Icon type "${e}" not found!`);
-      return n[e];
+      return a[e];
     },
-    setIcon(e, n) {
-      t.iconsByType[e] = n;
+    setIcon(e, a) {
+      t.iconsByType[e] = a;
     }
   };
-  if (i)
-    for (const [e, n] of Object.entries(i))
-      s.setIcon(e, n);
-  a.provide("uluCore", s), a.config.globalProperties.$uluCore = s;
+  if (r)
+    for (const [e, a] of Object.entries(r))
+      s.setIcon(e, a);
+  n.provide("uluCore", s), n.config.globalProperties.$uluCore = s;
 }
 export {
   p as default

package/dist/utils/props.d.ts

@@ -4,4 +4,11 @@
  * @returns {Boolean} Whether all are objects within
  */
 export function isArrayOfObjects(array: any[]): boolean;
+/**
+ * Checks for deprecated props and calls a callback for each match
+ * @param {object} props - The current props object
+ * @param {string[]} deprecatedNames - Array of prop names to check
+ * @param {function} callback - Function called for each match, receiving the prop name
+ */
+export function checkDeprecatedProps(props: object, deprecatedNames: string[], callback: Function): 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"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../lib/utils/props.js"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,wDAEC;AAED;;;;;GAKG;AACH,4CAJW,MAAM,mBACN,MAAM,EAAE,4BASlB"}

package/dist/utils/props.js

@@ -1,6 +1,12 @@
-function t(e) {
+function f(e) {
   return e.every((r) => typeof r == "object");
 }
+function o(e, r, t) {
+  r.forEach((c) => {
+    e[c] !== void 0 && t(c);
+  });
+}
 export {
-  t as isArrayOfObjects
+  o as checkDeprecatedProps,
+  f as isArrayOfObjects
 };

package/lib/components/elements/UluButton.vue

@@ -4,6 +4,7 @@
     :href="href"
     :target="target"
     :download="download"
+    :type="type"
     class="button" 
     :class="[
       {
@@ -38,6 +39,7 @@
   import UluAction from "../utils/UluAction.vue";
   import UluIcon from "./UluIcon.vue";
   import { useModifiers } from "../../composables/useModifiers.js";
+  import { checkDeprecatedProps } from "../../utils/props.js";
 
   const props = defineProps({
     /**
@@ -70,9 +72,14 @@
      */
     download: [Boolean, String],
     /**
-     * For icon only buttons or buttons that need an explicit label
+     * **Deprecated!** Use `ariaLabel` instead. 
+     * @deprecated Use `ariaLabel` instead.
      */
     alt: String,
+    /**
+     * For icon only buttons or buttons that need an explicit aria-label
+     */
+    ariaLabel: String,
     /**
      * If not using slot this sets the buttons text via prop
      */
@@ -112,7 +119,15 @@
     /**
      * Modifiers (to add any modifier classes based on base class [ie. 'tertiary'])
      */
-    modifiers: [String, Array]
+    modifiers: [String, Array],
+    /**
+     * Button type (e.g. 'submit', 'reset', 'button').
+     */
+    type: String
+  });
+
+  checkDeprecatedProps(props, ["alt"], (name) => {
+    console.warn(`[@ulu/frontend-vue] UluButton: The "${ name }" prop is deprecated. Please use "ariaLabel" instead.`);
   });
 
   const { resolvedModifiers } = useModifiers({ 
@@ -131,7 +146,7 @@
   });
 
   const resolvedAriaLabel = computed(() => {
-    const label = props.alt || (props.iconOnly && props.text);
+    const label = props.ariaLabel || props.alt || (props.iconOnly && props.text);
     return label ? label : null;
   });
 </script>

package/lib/components/elements/UluIcon.vue

@@ -6,7 +6,7 @@
     :class="commonClasses"
   />
   <component
-    v-else-if="!useStaticFa && faIconComponent && resolvedDefinition"
+    v-else-if="!useStaticFa && faIconComponent"
     :is="faIconComponent"
     v-bind="iconProps"
     :class="commonClasses"
@@ -19,19 +19,19 @@
 </template>
 
 <script setup>
-  import { ref, defineAsyncComponent, markRaw, watchEffect, computed, inject } from "vue";
+  import { defineAsyncComponent, computed, inject } from "vue";
   import { useIcon } from "../../composables/useIcon.js";
 
   const uluCore = inject('uluCore');
-  const faIconComponent = ref(null);
   const { getIconProps, getClassesFromDefinition } = useIcon();
 
-  let FaModule;
+  const AsyncFontAwesomeIcon = defineAsyncComponent(() => 
+    import("@fortawesome/vue-fontawesome").then(m => m.FontAwesomeIcon)
+  );
 
   const props = defineProps({
     /**
      * Icon definition can be string (fa classes), or array or object (any prop format FaIcon accepts)
-     * - This will override the 'type' prop if both are provided
      */
     icon: [String, Array, Object, Boolean],
     /**
@@ -86,28 +86,10 @@
     'flow-inline': props.spaced
   }));
 
-  // Watch for changes to prop
-  // - Use watchEffect because we are watching reactive object property access (props)
-  // - Load FA if needed (so it's not included if it's unneeded)
-  // - Replace the empty component after load or if value changes
-  watchEffect(async () => {
-    // Only attempt to load the component if we are NOT using the static version
+  const faIconComponent = computed(() => {
     if (!useStaticFa.value && resolvedDefinition.value) {
-      if (faIconComponent.value === null) {
-        if (FaModule) {
-          faIconComponent.value = markRaw(FaModule.FontAwesomeIcon);
-        } else {
-          const componentPromise = defineAsyncComponent(async () => {
-            const module = await import("@fortawesome/vue-fontawesome");
-            FaModule = module;
-            return module.FontAwesomeIcon;
-          });
-          faIconComponent.value = markRaw(componentPromise);
-        }
-      }
-    } else {
-      // If using static FA or no definition, ensure component is null
-      faIconComponent.value = null;
+      return AsyncFontAwesomeIcon;
     }
+    return null;
   });
 </script>