Mini Kabibi Habibi

layout cxui_pixel_bar {
    constant:
        bar_title: '$$$/CxUI/Pixel/Bar/Title=Pixel Layer Bar';

        bar_button_width:   38;
        bar_button_height:  35;
        text_button_height: bar_button_height - 7;

        drag_bar_width: 12;

    interface:
        background_replace_enabled: false;
        adjust_colors_button_enabled: false;
        action_panel_button_enabled: 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_center,
                             vertical: align_fill) {
            cxui_drag_bar(identifier: @drag,
                          width: drag_bar_width,
                          horizontal: align_left,
                          vertical: align_fill);
            TView(width: 3);
            row(margin: [0, gTinyGap, 0, gTinyGap],
                spacing: gGap,
                horizontal: align_left,
                vertical: align_center) {
                TIconButton(identifier: @select_subject,
                            dataType: 'int32',
                            frame: 2,
                            fontColorFromTheme: true,
                            alignIconTextTogether: true,
                            width: bar_button_width,
                            height: text_button_height,
                            horizontal: align_left,
                            vertical: align_center,
                            button_style: 'context_bar',
                            iconRootName: 'CxUI_SelectSubject',
                            layoverText: '$$$/CxUI/Pixel/Bar/Button/SelectSubject/Name=Select subject',
                            layoverTextPosition: align_right,
                            tooltip: '$$$/CxUI/Pixel/Bar/Button/SelectSubject/Tooltip=Create a selection from the most prominent objects in the image');
                TOptional(bind: @background_replace_enabled, value: false) {
                    TIconButton(identifier: @remove_background,
                                dataType: 'int32',
                                frame: 2,
                                fontColorFromTheme: true,
                                alignIconTextTogether: true,
                                width: bar_button_width,
                                height: text_button_height,
                                horizontal: align_left,
                                vertical: align_center,
                                button_style: 'context_bar',
                                iconRootName: 'CxUI_RemoveBackground',
                                layoverText: '$$$/CxUI/Pixel/Bar/Button/RemoveBackground/Name=Remove background',
                                layoverTextPosition: align_right,
                                tooltip: '$$$/CxUI/Pixel/Bar/Button/RemoveBackground/Tooltip=Process remove background through your^rdevice or on the cloud. Go to Preferences >^rImage Processing > Select Subject and^rRemove background.');
                }
                TOptional(bind: @background_replace_enabled, value: true) {
                    TIconButton(identifier: @edit_background,
                                dataType: 'int32',
                                frame: 2,
                                fontColorFromTheme: true,
                                alignIconTextTogether: true,
                                width: bar_button_width,
                                height: text_button_height,
                                horizontal: align_left,
                                vertical: align_center,
                                button_style: 'context_bar',
                                iconRootName: 'CxUI_EditBackground',
                                layoverText: '$$$/CxUI/Pixel/Bar/Button/EditBackground/Name=Edit background',
                                layoverTextPosition: align_right,
                                tooltip: '$$$/CxUI/Pixel/Bar/Button/EditBackground/ToolTip=Generate a background, import your own image, or fill with color.');
                }
                TOptional(bind: @adjust_colors_button_enabled) {
                    TIconButton(identifier: @adjust_colors,
                                dataType: 'int32',
                                frame: 2,
                                fontColorFromTheme: true,
                                alignIconTextTogether: true,
                                width: bar_button_width,
                                height: text_button_height,
                                horizontal: align_left,
                                vertical: align_center,
                                button_style: 'context_bar',
                                iconRootName: 'CxUI_AdjustColors',
                                layoverText: '$$$/CxUI/Pixel/Bar/Button/AdjustColors/Name=Adjust colors',
                                layoverTextPosition: align_right,
                                tooltip: '$$$/CxUI/Pixel/Bar/Button/AdjustColors/Tooltip=Adjust Colors enables you to make hue, saturation, and lightness adjustments to the 6 most prominent colors in your image.',
                                richtooltip: true);
                }
            }
            row(margin: 0,
                spacing: 0,
                horizontal: align_right,
                vertical: align_fill) {
                TOptional(bind: @action_panel_button_enabled) {
                    TIconButton(identifier: @action_panel,
                                dataType: 'int32',
                                width: bar_button_width,
                                height: bar_button_height,
                                horizontal: align_left,
                                vertical: align_center,
                                button_style: 'context_bar',
                                iconRootName: 'ActionCxuiIconPNG',
                                tooltip: '$$$/CxUI/Pixel/Bar/Button/ActionPanel1/Tooltip=Open Action Panel');
                }
                TIconButton(identifier: @transform,
                            dataType: 'int32',
                            width: bar_button_width,
                            height: bar_button_height,
                            horizontal: align_left,
                            vertical: align_center,
                            button_style: 'context_bar',
                            iconRootName: 'CxUI_TransformSelection',
                            tooltip: '$$$/CxUI/Pixel/Bar/Button/Transform/Tooltip=Transform image');
                TIconButton(identifier: @adjustment,
                            dataType: 'int32',
                            width: bar_button_width,
                            height: bar_button_height,
                            horizontal: align_left,
                            vertical: align_center,
                            button_style: 'context_bar',
                            iconRootName: 'CxUI_Adjustments',
                            tooltip: '$$$/CxUI/Pixel/Bar/Button/Adjustment/Tooltip=Create new adjustment layer');
                TPunchButton(identifier: @more,
                             dataType: 'int32',
                             width: bar_button_width,
                             height: bar_button_height,
                             horizontal: align_left,
                             vertical: align_center,
                             button_style: 'context_bar',
                             iconRootName: 'CxUI_More',
                             tooltip: '$$$/CxUI/Bar/Common/Button/More/Tooltip=More options');
            }
        }
    }
}