graphix-package-gui 0.8.0

A dataflow language for UIs and network programming, GUI package
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134

let button_style = |
  #background: [Color, null] = null,
  #border_color: [Color, null] = null,
  #border_radius: [f64, null] = null,
  #border_width: [f64, null] = null,
  #text_color: [Color, null] = null
| -> ButtonStyle { background, border_color, border_radius, border_width, text_color };

let checkbox_style = |
  #accent: [Color, null] = null,
  #background: [Color, null] = null,
  #border_color: [Color, null] = null,
  #border_radius: [f64, null] = null,
  #border_width: [f64, null] = null,
  #icon_color: [Color, null] = null,
  #text_color: [Color, null] = null
| -> CheckboxStyle { accent, background, border_color, border_radius, border_width, icon_color, text_color };

let container_style = |
  #background: [Color, null] = null,
  #border_color: [Color, null] = null,
  #border_radius: [f64, null] = null,
  #border_width: [f64, null] = null,
  #text_color: [Color, null] = null
| -> ContainerStyle { background, border_color, border_radius, border_width, text_color };

let menu_style = |
  #background: [Color, null] = null,
  #border_color: [Color, null] = null,
  #border_radius: [f64, null] = null,
  #border_width: [f64, null] = null,
  #selected_background: [Color, null] = null,
  #selected_text_color: [Color, null] = null,
  #text_color: [Color, null] = null
| -> MenuStyle { background, border_color, border_radius, border_width, selected_background, selected_text_color, text_color };

let pick_list_style = |
  #background: [Color, null] = null,
  #border_color: [Color, null] = null,
  #border_radius: [f64, null] = null,
  #border_width: [f64, null] = null,
  #handle_color: [Color, null] = null,
  #placeholder_color: [Color, null] = null,
  #text_color: [Color, null] = null
| -> PickListStyle { background, border_color, border_radius, border_width, handle_color, placeholder_color, text_color };

let progress_bar_style = |
  #background: [Color, null] = null,
  #bar_color: [Color, null] = null,
  #border_radius: [f64, null] = null
| -> ProgressBarStyle { background, bar_color, border_radius };

let radio_style = |
  #background: [Color, null] = null,
  #border_color: [Color, null] = null,
  #border_width: [f64, null] = null,
  #dot_color: [Color, null] = null,
  #text_color: [Color, null] = null
| -> RadioStyle { background, border_color, border_width, dot_color, text_color };

let rule_style = |
  #color: [Color, null] = null,
  #radius: [f64, null] = null,
  #width: [f64, null] = null
| -> RuleStyle { color, radius, width };

let scrollable_style = |
  #background: [Color, null] = null,
  #border_color: [Color, null] = null,
  #border_radius: [f64, null] = null,
  #border_width: [f64, null] = null,
  #scroller_color: [Color, null] = null
| -> ScrollableStyle { background, border_color, border_radius, border_width, scroller_color };

let slider_style = |
  #handle_border_color: [Color, null] = null,
  #handle_border_width: [f64, null] = null,
  #handle_color: [Color, null] = null,
  #handle_radius: [f64, null] = null,
  #rail_color: [Color, null] = null,
  #rail_fill_color: [Color, null] = null,
  #rail_width: [f64, null] = null
| -> SliderStyle { handle_border_color, handle_border_width, handle_color, handle_radius, rail_color, rail_fill_color, rail_width };

let text_editor_style = |
  #background: [Color, null] = null,
  #border_color: [Color, null] = null,
  #border_radius: [f64, null] = null,
  #border_width: [f64, null] = null,
  #placeholder_color: [Color, null] = null,
  #selection_color: [Color, null] = null,
  #value_color: [Color, null] = null
| -> TextEditorStyle { background, border_color, border_radius, border_width, placeholder_color, selection_color, value_color };

let text_input_style = |
  #background: [Color, null] = null,
  #border_color: [Color, null] = null,
  #border_radius: [f64, null] = null,
  #border_width: [f64, null] = null,
  #icon_color: [Color, null] = null,
  #placeholder_color: [Color, null] = null,
  #selection_color: [Color, null] = null,
  #value_color: [Color, null] = null
| -> TextInputStyle { background, border_color, border_radius, border_width, icon_color, placeholder_color, selection_color, value_color };

let toggler_style = |
  #background: [Color, null] = null,
  #background_border_color: [Color, null] = null,
  #border_radius: [f64, null] = null,
  #foreground: [Color, null] = null,
  #foreground_border_color: [Color, null] = null,
  #text_color: [Color, null] = null
| -> TogglerStyle { background, background_border_color, border_radius, foreground, foreground_border_color, text_color };

let stylesheet = |
  #palette: Palette,
  #button: [ButtonStyle, null] = null,
  #checkbox: [CheckboxStyle, null] = null,
  #container: [ContainerStyle, null] = null,
  #menu: [MenuStyle, null] = null,
  #pick_list: [PickListStyle, null] = null,
  #progress_bar: [ProgressBarStyle, null] = null,
  #radio: [RadioStyle, null] = null,
  #rule: [RuleStyle, null] = null,
  #scrollable: [ScrollableStyle, null] = null,
  #slider: [SliderStyle, null] = null,
  #text_editor: [TextEditorStyle, null] = null,
  #text_input: [TextInputStyle, null] = null,
  #toggler: [TogglerStyle, null] = null
| -> StyleSheet {
  button, checkbox, container, menu, palette,
  pick_list, progress_bar, radio, rule,
  scrollable, slider, text_editor, text_input, toggler
};