@ulu/frontend-vue 0.1.3-beta.9 → 0.2.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/dist/frontend-vue.css +1 -1
  2. package/dist/frontend-vue.js +10057 -3612
  3. package/dist/types/components/collapsible/UluAccordionGroup.vue.d.ts +20 -0
  4. package/dist/types/components/collapsible/UluAccordionGroup.vue.d.ts.map +1 -1
  5. package/dist/types/components/elements/UluCard.vue.d.ts.map +1 -1
  6. package/dist/types/components/layout/UluDataGrid.vue.d.ts +16 -1
  7. package/dist/types/components/layout/UluDataGrid.vue.d.ts.map +1 -1
  8. package/dist/types/components/layout/UluWhenBreakpoint.vue.d.ts.map +1 -1
  9. package/dist/types/components/systems/index.d.ts +4 -0
  10. package/dist/types/components/systems/scroll-anchors/UluScrollAnchors.vue.d.ts +20 -58
  11. package/dist/types/components/systems/scroll-anchors/UluScrollAnchors.vue.d.ts.map +1 -1
  12. package/dist/types/components/systems/scroll-anchors/UluScrollAnchorsHeadlessSection.vue.d.ts +27 -0
  13. package/dist/types/components/systems/scroll-anchors/UluScrollAnchorsHeadlessSection.vue.d.ts.map +1 -0
  14. package/dist/types/components/systems/scroll-anchors/UluScrollAnchorsNav.vue.d.ts +17 -13
  15. package/dist/types/components/systems/scroll-anchors/UluScrollAnchorsNav.vue.d.ts.map +1 -1
  16. package/dist/types/components/systems/scroll-anchors/UluScrollAnchorsNavAnimated.vue.d.ts +27 -30
  17. package/dist/types/components/systems/scroll-anchors/UluScrollAnchorsNavAnimated.vue.d.ts.map +1 -1
  18. package/dist/types/components/systems/scroll-anchors/UluScrollAnchorsSection.vue.d.ts +27 -45
  19. package/dist/types/components/systems/scroll-anchors/UluScrollAnchorsSection.vue.d.ts.map +1 -1
  20. package/dist/types/components/systems/scroll-anchors/useScrollAnchorSection.d.ts +9 -0
  21. package/dist/types/components/systems/scroll-anchors/useScrollAnchorSection.d.ts.map +1 -0
  22. package/dist/types/components/systems/scroll-anchors/useScrollAnchorSections.d.ts +8 -0
  23. package/dist/types/components/systems/scroll-anchors/useScrollAnchorSections.d.ts.map +1 -0
  24. package/dist/types/components/systems/scroll-anchors/useScrollAnchors.d.ts +14 -0
  25. package/dist/types/components/systems/scroll-anchors/useScrollAnchors.d.ts.map +1 -0
  26. package/dist/types/composables/useBreakpointManager.d.ts +2 -2
  27. package/dist/types/composables/useBreakpointManager.d.ts.map +1 -1
  28. package/lib/components/_index.scss +1 -0
  29. package/lib/components/collapsible/UluAccordionGroup.vue +39 -5
  30. package/lib/components/collapsible/UluModal.vue +2 -2
  31. package/lib/components/elements/UluCard.vue +7 -1
  32. package/lib/components/layout/UluDataGrid.vue +55 -15
  33. package/lib/components/layout/UluWhenBreakpoint.vue +11 -4
  34. package/lib/components/navigation/UluSkipLink.vue +1 -1
  35. package/lib/components/systems/index.js +4 -0
  36. package/lib/components/systems/scroll-anchors/UluScrollAnchors.vue +46 -145
  37. package/lib/components/systems/scroll-anchors/UluScrollAnchorsHeadlessSection.vue +50 -0
  38. package/lib/components/systems/scroll-anchors/UluScrollAnchorsNav.vue +18 -16
  39. package/lib/components/systems/scroll-anchors/UluScrollAnchorsNavAnimated.vue +100 -89
  40. package/lib/components/systems/scroll-anchors/UluScrollAnchorsSection.vue +65 -51
  41. package/lib/components/systems/scroll-anchors/_scroll-anchors-nav-animated.scss +67 -0
  42. package/lib/components/systems/scroll-anchors/useScrollAnchorSection.js +60 -0
  43. package/lib/components/systems/scroll-anchors/useScrollAnchorSections.js +15 -0
  44. package/lib/components/systems/scroll-anchors/useScrollAnchors.js +158 -0
  45. package/lib/composables/useBreakpointManager.js +2 -2
  46. package/package.json +5 -5
  47. package/dist/types/components/systems/scroll-anchors/symbols.d.ts +0 -7
  48. package/dist/types/components/systems/scroll-anchors/symbols.d.ts.map +0 -1
  49. package/lib/components/systems/scroll-anchors/symbols.js +0 -6
@@ -5,15 +5,35 @@ type __VLS_WithSlots<T, S> = T & (new () => {
5
5
  });
6
6
  declare const __VLS_component: import("vue").DefineComponent<{}, {
7
7
  $props: Partial<typeof props>;
8
+ animate: boolean | Record<string, any>;
9
+ triggerTextElement: string;
8
10
  items: unknown[];
11
+ modifiers?: string | unknown[] | undefined;
9
12
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
10
13
  type __VLS_Slots = {
14
+ trigger?: ((props: {
15
+ item: never;
16
+ index: number;
17
+ isOpen: boolean | undefined;
18
+ }) => any) | undefined;
19
+ } & {
20
+ icon?: ((props: {
21
+ item: never;
22
+ index: number;
23
+ isOpen: boolean | undefined;
24
+ }) => any) | undefined;
25
+ } & {
11
26
  item?: ((props: {
12
27
  item: never;
13
28
  index: number;
29
+ isOpen: true;
30
+ toggle: typeof toggle;
14
31
  }) => any) | undefined;
15
32
  };
16
33
  declare const props: {
34
+ readonly animate: boolean | Record<string, any>;
35
+ readonly triggerTextElement: string;
17
36
  readonly items: unknown[];
37
+ readonly modifiers?: string | unknown[] | undefined;
18
38
  };
19
39
  //# sourceMappingURL=UluAccordionGroup.vue.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"UluAccordionGroup.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/collapsible/UluAccordionGroup.vue"],"names":[],"mappings":"wBAwKqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AARzB;YAGmB,OAAO,CAAC,OAAO,KAAK,CAAC;;2OAErC;;;;;;;AA5GH;;EASG"}
1
+ {"version":3,"file":"UluAccordionGroup.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/collapsible/UluAccordionGroup.vue"],"names":[],"mappings":"wBAsQqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AARzB;YAGmB,OAAO,CAAC,OAAO,KAAK,CAAC;;;;;2OAErC;;;;;;;;;;;;;;;;;;;;;AAzKH;;;;;EA8BG"}
@@ -1 +1 @@
1
- {"version":3,"file":"UluCard.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/elements/UluCard.vue"],"names":[],"mappings":"wBAmqBqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,IAAI;YADV,OAAO,CAAC,OAAO,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;2OAGrC;;;;;;;;;;;;;;;;AAtTD,mEAA0C;AAtG1C;;;;;;;;;;;;;;;;;;;;EAoGG"}
1
+ {"version":3,"file":"UluCard.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/elements/UluCard.vue"],"names":[],"mappings":"wBA+qBqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,IAAI;YADV,OAAO,CAAC,OAAO,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;2OAGrC;;;;;;;;;;;;;;;;AA3TD,mEAA0C;AAtG1C;;;;;;;;;;;;;;;;;;;;EAoGG"}
@@ -1,3 +1,18 @@
1
- declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
1
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
2
2
  export default _default;
3
+ type __VLS_WithSlots<T, S> = T & (new () => {
4
+ $slots: S;
5
+ });
6
+ declare const __VLS_component: import("vue").DefineComponent<{}, {
7
+ $props: Partial<typeof props>;
8
+ element: string;
9
+ hidden: boolean;
10
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
11
+ type __VLS_Slots = {
12
+ default?: ((props: {}) => any) | undefined;
13
+ };
14
+ declare const props: {
15
+ readonly element: string;
16
+ readonly hidden: boolean;
17
+ };
3
18
  //# sourceMappingURL=UluDataGrid.vue.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"UluDataGrid.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/layout/UluDataGrid.vue"],"names":[],"mappings":""}
1
+ {"version":3,"file":"UluDataGrid.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/layout/UluDataGrid.vue"],"names":[],"mappings":"wBA+LqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AARzB;YAGmB,OAAO,CAAC,OAAO,KAAK,CAAC;;;2OAErC;;;;AAxGD;;;EAaG"}
@@ -1 +1 @@
1
- {"version":3,"file":"UluWhenBreakpoint.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/layout/UluWhenBreakpoint.vue"],"names":[],"mappings":"wBAwNqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AARzB;YAGmB,OAAO,CAAC,OAAO,KAAK,CAAC;;;;2OAErC;;;;AAzHD;;;;EAaG"}
1
+ {"version":3,"file":"UluWhenBreakpoint.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/layout/UluWhenBreakpoint.vue"],"names":[],"mappings":"wBAsOqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AARzB;YAGmB,OAAO,CAAC,OAAO,KAAK,CAAC;;;;2OAErC;;;;AAhID;;;;EAaG"}
@@ -10,10 +10,14 @@ export { default as UluFacetsSearch } from "./facets/UluFacetsSearch.vue";
10
10
  export { default as UluFacetsSidebarLayout } from "./facets/UluFacetsSidebarLayout.vue";
11
11
  export { default as UluFacetsSort } from "./facets/UluFacetsSort.vue";
12
12
  export { default as UluFacetsList } from "./facets/UluFacetsList.vue";
13
+ export { useScrollAnchors } from "./scroll-anchors/useScrollAnchors.js";
14
+ export { useScrollAnchorSection } from "./scroll-anchors/useScrollAnchorSection.js";
15
+ export { useScrollAnchorSections } from "./scroll-anchors/useScrollAnchorSections.js";
13
16
  export { default as UluScrollAnchors } from "./scroll-anchors/UluScrollAnchors.vue";
14
17
  export { default as UluScrollAnchorsNav } from "./scroll-anchors/UluScrollAnchorsNav.vue";
15
18
  export { default as UluScrollAnchorsNavAnimated } from "./scroll-anchors/UluScrollAnchorsNavAnimated.vue";
16
19
  export { default as UluScrollAnchorsSection } from "./scroll-anchors/UluScrollAnchorsSection.vue";
20
+ export { default as UluScrollAnchorsHeadlessSection } from "./scroll-anchors/UluScrollAnchorsHeadlessSection.vue";
17
21
  export { default as UluShowSkeleton } from "./skeleton/UluShowSkeleton.vue";
18
22
  export { default as UluSkeletonContent } from "./skeleton/UluSkeletonContent.vue";
19
23
  export { default as UluSkeletonMedia } from "./skeleton/UluSkeletonMedia.vue";
@@ -1,60 +1,22 @@
1
- declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
2
- firstItemActive: BooleanConstructor;
3
- /**
4
- * Observe
5
- */
6
- observerOptions: {
7
- type: ObjectConstructor;
8
- default: () => {
9
- root: null;
10
- threshhold: number[];
11
- rootMargin: string;
12
- };
13
- };
14
- }>, {}, {
15
- isMounted: boolean;
16
- sections: never[];
17
- }, {}, {
18
- update(): void;
19
- getSectionIndex(el: any): number;
20
- /**
21
- * Sets up a new observer to watch the section visibility
22
- */
23
- createObserver(): void;
24
- /**
25
- * Add all slide elements as targets in observer
26
- */
27
- observeItems(): void;
28
- removeActive(except?: null): void;
29
- /**
30
- * Remove observer and it's internal DOM references (GC)
31
- */
32
- destroyObserver(): void;
33
- }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "section-change"[], "section-change", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
34
- firstItemActive: BooleanConstructor;
35
- /**
36
- * Observe
37
- */
38
- observerOptions: {
39
- type: ObjectConstructor;
40
- default: () => {
41
- root: null;
42
- threshhold: number[];
43
- rootMargin: string;
44
- };
45
- };
46
- }>> & Readonly<{
47
- "onSection-change"?: ((...args: any[]) => any) | undefined;
48
- }>, {
49
- firstItemActive: boolean;
50
- observerOptions: Record<string, any>;
51
- }, {}, {}, {}, string, () => {
52
- [SECTIONS]: import("vue").ComputedRef<never[]>;
53
- [REGISTER]: (instance: any) => void;
54
- [UNREGISTER]: (instance: any) => void;
55
- }, true, {}, any>;
1
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
56
2
  export default _default;
57
- import { SECTIONS } from "./symbols.js";
58
- import { REGISTER } from "./symbols.js";
59
- import { UNREGISTER } from "./symbols.js";
3
+ type __VLS_WithSlots<T, S> = T & (new () => {
4
+ $slots: S;
5
+ });
6
+ declare const __VLS_component: import("vue").DefineComponent<{}, {
7
+ $emit: typeof emit;
8
+ $props: Partial<typeof props>;
9
+ observerOptions: Record<string, any>;
10
+ debug: boolean;
11
+ firstItemActive: boolean;
12
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
13
+ type __VLS_Slots = {
14
+ default?: ((props: {}) => any) | undefined;
15
+ };
16
+ declare const emit: (event: "section-change", ...args: any[]) => void;
17
+ declare const props: {
18
+ readonly observerOptions: Record<string, any>;
19
+ readonly debug: boolean;
20
+ readonly firstItemActive: boolean;
21
+ };
60
22
  //# sourceMappingURL=UluScrollAnchors.vue.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"UluScrollAnchors.vue.d.ts","sourceRoot":"","sources":["../../../../../lib/components/systems/scroll-anchors/UluScrollAnchors.vue"],"names":[],"mappings":";;IAiKM;;OAEG;;;;;;;;;;;;;;;IAyDH;;OAEG;;IAoCH;;OAEG;;;IAiBH;;OAEG;;;;IAtHH;;OAEG;;;;;;;;;;;;;;;;;;;;yBARwC,cAAc;yBAAd,cAAc;2BAAd,cAAc"}
1
+ {"version":3,"file":"UluScrollAnchors.vue.d.ts","sourceRoot":"","sources":["../../../../../lib/components/systems/scroll-anchors/UluScrollAnchors.vue"],"names":[],"mappings":"wBAwJqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,IAAI;YADV,OAAO,CAAC,OAAO,KAAK,CAAC;;;;2OAGrC;;;;AApED,sEAA6C;AAxB7C;;;;EAsBG"}
@@ -0,0 +1,27 @@
1
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
2
+ export default _default;
3
+ type __VLS_WithSlots<T, S> = T & (new () => {
4
+ $slots: S;
5
+ });
6
+ declare const __VLS_component: import("vue").DefineComponent<{}, {
7
+ $props: Partial<typeof props>;
8
+ title: string;
9
+ element: string;
10
+ customTitleId?: string | undefined;
11
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
12
+ type __VLS_Slots = {
13
+ default?: ((props: {
14
+ isActive: any;
15
+ titleId: any;
16
+ section: any;
17
+ inactiveFrom: any;
18
+ activeFrom: any;
19
+ sectionState: string | null;
20
+ }) => any) | undefined;
21
+ };
22
+ declare const props: {
23
+ readonly title: string;
24
+ readonly element: string;
25
+ readonly customTitleId?: string | undefined;
26
+ };
27
+ //# sourceMappingURL=UluScrollAnchorsHeadlessSection.vue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"UluScrollAnchorsHeadlessSection.vue.d.ts","sourceRoot":"","sources":["../../../../../lib/components/systems/scroll-anchors/UluScrollAnchorsHeadlessSection.vue"],"names":[],"mappings":"wBAsKqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AARzB;YAGmB,OAAO,CAAC,OAAO,KAAK,CAAC;;;;2OAErC;;;;;;;;;;;AA9GD;;;;EAmBG"}
@@ -1,15 +1,19 @@
1
- declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
2
- element: {
3
- type: StringConstructor;
4
- default: string;
5
- };
6
- }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
7
- element: {
8
- type: StringConstructor;
9
- default: string;
10
- };
11
- }>> & Readonly<{}>, {
12
- element: string;
13
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
1
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
14
2
  export default _default;
3
+ type __VLS_WithSlots<T, S> = T & (new () => {
4
+ $slots: S;
5
+ });
6
+ declare const __VLS_component: import("vue").DefineComponent<{}, {
7
+ $props: Partial<typeof __VLS_props>;
8
+ element: string;
9
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
10
+ type __VLS_Slots = {
11
+ default?: ((props: {
12
+ item: never;
13
+ index: never;
14
+ }) => any) | undefined;
15
+ };
16
+ declare const __VLS_props: {
17
+ readonly element: string;
18
+ };
15
19
  //# sourceMappingURL=UluScrollAnchorsNav.vue.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"UluScrollAnchorsNav.vue.d.ts","sourceRoot":"","sources":["../../../../../lib/components/systems/scroll-anchors/UluScrollAnchorsNav.vue"],"names":[],"mappings":""}
1
+ {"version":3,"file":"UluScrollAnchorsNav.vue.d.ts","sourceRoot":"","sources":["../../../../../lib/components/systems/scroll-anchors/UluScrollAnchorsNav.vue"],"names":[],"mappings":"wBAkIqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AARzB;YAGmB,OAAO,CAAC,OAAO,WAAW,CAAC;;2OAE3C;;;;;;;AAtFD;;EAQG"}
@@ -1,32 +1,29 @@
1
- declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
2
- /**
3
- * Element to use for container
4
- */
5
- element: {
6
- type: StringConstructor;
7
- default: string;
8
- };
9
- }>, {}, {
10
- linkRefs: {};
11
- indicatorAnimReady: boolean;
12
- }, {
13
- indicatorStyles(): false | {
14
- y: any;
15
- height: any;
16
- initial: any;
17
- };
18
- }, {
19
- addLinkRef(index: any, el: any): void;
20
- }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
21
- /**
22
- * Element to use for container
23
- */
24
- element: {
25
- type: StringConstructor;
26
- default: string;
27
- };
28
- }>> & Readonly<{}>, {
29
- element: string;
30
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
1
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
31
2
  export default _default;
3
+ type __VLS_WithSlots<T, S> = T & (new () => {
4
+ $slots: S;
5
+ });
6
+ declare const __VLS_component: import("vue").DefineComponent<{}, {
7
+ $props: Partial<typeof props>;
8
+ element: string;
9
+ railWidth: number;
10
+ indicatorWidth: number;
11
+ indicatorHeight: number;
12
+ indicatorAlignment: string;
13
+ indicatorAlignmentOffset: number;
14
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
15
+ type __VLS_Slots = {
16
+ default?: ((props: {
17
+ item: never;
18
+ index: never;
19
+ }) => any) | undefined;
20
+ };
21
+ declare const props: {
22
+ readonly element: string;
23
+ readonly railWidth: number;
24
+ readonly indicatorWidth: number;
25
+ readonly indicatorHeight: number;
26
+ readonly indicatorAlignment: string;
27
+ readonly indicatorAlignmentOffset: number;
28
+ };
32
29
  //# sourceMappingURL=UluScrollAnchorsNavAnimated.vue.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"UluScrollAnchorsNavAnimated.vue.d.ts","sourceRoot":"","sources":["../../../../../lib/components/systems/scroll-anchors/UluScrollAnchorsNavAnimated.vue"],"names":[],"mappings":";IAqIM;;OAEG;;;;;;;;;;;;;;;;;IAFH;;OAEG"}
1
+ {"version":3,"file":"UluScrollAnchorsNavAnimated.vue.d.ts","sourceRoot":"","sources":["../../../../../lib/components/systems/scroll-anchors/UluScrollAnchorsNavAnimated.vue"],"names":[],"mappings":"wBAmVqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AARzB;YAGmB,OAAO,CAAC,OAAO,KAAK,CAAC;;;;;;;2OAErC;;;;;;;AArMD;;;;;;;EA2CG"}
@@ -1,50 +1,32 @@
1
- declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
2
- title: StringConstructor;
3
- titleElement: {
4
- type: StringConstructor;
5
- default: string;
6
- };
7
- titleClass: {
8
- type: StringConstructor;
9
- default: string;
10
- };
11
- anchorId: StringConstructor;
12
- wrapperClass: {
13
- type: StringConstructor;
14
- default: string;
15
- };
16
- activeClass: {
17
- type: StringConstructor;
18
- default: string;
19
- };
20
- }>, {}, {
21
- titleId: string;
22
- }, {
23
- section(): any;
24
- }, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
25
- title: StringConstructor;
26
- titleElement: {
27
- type: StringConstructor;
28
- default: string;
29
- };
30
- titleClass: {
31
- type: StringConstructor;
32
- default: string;
33
- };
34
- anchorId: StringConstructor;
35
- wrapperClass: {
36
- type: StringConstructor;
37
- default: string;
38
- };
39
- activeClass: {
40
- type: StringConstructor;
41
- default: string;
42
- };
43
- }>> & Readonly<{}>, {
1
+ declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
2
+ export default _default;
3
+ type __VLS_WithSlots<T, S> = T & (new () => {
4
+ $slots: S;
5
+ });
6
+ declare const __VLS_component: import("vue").DefineComponent<{}, {
7
+ $props: Partial<typeof props>;
44
8
  activeClass: string;
9
+ element: string;
45
10
  titleElement: string;
46
11
  titleClass: string;
47
12
  wrapperClass: string;
48
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
49
- export default _default;
13
+ title?: string | undefined;
14
+ customTitleId?: string | undefined;
15
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
16
+ type __VLS_Slots = {
17
+ title?: ((props: {}) => any) | undefined;
18
+ } & {
19
+ default?: ((props: {
20
+ section: any;
21
+ }) => any) | undefined;
22
+ };
23
+ declare const props: {
24
+ readonly activeClass: string;
25
+ readonly element: string;
26
+ readonly titleElement: string;
27
+ readonly titleClass: string;
28
+ readonly wrapperClass: string;
29
+ readonly title?: string | undefined;
30
+ readonly customTitleId?: string | undefined;
31
+ };
50
32
  //# sourceMappingURL=UluScrollAnchorsSection.vue.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"UluScrollAnchorsSection.vue.d.ts","sourceRoot":"","sources":["../../../../../lib/components/systems/scroll-anchors/UluScrollAnchorsSection.vue"],"names":[],"mappings":""}
1
+ {"version":3,"file":"UluScrollAnchorsSection.vue.d.ts","sourceRoot":"","sources":["../../../../../lib/components/systems/scroll-anchors/UluScrollAnchorsSection.vue"],"names":[],"mappings":"wBA+NqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AARzB;YAGmB,OAAO,CAAC,OAAO,KAAK,CAAC;;;;;;;;2OAErC;;;;;;;;AA5ID;;;;;;;;EA4CG"}
@@ -0,0 +1,9 @@
1
+ /**
2
+ * Composable for a component that acts as a section within the Scroll Anchors system.
3
+ * It handles registering the section with the parent `UluScrollAnchors` component,
4
+ * manages its active state, and provides reactive properties for use in the template.
5
+ * @param {object} props The component props, requires `title` and optional `customTitleId`.
6
+ * @returns {object} An object with reactive properties for the section: `sectionRef` (the ref to bind), `titleId`, `isActive`, and the raw `section` object.
7
+ */
8
+ export function useScrollAnchorSection(props: object): object;
9
+ //# sourceMappingURL=useScrollAnchorSection.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useScrollAnchorSection.d.ts","sourceRoot":"","sources":["../../../../../lib/components/systems/scroll-anchors/useScrollAnchorSection.js"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,8CAHW,MAAM,GACJ,MAAM,CAmDlB"}
@@ -0,0 +1,8 @@
1
+ /**
2
+ * Composable that provides a reactive list of all registered scroll anchor sections.
3
+ * This is the recommended way to access section data for building custom navigation.
4
+ * Must be used within a component that is a descendant of `UluScrollAnchors`.
5
+ * @returns {object} A reactive ref containing an array of section objects.
6
+ */
7
+ export function useScrollAnchorSections(): object;
8
+ //# sourceMappingURL=useScrollAnchorSections.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useScrollAnchorSections.d.ts","sourceRoot":"","sources":["../../../../../lib/components/systems/scroll-anchors/useScrollAnchorSections.js"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,2CAFa,MAAM,CAQlB"}
@@ -0,0 +1,14 @@
1
+ /**
2
+ * The main composable that contains the core "engine" for the Scroll Anchors system.
3
+ * It encapsulates the IntersectionObserver logic to track sections and manage their active state.
4
+ * This is intended for advanced use cases where a developer needs to build a custom provider
5
+ * component instead of using the default `UluScrollAnchors`.
6
+ * @param {{sections: object, props: object, emit: Function, componentElRef: object}} options
7
+ */
8
+ export function useScrollAnchors({ sections, props, emit, componentElRef }: {
9
+ sections: object;
10
+ props: object;
11
+ emit: Function;
12
+ componentElRef: object;
13
+ }): void;
14
+ //# sourceMappingURL=useScrollAnchors.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useScrollAnchors.d.ts","sourceRoot":"","sources":["../../../../../lib/components/systems/scroll-anchors/useScrollAnchors.js"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,4EAFW;IAAC,QAAQ,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,IAAI,WAAW;IAAC,cAAc,EAAE,MAAM,CAAA;CAAC,QAqJnF"}
@@ -8,7 +8,7 @@
8
8
  * @param {Function} [options.onReady] - A callback function that receives the `BreakpointManager` instance once it's initialized.
9
9
  * @param {object} [options.plugin] - Options to pass directly to the underlying `BreakpointManager` library.
10
10
  * @returns {{
11
- * breakpointManager: import('vue').Ref<import('@ulu/frontend/js/ui/breakpoints.js').BreakpointManager | null>,
11
+ * breakpointManager: import('vue').Ref<import('@ulu/frontend').BreakpointManager | null>,
12
12
  * breakpointActive: import('vue').Ref<string | null>,
13
13
  * breakpointDirection: import('vue').Ref<string | null>
14
14
  * }} An object containing reactive refs for:
@@ -21,7 +21,7 @@ export function useBreakpointManager(options: {
21
21
  onReady?: Function | undefined;
22
22
  plugin?: object | undefined;
23
23
  }): {
24
- breakpointManager: import("vue").Ref<any | null>;
24
+ breakpointManager: import("vue").Ref<import("@ulu/frontend").BreakpointManager | null>;
25
25
  breakpointActive: import("vue").Ref<string | null>;
26
26
  breakpointDirection: import("vue").Ref<string | null>;
27
27
  };
@@ -1 +1 @@
1
- {"version":3,"file":"useBreakpointManager.d.ts","sourceRoot":"","sources":["../../../lib/composables/useBreakpointManager.js"],"names":[],"mappings":"AAoBA;;;;;;;;;;;;;;;;;GAiBG;AACH,8CAZG;IAAyB,YAAY;IACV,OAAO;IACT,MAAM;CAC/B,GAAU;IACR,iBAAiB,EAAE,OAAO,KAAK,EAAE,GAAG,CAAC,GAA8D,GAAG,IAAI,CAAC,CAAC;IAC5G,gBAAgB,EAAE,OAAO,KAAK,EAAE,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACnD,mBAAmB,EAAE,OAAO,KAAK,EAAE,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;CACtD,CA8CH"}
1
+ {"version":3,"file":"useBreakpointManager.d.ts","sourceRoot":"","sources":["../../../lib/composables/useBreakpointManager.js"],"names":[],"mappings":"AAoBA;;;;;;;;;;;;;;;;;GAiBG;AACH,8CAZG;IAAyB,YAAY;IACV,OAAO;IACT,MAAM;CAC/B,GAAU;IACR,iBAAiB,EAAE,OAAO,KAAK,EAAE,GAAG,CAAC,OAAO,eAAe,EAAE,iBAAiB,GAAG,IAAI,CAAC,CAAC;IACvF,gBAAgB,EAAE,OAAO,KAAK,EAAE,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC;IACnD,mBAAmB,EAAE,OAAO,KAAK,EAAE,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,CAAA;CACtD,CA8CH"}
@@ -5,3 +5,4 @@
5
5
 
6
6
  @forward "systems/table-sticky/table-sticky" as table-sticky-*;
7
7
  @forward "systems/facets/facets-sidebar" as facets-sidebar-*;
8
+ @forward "systems/scroll-anchors/scroll-anchors-nav-animated" as scroll-anchors-nav-animated-*;
@@ -7,10 +7,23 @@
7
7
  @update:modelValue="(newValue) => handleToggle(index, newValue)"
8
8
  :trigger-text="item.title"
9
9
  :classes="item.classes"
10
+ :trigger-text-element="triggerTextElement"
11
+ :modifiers="modifiers"
12
+ :animate="animate"
10
13
  >
11
- <slot name="item" :item="item" :index="index">
12
- {{ item.content }}
13
- </slot>
14
+ <template #trigger="{ isOpen }" v-if="$slots.trigger">
15
+ <slot name="trigger" :item="item" :index="index" :isOpen="isOpen"></slot>
16
+ </template>
17
+
18
+ <template #icon="{ isOpen }" v-if="$slots.icon">
19
+ <slot name="icon" :item="item" :index="index" :isOpen="isOpen"></slot>
20
+ </template>
21
+
22
+ <template #default="{ isOpen, toggle }">
23
+ <slot name="item" :item="item" :index="index" :isOpen="isOpen" :toggle="toggle">
24
+ {{ item.content }}
25
+ </slot>
26
+ </template>
14
27
  </UluAccordion>
15
28
  </div>
16
29
  </template>
@@ -27,7 +40,28 @@ const props = defineProps({
27
40
  items: {
28
41
  type: Array,
29
42
  default: () => []
30
- }
43
+ },
44
+ /**
45
+ * If using summary text sets the inner element the text is wrapped in, usually a headline or strong
46
+ */
47
+ triggerTextElement: {
48
+ type: String,
49
+ default: "strong"
50
+ },
51
+ /**
52
+ * Class modifiers (ie. 'transparent', 'secondary', etc)
53
+ */
54
+ modifiers: [String, Array],
55
+ /**
56
+ * Enable or configure animations.
57
+ * - `false` (default) to disable all animations.
58
+ * - `true` to enable animations with default settings.
59
+ * - An object to provide custom options to auto-animate (e.g., { duration: 100, easing: 'linear' }).
60
+ */
61
+ animate: {
62
+ type: [Boolean, Object],
63
+ default: true
64
+ },
31
65
  });
32
66
 
33
67
  const internalItems = ref([]);
@@ -51,4 +85,4 @@ function handleToggle(selectedIndex, newValue) {
51
85
  internalItems.value[selectedIndex].isOpen = false;
52
86
  }
53
87
  }
54
- </script>
88
+ </script>
@@ -67,9 +67,9 @@
67
67
  import UluIcon from "../elements/UluIcon.vue";
68
68
  import { useModifiers } from "../../composables/useModifiers.js";
69
69
  import { wasClickOutside, preventScroll as setupPreventScroll } from "@ulu/utils/browser/dom.js";
70
- import { Resizer } from "@ulu/frontend/js/ui/resizer.js";
70
+ import { Resizer } from "@ulu/frontend";
71
71
  import { newId } from "../../utils/dom.js";
72
-
72
+
73
73
  export default {
74
74
  name: "UluModal",
75
75
  components: {
@@ -82,6 +82,7 @@
82
82
  import { ref, computed, useSlots } from 'vue';
83
83
  import { RouterLink } from "vue-router";
84
84
  import { useModifiers } from "../../composables/useModifiers.js";
85
+ import { refToElement } from '../../utils/dom.js';
85
86
 
86
87
  const props = defineProps({
87
88
  /**
@@ -241,7 +242,12 @@
241
242
  const { mousedownDurationPrevent } = resolvedProxyOptions.value;
242
243
  if (timeStamp - proxyStart.value < mousedownDurationPrevent) {
243
244
  if (isTitleProxy.value) {
244
- link.value?.click();
245
+ const linkEl = refToElement(link.value);
246
+ if (linkEl) {
247
+ linkEl.click();
248
+ } else {
249
+ console.warn("Unable to resolve title link ref");
250
+ }
245
251
  } else if (isEventProxy.value) {
246
252
  const proxyTarget = cardRoot.value?.querySelector('[data-ulu-card-proxy-target]');
247
253
  if (proxyTarget) {