vueless 0.0.88 → 0.0.90

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vueless",
3
- "version": "0.0.88",
3
+ "version": "0.0.90",
4
4
  "license": "MIT",
5
5
  "description": "Vue Styleless Component Framework.",
6
6
  "homepage": "https://vueless.com",
@@ -65,7 +65,7 @@ export default /*tw*/ {
65
65
  titleSize: "lg",
66
66
  width: "wide",
67
67
  gray: false,
68
- fixedRounding: true,
68
+ fixedRounding: false,
69
69
  mobileFooterReverse: false,
70
70
  },
71
71
  };
@@ -180,11 +180,11 @@ export function getSortedLocale(locale, type) {
180
180
  }
181
181
 
182
182
  export function getDateFromUnixTimestamp(timestamp) {
183
- return new Date(timestamp * 1000);
183
+ return new Date(timestamp);
184
184
  }
185
185
 
186
186
  export function getUnixTimestampFromDate(date) {
187
- return date.getTime() / 1000;
187
+ return date.getTime();
188
188
  }
189
189
 
190
190
  export function getDatesDifference(dateOne, dateTwo, timeless = true) {
@@ -9,8 +9,10 @@ export function useAttrs(props) {
9
9
 
10
10
  const listAttrs = getAttrs("list");
11
11
  const itemAttrsRaw = getAttrs("item");
12
+ const itemEllipsisAttrs = getAttrs("itemEllipsis");
12
13
  const ellipsisAttrs = getAttrs("ellipsis");
13
14
  const navigationButtonAttrs = getAttrs("navigationButton", { isComponent: true });
15
+ const navigationButtonTextAttrs = getAttrs("navigationButtonText");
14
16
  const pageButtonAttrsRaw = getAttrs("pageButton", { isComponent: true });
15
17
 
16
18
  const itemAttrs = computed(() => (page = 0) => {
@@ -34,7 +36,9 @@ export function useAttrs(props) {
34
36
  return {
35
37
  listAttrs,
36
38
  itemAttrs,
39
+ itemEllipsisAttrs,
37
40
  navigationButtonAttrs,
41
+ navigationButtonTextAttrs,
38
42
  pageButtonAttrs,
39
43
  ellipsisAttrs,
40
44
  };
@@ -2,7 +2,9 @@ export default /*tw*/ {
2
2
  list: "flex",
3
3
  item: "h-9 min-w-9 flex items-center justify-center",
4
4
  ellipsis: "hidden md:flex",
5
+ itemEllipsis: "leading-none",
5
6
  navigationButton: "size-full rounded font-normal disabled:hover:bg-transparent",
7
+ navigationButtonText: "h-9 min-w-9 leading-none",
6
8
  pageButton: "size-full rounded font-normal disabled:hover:bg-transparent",
7
9
  pageButtonActive: `
8
10
  rounded !bg-brand-900/15
@@ -10,7 +10,7 @@
10
10
  @click="goToFirstPage"
11
11
  >
12
12
  <slot name="first-label">
13
- <span v-html="firstLabel" />
13
+ <span v-bind="navigationButtonTextAttrs" v-html="firstLabel" />
14
14
  </slot>
15
15
  </UButton>
16
16
  </li>
@@ -24,13 +24,13 @@
24
24
  @click="goToPrevPage"
25
25
  >
26
26
  <slot name="prev-label">
27
- <span v-html="prevLabel" />
27
+ <span v-bind="navigationButtonTextAttrs" v-html="prevLabel" />
28
28
  </slot>
29
29
  </UButton>
30
30
  </li>
31
31
 
32
32
  <li v-for="page in pageButtons" :key="page" v-bind="itemAttrs(page)">
33
- <span v-if="!isFinite(page.number)" v-html="ELLIPSIS_LABEL" />
33
+ <span v-if="!isFinite(page.number)" v-bind="itemEllipsisAttrs" v-html="ELLIPSIS_LABEL" />
34
34
 
35
35
  <UButton
36
36
  v-else
@@ -55,7 +55,7 @@
55
55
  @click="goToNextPage"
56
56
  >
57
57
  <slot name="next-label">
58
- <span v-html="nextLabel" />
58
+ <span v-bind="navigationButtonTextAttrs" v-html="nextLabel" />
59
59
  </slot>
60
60
  </UButton>
61
61
  </li>
@@ -69,7 +69,7 @@
69
69
  @click="goToLastPage"
70
70
  >
71
71
  <slot name="next-label">
72
- <span v-html="lastLabel" />
72
+ <span v-bind="navigationButtonTextAttrs" v-html="lastLabel" />
73
73
  </slot>
74
74
  </UButton>
75
75
  </li>
@@ -209,7 +209,14 @@ const props = defineProps({
209
209
 
210
210
  const emit = defineEmits(["change", "update:modelValue"]);
211
211
 
212
- const { listAttrs, itemAttrs, navigationButtonAttrs, pageButtonAttrs } = useAttrs(props);
212
+ const {
213
+ listAttrs,
214
+ itemAttrs,
215
+ itemEllipsisAttrs,
216
+ navigationButtonAttrs,
217
+ navigationButtonTextAttrs,
218
+ pageButtonAttrs,
219
+ } = useAttrs(props);
213
220
 
214
221
  const currentPage = computed({
215
222
  get: () => props.modelValue,
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "framework": "vue",
3
3
  "name": "vueless",
4
- "version": "0.0.88",
4
+ "version": "0.0.90",
5
5
  "contributions": {
6
6
  "html": {
7
7
  "description-markup": "markdown",
@@ -5208,7 +5208,7 @@
5208
5208
  "kind": "expression",
5209
5209
  "type": "boolean"
5210
5210
  },
5211
- "default": "true"
5211
+ "default": "false"
5212
5212
  },
5213
5213
  {
5214
5214
  "name": "config",