@eslamdevui/ui 4.3.0 → 4.3.1
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/dist/module.json +1 -1
- package/dist/module.mjs +2 -2
- package/dist/runtime/components/Marquee.d.vue.ts +5 -0
- package/dist/runtime/components/Marquee.vue +4 -1
- package/dist/runtime/components/Marquee.vue.d.ts +5 -0
- package/dist/shared/{ui.ZAh839z9.mjs → ui.Cz6bP3Pn.mjs} +5 -0
- package/dist/unplugin.mjs +1 -1
- package/dist/vite.mjs +1 -1
- package/package.json +2 -2
package/dist/module.json
CHANGED
package/dist/module.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defu } from 'defu';
|
|
2
2
|
import { defineNuxtModule, createResolver, addPlugin, hasNuxtModule, addComponentsDir, addImportsDir, installModule } from '@nuxt/kit';
|
|
3
|
-
import { d as defaultOptions, r as resolveColors, a as getDefaultConfig, b as addTemplates } from './shared/ui.
|
|
3
|
+
import { d as defaultOptions, r as resolveColors, a as getDefaultConfig, b as addTemplates } from './shared/ui.Cz6bP3Pn.mjs';
|
|
4
4
|
import '../dist/runtime/utils/index.js';
|
|
5
5
|
import 'node:url';
|
|
6
6
|
import 'scule';
|
|
@@ -11,7 +11,7 @@ import 'pathe';
|
|
|
11
11
|
import 'tinyglobby';
|
|
12
12
|
|
|
13
13
|
const name = "@eslamdevui/ui";
|
|
14
|
-
const version = "4.3.
|
|
14
|
+
const version = "4.3.1";
|
|
15
15
|
|
|
16
16
|
const module$1 = defineNuxtModule({
|
|
17
17
|
meta: {
|
|
@@ -13,6 +13,11 @@ export interface MarqueeProps {
|
|
|
13
13
|
* @defaultValue false
|
|
14
14
|
*/
|
|
15
15
|
pauseOnHover?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* Pause the marquee on touch.
|
|
18
|
+
* @defaultValue false
|
|
19
|
+
*/
|
|
20
|
+
pauseOnTouch?: boolean;
|
|
16
21
|
/**
|
|
17
22
|
* Reverse the direction of the marquee.
|
|
18
23
|
* @defaultValue false
|
|
@@ -10,6 +10,7 @@ import { tv } from "../utils/tv";
|
|
|
10
10
|
const props = defineProps({
|
|
11
11
|
as: { type: null, required: false },
|
|
12
12
|
pauseOnHover: { type: Boolean, required: false },
|
|
13
|
+
pauseOnTouch: { type: Boolean, required: false },
|
|
13
14
|
reverse: { type: Boolean, required: false },
|
|
14
15
|
orientation: { type: null, required: false, default: "horizontal" },
|
|
15
16
|
repeat: { type: Number, required: false, default: 4 },
|
|
@@ -21,6 +22,7 @@ defineSlots();
|
|
|
21
22
|
const appConfig = useAppConfig();
|
|
22
23
|
const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.marquee || {} })({
|
|
23
24
|
pauseOnHover: props.pauseOnHover,
|
|
25
|
+
pauseOnTouch: props.pauseOnTouch,
|
|
24
26
|
orientation: props.orientation,
|
|
25
27
|
reverse: props.reverse,
|
|
26
28
|
overlay: props.overlay
|
|
@@ -28,7 +30,8 @@ const ui = computed(() => tv({ extend: tv(theme), ...appConfig.ui?.marquee || {}
|
|
|
28
30
|
</script>
|
|
29
31
|
|
|
30
32
|
<template>
|
|
31
|
-
<Primitive :as="as" :data-orientation="orientation" data-slot="root"
|
|
33
|
+
<Primitive :as="as" :data-orientation="orientation" data-slot="root"
|
|
34
|
+
:class="ui.root({ class: [props.ui?.root, props.class] })">
|
|
32
35
|
<div v-for="i in repeat" :key="i" data-slot="content" :class="ui.content({ class: [props.ui?.content] })">
|
|
33
36
|
<slot />
|
|
34
37
|
</div>
|
|
@@ -13,6 +13,11 @@ export interface MarqueeProps {
|
|
|
13
13
|
* @defaultValue false
|
|
14
14
|
*/
|
|
15
15
|
pauseOnHover?: boolean;
|
|
16
|
+
/**
|
|
17
|
+
* Pause the marquee on touch.
|
|
18
|
+
* @defaultValue false
|
|
19
|
+
*/
|
|
20
|
+
pauseOnTouch?: boolean;
|
|
16
21
|
/**
|
|
17
22
|
* Reverse the direction of the marquee.
|
|
18
23
|
* @defaultValue false
|
|
@@ -3434,6 +3434,11 @@ const marquee = {
|
|
|
3434
3434
|
content: "group-hover:[animation-play-state:paused]"
|
|
3435
3435
|
}
|
|
3436
3436
|
},
|
|
3437
|
+
pauseOnTouch: {
|
|
3438
|
+
true: {
|
|
3439
|
+
content: "group-active:[animation-play-state:paused]"
|
|
3440
|
+
}
|
|
3441
|
+
},
|
|
3437
3442
|
reverse: {
|
|
3438
3443
|
true: {
|
|
3439
3444
|
content: "![animation-direction:reverse]"
|
package/dist/unplugin.mjs
CHANGED
|
@@ -3,7 +3,7 @@ import { join, normalize } from 'pathe';
|
|
|
3
3
|
import { createUnplugin } from 'unplugin';
|
|
4
4
|
import { defu } from 'defu';
|
|
5
5
|
import tailwind from '@tailwindcss/vite';
|
|
6
|
-
import { g as getTemplates, d as defaultOptions, r as resolveColors, a as getDefaultConfig } from './shared/ui.
|
|
6
|
+
import { g as getTemplates, d as defaultOptions, r as resolveColors, a as getDefaultConfig } from './shared/ui.Cz6bP3Pn.mjs';
|
|
7
7
|
import fs from 'node:fs';
|
|
8
8
|
import path from 'node:path';
|
|
9
9
|
import MagicString from 'magic-string';
|
package/dist/vite.mjs
CHANGED
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@eslamdevui/ui",
|
|
3
3
|
"description": "A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS.",
|
|
4
|
-
"version": "4.3.
|
|
5
|
-
"packageManager": "pnpm@10.
|
|
4
|
+
"version": "4.3.1",
|
|
5
|
+
"packageManager": "pnpm@10.27.0",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
8
8
|
"url": "git+https://github.com/nuxt/ui.git"
|