@djcali570/component-lib 0.1.93 → 0.1.94
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/ContextMenu5.svelte
CHANGED
|
@@ -24,7 +24,8 @@
|
|
|
24
24
|
colorScheme: partialColorScheme = {},
|
|
25
25
|
ariaLabel = 'Open context menu',
|
|
26
26
|
menuAlign = 'right',
|
|
27
|
-
open = $bindable()
|
|
27
|
+
open = $bindable(),
|
|
28
|
+
iconSize = '20px'
|
|
28
29
|
}: {
|
|
29
30
|
icon?: Snippet;
|
|
30
31
|
content: Snippet;
|
|
@@ -32,6 +33,7 @@
|
|
|
32
33
|
ariaLabel?: string;
|
|
33
34
|
menuAlign?: 'left' | 'right';
|
|
34
35
|
open?: boolean;
|
|
36
|
+
iconSize?: string;
|
|
35
37
|
} = $props();
|
|
36
38
|
|
|
37
39
|
// Default colors
|
|
@@ -124,6 +126,7 @@
|
|
|
124
126
|
--context5__IconBorderColor: {colorScheme.iconBorderColor};
|
|
125
127
|
--context5__IconColor: {colorScheme.iconColor};
|
|
126
128
|
--context5__IconFillColor: {colorScheme.iconFillColor};
|
|
129
|
+
--context5__IconSize: {iconSize};
|
|
127
130
|
"
|
|
128
131
|
>
|
|
129
132
|
<button
|
|
@@ -179,28 +182,21 @@ top:{position.y}px;
|
|
|
179
182
|
}
|
|
180
183
|
|
|
181
184
|
.context5__icon {
|
|
182
|
-
width:
|
|
183
|
-
height:
|
|
185
|
+
width: var(--context5__IconSize);
|
|
186
|
+
height: var(--context5__IconSize);
|
|
184
187
|
display: flex;
|
|
185
188
|
align-items: center;
|
|
186
189
|
justify-content: center;
|
|
187
190
|
flex-shrink: 0;
|
|
188
191
|
}
|
|
189
192
|
|
|
190
|
-
.context5__icon :global(*) {
|
|
191
|
-
width: 100% !important;
|
|
192
|
-
height: 100% !important;
|
|
193
|
-
display: block;
|
|
194
|
-
}
|
|
195
|
-
|
|
196
193
|
.context5__btn {
|
|
197
|
-
width:
|
|
198
|
-
height:
|
|
194
|
+
width: var(--context5__IconSize);
|
|
195
|
+
height: var(--context5__IconSize);
|
|
199
196
|
padding: 0;
|
|
200
|
-
border-radius: 50%;
|
|
201
197
|
cursor: pointer;
|
|
202
|
-
background
|
|
203
|
-
border:
|
|
198
|
+
background: none;
|
|
199
|
+
border: none;
|
|
204
200
|
display: flex;
|
|
205
201
|
align-items: center;
|
|
206
202
|
justify-content: center;
|
|
@@ -7,6 +7,7 @@ type $$ComponentProps = {
|
|
|
7
7
|
ariaLabel?: string;
|
|
8
8
|
menuAlign?: 'left' | 'right';
|
|
9
9
|
open?: boolean;
|
|
10
|
+
iconSize?: string;
|
|
10
11
|
};
|
|
11
12
|
declare const ContextMenu5: import("svelte").Component<$$ComponentProps, {}, "open">;
|
|
12
13
|
type ContextMenu5 = ReturnType<typeof ContextMenu5>;
|