@ulu/frontend-vue 0.2.0-beta.8 → 0.3.0

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 (174) hide show
  1. package/dist/components/collapsible/UluAccordionGroup.vue.d.ts +2 -2
  2. package/dist/components/collapsible/UluAccordionGroup.vue.d.ts.map +1 -1
  3. package/dist/components/collapsible/UluAccordionGroup.vue.js +22 -19
  4. package/dist/components/collapsible/UluDropdown.vue.d.ts +1 -1
  5. package/dist/components/collapsible/UluDropdown.vue.d.ts.map +1 -1
  6. package/dist/components/collapsible/UluDropdown.vue.js +22 -15
  7. package/dist/components/collapsible/UluModal.vue.d.ts +43 -248
  8. package/dist/components/collapsible/UluModal.vue.d.ts.map +1 -1
  9. package/dist/components/collapsible/UluModal.vue.js +139 -191
  10. package/dist/components/collapsible/UluTabGroup.vue.d.ts +2 -0
  11. package/dist/components/collapsible/UluTabGroup.vue.d.ts.map +1 -1
  12. package/dist/components/collapsible/UluTabGroup.vue.js +23 -14
  13. package/dist/components/elements/UluAlert.vue.d.ts +29 -144
  14. package/dist/components/elements/UluAlert.vue.d.ts.map +1 -1
  15. package/dist/components/elements/UluAlert.vue.js +39 -50
  16. package/dist/components/elements/UluBadge.vue.d.ts +6 -6
  17. package/dist/components/elements/UluBadgeStack.vue.d.ts +1 -1
  18. package/dist/components/elements/UluBadgeStack.vue.d.ts.map +1 -1
  19. package/dist/components/elements/UluBadgeStack.vue.js +12 -9
  20. package/dist/components/elements/UluButton.vue.d.ts +47 -177
  21. package/dist/components/elements/UluButton.vue.d.ts.map +1 -1
  22. package/dist/components/elements/UluButton.vue.js +59 -72
  23. package/dist/components/elements/UluButtonVerbose.vue.d.ts +38 -123
  24. package/dist/components/elements/UluButtonVerbose.vue.d.ts.map +1 -1
  25. package/dist/components/elements/UluButtonVerbose.vue.js +52 -65
  26. package/dist/components/elements/UluCallout.vue.d.ts +20 -25
  27. package/dist/components/elements/UluCallout.vue.d.ts.map +1 -1
  28. package/dist/components/elements/UluCallout.vue.js +11 -16
  29. package/dist/components/elements/UluCaptionedFigure.vue.d.ts +25 -0
  30. package/dist/components/elements/UluCaptionedFigure.vue.d.ts.map +1 -0
  31. package/dist/components/elements/UluCaptionedFigure.vue.js +48 -0
  32. package/dist/components/elements/UluCard.vue.d.ts +2 -2
  33. package/dist/components/elements/UluDefinitionList.vue.d.ts +4 -2
  34. package/dist/components/elements/UluDefinitionList.vue.d.ts.map +1 -1
  35. package/dist/components/elements/UluDefinitionList.vue.js +32 -28
  36. package/dist/components/elements/UluExternalLink.vue.d.ts +2 -2
  37. package/dist/components/elements/UluImage.vue.d.ts +14 -0
  38. package/dist/components/elements/UluImage.vue.d.ts.map +1 -0
  39. package/dist/components/elements/UluImage.vue.js +53 -0
  40. package/dist/components/elements/UluList.vue.d.ts.map +1 -1
  41. package/dist/components/elements/UluList.vue.js +14 -13
  42. package/dist/components/elements/UluOverflowScroller.vue.d.ts +49 -0
  43. package/dist/components/elements/UluOverflowScroller.vue.d.ts.map +1 -0
  44. package/dist/components/elements/UluOverflowScroller.vue.js +138 -0
  45. package/dist/components/elements/UluScrollSlider.vue.d.ts +38 -0
  46. package/dist/components/elements/UluScrollSlider.vue.d.ts.map +1 -0
  47. package/dist/components/elements/UluScrollSlider.vue.js +146 -0
  48. package/dist/components/elements/UluSlider.vue.d.ts +57 -0
  49. package/dist/components/elements/UluSlider.vue.d.ts.map +1 -0
  50. package/dist/components/elements/UluSlider.vue.js +277 -0
  51. package/dist/components/forms/UluFormFile.vue.d.ts +2 -2
  52. package/dist/components/forms/UluFormRadio.vue.d.ts +4 -4
  53. package/dist/components/index.d.ts +6 -0
  54. package/dist/components/layout/UluTitleRail.vue.d.ts +29 -87
  55. package/dist/components/layout/UluTitleRail.vue.d.ts.map +1 -1
  56. package/dist/components/layout/UluTitleRail.vue.js +51 -46
  57. package/dist/components/navigation/UluBreadcrumb.vue.d.ts +27 -68
  58. package/dist/components/navigation/UluBreadcrumb.vue.d.ts.map +1 -1
  59. package/dist/components/navigation/UluBreadcrumb.vue.js +51 -54
  60. package/dist/components/navigation/UluMenu.vue.d.ts +30 -138
  61. package/dist/components/navigation/UluMenu.vue.d.ts.map +1 -1
  62. package/dist/components/navigation/UluMenu.vue.js +85 -84
  63. package/dist/components/navigation/UluMenuStack.vue.d.ts +12 -2
  64. package/dist/components/navigation/UluMenuStack.vue.d.ts.map +1 -1
  65. package/dist/components/navigation/UluMenuStack.vue.js +26 -18
  66. package/dist/components/navigation/UluNavStrip.vue.d.ts +22 -134
  67. package/dist/components/navigation/UluNavStrip.vue.d.ts.map +1 -1
  68. package/dist/components/navigation/UluNavStrip.vue.js +43 -31
  69. package/dist/components/systems/facets/UluFacetsSidebarLayout.vue.js +10 -10
  70. package/dist/components/systems/facets/useFacets.d.ts +3 -0
  71. package/dist/components/systems/facets/useFacets.d.ts.map +1 -1
  72. package/dist/components/systems/facets/useFacets.js +124 -112
  73. package/dist/components/systems/index.d.ts +0 -3
  74. package/dist/components/systems/scroll-anchors/UluScrollAnchors.vue.d.ts +2 -2
  75. package/dist/components/systems/table-sticky/UluTableSticky.vue.d.ts +504 -432
  76. package/dist/components/systems/table-sticky/UluTableSticky.vue.d.ts.map +1 -1
  77. package/dist/components/systems/table-sticky/UluTableSticky.vue.js +313 -456
  78. package/dist/components/systems/table-sticky/UluTableStickyRows.vue.d.ts +40 -31
  79. package/dist/components/systems/table-sticky/UluTableStickyRows.vue.d.ts.map +1 -1
  80. package/dist/components/systems/table-sticky/UluTableStickyRows.vue.js +43 -45
  81. package/dist/components/systems/table-sticky/UluTableStickyTable.vue.d.ts +60 -146
  82. package/dist/components/systems/table-sticky/UluTableStickyTable.vue.d.ts.map +1 -1
  83. package/dist/components/systems/table-sticky/UluTableStickyTable.vue.js +156 -175
  84. package/dist/components/utils/UluAction.vue.d.ts +36 -0
  85. package/dist/components/utils/UluAction.vue.d.ts.map +1 -0
  86. package/dist/components/utils/UluAction.vue.js +59 -0
  87. package/dist/components/utils/UluConditionalText.vue.d.ts +7 -26
  88. package/dist/components/utils/UluConditionalText.vue.d.ts.map +1 -1
  89. package/dist/components/utils/UluConditionalText.vue.js +12 -14
  90. package/dist/components/utils/UluConditionalWrapper.vue.d.ts.map +1 -1
  91. package/dist/components/utils/UluConditionalWrapper.vue.js +11 -9
  92. package/dist/components/utils/UluPlaceholderImage.vue.d.ts +12 -57
  93. package/dist/components/utils/UluPlaceholderImage.vue.d.ts.map +1 -1
  94. package/dist/components/utils/UluPlaceholderImage.vue.js +18 -26
  95. package/dist/components/utils/UluPlaceholderText.vue.d.ts +6 -20
  96. package/dist/components/utils/UluPlaceholderText.vue.js +12 -14
  97. package/dist/components/utils/UluRouteAnnouncer.vue.d.ts +9 -58
  98. package/dist/components/utils/UluRouteAnnouncer.vue.d.ts.map +1 -1
  99. package/dist/components/utils/UluRouteAnnouncer.vue.js +28 -28
  100. package/dist/components/visualizations/UluAnimateNumber.vue.d.ts +20 -14
  101. package/dist/components/visualizations/UluAnimateNumber.vue.d.ts.map +1 -1
  102. package/dist/components/visualizations/UluAnimateNumber.vue.js +18 -26
  103. package/dist/components/visualizations/UluProgressCircle.vue.d.ts +2 -2
  104. package/dist/composables/useModifiers.d.ts +20 -25
  105. package/dist/composables/useModifiers.d.ts.map +1 -1
  106. package/dist/index.js +206 -200
  107. package/dist/plugins/modals/UluModalsDisplay.vue.d.ts +3 -12
  108. package/dist/plugins/modals/UluModalsDisplay.vue.js +24 -45
  109. package/dist/plugins/modals/index.js +6 -6
  110. package/dist/plugins/toast/UluToast.vue.d.ts +24 -49
  111. package/dist/plugins/toast/UluToast.vue.d.ts.map +1 -1
  112. package/dist/plugins/toast/UluToast.vue.js +68 -77
  113. package/dist/plugins/toast/UluToastDisplay.vue.d.ts +1 -9
  114. package/dist/plugins/toast/UluToastDisplay.vue.js +27 -35
  115. package/dist/plugins/toast/defaults.d.ts +40 -35
  116. package/dist/plugins/toast/defaults.js +2 -2
  117. package/dist/plugins/toast/index.js +4 -4
  118. package/dist/plugins/toast/store.d.ts +40 -35
  119. package/dist/plugins/toast/store.d.ts.map +1 -1
  120. package/dist/utils/props.d.ts +7 -0
  121. package/dist/utils/props.d.ts.map +1 -0
  122. package/dist/utils/props.js +6 -0
  123. package/lib/components/collapsible/UluAccordionGroup.vue +4 -1
  124. package/lib/components/collapsible/UluDropdown.vue +5 -1
  125. package/lib/components/collapsible/UluModal.vue +278 -298
  126. package/lib/components/collapsible/UluTabGroup.vue +21 -6
  127. package/lib/components/elements/UluAlert.vue +38 -51
  128. package/lib/components/elements/UluBadgeStack.vue +4 -1
  129. package/lib/components/elements/UluButton.vue +105 -129
  130. package/lib/components/elements/UluButtonVerbose.vue +67 -89
  131. package/lib/components/elements/UluCallout.vue +15 -19
  132. package/lib/components/elements/UluCaptionedFigure.vue +40 -0
  133. package/lib/components/elements/UluDefinitionList.vue +27 -6
  134. package/lib/components/elements/UluImage.vue +56 -0
  135. package/lib/components/elements/UluList.vue +1 -0
  136. package/lib/components/elements/UluOverflowScroller.vue +140 -0
  137. package/lib/components/elements/UluScrollSlider.vue +150 -0
  138. package/lib/components/elements/UluSlider.vue +488 -0
  139. package/lib/components/index.js +10 -0
  140. package/lib/components/layout/UluTitleRail.vue +55 -48
  141. package/lib/components/navigation/UluBreadcrumb.vue +29 -34
  142. package/lib/components/navigation/UluMenu.vue +60 -71
  143. package/lib/components/navigation/UluMenuStack.vue +6 -1
  144. package/lib/components/navigation/UluNavStrip.vue +43 -31
  145. package/lib/components/systems/facets/useFacets.js +33 -17
  146. package/lib/components/systems/index.js +0 -4
  147. package/lib/components/systems/table-sticky/UluTableSticky.vue +602 -576
  148. package/lib/components/systems/table-sticky/UluTableStickyRows.vue +16 -27
  149. package/lib/components/systems/table-sticky/UluTableStickyTable.vue +95 -96
  150. package/lib/components/utils/UluAction.vue +81 -0
  151. package/lib/components/utils/UluConditionalText.vue +13 -16
  152. package/lib/components/utils/UluConditionalWrapper.vue +5 -1
  153. package/lib/components/utils/UluPlaceholderImage.vue +44 -46
  154. package/lib/components/utils/UluPlaceholderText.vue +10 -13
  155. package/lib/components/utils/UluRouteAnnouncer.vue +59 -47
  156. package/lib/components/visualizations/UluAnimateNumber.vue +23 -30
  157. package/lib/composables/useModifiers.js +21 -26
  158. package/lib/plugins/modals/UluModalsDisplay.vue +44 -45
  159. package/lib/plugins/toast/UluToast.vue +28 -34
  160. package/lib/plugins/toast/UluToastDisplay.vue +9 -15
  161. package/lib/utils/props.js +8 -0
  162. package/package.json +9 -5
  163. package/dist/components/systems/slider/UluImageSlideShow.vue.d.ts +0 -130
  164. package/dist/components/systems/slider/UluImageSlideShow.vue.d.ts.map +0 -1
  165. package/dist/components/systems/slider/UluImageSlideShow.vue.js +0 -73
  166. package/dist/components/systems/slider/UluSlideShow.vue.d.ts +0 -205
  167. package/dist/components/systems/slider/UluSlideShow.vue.d.ts.map +0 -1
  168. package/dist/components/systems/slider/UluSlideShow.vue.js +0 -292
  169. package/dist/components/systems/slider/UluSlideShowSlide.vue.d.ts +0 -17
  170. package/dist/components/systems/slider/UluSlideShowSlide.vue.d.ts.map +0 -1
  171. package/dist/components/systems/slider/UluSlideShowSlide.vue.js +0 -26
  172. package/lib/components/systems/slider/UluImageSlideShow.vue +0 -75
  173. package/lib/components/systems/slider/UluSlideShow.vue +0 -336
  174. package/lib/components/systems/slider/UluSlideShowSlide.vue +0 -25
@@ -1 +1 @@
1
- {"version":3,"file":"UluBreadcrumb.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/navigation/UluBreadcrumb.vue"],"names":[],"mappings":"AAmCA;;IA0FM;;;OAGG;;;;;IAKH;;OAEG;;IAEH;;;OAGG;;;;;;;;;;;;;IAfH;;;OAGG;;;;;IAKH;;OAEG;;IAEH;;;OAGG"}
1
+ {"version":3,"file":"UluBreadcrumb.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/navigation/UluBreadcrumb.vue"],"names":[],"mappings":"AAmCA;wBAyNqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAVjC;;;;;;;;;2OAOG"}
@@ -1,11 +1,7 @@
1
- import b from "../elements/UluIcon.vue.js";
2
- import { resolveComponent as o, createElementBlock as s, createCommentVNode as u, openBlock as a, normalizeClass as t, createElementVNode as f, Fragment as k, renderList as p, createBlock as y, renderSlot as c, withCtx as g, createTextVNode as i, toDisplayString as m, createVNode as B } from "vue";
3
- import h from "../../_virtual/_plugin-vue_export-helper.js";
4
- const I = {
5
- name: "UluBreadcrumb",
6
- components: {
7
- UluIcon: b
8
- },
1
+ 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";
2
+ import h from "../elements/UluIcon.vue.js";
3
+ const N = {
4
+ __name: "UluBreadcrumb",
9
5
  props: {
10
6
  /**
11
7
  * Array of breadcrumb items.
@@ -34,53 +30,54 @@ const I = {
34
30
  separator: "breadcrumb__separator"
35
31
  })
36
32
  }
37
- }
38
- };
39
- function U(l, v, e, C, N, S) {
40
- const d = o("router-link"), _ = o("UluIcon");
41
- return e.items.length ? (a(), s("nav", {
42
- key: 0,
43
- class: t(e.classes.nav),
44
- "aria-label": "Breadcrumb"
45
- }, [
46
- f("ol", {
47
- class: t(e.classes.list)
48
- }, [
49
- (a(!0), s(k, null, p(e.items, (r, n) => (a(), s("li", {
50
- key: n,
51
- class: t(e.classes.item)
33
+ },
34
+ setup(e) {
35
+ return (l, B) => {
36
+ const m = d("router-link");
37
+ return e.items.length ? (a(), s("nav", {
38
+ key: 0,
39
+ class: t(e.classes.nav),
40
+ "aria-label": "Breadcrumb"
52
41
  }, [
53
- r.current ? (a(), s("span", {
54
- key: 1,
55
- class: t(r.current)
42
+ b("ol", {
43
+ class: t(e.classes.list)
56
44
  }, [
57
- c(l.$slots, "default", { item: r }, () => [
58
- i(m(r.title), 1)
59
- ])
60
- ], 2)) : (a(), y(d, {
61
- key: 0,
62
- to: r.to,
63
- class: t(e.classes.link),
64
- "aria-current": r.current ? "page" : null
65
- }, {
66
- default: g(() => [
67
- c(l.$slots, "default", { item: r }, () => [
68
- i(m(r.title), 1)
69
- ])
70
- ]),
71
- _: 2
72
- }, 1032, ["to", "class", "aria-current"])),
73
- n < e.items.length - 1 ? c(l.$slots, "separator", { key: 2 }, () => [
74
- B(_, {
75
- class: t(e.classes.separator),
76
- icon: e.separatorIcon || "type:pathSeparator"
77
- }, null, 8, ["class", "icon"])
78
- ]) : u("", !0)
79
- ], 2))), 128))
80
- ], 2)
81
- ], 2)) : u("", !0);
82
- }
83
- const w = /* @__PURE__ */ h(I, [["render", U]]);
45
+ (a(!0), s(k, null, f(e.items, (r, n) => (a(), s("li", {
46
+ key: n,
47
+ class: t(e.classes.item)
48
+ }, [
49
+ r.current ? (a(), s("span", {
50
+ key: 1,
51
+ class: t(r.current)
52
+ }, [
53
+ c(l.$slots, "default", { item: r }, () => [
54
+ u(i(r.title), 1)
55
+ ])
56
+ ], 2)) : (a(), y(m, {
57
+ key: 0,
58
+ to: r.to,
59
+ class: t(e.classes.link),
60
+ "aria-current": r.current ? "page" : null
61
+ }, {
62
+ default: p(() => [
63
+ c(l.$slots, "default", { item: r }, () => [
64
+ u(i(r.title), 1)
65
+ ])
66
+ ]),
67
+ _: 2
68
+ }, 1032, ["to", "class", "aria-current"])),
69
+ n < e.items.length - 1 ? c(l.$slots, "separator", { key: 2 }, () => [
70
+ g(h, {
71
+ class: t(e.classes.separator),
72
+ icon: e.separatorIcon || "type:pathSeparator"
73
+ }, null, 8, ["class", "icon"])
74
+ ]) : o("", !0)
75
+ ], 2))), 128))
76
+ ], 2)
77
+ ], 2)) : o("", !0);
78
+ };
79
+ }
80
+ };
84
81
  export {
85
- w as default
82
+ N as default
86
83
  };
@@ -1,142 +1,34 @@
1
- declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
2
- /**
3
- * Items Array of Objects for each link
4
- * [{
5
- * title: String (title of link)
6
- * icon: Icon definition passed to UluIcon
7
- * tag: Tag appearing after link text (count/etc), pass props you want bound to tag
8
- * tooltip: Add tooltip to menu item (pass options for tooltip), unless iconOnly than the title is presented in the tooltip
9
- * href: Will result in <a>
10
- * click: Will be called on click and result in <button>
11
- * to: Will result in <a> and use vue-router router-link component
12
- * }]
13
- */
14
- items: ArrayConstructor;
15
- /**
16
- * Classes object to add class bindings to the different elements
17
- * - { list, item, link, linkActive, linkExactActive, linkIcon, linkText }
18
- */
19
- classes: {
20
- type: ObjectConstructor;
21
- default: () => {};
22
- };
23
- /**
24
- * Use icon only version of menu
25
- */
26
- iconOnly: BooleanConstructor;
27
- /**
28
- * Do not print menu items children recursively
29
- */
30
- noChildren: BooleanConstructor;
31
- }>, {}, {}, {}, {
32
- handleItemClick(event: any, item: any): void;
33
- }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "item-click"[], "item-click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
34
- /**
35
- * Items Array of Objects for each link
36
- * [{
37
- * title: String (title of link)
38
- * icon: Icon definition passed to UluIcon
39
- * tag: Tag appearing after link text (count/etc), pass props you want bound to tag
40
- * tooltip: Add tooltip to menu item (pass options for tooltip), unless iconOnly than the title is presented in the tooltip
41
- * href: Will result in <a>
42
- * click: Will be called on click and result in <button>
43
- * to: Will result in <a> and use vue-router router-link component
44
- * }]
45
- */
46
- items: ArrayConstructor;
47
- /**
48
- * Classes object to add class bindings to the different elements
49
- * - { list, item, link, linkActive, linkExactActive, linkIcon, linkText }
50
- */
51
- classes: {
52
- type: ObjectConstructor;
53
- default: () => {};
54
- };
55
- /**
56
- * Use icon only version of menu
57
- */
58
- iconOnly: BooleanConstructor;
59
- /**
60
- * Do not print menu items children recursively
61
- */
62
- noChildren: BooleanConstructor;
63
- }>> & Readonly<{
64
- "onItem-click"?: ((...args: any[]) => any) | undefined;
65
- }>, {
1
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
2
+ export default _default;
3
+ type __VLS_WithTemplateSlots<T, S> = T & (new () => {
4
+ $slots: S;
5
+ });
6
+ declare const __VLS_component: import('vue').DefineComponent<{}, {
7
+ $emit: (event: "item-click", ...args: any[]) => void;
66
8
  classes: Record<string, any>;
67
9
  iconOnly: boolean;
68
10
  noChildren: boolean;
69
- }, {}, {
70
- UluIcon: import('vue').DefineComponent<{}, {
71
- spaced: boolean;
72
- icon?: string | boolean | Record<string, any> | unknown[] | undefined;
73
- $props: {
74
- readonly spaced?: boolean | undefined;
75
- readonly icon?: string | boolean | Record<string, any> | unknown[] | undefined;
76
- };
77
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
78
- UluTag: {
79
- new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
80
- counter: boolean;
81
- type?: string | undefined;
82
- size?: string | undefined;
83
- icon?: string | unknown[] | undefined;
84
- modifiers?: string | unknown[] | undefined;
85
- text?: string | number | undefined;
86
- $props: {
87
- readonly counter?: boolean | undefined;
88
- readonly type?: string | undefined;
89
- readonly size?: string | undefined;
90
- readonly icon?: string | unknown[] | undefined;
91
- readonly modifiers?: string | unknown[] | undefined;
92
- readonly text?: string | number | undefined;
93
- };
94
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLSpanElement, import('vue').ComponentProvideOptions, {
95
- P: {};
96
- B: {};
97
- D: {};
98
- C: {};
99
- M: {};
100
- Defaults: {};
101
- }, Readonly<{}> & Readonly<{}>, {
102
- counter: boolean;
103
- type?: string | undefined;
104
- size?: string | undefined;
105
- icon?: string | unknown[] | undefined;
106
- modifiers?: string | unknown[] | undefined;
107
- text?: string | number | undefined;
108
- $props: {
109
- readonly counter?: boolean | undefined;
110
- readonly type?: string | undefined;
111
- readonly size?: string | undefined;
112
- readonly icon?: string | unknown[] | undefined;
113
- readonly modifiers?: string | unknown[] | undefined;
114
- readonly text?: string | number | undefined;
115
- };
116
- }, {}, {}, {}, {}>;
117
- __isFragment?: never;
118
- __isTeleport?: never;
119
- __isSuspense?: never;
120
- } & import('vue').ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {
121
- counter: boolean;
122
- type?: string | undefined;
123
- size?: string | undefined;
124
- icon?: string | unknown[] | undefined;
125
- modifiers?: string | unknown[] | undefined;
126
- text?: string | number | undefined;
127
- $props: {
128
- readonly counter?: boolean | undefined;
129
- readonly type?: string | undefined;
130
- readonly size?: string | undefined;
131
- readonly icon?: string | unknown[] | undefined;
132
- readonly modifiers?: string | unknown[] | undefined;
133
- readonly text?: string | number | undefined;
134
- };
135
- }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
136
- $slots: {
137
- default?(_: {}): any;
138
- };
139
- });
140
- }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
141
- export default _default;
11
+ items?: unknown[] | undefined;
12
+ $props: {
13
+ readonly classes?: Record<string, any> | undefined;
14
+ readonly iconOnly?: boolean | undefined;
15
+ readonly noChildren?: boolean | undefined;
16
+ readonly items?: unknown[] | undefined;
17
+ };
18
+ }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
19
+ type __VLS_TemplateResult = {
20
+ attrs: Partial<{}>;
21
+ slots: Partial<Record<number, (_: any) => any>> & {
22
+ default?(_: {
23
+ item: unknown;
24
+ index: number;
25
+ }): any;
26
+ item?(_: {
27
+ item: unknown;
28
+ index: number;
29
+ }): any;
30
+ };
31
+ refs: {};
32
+ rootEl: any;
33
+ };
142
34
  //# sourceMappingURL=UluMenu.vue.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"UluMenu.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/navigation/UluMenu.vue"],"names":[],"mappings":"AAmDA;;IAoIM;;;;;;;;;;;OAWG;;IAEH;;;OAGG;;;;;IAKH;;OAEG;;IAEH;;OAEG;;;;;IA3BH;;;;;;;;;;;OAWG;;IAEH;;;OAGG;;;;;IAKH;;OAEG;;IAEH;;OAEG"}
1
+ {"version":3,"file":"UluMenu.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/navigation/UluMenu.vue"],"names":[],"mappings":"AAiDA;wBAyTqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAXjC;;;;;;;;;;;;2OAQG"}
@@ -1,19 +1,9 @@
1
- import C from "../elements/UluIcon.vue.js";
2
- import g from "../elements/UluTag.vue.js";
3
- import { resolveComponent as r, resolveDirective as U, createElementBlock as i, createCommentVNode as t, openBlock as n, normalizeClass as a, Fragment as v, renderList as x, withDirectives as B, createBlock as o, resolveDynamicComponent as I, mergeProps as f, withCtx as O, renderSlot as A, createElementVNode as T, toDisplayString as b } from "vue";
4
- import D from "../../_virtual/_plugin-vue_export-helper.js";
5
- const M = {
6
- name: "UluMenu",
7
- components: {
8
- UluIcon: C,
9
- UluTag: g
10
- },
11
- emits: [
12
- /**
13
- * Fired anytime a item is clicked
14
- */
15
- "item-click"
16
- ],
1
+ import { resolveComponent as O, resolveDirective as $, createElementBlock as r, createCommentVNode as n, openBlock as t, normalizeClass as a, Fragment as S, renderList as d, withDirectives as x, renderSlot as u, createBlock as i, mergeProps as f, withCtx as y, createElementVNode as b, toDisplayString as D, createSlots as E } from "vue";
2
+ import I from "../utils/UluAction.vue.js";
3
+ import M from "../elements/UluIcon.vue.js";
4
+ import U from "../elements/UluTag.vue.js";
5
+ const j = {
6
+ __name: "UluMenu",
17
7
  props: {
18
8
  /**
19
9
  * Items Array of Objects for each link
@@ -45,75 +35,86 @@ const M = {
45
35
  */
46
36
  noChildren: Boolean
47
37
  },
48
- methods: {
49
- handleItemClick(s, c) {
50
- c.click && c.click(s), this.$emit("item-click", { item: c, event: s });
51
- }
38
+ emits: [
39
+ /**
40
+ * Fired anytime a item is clicked
41
+ */
42
+ "item-click"
43
+ ],
44
+ setup(l, { emit: C }) {
45
+ const h = C, v = (s, c) => {
46
+ c.click && c.click(s), h("item-click", { item: c, event: s });
47
+ };
48
+ return (s, c) => {
49
+ const g = O("UluMenu", !0), A = $("ulu-tooltip");
50
+ return l.items?.length ? (t(), r("ul", {
51
+ key: 0,
52
+ class: a(l.classes.list)
53
+ }, [
54
+ (t(!0), r(S, null, d(l.items, (e, o) => (t(), r("li", {
55
+ key: o,
56
+ class: a([
57
+ l.classes.item,
58
+ e?.classes?.item,
59
+ e.separatorBefore ? l.classes.itemSeparatorBefore : "",
60
+ e.separatorAfter ? l.classes.itemSeparatorAfter : ""
61
+ ])
62
+ }, [
63
+ x((t(), i(I, f({ ref_for: !0 }, e, {
64
+ activeClass: l.classes.linkActive,
65
+ exactActiveClass: l.classes.linkExactActive,
66
+ onClick: (k) => {
67
+ v(k, e);
68
+ },
69
+ class: [l.classes.link, e?.classes?.link],
70
+ "aria-label": l.iconOnly ? e.title : null,
71
+ id: e.id
72
+ }), {
73
+ default: y(() => [
74
+ u(s.$slots, "default", {
75
+ item: e,
76
+ index: o
77
+ }, () => [
78
+ e.icon ? (t(), i(M, {
79
+ key: 0,
80
+ icon: e.icon,
81
+ class: a([l.classes.linkIcon, e?.classes?.linkIcon])
82
+ }, null, 8, ["icon", "class"])) : n("", !0),
83
+ b("span", {
84
+ class: a([l.classes.linkText, e?.classes?.linkText])
85
+ }, D(e.title), 3),
86
+ e.tag ? (t(), i(U, f({
87
+ key: 1,
88
+ ref_for: !0
89
+ }, e.tag), null, 16)) : n("", !0)
90
+ ])
91
+ ]),
92
+ _: 2
93
+ }, 1040, ["activeClass", "exactActiveClass", "onClick", "class", "aria-label", "id"])), [
94
+ [A, l.iconOnly ? e.title : e.tooltip || null]
95
+ ]),
96
+ u(s.$slots, "item", {
97
+ item: e,
98
+ index: o
99
+ }),
100
+ !l.noChildren && e?.children?.length ? (t(), i(g, {
101
+ key: 0,
102
+ iconOnly: l.iconOnly,
103
+ classes: l.classes,
104
+ items: e.children
105
+ }, E({ _: 2 }, [
106
+ d(s.$slots, (k, m) => ({
107
+ name: m,
108
+ fn: y((B) => [
109
+ u(s.$slots, m, f({ ref_for: !0 }, B))
110
+ ])
111
+ }))
112
+ ]), 1032, ["iconOnly", "classes", "items"])) : n("", !0)
113
+ ], 2))), 128))
114
+ ], 2)) : n("", !0);
115
+ };
52
116
  }
53
117
  };
54
- function S(s, c, e, E, w, k) {
55
- const _ = r("UluIcon"), d = r("UluTag"), h = r("UluMenu", !0), y = U("ulu-tooltip");
56
- return e.items?.length ? (n(), i("ul", {
57
- key: 0,
58
- class: a(e.classes.list)
59
- }, [
60
- (n(!0), i(v, null, x(e.items, (l, u) => (n(), i("li", {
61
- key: u,
62
- class: a([
63
- e.classes.item,
64
- l?.classes?.item,
65
- l.separatorBefore ? e.classes.itemSeparatorBefore : "",
66
- l.separatorAfter ? e.classes.itemSeparatorAfter : ""
67
- ])
68
- }, [
69
- B((n(), o(I(l.to || l.path ? "router-link" : l.click ? "button" : "a"), f({ ref_for: !0 }, {
70
- ...l.to || l.path ? {
71
- to: l.to || l.path,
72
- activeClass: e.classes.linkActive || null,
73
- exactActiveClass: e.classes.linkExactActive || null
74
- } : {},
75
- ...l.href ? { href: l.href || "#" } : {}
76
- }, {
77
- onClick: (m) => {
78
- k.handleItemClick(m, l);
79
- },
80
- class: [e.classes.link, l?.classes?.link],
81
- "aria-label": e.iconOnly ? l.title : null,
82
- id: l.id
83
- }), {
84
- default: O(() => [
85
- A(s.$slots, "default", {
86
- item: l,
87
- index: u
88
- }, () => [
89
- l.icon ? (n(), o(_, {
90
- key: 0,
91
- icon: l.icon,
92
- class: a([e.classes.linkIcon, l?.classes?.linkIcon])
93
- }, null, 8, ["icon", "class"])) : t("", !0),
94
- T("span", {
95
- class: a([e.classes.linkText, l?.classes?.linkText])
96
- }, b(l.title), 3),
97
- l.tag ? (n(), o(d, f({
98
- key: 1,
99
- ref_for: !0
100
- }, l.tag), null, 16)) : t("", !0)
101
- ])
102
- ]),
103
- _: 2
104
- }, 1040, ["onClick", "class", "aria-label", "id"])), [
105
- [y, e.iconOnly ? l.title : l.tooltip || null]
106
- ]),
107
- !e.noChildren && l?.children?.length ? (n(), o(h, {
108
- key: 0,
109
- iconOnly: e.iconOnly,
110
- classes: e.classes,
111
- items: l.children
112
- }, null, 8, ["iconOnly", "classes", "items"])) : t("", !0)
113
- ], 2))), 128))
114
- ], 2)) : t("", !0);
115
- }
116
- const F = /* @__PURE__ */ D(M, [["render", S]]);
117
118
  export {
118
- F as default
119
+ j as default
119
120
  };
@@ -1,4 +1,9 @@
1
- declare const _default: import('vue').DefineComponent<{}, {
1
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
2
+ export default _default;
3
+ type __VLS_WithTemplateSlots<T, S> = T & (new () => {
4
+ $slots: S;
5
+ });
6
+ declare const __VLS_component: import('vue').DefineComponent<{}, {
2
7
  noChildren: boolean;
3
8
  containerElement: string;
4
9
  hanging: boolean;
@@ -14,5 +19,10 @@ declare const _default: import('vue').DefineComponent<{}, {
14
19
  readonly items?: unknown[] | undefined;
15
20
  };
16
21
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
17
- export default _default;
22
+ type __VLS_TemplateResult = {
23
+ attrs: Partial<{}>;
24
+ slots: Partial<Record<number, (_: any) => any>>;
25
+ refs: {};
26
+ rootEl: any;
27
+ };
18
28
  //# sourceMappingURL=UluMenuStack.vue.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"UluMenuStack.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/navigation/UluMenuStack.vue"],"names":[],"mappings":"AAqBA;"}
1
+ {"version":3,"file":"UluMenuStack.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/navigation/UluMenuStack.vue"],"names":[],"mappings":"AA0BA;wBA6NqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAVjC;;;;;;;;;;;;;;;2OAOG"}
@@ -1,7 +1,7 @@
1
- import { computed as i, createBlock as o, openBlock as r, resolveDynamicComponent as s, normalizeClass as c, unref as m, withCtx as l, createVNode as u } from "vue";
2
- import k from "./UluMenu.vue.js";
3
- import { useModifiers as f } from "../../composables/useModifiers.js";
4
- const C = {
1
+ import { computed as m, createBlock as c, createCommentVNode as l, openBlock as u, resolveDynamicComponent as k, normalizeClass as d, unref as f, withCtx as r, createVNode as _, createSlots as p, renderList as g, renderSlot as h, normalizeProps as C, guardReactiveProps as S } from "vue";
2
+ import B from "./UluMenu.vue.js";
3
+ import { useModifiers as y } from "../../composables/useModifiers.js";
4
+ const b = {
5
5
  __name: "UluMenuStack",
6
6
  props: {
7
7
  /**
@@ -33,19 +33,20 @@ const C = {
33
33
  modifiers: [String, Array]
34
34
  },
35
35
  setup(e) {
36
- const n = e, t = i(() => ({
37
- hanging: n.hanging,
38
- compact: n.compact
39
- })), { resolvedModifiers: a } = f({
40
- props: n,
41
- internal: t,
36
+ const t = e, o = m(() => ({
37
+ hanging: t.hanging,
38
+ compact: t.compact
39
+ })), { resolvedModifiers: i } = y({
40
+ props: t,
41
+ internal: o,
42
42
  baseClass: "menu-stack"
43
43
  });
44
- return (_, d) => (r(), o(s(e.containerElement), {
45
- class: c(["menu-stack", m(a)])
44
+ return (n, v) => e.items?.length ? (u(), c(k(e.containerElement), {
45
+ key: 0,
46
+ class: d(["menu-stack", f(i)])
46
47
  }, {
47
- default: l(() => [
48
- u(k, {
48
+ default: r(() => [
49
+ _(B, {
49
50
  items: e.items,
50
51
  classes: {
51
52
  list: "menu-stack__list",
@@ -57,12 +58,19 @@ const C = {
57
58
  itemSeparatorAfter: "menu-stack__item--separator-after"
58
59
  },
59
60
  noChildren: e.noChildren
60
- }, null, 8, ["items", "noChildren"])
61
+ }, p({ _: 2 }, [
62
+ g(n.$slots, (M, a) => ({
63
+ name: a,
64
+ fn: r((s) => [
65
+ h(n.$slots, a, C(S(s)))
66
+ ])
67
+ }))
68
+ ]), 1032, ["items", "noChildren"])
61
69
  ]),
62
- _: 1
63
- }, 8, ["class"]));
70
+ _: 3
71
+ }, 8, ["class"])) : l("", !0);
64
72
  }
65
73
  };
66
74
  export {
67
- C as default
75
+ b as default
68
76
  };