eco-vue-js 0.10.40 → 0.10.42

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 (156) hide show
  1. package/dist/components/ActionsBar/WActionsBar.vue.d.ts +0 -1
  2. package/dist/components/ActionsBar/WActionsBar.vue.d.ts.map +1 -1
  3. package/dist/components/ActionsBar/WActionsBar.vue.js +24 -38
  4. package/dist/components/ActionsBar/WActionsBarFilter.vue.d.ts +24 -0
  5. package/dist/components/ActionsBar/WActionsBarFilter.vue.d.ts.map +1 -0
  6. package/dist/components/ActionsBar/WActionsBarFilter.vue.js +25 -0
  7. package/dist/components/ActionsBar/WActionsBarFilter.vue2.js +5 -0
  8. package/dist/components/ActionsBar/use/useActionsBarFilter.d.ts +12 -0
  9. package/dist/components/ActionsBar/use/useActionsBarFilter.d.ts.map +1 -0
  10. package/dist/components/ActionsBar/use/useActionsBarFilter.js +20 -0
  11. package/dist/components/BottomSheet/WBottomSheet.vue.d.ts.map +1 -1
  12. package/dist/components/BottomSheet/WBottomSheet.vue.js +16 -14
  13. package/dist/components/Button/WButtonDropdown.vue.d.ts.map +1 -1
  14. package/dist/components/Button/WButtonDropdown.vue.js +3 -4
  15. package/dist/components/Button/WButtonTab.vue.d.ts +42 -0
  16. package/dist/components/Button/WButtonTab.vue.d.ts.map +1 -0
  17. package/dist/components/Button/WButtonTab.vue.js +135 -0
  18. package/dist/components/Button/WButtonTab.vue2.js +5 -0
  19. package/dist/components/DatePicker/WDatePicker.vue.d.ts.map +1 -1
  20. package/dist/components/DatePicker/WDatePicker.vue.js +4 -2
  21. package/dist/components/DatePicker/WDatePickerSingle.vue.d.ts.map +1 -1
  22. package/dist/components/DatePicker/WDatePickerSingle.vue.js +4 -2
  23. package/dist/components/DatePicker/components/CalendarDay.vue.d.ts +1 -0
  24. package/dist/components/DatePicker/components/CalendarDay.vue.d.ts.map +1 -1
  25. package/dist/components/DatePicker/components/CalendarDay.vue.js +4 -2
  26. package/dist/components/DatePicker/components/CalendarMonth.vue.d.ts +1 -0
  27. package/dist/components/DatePicker/components/CalendarMonth.vue.d.ts.map +1 -1
  28. package/dist/components/DatePicker/components/CalendarMonth.vue.js +7 -4
  29. package/dist/components/DatePicker/components/CalendarWeek.vue.d.ts +1 -0
  30. package/dist/components/DatePicker/components/CalendarWeek.vue.d.ts.map +1 -1
  31. package/dist/components/DatePicker/components/CalendarWeek.vue.js +6 -3
  32. package/dist/components/Dropdown/WDropdown.vue.d.ts.map +1 -1
  33. package/dist/components/Dropdown/WDropdown.vue.js +4 -2
  34. package/dist/components/Dropdown/types.d.ts +2 -1
  35. package/dist/components/Dropdown/types.d.ts.map +1 -1
  36. package/dist/components/DropdownMenu/WDropdownMenu.vue.d.ts +4 -2
  37. package/dist/components/DropdownMenu/WDropdownMenu.vue.d.ts.map +1 -1
  38. package/dist/components/DropdownMenu/WDropdownMenu.vue.js +7 -7
  39. package/dist/components/DropdownMenu/types.d.ts +0 -1
  40. package/dist/components/DropdownMenu/types.d.ts.map +1 -1
  41. package/dist/components/Expansion/WExpansionItem.vue.d.ts +1 -0
  42. package/dist/components/Expansion/WExpansionItem.vue.d.ts.map +1 -1
  43. package/dist/components/Expansion/WExpansionItem.vue.js +16 -15
  44. package/dist/components/FieldWrapper/WFieldWrapper.vue.js +1 -1
  45. package/dist/components/Form/WForm.vue.d.ts.map +1 -1
  46. package/dist/components/Form/WForm.vue.js +3 -2
  47. package/dist/components/FormAsync/WFormAsyncSelect.vue.js +1 -1
  48. package/dist/components/FormAsync/WFormAsyncSelectInfiniteSingle.vue.js +1 -1
  49. package/dist/components/FormAsync/WFormAsyncSelectSingle.vue.js +1 -1
  50. package/dist/components/FormAsync/WFormAsyncSelectStringified.vue.js +1 -1
  51. package/dist/components/HeaderBar/WHeaderBar.vue.d.ts +1 -20
  52. package/dist/components/HeaderBar/WHeaderBar.vue.d.ts.map +1 -1
  53. package/dist/components/HeaderBar/WHeaderBar.vue.js +30 -79
  54. package/dist/components/HeaderBar/WHeaderBarSearch.vue.d.ts +27 -0
  55. package/dist/components/HeaderBar/WHeaderBarSearch.vue.d.ts.map +1 -0
  56. package/dist/components/HeaderBar/WHeaderBarSearch.vue.js +24 -0
  57. package/dist/components/HeaderBar/WHeaderBarSearch.vue2.js +5 -0
  58. package/dist/components/HeaderBar/use/useHeaderSearch.d.ts +10 -0
  59. package/dist/components/HeaderBar/use/useHeaderSearch.d.ts.map +1 -0
  60. package/dist/components/HeaderBar/use/useHeaderSearch.js +14 -0
  61. package/dist/components/HeaderBar/use/useHeaderSearchVisible.d.ts +5 -0
  62. package/dist/components/HeaderBar/use/useHeaderSearchVisible.d.ts.map +1 -0
  63. package/dist/components/HeaderBar/use/useHeaderSearchVisible.js +14 -0
  64. package/dist/components/InfiniteList/WInfiniteListWrapper.vue.d.ts.map +1 -1
  65. package/dist/components/InfiniteList/WInfiniteListWrapper.vue.js +12 -20
  66. package/dist/components/InfiniteList/use/useInfiniteListHeader.d.ts +8 -8
  67. package/dist/components/InfiniteList/use/useInfiniteListHeader.d.ts.map +1 -1
  68. package/dist/components/InfiniteList/use/useInfiniteListHeader.js +16 -3
  69. package/dist/components/Input/WInput.vue.d.ts +1 -1
  70. package/dist/components/Input/WInput.vue.d.ts.map +1 -1
  71. package/dist/components/Input/WInput.vue.js +8 -3
  72. package/dist/components/Input/WInputDate.vue.js +2 -2
  73. package/dist/components/Input/WInputOptions.vue.js +2 -2
  74. package/dist/components/Input/WInputSuggest.vue.d.ts.map +1 -1
  75. package/dist/components/Input/WInputSuggest.vue.js +2 -3
  76. package/dist/components/List/WList.vue.d.ts +11 -2
  77. package/dist/components/List/WList.vue.d.ts.map +1 -1
  78. package/dist/components/List/WList.vue.js +266 -228
  79. package/dist/components/List/WListHeader.vue.js +1 -1
  80. package/dist/components/List/WListHeaderItem.vue.d.ts +6 -2
  81. package/dist/components/List/WListHeaderItem.vue.d.ts.map +1 -1
  82. package/dist/components/List/WListHeaderItem.vue.js +22 -10
  83. package/dist/components/List/components/HeaderSort.vue.d.ts +3 -1
  84. package/dist/components/List/components/HeaderSort.vue.d.ts.map +1 -1
  85. package/dist/components/List/components/HeaderSort.vue.js +4 -3
  86. package/dist/components/List/components/HeaderSortItem.vue.d.ts +7 -5
  87. package/dist/components/List/components/HeaderSortItem.vue.d.ts.map +1 -1
  88. package/dist/components/List/components/HeaderSortItem.vue.js +23 -10
  89. package/dist/components/List/components/ListFilterGlobal.vue.d.ts +25 -0
  90. package/dist/components/List/components/ListFilterGlobal.vue.d.ts.map +1 -0
  91. package/dist/components/List/components/ListFilterGlobal.vue.js +154 -0
  92. package/dist/components/List/components/ListFilterGlobal.vue2.js +5 -0
  93. package/dist/components/List/components/ListFilterGlobalItem.vue.d.ts +29 -0
  94. package/dist/components/List/components/ListFilterGlobalItem.vue.d.ts.map +1 -0
  95. package/dist/components/List/components/ListFilterGlobalItem.vue.js +49 -0
  96. package/dist/components/List/components/ListFilterGlobalItem.vue2.js +5 -0
  97. package/dist/components/List/components/ListFilterLocal.vue.d.ts +23 -0
  98. package/dist/components/List/components/ListFilterLocal.vue.d.ts.map +1 -0
  99. package/dist/components/List/components/ListFilterLocal.vue.js +148 -0
  100. package/dist/components/List/components/ListFilterLocal.vue2.js +5 -0
  101. package/dist/components/List/components/ListFilterSelect.vue.d.ts +21 -0
  102. package/dist/components/List/components/ListFilterSelect.vue.d.ts.map +1 -0
  103. package/dist/components/List/components/ListFilterSelect.vue.js +72 -0
  104. package/dist/components/List/components/ListFilterSelect.vue2.js +5 -0
  105. package/dist/components/List/models/utils.d.ts +3 -0
  106. package/dist/components/List/models/utils.d.ts.map +1 -0
  107. package/dist/components/List/models/utils.js +7 -0
  108. package/dist/components/List/types.d.ts +11 -0
  109. package/dist/components/List/types.d.ts.map +1 -1
  110. package/dist/components/Modal/WModal.vue.d.ts.map +1 -1
  111. package/dist/components/Modal/WModal.vue.js +8 -7
  112. package/dist/components/Modal/WModalStepper.vue.d.ts +28 -52
  113. package/dist/components/Modal/WModalStepper.vue.d.ts.map +1 -1
  114. package/dist/components/Modal/WModalWrapper.vue.d.ts.map +1 -1
  115. package/dist/components/Modal/WModalWrapper.vue.js +11 -4
  116. package/dist/components/Modal/models/injection.d.ts +1 -1
  117. package/dist/components/Modal/models/injection.d.ts.map +1 -1
  118. package/dist/components/Modal/models/injection.js +2 -2
  119. package/dist/components/Nav/WNavBar.vue.d.ts.map +1 -1
  120. package/dist/components/Nav/WNavBar.vue.js +13 -8
  121. package/dist/components/Select/WSelect.vue.js +1 -1
  122. package/dist/components/Select/WSelectAsync.vue.js +1 -1
  123. package/dist/components/Select/WSelectAsyncList.vue.d.ts +2 -2
  124. package/dist/components/Select/WSelectAsyncSingle.vue.js +1 -1
  125. package/dist/components/Select/WSelectSingle.vue.js +1 -1
  126. package/dist/components/Select/WSelectStringified.vue.js +1 -1
  127. package/dist/components/Select/components/SelectAsyncList.vue.d.ts +2 -2
  128. package/dist/components/Tabs/WTabs.vue.d.ts +18 -45
  129. package/dist/components/Tabs/WTabs.vue.d.ts.map +1 -1
  130. package/dist/components/Tabs/WTabs.vue.js +9 -18
  131. package/dist/components/Tabs/components/TabItem.vue.d.ts +1 -1
  132. package/dist/components/Tabs/components/TabItem.vue.d.ts.map +1 -1
  133. package/dist/components/Tabs/components/TabTitleButton.vue.d.ts +2 -14
  134. package/dist/components/Tabs/components/TabTitleButton.vue.d.ts.map +1 -1
  135. package/dist/components/Tabs/components/TabTitleButton.vue.js +19 -119
  136. package/dist/components/Tabs/types.d.ts +2 -1
  137. package/dist/components/Tabs/types.d.ts.map +1 -1
  138. package/dist/imports/componentsPlugin.d.ts +4 -1
  139. package/dist/imports/componentsPlugin.d.ts.map +1 -1
  140. package/dist/main.js +6 -3
  141. package/dist/types/global.d.ts +19 -4
  142. package/dist/utils/api.d.ts +14 -0
  143. package/dist/utils/api.d.ts.map +1 -1
  144. package/dist/utils/api.js +46 -2
  145. package/dist/utils/dateTime.d.ts +1 -0
  146. package/dist/utils/dateTime.d.ts.map +1 -1
  147. package/dist/utils/dateTime.js +4 -1
  148. package/dist/utils/utils.d.ts +18 -3
  149. package/dist/utils/utils.d.ts.map +1 -1
  150. package/dist/utils/utils.js +42 -1
  151. package/package.json +10 -1
  152. package/tailwind-base/plugins/default.ts +1 -0
  153. package/tailwind-base/theme/sizes.ts +2 -0
  154. package/dist/components/List/use/useOrdering.d.ts +0 -7
  155. package/dist/components/List/use/useOrdering.d.ts.map +0 -1
  156. package/dist/components/List/use/useOrdering.js +0 -36
@@ -13,7 +13,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
13
13
  isHoverEnabled: { type: Boolean },
14
14
  disabled: { type: Boolean },
15
15
  minDate: {},
16
- maxDate: {}
16
+ maxDate: {},
17
+ isToday: { type: Boolean }
17
18
  },
18
19
  emits: ["click:day", "hover:day"],
19
20
  setup(__props) {
@@ -84,7 +85,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
84
85
  class: normalizeClass(["square-9 relative flex items-center justify-center rounded-full", {
85
86
  "w-ripple w-ripple-hover": !isDisabled.value,
86
87
  "opacity-50": isDisabled.value,
87
- "bg-primary dark:bg-primary-dark font-semibold": isSelected.value
88
+ "bg-primary dark:bg-primary-dark text-default font-semibold": isSelected.value,
89
+ "bg-negative dark:bg-negative-dark text-default font-semibold": !isSelected.value && _ctx.isToday
88
90
  }])
89
91
  }, [
90
92
  createElementVNode("div", _hoisted_1, toDisplayString(_ctx.startOfDay.getDate()), 1)
@@ -9,6 +9,7 @@ type __VLS_Props = {
9
9
  minDate?: Date;
10
10
  maxDate?: Date;
11
11
  disabled?: boolean;
12
+ today: Date | undefined;
12
13
  };
13
14
  declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
14
15
  "click:day": (value: Date) => any;
@@ -1 +1 @@
1
- {"version":3,"file":"CalendarMonth.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/CalendarMonth.vue"],"names":[],"mappings":"AA8BA;AA2IA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAA;AAI9C,OAAO,EAAC,OAAO,EAAwC,MAAM,kBAAkB,CAAA;AAI/E,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,IAAI,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;;;;;;;;AA4LF,wBAQG"}
1
+ {"version":3,"file":"CalendarMonth.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/CalendarMonth.vue"],"names":[],"mappings":"AA+BA;AA+IA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAA;AAI9C,OAAO,EAAC,OAAO,EAAoD,MAAM,kBAAkB,CAAA;AAI3F,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,IAAI,CAAA;IAClB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,cAAc,EAAE,OAAO,CAAA;IACvB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,IAAI,GAAG,SAAS,CAAA;CACxB,CAAC;;;;;;;;AAkMF,wBAQG"}
@@ -1,5 +1,5 @@
1
- import { defineComponent, computed, createElementBlock, openBlock, createElementVNode, Fragment, renderList, toDisplayString, createBlock } from 'vue';
2
- import { getStartOfWeek, weekdayShortFormatter } from '../../../utils/dateTime.js';
1
+ import { defineComponent, computed, createElementBlock, openBlock, createElementVNode, Fragment, renderList, toDisplayString, createBlock, unref } from 'vue';
2
+ import { getStartOfWeek, weekdayShortFormatter, isSameDate } from '../../../utils/dateTime.js';
3
3
  import _sfc_main$1 from './CalendarWeek.vue.js';
4
4
 
5
5
  const _hoisted_1 = { class: "text-accent mb-2 flex text-xs font-semibold" };
@@ -13,11 +13,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
13
13
  isHoverEnabled: { type: Boolean },
14
14
  minDate: {},
15
15
  maxDate: {},
16
- disabled: { type: Boolean }
16
+ disabled: { type: Boolean },
17
+ today: {}
17
18
  },
18
19
  emits: ["click:day", "hover:day"],
19
20
  setup(__props) {
20
21
  const props = __props;
22
+ const toWeek = computed(() => props.today ? getStartOfWeek(props.today) : void 0);
21
23
  const startDayOfWeekPrepared = computed(() => props.startDayOfWeek || 1);
22
24
  const startOfFirstWeek = computed(() => {
23
25
  return getStartOfWeek(props.startOfMonth, startDayOfWeekPrepared.value);
@@ -94,9 +96,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
94
96
  "min-date": _ctx.minDate,
95
97
  "max-date": _ctx.maxDate,
96
98
  disabled: isDisabled.value,
99
+ today: _ctx.today && toWeek.value && unref(isSameDate)(toWeek.value, week) ? _ctx.today : void 0,
97
100
  "onClick:day": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click:day", $event)),
98
101
  "onHover:day": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("hover:day", $event))
99
- }, null, 8, ["start-of-month", "start-of-week", "date-range", "is-between", "is-hover-enabled", "min-date", "max-date", "disabled"]);
102
+ }, null, 8, ["start-of-month", "start-of-week", "date-range", "is-between", "is-hover-enabled", "min-date", "max-date", "disabled", "today"]);
100
103
  }), 128))
101
104
  ]);
102
105
  };
@@ -8,6 +8,7 @@ type __VLS_Props = {
8
8
  minDate?: Date;
9
9
  maxDate?: Date;
10
10
  disabled?: boolean;
11
+ today: Date | undefined;
11
12
  };
12
13
  declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
13
14
  "click:day": (value: Date) => any;
@@ -1 +1 @@
1
- {"version":3,"file":"CalendarWeek.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/CalendarWeek.vue"],"names":[],"mappings":"AAmBA;AA4GA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAA;AAM9C,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,IAAI,CAAA;IAClB,WAAW,EAAE,IAAI,CAAA;IACjB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,SAAS,EAAE,OAAO,CAAA;IAClB,cAAc,EAAE,OAAO,CAAA;IACvB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;;;;;;;;AAiKF,wBAQG"}
1
+ {"version":3,"file":"CalendarWeek.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/CalendarWeek.vue"],"names":[],"mappings":"AAoBA;AAgHA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,iBAAiB,CAAA;AAQ9C,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,IAAI,CAAA;IAClB,WAAW,EAAE,IAAI,CAAA;IACjB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,SAAS,EAAE,OAAO,CAAA;IAClB,cAAc,EAAE,OAAO,CAAA;IACvB,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,OAAO,CAAC,EAAE,IAAI,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,EAAE,IAAI,GAAG,SAAS,CAAA;CACxB,CAAC;;;;;;;;AAoKF,wBAQG"}
@@ -1,4 +1,5 @@
1
- import { defineComponent, computed, createElementBlock, openBlock, Fragment, renderList, createBlock } from 'vue';
1
+ import { defineComponent, computed, createElementBlock, openBlock, Fragment, renderList, createBlock, unref } from 'vue';
2
+ import { isSameDate } from '../../../utils/dateTime.js';
2
3
  import _sfc_main$1 from './CalendarDay.vue.js';
3
4
 
4
5
  const _hoisted_1 = { class: "flex" };
@@ -12,7 +13,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
12
13
  isHoverEnabled: { type: Boolean },
13
14
  minDate: {},
14
15
  maxDate: {},
15
- disabled: { type: Boolean }
16
+ disabled: { type: Boolean },
17
+ today: {}
16
18
  },
17
19
  emits: ["click:day", "hover:day"],
18
20
  setup(__props) {
@@ -72,9 +74,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
72
74
  "min-date": _ctx.minDate,
73
75
  "max-date": _ctx.maxDate,
74
76
  disabled: isDisabled.value,
77
+ "is-today": _ctx.today ? unref(isSameDate)(_ctx.today, day) : false,
75
78
  "onClick:day": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click:day", $event)),
76
79
  "onHover:day": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("hover:day", $event))
77
- }, null, 8, ["start-of-month", "start-of-day", "date-range", "is-between", "is-week-out-of-month", "is-hover-enabled", "min-date", "max-date", "disabled"]);
80
+ }, null, 8, ["start-of-month", "start-of-day", "date-range", "is-between", "is-week-out-of-month", "is-hover-enabled", "min-date", "max-date", "disabled", "is-today"]);
78
81
  }), 128))
79
82
  ]);
80
83
  };
@@ -1 +1 @@
1
- {"version":3,"file":"WDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/WDropdown.vue"],"names":[],"mappings":"AAqBA;AAkJA,OAAO,KAAK,EAAC,wBAAwB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AAEpE,OAAO,EAAC,KAAK,KAAK,EAAyF,MAAM,KAAK,CAAA;AAgItH,iBAAS,cAAc;WAqCT,OAAO,IAA6B;;iBArDvC,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;iBAA5C,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;;;;;EA0DtD;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;kBAUnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"WDropdown.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/WDropdown.vue"],"names":[],"mappings":"AAqBA;AA4JA,OAAO,KAAK,EAAC,wBAAwB,EAAE,aAAa,EAAC,MAAM,SAAS,CAAA;AAEpE,OAAO,EAAC,KAAK,KAAK,EAAyF,MAAM,KAAK,CAAA;AA0ItH,iBAAS,cAAc;WAqCT,OAAO,IAA6B;;iBArDvC,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;iBAA5C,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;;;;;EA0DtD;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;kBAUnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -10,6 +10,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
10
10
  maxHeight: {},
11
11
  maxWidth: {},
12
12
  horizontalAlign: {},
13
+ top: { type: Boolean },
13
14
  parentElement: {},
14
15
  updateAlign: { type: Boolean },
15
16
  emitUpdate: { type: Boolean }
@@ -51,7 +52,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
51
52
  if (updateSize) widthStyle.value = horizontalGetter.widthStyleGetter(newRect, props.maxWidth);
52
53
  }
53
54
  if (!verticalGetter || isTopChanged && (props.updateAlign || updateAlign)) {
54
- const order2 = horizontalGetter.verticalGetterOrder;
55
+ const order2 = props.top ? horizontalGetter.verticalGetterOrder.slice().reverse() : horizontalGetter.verticalGetterOrder;
55
56
  verticalGetter = searchStyleGetter(order2, newRect, props.maxHeight);
56
57
  isTop.value = verticalGetter.isTop;
57
58
  if (updateSize) heightStyle.value = verticalGetter.heightStyleGetter(newRect, props.maxHeight);
@@ -67,8 +68,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
67
68
  let requestAnimationFrameId = null;
68
69
  onMounted(() => {
69
70
  if (!isClientSide || !dropdownRef.value) return;
71
+ const parent = props.parentElement instanceof Element ? props.parentElement : props.parentElement instanceof Range ? props.parentElement.commonAncestorContainer : void 0;
70
72
  domListenerContainer = new DOMListenerContainer(
71
- [document, window, ...getAllScrollParents(props.parentElement)],
73
+ parent ? [document, window, ...getAllScrollParents(parent)] : [document, window],
72
74
  ["scroll", "touchmove", "resize"],
73
75
  () => {
74
76
  if (requestAnimationFrameId) window.cancelAnimationFrame(requestAnimationFrameId);
@@ -3,7 +3,8 @@ export interface DropdownProps {
3
3
  maxHeight: number;
4
4
  maxWidth: number;
5
5
  horizontalAlign: HorizontalAlign;
6
- parentElement: Element;
6
+ top?: boolean;
7
+ parentElement: Pick<Element, 'getBoundingClientRect'>;
7
8
  updateAlign?: boolean;
8
9
  emitUpdate?: boolean;
9
10
  }
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAE5D,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,eAAe,CAAA;IAChC,aAAa,EAAE,OAAO,CAAA;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,OAAO,CAAA;IACd,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,eAAe,EAAC,MAAM,yBAAyB,CAAA;AAE5D,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,eAAe,CAAA;IAChC,GAAG,CAAC,EAAE,OAAO,CAAA;IACb,aAAa,EAAE,IAAI,CAAC,OAAO,EAAE,uBAAuB,CAAC,CAAA;IACrD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,MAAM,MAAM,wBAAwB,GAAG;IACrC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,OAAO,CAAA;IACd,MAAM,EAAE,OAAO,CAAA;IACf,OAAO,EAAE,OAAO,CAAA;CACjB,CAAA"}
@@ -19,7 +19,8 @@ declare function __VLS_template(): {
19
19
  readonly maxHeight: number;
20
20
  readonly maxWidth: number;
21
21
  readonly horizontalAlign: import('../../main').HorizontalAlign;
22
- readonly parentElement: Element;
22
+ readonly top?: boolean | undefined;
23
+ readonly parentElement: Pick<Element, "getBoundingClientRect">;
23
24
  readonly updateAlign?: boolean | undefined;
24
25
  readonly emitUpdate?: boolean | undefined;
25
26
  readonly "onUpdate:rect"?: (() => any) | undefined;
@@ -96,7 +97,8 @@ declare const __VLS_component: import('vue').DefineComponent<DropdownMenuProps,
96
97
  readonly maxHeight: number;
97
98
  readonly maxWidth: number;
98
99
  readonly horizontalAlign: import('../../main').HorizontalAlign;
99
- readonly parentElement: Element;
100
+ readonly top?: boolean | undefined;
101
+ readonly parentElement: Pick<Element, "getBoundingClientRect">;
100
102
  readonly updateAlign?: boolean | undefined;
101
103
  readonly emitUpdate?: boolean | undefined;
102
104
  readonly "onUpdate:rect"?: (() => any) | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"WDropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/WDropdownMenu.vue"],"names":[],"mappings":"AAgCA;AAsEA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAC9C,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAA;AAEzE,OAAO,EAAC,KAAK,KAAK,EAAmC,MAAM,KAAK,CAAA;AAwChE,iBAAS,cAAc;WA2FT,OAAO,IAA6B;;iBA5GvC,MAAM,KAAK,EAAE;kBACZ,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;iBAD7C,MAAM,KAAK,EAAE;kBACZ,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAsJsljB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;EAtCnwjB;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAwBynjB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;OAflwjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"WDropdownMenu.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/WDropdownMenu.vue"],"names":[],"mappings":"AAiCA;AAsEA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,SAAS,CAAA;AAC9C,OAAO,KAAK,EAAC,wBAAwB,EAAC,MAAM,6BAA6B,CAAA;AAEzE,OAAO,EAAC,KAAK,KAAK,EAAmC,MAAM,KAAK,CAAA;AAuChE,iBAAS,cAAc;WA6FT,OAAO,IAA6B;;iBA9GvC,MAAM,KAAK,EAAE;kBACZ,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;iBAD7C,MAAM,KAAK,EAAE;kBACZ,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAyJmjjB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;EAvChujB;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAwBsljB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;OAf/tjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -1,23 +1,22 @@
1
1
  import { defineComponent, inject, useTemplateRef, computed, createElementBlock, openBlock, Fragment, createBlock, resolveDynamicComponent, unref, mergeProps, Teleport, createCommentVNode, normalizeStyle, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
2
2
  import _sfc_main$1 from '../Dropdown/WDropdown.vue.js';
3
- import { wBaseZInfex } from '../Modal/models/injection.js';
4
- import { unwrapSlots } from '../../utils/utils.js';
3
+ import { wBaseZIndex, unwrapSlots, BASE_ZINDEX_DROPDOWN } from '../../utils/utils.js';
5
4
 
6
5
  const _sfc_main = /* @__PURE__ */ defineComponent({
7
6
  __name: "WDropdownMenu",
8
7
  props: {
9
8
  isOpen: { type: Boolean },
10
- teleport: { type: Boolean },
11
9
  parentElement: {},
12
10
  maxHeight: {},
13
11
  maxWidth: {},
14
12
  horizontalAlign: {},
13
+ top: { type: Boolean },
15
14
  updateAlign: { type: Boolean },
16
15
  emitUpdate: { type: Boolean }
17
16
  },
18
17
  emits: ["update:rect"],
19
18
  setup(__props, { expose: __expose }) {
20
- const baseZInfex = inject(wBaseZInfex, 0);
19
+ const baseZIndex = inject(wBaseZIndex, 0);
21
20
  const containerRef = useTemplateRef("container");
22
21
  const dropdownRef = useTemplateRef("dropdown");
23
22
  const element = computed(() => containerRef.value instanceof HTMLElement ? containerRef.value : containerRef.value?.$el);
@@ -31,7 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
31
30
  (openBlock(), createBlock(resolveDynamicComponent(unref(unwrapSlots)(_ctx.$slots.toggle?.() ?? [])[0]), mergeProps({ ref: "container" }, _ctx.$attrs), null, 16)),
32
31
  (openBlock(), createBlock(Teleport, {
33
32
  to: "body",
34
- disabled: !_ctx.teleport || !_ctx.isOpen
33
+ disabled: !_ctx.isOpen
35
34
  }, [
36
35
  (_ctx.parentElement || element.value) && _ctx.isOpen ? (openBlock(), createBlock(_sfc_main$1, {
37
36
  key: 0,
@@ -42,14 +41,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
42
41
  "max-height": _ctx.maxHeight,
43
42
  "max-width": _ctx.maxWidth,
44
43
  "emit-update": _ctx.emitUpdate,
45
- style: normalizeStyle({ zIndex: _ctx.teleport ? unref(baseZInfex) + 2 : 2 }),
44
+ style: normalizeStyle({ zIndex: unref(baseZIndex) + unref(BASE_ZINDEX_DROPDOWN) }),
45
+ top: _ctx.top,
46
46
  "onUpdate:rect": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:rect"))
47
47
  }, {
48
48
  default: withCtx((defaultScope) => [
49
49
  renderSlot(_ctx.$slots, "content", normalizeProps(guardReactiveProps(defaultScope)))
50
50
  ]),
51
51
  _: 3
52
- }, 8, ["parent-element", "horizontal-align", "update-align", "max-height", "max-width", "emit-update", "style"])) : createCommentVNode("", true)
52
+ }, 8, ["parent-element", "horizontal-align", "update-align", "max-height", "max-width", "emit-update", "style", "top"])) : createCommentVNode("", true)
53
53
  ], 8, ["disabled"]))
54
54
  ], 64);
55
55
  };
@@ -1,7 +1,6 @@
1
1
  import { DropdownProps } from '../Dropdown/types';
2
2
  export interface DropdownMenuProps extends Omit<DropdownProps, 'parentElement'> {
3
3
  isOpen: boolean;
4
- teleport?: boolean;
5
4
  parentElement?: DropdownProps['parentElement'];
6
5
  }
7
6
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,aAAa,EAAE,eAAe,CAAC;IAC7E,MAAM,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;CAC/C"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/DropdownMenu/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAA;AAEpD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,aAAa,EAAE,eAAe,CAAC;IAC7E,MAAM,EAAE,OAAO,CAAA;IACf,aAAa,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAA;CAC/C"}
@@ -5,6 +5,7 @@ type __VLS_Props = {
5
5
  icon?: SVGComponent;
6
6
  hasFlag?: boolean;
7
7
  minTitle?: boolean;
8
+ toggleClass?: string;
8
9
  };
9
10
  declare function __VLS_template(): {
10
11
  attrs: Partial<{}>;
@@ -1 +1 @@
1
- {"version":3,"file":"WExpansionItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Expansion/WExpansionItem.vue"],"names":[],"mappings":"AAuDA;AA4FA,OAAO,EAAC,KAAK,KAAK,EAAiB,MAAM,KAAK,CAAA;AAM9C,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAyBF,iBAAS,cAAc;WA0HT,OAAO,IAA6B;;kBA1ItC,MAAM,KAAK,EAAE;gBACf,MAAM,KAAK,EAAE;;kBADX,MAAM,KAAK,EAAE;gBACf,MAAM,KAAK,EAAE;;;;;;EA8ItB;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;OAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"WExpansionItem.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Expansion/WExpansionItem.vue"],"names":[],"mappings":"AAqDA;AA2FA,OAAO,EAAC,KAAK,KAAK,EAAiB,MAAM,KAAK,CAAA;AAM9C,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,IAAI,CAAC,EAAE,YAAY,CAAA;IACnB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAC;AAyBF,iBAAS,cAAc;WA2HT,OAAO,IAA6B;;kBA3ItC,MAAM,KAAK,EAAE;gBACf,MAAM,KAAK,EAAE;;kBADX,MAAM,KAAK,EAAE;gBACf,MAAM,KAAK,EAAE;;;;;;EA+ItB;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;OAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -1,13 +1,12 @@
1
- import { defineComponent, useTemplateRef, createElementBlock, openBlock, Fragment, createBlock, createVNode, resolveDynamicComponent, withKeys, withCtx, createCommentVNode, createElementVNode, normalizeClass, createTextVNode, toDisplayString, Transition, unref, renderSlot } from 'vue';
1
+ import { defineComponent, useTemplateRef, createElementBlock, openBlock, Fragment, createBlock, createVNode, resolveDynamicComponent, withKeys, normalizeClass, withCtx, createElementVNode, createCommentVNode, createTextVNode, toDisplayString, Transition, unref, renderSlot } from 'vue';
2
2
  import IconArrow from '../../assets/icons/default/IconArrow.svg.js';
3
3
  import _sfc_main$1 from './WExpansion.vue.js';
4
4
 
5
- const _hoisted_1 = { class: "col-start-2 mr-2" };
6
- const _hoisted_2 = {
5
+ const _hoisted_1 = {
7
6
  key: 0,
8
7
  class: "square-2 bg-info dark:bg-info-dark absolute right-0 top-0 rounded-full"
9
8
  };
10
- const _hoisted_3 = { class: "col-start-3 ml-auto flex items-center justify-center" };
9
+ const _hoisted_2 = { class: "col-start-3 ml-auto flex items-center justify-center" };
11
10
  const _sfc_main = /* @__PURE__ */ defineComponent({
12
11
  __name: "WExpansionItem",
13
12
  props: {
@@ -15,7 +14,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
15
14
  title: {},
16
15
  icon: {},
17
16
  hasFlag: { type: Boolean },
18
- minTitle: { type: Boolean }
17
+ minTitle: { type: Boolean },
18
+ toggleClass: {}
19
19
  },
20
20
  emits: ["toggle"],
21
21
  setup(__props, { emit: __emit }) {
@@ -32,7 +32,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
32
32
  ref: "button",
33
33
  role: "button",
34
34
  tabindex: "0",
35
- class: "w-ripple w-ripple-hover -px--inner-margin -mx---inner-margin relative grid cursor-pointer select-none grid-cols-[auto,1fr,auto] items-center py-3 text-start",
35
+ class: normalizeClass(["w-ripple w-ripple-hover -px--inner-margin relative grid cursor-pointer select-none grid-cols-[1fr,auto] items-center gap-2 py-3 text-start", _ctx.toggleClass]),
36
36
  onClick: toggle,
37
37
  onKeydown: [
38
38
  withKeys(toggle, ["enter"]),
@@ -40,11 +40,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
40
40
  ]
41
41
  }, {
42
42
  default: withCtx(() => [
43
- _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
44
- key: 0,
45
- class: "square-[1.5em] mr-2"
46
- })) : createCommentVNode("", true),
47
- createElementVNode("div", _hoisted_1, [
43
+ createElementVNode("div", null, [
44
+ _ctx.icon ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon), {
45
+ key: 0,
46
+ class: "square-[1.25em] -mt-1 inline"
47
+ })) : createCommentVNode("", true),
48
+ _cache[0] || (_cache[0] = createTextVNode()),
48
49
  createElementVNode("span", {
49
50
  class: normalizeClass(["relative pr-4 font-semibold", { "text-xs": _ctx.minTitle }])
50
51
  }, [
@@ -56,23 +57,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
56
57
  "leave-to-class": "opacity-0"
57
58
  }, {
58
59
  default: withCtx(() => [
59
- _ctx.hasFlag ? (openBlock(), createElementBlock("div", _hoisted_2)) : createCommentVNode("", true)
60
+ _ctx.hasFlag ? (openBlock(), createElementBlock("div", _hoisted_1)) : createCommentVNode("", true)
60
61
  ]),
61
62
  _: 1
62
63
  })
63
64
  ], 2)
64
65
  ]),
65
- createElementVNode("div", _hoisted_3, [
66
+ createElementVNode("div", _hoisted_2, [
66
67
  createVNode(unref(IconArrow), {
67
68
  class: normalizeClass(["text-accent square-[1.25em] transition-transform", { "rotate-180": _ctx.isOpen }])
68
69
  }, null, 8, ["class"])
69
70
  ])
70
71
  ]),
71
72
  _: 1
72
- }, 544)),
73
+ }, 40, ["class"])),
73
74
  createVNode(_sfc_main$1, {
74
75
  "is-open": _ctx.isOpen,
75
- class: normalizeClass([_ctx.$attrs.class, "-px--inner-margin -mx---inner-margin py-2"])
76
+ class: normalizeClass([_ctx.$attrs.class, "py-2"])
76
77
  }, {
77
78
  default: withCtx(() => [
78
79
  renderSlot(_ctx.$slots, "default")
@@ -70,7 +70,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
70
70
  return (_ctx, _cache) => {
71
71
  return openBlock(), createElementBlock("div", mergeProps({ class: "group/field relative" }, { class: _ctx.$attrs.class, style: _ctx.$attrs.style }, {
72
72
  class: {
73
- "mb-[1.125rem] mt-1": !_ctx.noMargin && !_ctx.subgrid,
73
+ "mb-[1.125rem]": !_ctx.noMargin && !_ctx.subgrid,
74
74
  "col-span-full grid grid-cols-subgrid": _ctx.subgrid
75
75
  },
76
76
  onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click", $event))
@@ -1 +1 @@
1
- {"version":3,"file":"WForm.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/WForm.vue"],"names":[],"mappings":"AAKA;AA+KA,OAAO,EAAC,KAAK,YAAY,EAAiB,MAAM,gBAAgB,CAAA;AAGhE,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAC;AA0KF,iBAAS,cAAc;WA6BT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;kFASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"WForm.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/WForm.vue"],"names":[],"mappings":"AAKA;AAiLA,OAAO,EAAC,KAAK,YAAY,EAAiB,MAAM,gBAAgB,CAAA;AAGhE,KAAK,WAAW,GAAG;IACjB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,CAAC;AA4KF,iBAAS,cAAc;WA6BT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;kFASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -1,4 +1,4 @@
1
- import { defineComponent, toRef, computed, provide, inject, watch, onBeforeUnmount, createBlock, openBlock, resolveDynamicComponent, withCtx, renderSlot } from 'vue';
1
+ import { defineComponent, toRef, computed, inject, provide, watch, onBeforeUnmount, createBlock, openBlock, resolveDynamicComponent, withCtx, renderSlot } from 'vue';
2
2
  import _sfc_main$1 from '../EmptyComponent/WEmptyComponent.vue.js';
3
3
  import { wFormTitleUpdater, wFormUnlistener, wFormErrorMessageUpdater, wFormHasChangesUpdater, wFormHasValueUpdater, wFormHasShownUpdater, wFormInitModelUpdater, wFormInvalidateUpdater, wFormValidateUpdater } from './models/injection.js';
4
4
  import { compileMessage } from './models/utils.js';
@@ -82,6 +82,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
82
82
  });
83
83
  }
84
84
  );
85
+ const unlistenerInjected = inject(wFormUnlistener, void 0);
85
86
  const unlistener = (key) => {
86
87
  titleMap.unlistener(key);
87
88
  errorMessageMap.unlistener(key);
@@ -91,9 +92,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
91
92
  validateMap.unlistener(key);
92
93
  invalidateMap.unlistener(key);
93
94
  initModelMap.unlistener(key);
95
+ if (!props.name) unlistenerInjected?.(key);
94
96
  };
95
97
  provide(wFormUnlistener, unlistener);
96
- const unlistenerInjected = inject(wFormUnlistener, void 0);
97
98
  watch(errorMessageMap.map, () => emit("update:is-valid", isValid.value));
98
99
  watch(hasChangesMap.value, (value) => emit("update:has-changes", value));
99
100
  watch(hasValueMap.value, (value) => emit("update:has-value", value));
@@ -60,11 +60,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
60
60
  filterValue: {},
61
61
  subgrid: { type: Boolean },
62
62
  seamless: { type: Boolean },
63
- teleport: { type: Boolean },
64
63
  parentElement: {},
65
64
  maxHeight: {},
66
65
  maxWidth: {},
67
66
  horizontalAlign: {},
67
+ top: { type: Boolean },
68
68
  optionComponent: {},
69
69
  optionComponentProps: {},
70
70
  useQueryFnOptions: {},
@@ -65,11 +65,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
65
65
  filterValue: {},
66
66
  subgrid: { type: Boolean },
67
67
  seamless: { type: Boolean },
68
- teleport: { type: Boolean },
69
68
  parentElement: {},
70
69
  maxHeight: {},
71
70
  maxWidth: {},
72
71
  horizontalAlign: {},
72
+ top: { type: Boolean },
73
73
  optionComponent: {},
74
74
  optionComponentProps: {},
75
75
  useQueryFn: {},
@@ -61,11 +61,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
61
61
  filterValue: {},
62
62
  subgrid: { type: Boolean },
63
63
  seamless: { type: Boolean },
64
- teleport: { type: Boolean },
65
64
  parentElement: {},
66
65
  maxHeight: {},
67
66
  maxWidth: {},
68
67
  horizontalAlign: {},
68
+ top: { type: Boolean },
69
69
  optionComponent: {},
70
70
  optionComponentProps: {},
71
71
  useQueryFnOptions: {},
@@ -61,11 +61,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
61
61
  filterValue: {},
62
62
  subgrid: { type: Boolean },
63
63
  seamless: { type: Boolean },
64
- teleport: { type: Boolean },
65
64
  parentElement: {},
66
65
  maxHeight: {},
67
66
  maxWidth: {},
68
67
  horizontalAlign: {},
68
+ top: { type: Boolean },
69
69
  optionComponent: {},
70
70
  optionComponentProps: {},
71
71
  useQueryFnOptions: {},
@@ -1,23 +1,13 @@
1
1
  type __VLS_Props = {
2
2
  title?: string;
3
- search?: string;
4
- searchEnabled?: boolean;
5
3
  };
6
4
  declare function __VLS_template(): {
7
5
  attrs: Partial<{}>;
8
6
  slots: {
9
7
  title?(_: {}): any;
10
- search?(_: {}): any;
11
- search?(_: {}): any;
12
8
  };
13
9
  refs: {
14
10
  element: HTMLDivElement;
15
- input: import('vue').ShallowUnwrapRef<{
16
- focus: () => void;
17
- blur: () => void;
18
- fieldRef: import('vue').ComputedRef<HTMLDivElement | null | undefined>;
19
- scrollToInput: () => void;
20
- }> | null;
21
11
  };
22
12
  rootEl: HTMLDivElement;
23
13
  };
@@ -26,17 +16,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
26
16
  "update:search": (value: string | undefined) => any;
27
17
  }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
28
18
  "onUpdate:search"?: ((value: string | undefined) => any) | undefined;
29
- }>, {
30
- title: string;
31
- search: string;
32
- }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
19
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
33
20
  element: HTMLDivElement;
34
- input: import('vue').ShallowUnwrapRef<{
35
- focus: () => void;
36
- blur: () => void;
37
- fieldRef: import('vue').ComputedRef<HTMLDivElement | null | undefined>;
38
- scrollToInput: () => void;
39
- }> | null;
40
21
  }, HTMLDivElement>;
41
22
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
42
23
  export default _default;
@@ -1 +1 @@
1
- {"version":3,"file":"WHeaderBar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderBar/WHeaderBar.vue"],"names":[],"mappings":"AAsFA;AA2KA,KAAK,WAAW,GAAG;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAC;AA+DJ,iBAAS,cAAc;WA+LT,OAAO,IAA6B;;uBAdvB,GAAG;wBACD,GAAG;wBACH,GAAG;;;;;;;;;;;;EAiB/B;AAqBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;WA5RT,MAAM;YACL,MAAM;;;;;;;;;kBAqSjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"WHeaderBar.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/HeaderBar/WHeaderBar.vue"],"names":[],"mappings":"AAoDA;AA+GA,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAC;AAqCF,iBAAS,cAAc;WAqFT,OAAO,IAA6B;;uBAXvB,GAAG;;;;;;EAgB7B;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;kBASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}