mertani-web-toolkit 0.1.60 → 0.1.62
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.
|
@@ -53,6 +53,7 @@
|
|
|
53
53
|
// Any
|
|
54
54
|
class?: string;
|
|
55
55
|
style?: string;
|
|
56
|
+
isShowChevron?: boolean;
|
|
56
57
|
}
|
|
57
58
|
|
|
58
59
|
let {
|
|
@@ -99,7 +100,8 @@
|
|
|
99
100
|
|
|
100
101
|
// Any
|
|
101
102
|
class: className = '',
|
|
102
|
-
style: customStyle = ''
|
|
103
|
+
style: customStyle = '',
|
|
104
|
+
isShowChevron = true
|
|
103
105
|
}: Props = $props();
|
|
104
106
|
|
|
105
107
|
let open = $state(false);
|
|
@@ -274,9 +276,11 @@
|
|
|
274
276
|
title={tooltip || undefined}
|
|
275
277
|
>
|
|
276
278
|
<span class="dropdown-value">{currentLabel}</span>
|
|
277
|
-
|
|
278
|
-
<
|
|
279
|
-
|
|
279
|
+
{#if isShowChevron}
|
|
280
|
+
<span class="dropdown-chevron">
|
|
281
|
+
<Icon name="bs-chevron-down" />
|
|
282
|
+
</span>
|
|
283
|
+
{/if}
|
|
280
284
|
</button>
|
|
281
285
|
|
|
282
286
|
{#if open}
|
|
@@ -55,6 +55,7 @@
|
|
|
55
55
|
// Any
|
|
56
56
|
class?: string;
|
|
57
57
|
style?: string;
|
|
58
|
+
isShowChevron?: boolean;
|
|
58
59
|
}
|
|
59
60
|
|
|
60
61
|
const {
|
|
@@ -103,7 +104,8 @@
|
|
|
103
104
|
tooltip = '',
|
|
104
105
|
|
|
105
106
|
class: className = '',
|
|
106
|
-
style: customStyle = ''
|
|
107
|
+
style: customStyle = '',
|
|
108
|
+
isShowChevron = true
|
|
107
109
|
}: Props = $props();
|
|
108
110
|
|
|
109
111
|
// ===== Constants =====
|
|
@@ -416,10 +418,12 @@
|
|
|
416
418
|
title={tooltip || ''}
|
|
417
419
|
>
|
|
418
420
|
<span class="truncate">{labelOf(value) || placeholder}</span>
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
421
|
+
{#if isShowChevron}
|
|
422
|
+
<Icon
|
|
423
|
+
name="bs-chevron-down"
|
|
424
|
+
style="transform-origin: center; transition: transform 0.25s; transform: rotate({chevronRotation});"
|
|
425
|
+
/>
|
|
426
|
+
{/if}
|
|
423
427
|
</button>
|
|
424
428
|
|
|
425
429
|
{#if open}
|