indicatrix-cut 0.6.2

Desktop faceting-design editor: library browsing, spectral 3D rendering, material retargeting, and a solid inspection view.
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

import { Theme } from "../theme.slint";
import { EditorModel } from "../models/editor.slint";
import { GuideModel } from "../models/guide.slint";

// "Export Cutting Sheet" and "Export Diagram" live on one "Export..." split
// button on the command bar, next to Save, instead of as separate
// File menu entries. Mounted with one line in `editor_command_bar.slint`.
// "Export as Gem Cut Studio (.gcs)..." (`EditorModel.export_gcs()`) is here too,
// with its "experimental" tooltip, and also on the File menu.
//
// Keeps the existing callback names -- `EditorModel.export_cutting_sheet()`/
// `export_diagram()`, unchanged from the File menu's own `activated` handlers.
export component ExportSplitButton inherits Rectangle {
    // `false` while the worked-example guide locks file actions (see `GuideAllow`).
    in property <bool> enabled: true;
    property <bool> menu_open: false;

    width: btn_row.preferred-width;
    height: 26px;

    btn_row := HorizontalLayout {
        Rectangle {
            width: main_txt.preferred-width + 16px;
            background: main_touch.has-hover ? Theme.bg-elevated : Theme.bg-input;
            border-radius: Theme.radius-sm;
            opacity: root.enabled ? 1.0 : 0.4;
            main_txt := Text {
                text: "Export...";
                font-size: 11px;
                font-weight: 600;
                color: Theme.text-primary;
                horizontal-alignment: center;
                vertical-alignment: center;
            }
            main_touch := TouchArea {
                enabled: root.enabled;
                clicked => { root.menu_open = !root.menu_open; }
            }
            Tooltip { text: root.enabled ? @markdown("Export the Cutting Sheet (HTML), the Diagram (PNG), or the design as a Gem Cut Studio (.gcs) file.") : @markdown("\{GuideModel.locked_hint}"); }
        }
    }

    if root.menu_open && root.enabled: Rectangle {
        // Backdrop -- dismisses the menu on an outside click, matching
        // `header.slint`'s own floating-panel convention (`filter_popup`/
        // `import_popup`), the closest existing analogue in this app to a
        // click-to-open dropdown that is not a native `ContextMenuArea`.
        x: -2000px;
        y: -2000px;
        width: 4000px;
        height: 4000px;
        z: 49;
        TouchArea { clicked => { root.menu_open = false; } }
    }

    if root.menu_open && root.enabled: Rectangle {
        x: 0px;
        y: root.height + 2px;
        z: 50;
        width: 220px;
        height: menu_col.preferred-height;
        background: Theme.surface-dialog;
        border-radius: Theme.radius-sm;
        border-width: 1px;
        border-color: Theme.border-dialog;
        drop-shadow-blur: 12px;
        drop-shadow-color: Theme.modal-shadow;
        clip: true;

        menu_col := VerticalLayout {
            Rectangle {
                height: 26px;
                background: item1_touch.has-hover ? Theme.bg-card-hover : transparent;
                Text {
                    text: "Export Cutting Sheet (HTML)...";
                    font-size: 10px;
                    color: Theme.text-primary;
                    vertical-alignment: center;
                    horizontal-alignment: left;
                    x: 8px;
                }
                item1_touch := TouchArea {
                    clicked => {
                        root.menu_open = false;
                        EditorModel.export_cutting_sheet();
                    }
                }
            }
            Rectangle {
                height: 26px;
                background: item2_touch.has-hover ? Theme.bg-card-hover : transparent;
                Text {
                    text: "Export Diagram (PNG)...";
                    font-size: 10px;
                    color: Theme.text-primary;
                    vertical-alignment: center;
                    horizontal-alignment: left;
                    x: 8px;
                }
                item2_touch := TouchArea {
                    clicked => {
                        root.menu_open = false;
                        EditorModel.export_diagram();
                    }
                }
            }
            Rectangle {
                height: 26px;
                background: item3_touch.has-hover ? Theme.bg-card-hover : transparent;
                Text {
                    text: "Export as Gem Cut Studio (.gcs)...";
                    font-size: 10px;
                    color: Theme.text-primary;
                    vertical-alignment: center;
                    horizontal-alignment: left;
                    x: 8px;
                }
                item3_touch := TouchArea {
                    clicked => {
                        root.menu_open = false;
                        EditorModel.export_gcs();
                    }
                }
                Tooltip { text: @markdown("Experimental: written from the published Gem Cut Studio 1.1 file description; chiral designs are untested."); }
            }
        }
    }
}