@maizzle/framework 6.1.6 → 6.1.7
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/components/Img.vue
CHANGED
|
@@ -254,6 +254,12 @@ const NotMsoBefore = () => createStaticVNode('<!--[if !mso]><!-->', 1)
|
|
|
254
254
|
const NotMsoAfter = () => createStaticVNode('<!--<![endif]-->', 1)
|
|
255
255
|
|
|
256
256
|
const imgClass = 'max-w-full align-middle'
|
|
257
|
+
const imgMergedClass = computed(() => twMerge(imgClass, parsedClass.value.className))
|
|
258
|
+
|
|
259
|
+
const restAttrs = computed(() => {
|
|
260
|
+
const { class: _, ...rest } = attrs
|
|
261
|
+
return rest
|
|
262
|
+
})
|
|
257
263
|
|
|
258
264
|
const cropClass = computed(() =>
|
|
259
265
|
twMerge(
|
|
@@ -317,16 +323,16 @@ const cropClass = computed(() =>
|
|
|
317
323
|
<picture>
|
|
318
324
|
<source v-if="darkSrc" :srcset="darkSrc" media="(prefers-color-scheme: dark)">
|
|
319
325
|
<source v-if="motionSrc" :srcset="motionSrc" :type="motionType || undefined" media="(prefers-reduced-motion: no-preference)">
|
|
320
|
-
<img v-bind="
|
|
326
|
+
<img v-bind="restAttrs" :src="src" :alt="alt" :width="hasWidth ? imgWidth : undefined" :data-maizzle-img-width="hasWidth ? undefined : ''" :class="imgMergedClass" data-juice-duplicates="false">
|
|
321
327
|
</picture>
|
|
322
328
|
</a>
|
|
323
329
|
<picture v-else-if="usePicture">
|
|
324
330
|
<source v-if="darkSrc" :srcset="darkSrc" media="(prefers-color-scheme: dark)">
|
|
325
331
|
<source v-if="motionSrc" :srcset="motionSrc" :type="motionType || undefined" media="(prefers-reduced-motion: no-preference)">
|
|
326
|
-
<img v-bind="
|
|
332
|
+
<img v-bind="restAttrs" :src="src" :alt="alt" :width="hasWidth ? imgWidth : undefined" :data-maizzle-img-width="hasWidth ? undefined : ''" :class="imgMergedClass" data-juice-duplicates="false">
|
|
327
333
|
</picture>
|
|
328
334
|
<a v-else-if="href" :href="href">
|
|
329
|
-
<img v-bind="
|
|
335
|
+
<img v-bind="restAttrs" :src="src" :alt="alt" :width="hasWidth ? imgWidth : undefined" :data-maizzle-img-width="hasWidth ? undefined : ''" :class="imgMergedClass" data-juice-duplicates="false">
|
|
330
336
|
</a>
|
|
331
|
-
<img v-else v-bind="
|
|
337
|
+
<img v-else v-bind="restAttrs" :src="src" :alt="alt" :width="hasWidth ? imgWidth : undefined" :data-maizzle-img-width="hasWidth ? undefined : ''" :class="imgMergedClass" data-juice-duplicates="false">
|
|
332
338
|
</template>
|
|
@@ -68,7 +68,7 @@ const tdId = outlookFallback ? nextId('st') : null
|
|
|
68
68
|
|
|
69
69
|
const mergedClass = computed(() => {
|
|
70
70
|
const userClass = (attrs.class as string) ?? ''
|
|
71
|
-
if (props.width == null) return userClass
|
|
71
|
+
if (props.width == null) return userClass ? twMerge(userClass) : undefined
|
|
72
72
|
return twMerge(`max-w-[${normalizeToPixels(props.width)}]`, userClass)
|
|
73
73
|
})
|
|
74
74
|
|
|
@@ -1,67 +1,67 @@
|
|
|
1
1
|
{
|
|
2
|
-
"hash": "
|
|
2
|
+
"hash": "629e7aaa",
|
|
3
3
|
"configHash": "87cfe796",
|
|
4
|
-
"lockfileHash": "
|
|
5
|
-
"browserHash": "
|
|
4
|
+
"lockfileHash": "b9ecc6bc",
|
|
5
|
+
"browserHash": "be13c6c6",
|
|
6
6
|
"optimized": {
|
|
7
7
|
"@lucide/vue": {
|
|
8
8
|
"src": "../../../../../node_modules/@lucide/vue/dist/esm/lucide-vue.mjs",
|
|
9
9
|
"file": "@lucide_vue.js",
|
|
10
|
-
"fileHash": "
|
|
10
|
+
"fileHash": "58cedac2",
|
|
11
11
|
"needsInterop": false
|
|
12
12
|
},
|
|
13
13
|
"@vueuse/core": {
|
|
14
14
|
"src": "../../../../../node_modules/@vueuse/core/dist/index.js",
|
|
15
15
|
"file": "@vueuse_core.js",
|
|
16
|
-
"fileHash": "
|
|
16
|
+
"fileHash": "365fbdfe",
|
|
17
17
|
"needsInterop": false
|
|
18
18
|
},
|
|
19
19
|
"@vueuse/shared": {
|
|
20
20
|
"src": "../../../../../node_modules/@vueuse/shared/dist/index.js",
|
|
21
21
|
"file": "@vueuse_shared.js",
|
|
22
|
-
"fileHash": "
|
|
22
|
+
"fileHash": "68a3a8e1",
|
|
23
23
|
"needsInterop": false
|
|
24
24
|
},
|
|
25
25
|
"class-variance-authority": {
|
|
26
26
|
"src": "../../../../../node_modules/class-variance-authority/dist/index.mjs",
|
|
27
27
|
"file": "class-variance-authority.js",
|
|
28
|
-
"fileHash": "
|
|
28
|
+
"fileHash": "152f7513",
|
|
29
29
|
"needsInterop": false
|
|
30
30
|
},
|
|
31
31
|
"clsx": {
|
|
32
32
|
"src": "../../../../../node_modules/clsx/dist/clsx.mjs",
|
|
33
33
|
"file": "clsx.js",
|
|
34
|
-
"fileHash": "
|
|
34
|
+
"fileHash": "e1c3c637",
|
|
35
35
|
"needsInterop": false
|
|
36
36
|
},
|
|
37
37
|
"culori": {
|
|
38
38
|
"src": "../../../../../node_modules/culori/src/index.js",
|
|
39
39
|
"file": "culori.js",
|
|
40
|
-
"fileHash": "
|
|
40
|
+
"fileHash": "1d1b1832",
|
|
41
41
|
"needsInterop": false
|
|
42
42
|
},
|
|
43
43
|
"reka-ui": {
|
|
44
44
|
"src": "../../../../../node_modules/reka-ui/dist/index.js",
|
|
45
45
|
"file": "reka-ui.js",
|
|
46
|
-
"fileHash": "
|
|
46
|
+
"fileHash": "8461fc3d",
|
|
47
47
|
"needsInterop": false
|
|
48
48
|
},
|
|
49
49
|
"tailwind-merge": {
|
|
50
50
|
"src": "../../../../../node_modules/tailwind-merge/dist/bundle-cjs.js",
|
|
51
51
|
"file": "tailwind-merge.js",
|
|
52
|
-
"fileHash": "
|
|
52
|
+
"fileHash": "23eeb620",
|
|
53
53
|
"needsInterop": true
|
|
54
54
|
},
|
|
55
55
|
"vue-router": {
|
|
56
56
|
"src": "../../../../../node_modules/vue-router/dist/vue-router.js",
|
|
57
57
|
"file": "vue-router.js",
|
|
58
|
-
"fileHash": "
|
|
58
|
+
"fileHash": "9b79e9cb",
|
|
59
59
|
"needsInterop": false
|
|
60
60
|
},
|
|
61
61
|
"vue": {
|
|
62
62
|
"src": "../../../../../node_modules/vue/dist/vue.runtime.esm-bundler.js",
|
|
63
63
|
"file": "vue.js",
|
|
64
|
-
"fileHash": "
|
|
64
|
+
"fileHash": "c5df9cf6",
|
|
65
65
|
"needsInterop": false
|
|
66
66
|
}
|
|
67
67
|
},
|