rimelight-components 2.0.45 → 2.0.46
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
CHANGED
package/dist/module.mjs
CHANGED
|
@@ -4,7 +4,7 @@ import { readdirSync } from 'node:fs';
|
|
|
4
4
|
import { basename } from 'node:path';
|
|
5
5
|
|
|
6
6
|
const name = "rimelight-components";
|
|
7
|
-
const version = "2.0.
|
|
7
|
+
const version = "2.0.46";
|
|
8
8
|
const homepage = "https://rimelight.com/tools/rimelight-components";
|
|
9
9
|
|
|
10
10
|
const defaultOptions = {
|
|
@@ -31,26 +31,26 @@ watch(fileToUpload, (newFile) => {
|
|
|
31
31
|
</script>
|
|
32
32
|
|
|
33
33
|
<template>
|
|
34
|
-
<figure class="mx-auto space-y-4
|
|
34
|
+
<figure class="mx-auto space-y-4 flex flex-col gap-xs w-full">
|
|
35
35
|
<UFileUpload
|
|
36
36
|
v-slot="{ open }"
|
|
37
37
|
v-model="fileToUpload"
|
|
38
38
|
accept="image/*"
|
|
39
|
-
class="min-h-48"
|
|
39
|
+
class="min-h-48 w-full"
|
|
40
40
|
variant="area"
|
|
41
41
|
color="neutral"
|
|
42
42
|
label="Drop image here"
|
|
43
43
|
description="JPG, PNG, GIF or WEBP. Click to select."
|
|
44
44
|
>
|
|
45
45
|
<div class="flex flex-col items-center justify-center space-y-3 p-4">
|
|
46
|
-
<div class="w-full relative rounded-lg border border-default overflow-hidden
|
|
46
|
+
<div class="w-full relative rounded-lg border border-default overflow-hidden">
|
|
47
47
|
<img
|
|
48
48
|
v-if="previewSrc"
|
|
49
49
|
:src="previewSrc"
|
|
50
50
|
:alt="localAlt || 'Image preview'"
|
|
51
|
-
class="w-full h-
|
|
51
|
+
class="w-full h-auto object-contain transition-opacity duration-300"
|
|
52
52
|
/>
|
|
53
|
-
<div v-else class="w-full h-
|
|
53
|
+
<div v-else class="w-full h-48 flex items-center justify-center bg-elevated/25">
|
|
54
54
|
<UIcon name="i-lucide-image" class="w-10 h-10 text-muted" />
|
|
55
55
|
</div>
|
|
56
56
|
|
|
@@ -75,31 +75,45 @@ watch(fileToUpload, (newFile) => {
|
|
|
75
75
|
</div>
|
|
76
76
|
</div>
|
|
77
77
|
</div>
|
|
78
|
+
</div>
|
|
79
|
+
</UFileUpload>
|
|
78
80
|
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
81
|
+
<UInput
|
|
82
|
+
v-model="localAlt"
|
|
83
|
+
type="text"
|
|
84
|
+
placeholder="Alt text (accessibility)"
|
|
85
|
+
class="w-full"
|
|
86
|
+
variant="outline"
|
|
87
|
+
>
|
|
88
|
+
<template #leading>
|
|
89
|
+
<UTooltip>
|
|
90
|
+
<template #default>
|
|
87
91
|
<span class="text-xs text-muted">Alt</span>
|
|
88
92
|
</template>
|
|
89
|
-
|
|
93
|
+
<template #content>
|
|
94
|
+
The text description for the image used by screen readers.
|
|
95
|
+
</template>
|
|
96
|
+
</UTooltip>
|
|
97
|
+
</template>
|
|
98
|
+
</UInput>
|
|
90
99
|
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
100
|
+
<UTextarea
|
|
101
|
+
v-model="localCaption"
|
|
102
|
+
autoresize
|
|
103
|
+
placeholder="Caption (optional)"
|
|
104
|
+
class="w-full"
|
|
105
|
+
variant="outline"
|
|
106
|
+
>
|
|
107
|
+
<template #leading>
|
|
108
|
+
<UTooltip>
|
|
109
|
+
<template #default>
|
|
99
110
|
<span class="text-xs text-muted">Caption</span>
|
|
100
111
|
</template>
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
112
|
+
<template #content>
|
|
113
|
+
The text description for the image used by screen readers.
|
|
114
|
+
</template>
|
|
115
|
+
</UTooltip>
|
|
116
|
+
</template>
|
|
117
|
+
</UTextarea>
|
|
104
118
|
</figure>
|
|
105
119
|
</template>
|
|
@@ -36,7 +36,7 @@ const getComponent = (block) => {
|
|
|
36
36
|
title="Start adding content blocks."
|
|
37
37
|
description="There is no content yet. Use the '+' button below to add your first block."
|
|
38
38
|
/>
|
|
39
|
-
<div v-else class="flex flex-col gap-md ml-
|
|
39
|
+
<div v-else class="flex flex-col gap-md ml-10">
|
|
40
40
|
<template v-for="block in blocks" :key="block.id">
|
|
41
41
|
<RCBlock v-if="getComponent(block)" :id="block.id">
|
|
42
42
|
<component
|