bevy_cobweb_ui 0.22.2

UI framework for the bevy game engine
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

// Frame scenes for the editor.

#manifest
self as editor.frame

#import
builtin.colors.tailwind as tw

#commands
// The user can override this by inserting a new PrimaryCursor command.
// TODO: find a better way to 'get back to default' when a temp cursor is done being used, that is compatible with
// users defining their own cursor scheme
PrimaryCursor(System(Default))

#scenes
"base"
    FlexNode{width:100vw height:100vh flex_direction:Column justify_main:FlexStart justify_cross:FlexStart}
    BackgroundColor($tw::STONE_800)
    ResponsiveCursor{hover:System(Default)}

    "dropdown"
        FlexNode{
            width:100% border:{bottom:1px}
            flex_direction:Column justify_main:FlexStart justify_cross:Center
        }
        BackgroundColor(#000000)
        Splat<BorderColor>(#FFFFFF)
        ResponsiveCursor{hover:System(Grab)}
        FocusPolicy::Block

    "content"
        FlexNode{width:100% flex_grow:1 flex_direction:Column justify_main:FlexStart justify_cross:FlexStart}

    "footer"
        FlexNode{width:100% flex_direction:Row justify_main:FlexEnd justify_cross:Center}

        "unsaved"
            TextLine{size:14 text:"unsaved changes"}
            Multi<Static<TextLineColor>>[{value:#00000000} {state:[Enabled] value:#AABBBBBB}]

        "save"
            FlexNode{margin:{top:6px bottom:6px right:8px left:8px} justify_main:Center justify_cross:Center}
            BrRadius(3px)
            Responsive<BackgroundColor>{idle:$tw::CYAN_800 hover:$tw::CYAN_700 press:$tw::CYAN_600}

            "text"
                FlexNode{margin:{top:5px bottom:5px left:10px right:10px}}
                TextLine{size:20 text:"Save"}


"empty_dropdown_entry"
    FlexNode{height:35px width:100%}

"dropdown_entry"
    // Shim lets us interact with the whole entry, not just the text.
    ControlRoot
    FlexNode{width:100% padding:{left:7px top:10px bottom:10px} flex_direction:Row justify_main:FlexStart justify_cross:Center}
    Multi<Responsive<BackgroundColor>>[{idle:#00000000 hover:#44BBBBBB} {state:[Selected] idle:#22BBBBBB hover:#44BBBBBB}]

    "text"
        ControlMember
        TextLine{ size:14 text:"" }
        Multi<Responsive<TextLineColor>>[
            {idle:#CCCCCC hover:#FFFFFF} {state:[Selected] idle:#DFDFDF hover:#FFFFFF}
            {state:[Folded] idle:#FFFFFF}
        ]

"file_frame"
    FlexNode{width:100% height:100% flex_direction:Column justify_main:FlexStart justify_cross:FlexStart}

    "commands"
        FlexNode{flex_direction:Column justify_main:FlexStart justify_cross:FlexStart}

        "title"
            TextLine{size:14 text:"#commands"}
            TextLineColor($tw::RED_400)

        "content"
            FlexNode{flex_direction:Column justify_main:FlexStart justify_cross:FlexStart}

    "shim"
        FlexNode{height:15px}

    "scenes"
        FlexNode{flex_direction:Column justify_main:FlexStart justify_cross:FlexStart}

        "title"
            TextLine{size:14 text:"#scenes"}
            TextLineColor($tw::RED_400)

        "content"
            FlexNode{flex_direction:Column justify_main:FlexStart justify_cross:FlexStart}

"scene_node"
    FlexNode{flex_direction:Column justify_main:FlexStart justify_cross:FlexStart}

    "name"
        TextLine{size:14}
        TextLineColor($tw::AMBER_300)

    "content"
        FlexNode{margin:{left:10px} flex_direction:Column justify_main:FlexStart justify_cross:FlexStart}

"loadable"
    FlexNode{flex_direction:Row justify_main:FlexStart justify_cross:FlexStart}
    
    "name"
        TextLine{size:14}
        TextLineColor($tw::BLUE_300)

    "content"
        FlexNode{margin:{left:4px} flex_direction:Column justify_main:FlexStart justify_cross:FlexStart}

"file_not_editable"
    TextLine{size:14 text:"File not editable"}
    TextLineColor(#FFFFFF)

"unsupported"
    TextLine{size:14 text:"<unsupported>"}
    TextLineColor(#FFFFFF)

"reflect_fail"
    TextLine{size:14 text:"<reflection failed>"}
    TextLineColor(#FFFFFF)

"destructure_unsupported"
    TextLine{size:14 text:"<no widget found>"}
    TextLineColor(#FFFFFF)