@ulu/frontend-vue 0.5.1 → 0.5.3

package/dist/components/navigation/UluBreadcrumb.vue.js

@@ -1,4 +1,4 @@
-import { resolveComponent as d, createElementBlock as s, createCommentVNode as o, openBlock as a, normalizeClass as t, createElementVNode as b, Fragment as k, renderList as f, createBlock as y, renderSlot as c, withCtx as p, createTextVNode as u, toDisplayString as i, createVNode as g } from "vue";
+import { resolveComponent as d, createElementBlock as s, createCommentVNode as o, openBlock as t, normalizeClass as r, createElementVNode as b, Fragment as k, renderList as f, createBlock as y, renderSlot as c, withCtx as g, createTextVNode as u, toDisplayString as i, createVNode as p } from "vue";
 import h from "../elements/UluIcon.vue.js";
 const N = {
   __name: "UluBreadcrumb",
@@ -17,7 +17,7 @@ const N = {
     separatorIcon: String,
     /**
      * Classes object to be applied to elements.
-     * Keys: nav, list, item, link, icon
+     * Keys: nav, list, item, link, current, separator
      */
     classes: {
       type: Object,
@@ -31,45 +31,45 @@ const N = {
       })
     }
   },
-  setup(e) {
+  setup(a) {
     return (l, B) => {
       const m = d("router-link");
-      return e.items.length ? (a(), s("nav", {
+      return a.items.length ? (t(), s("nav", {
         key: 0,
-        class: t(e.classes.nav),
+        class: r(a.classes.nav),
         "aria-label": "Breadcrumb"
       }, [
         b("ol", {
-          class: t(e.classes.list)
+          class: r(a.classes.list)
         }, [
-          (a(!0), s(k, null, f(e.items, (r, n) => (a(), s("li", {
+          (t(!0), s(k, null, f(a.items, (e, n) => (t(), s("li", {
             key: n,
-            class: t(e.classes.item)
+            class: r([a.classes.item, e?.classes?.item])
           }, [
-            r.current ? (a(), s("span", {
+            e.current ? (t(), s("span", {
               key: 1,
-              class: t(r.current)
+              class: r([a.classes.current, e?.classes?.current])
             }, [
-              c(l.$slots, "default", { item: r }, () => [
-                u(i(r.title), 1)
+              c(l.$slots, "default", { item: e }, () => [
+                u(i(e.title), 1)
               ])
-            ], 2)) : (a(), y(m, {
+            ], 2)) : (t(), y(m, {
               key: 0,
-              to: r.to,
-              class: t(e.classes.link),
-              "aria-current": r.current ? "page" : null
+              to: e.to,
+              class: r([a.classes.link, e?.classes?.link]),
+              "aria-current": e.current ? "page" : null
             }, {
-              default: p(() => [
-                c(l.$slots, "default", { item: r }, () => [
-                  u(i(r.title), 1)
+              default: g(() => [
+                c(l.$slots, "default", { item: e }, () => [
+                  u(i(e.title), 1)
                 ])
               ]),
               _: 2
             }, 1032, ["to", "class", "aria-current"])),
-            n < e.items.length - 1 ? c(l.$slots, "separator", { key: 2 }, () => [
-              g(h, {
-                class: t(e.classes.separator),
-                icon: e.separatorIcon || "type:pathSeparator"
+            n < a.items.length - 1 ? c(l.$slots, "separator", { key: 2 }, () => [
+              p(h, {
+                class: r([a.classes.separator, e?.classes?.separator]),
+                icon: a.separatorIcon || "type:pathSeparator"
               }, null, 8, ["class", "icon"])
             ]) : o("", !0)
           ], 2))), 128))

package/dist/index.js

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

package/lib/components/collapsible/UluAccordion.vue

@@ -1,11 +1,12 @@
 <template>
   <UluCollapsible
-    :model-value="modelValue"
+    :id="id"
+    :model-value="resolvedModelValue"
     :start-open="startOpen"
     :trigger-text="triggerText"
     :classes="mergedClasses"
     :animate="animate"
-    @update:model-value="$emit('update:modelValue', $event)"
+    @update:model-value="handleUpdateModelValue"
   >
     <template #trigger="{ isOpen }">
       <slot name="trigger" :isOpen="isOpen">
@@ -30,10 +31,11 @@
 </template>
 
 <script setup>
-  import { computed } from 'vue';
+  import { computed, inject, onMounted } from 'vue';
   import UluIcon from "../elements/UluIcon.vue";
   import UluCollapsible from "./UluCollapsible.vue";
   import { useModifiers } from "../../composables/useModifiers.js";
+  import { newId } from "../../utils/dom.js";
 
   const props = defineProps({
     /**
@@ -97,4 +99,27 @@
     merged.container = [merged.container, resolvedModifiers.value];
     return merged;
   });
+
+  const accordionGroup = inject('uluAccordionGroup', null);
+  const id = newId('ulu-accordion');
+
+  onMounted(() => {
+    if (accordionGroup && props.startOpen) {
+      accordionGroup.toggle(id, true);
+    }
+  });
+
+  const resolvedModelValue = computed(() => {
+    if (accordionGroup) {
+      return accordionGroup.activeAccordionId.value === id;
+    }
+    return props.modelValue;
+  });
+
+  function handleUpdateModelValue(newValue) {
+    if (accordionGroup) {
+      accordionGroup.toggle(id, newValue);
+    }
+    emit('update:modelValue', newValue);
+  }
 </script>