Mini Kabibi Habibi

layout cxui_transform_bar {
    constant:
        bar_title: '$$$/CxUI/Transform/Bar/Title=Transform Bar';

        bar_button_width:  38;
        bar_button_height: 35;

        drag_bar_width: 12;

    interface:
        include_rotate_buttons: false;

    view cxui_bar_window(name: bar_title,
                         placement: place_row,
                         spacing: 0,
                         margin: 0) {
        cxui_background_view(placement: place_row,
                             margin: 0,
                             spacing: 0,
                             horizontal: align_fill,
                             vertical: align_fill) {
            cxui_drag_bar(identifier: @drag,
                          width: drag_bar_width,
                          horizontal: align_left,
                          vertical: align_fill);
            TView(width: 3);
            row(margin: 0,
                spacing: 0,
                horizontal: align_fill,
                vertical: align_fill) {
                TOptional(bind: @include_rotate_buttons) {
                    TIconButton(identifier: @rotate_ccw,
                                dataType: 'int32',
                                width: bar_button_width,
                                height: bar_button_height,
                                horizontal: align_left,
                                vertical: align_center,
                                button_style: 'context_bar',
                                iconRootName: 'PSRotateCCW',
                                tooltip: '$$$/CxUI/Transform/Bar/Button/RotateCCW/Tooltip=Rotate Counter Clockwise');
                }
                TOptional(bind: @include_rotate_buttons) {
                    TIconButton(identifier: @rotate_cw,
                                dataType: 'int32',
                                width: bar_button_width,
                                height: bar_button_height,
                                horizontal: align_left,
                                vertical: align_center,
                                button_style: 'context_bar',
                                iconRootName: 'PSRotateCW',
                                tooltip: '$$$/CxUI/Transform/Bar/Button/RotateCW/Tooltip=Rotate Clockwise');
                }
                TIconButton(identifier: @flip_horizontal,
                            dataType: 'int32',
                            width: bar_button_width,
                            height: bar_button_height,
                            horizontal: align_left,
                            vertical: align_center,
                            button_style: 'context_bar',
                            iconRootName: 'CxUI_FlipHorizontal',
                            tooltip: '$$$/CxUI/Transform/Bar/Button/FlipHorizontal/Tooltip=Flip horizontal');
                TIconButton(identifier: @flip_vertical,
                            dataType: 'int32',
                            width: bar_button_width,
                            height: bar_button_height,
                            horizontal: align_left,
                            vertical: align_center,
                            button_style: 'context_bar',
                            iconRootName: 'CxUI_FlipVertical',
                            tooltip: '$$$/CxUI/Transform/Bar/Button/FlipVertical/Tooltip=Flip vertical');
                row(margin: [gMargin, gGap, gMargin, gGap],
                            horizontal: align_left,
                            vertical: align_fill) {
                            TNarrowGroupSeparator(width: 1,
                                  vertical: align_fill,
                                  style: 'invert');
                }                            
                TIconButton(identifier: @cancel,
                            dataType: 'int32',
                            width: bar_button_width,
                            height: bar_button_height,
                            horizontal: align_left,
                            vertical: align_center,
                            button_style: 'context_bar',
                            fontColorFromTheme: true,
                            layoverText: '$$$/CxUI/Transform/Bar/Button/Cancel/Label=Cancel',
                            tooltip: '$$$/CxUI/Transform/Bar/Button/Cancel/Tooltip=Cancel');
                TIconButton(identifier: @commit,
                            dataType: 'int32',
                            width: bar_button_width,
                            height: bar_button_height,
                            horizontal: align_left,
                            vertical: align_center,
                            button_style: 'context_bar_emphasized',
                            fontColorFromTheme: true,
                            layoverText: '$$$/CxUI/Transform/Bar/Button/Commit/Label=Done',
                            tooltip: '$$$/CxUI/Transform/Bar/Button/Commit/Tooltip=Commit transform (enter)');
            }
        }
    }
}