not-bulma 1.2.10 → 1.2.11
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/package.json
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
|
-
import UIButton from
|
|
2
|
-
import UIButtonsRow from
|
|
3
|
-
import UIButtons from
|
|
1
|
+
import UIButton from "./ui.button.svelte";
|
|
2
|
+
import UIButtonsRow from "./ui.buttons.row.svelte";
|
|
3
|
+
import UIButtons from "./ui.buttons.svelte";
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
import UIButtonSwitch from "./ui.button.switch.svelte";
|
|
6
|
+
|
|
7
|
+
export { UIButton, UIButtonsRow, UIButtons, UIButtonSwitch };
|
|
@@ -0,0 +1,73 @@
|
|
|
1
|
+
<script>
|
|
2
|
+
import { set } from "not-path";
|
|
3
|
+
import UIButton from "./ui.button.svelte";
|
|
4
|
+
import { createEventDispatcher } from "svelte";
|
|
5
|
+
|
|
6
|
+
const dispatch = createEventDispatcher();
|
|
7
|
+
|
|
8
|
+
export let title = "";
|
|
9
|
+
export let light = false;
|
|
10
|
+
export let loading = false;
|
|
11
|
+
export let raised = false;
|
|
12
|
+
export let outlined = false;
|
|
13
|
+
export let inverted = false;
|
|
14
|
+
export let rounded = false;
|
|
15
|
+
export let disabled = false;
|
|
16
|
+
export let state = "";
|
|
17
|
+
export let type = "";
|
|
18
|
+
export let color = "";
|
|
19
|
+
export let size = "";
|
|
20
|
+
export let classes = "";
|
|
21
|
+
export let icon = false;
|
|
22
|
+
export let iconSide = "right";
|
|
23
|
+
|
|
24
|
+
export let uiOff = () => {
|
|
25
|
+
return {
|
|
26
|
+
color: "",
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
|
|
30
|
+
export let uiOn = () => {
|
|
31
|
+
return {
|
|
32
|
+
color: "success",
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
|
|
36
|
+
export let action = () => {
|
|
37
|
+
selected = !selected;
|
|
38
|
+
return selected;
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
export let value;
|
|
42
|
+
export let selected = false;
|
|
43
|
+
|
|
44
|
+
function onClick(event) {
|
|
45
|
+
action(event, value, selected);
|
|
46
|
+
dispatch("click", { event, value, selected });
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
let uiElement;
|
|
50
|
+
|
|
51
|
+
$: selected ? uiElement.$set(uiOn()) : uiElement.$set(uiOff());
|
|
52
|
+
</script>
|
|
53
|
+
|
|
54
|
+
<UIButton
|
|
55
|
+
bind:this={uiElement}
|
|
56
|
+
{title}
|
|
57
|
+
{light}
|
|
58
|
+
{loading}
|
|
59
|
+
{raised}
|
|
60
|
+
{outlined}
|
|
61
|
+
{inverted}
|
|
62
|
+
{rounded}
|
|
63
|
+
{disabled}
|
|
64
|
+
{state}
|
|
65
|
+
{type}
|
|
66
|
+
{color}
|
|
67
|
+
{size}
|
|
68
|
+
{classes}
|
|
69
|
+
{icon}
|
|
70
|
+
{iconSide}
|
|
71
|
+
{value}
|
|
72
|
+
on:click={onClick}
|
|
73
|
+
></UIButton>
|