Mini Kabibi Habibi

layout cxui_framedgroup_bar {
    constant:
        bar_title: '$$$/CxUI/Frame/Bar/Title=Framed Group Bar';

        bar_button_width:   38;
        bar_button_height:  35;

        text_button_height: bar_button_height - 7;

        drag_bar_width: 12;

        zShapeStrokeFlyout : '$$$/FramedGroupProperties/ToolTips/StrokeType=Set Frame stroke type';
        zEditSliderTooltip : '$$$/FramedGroupProperties/ToolTips/StrokeWidth=Set Frame stroke width';
        zEditSliderFormat  : '$$$/override/TPopupEditSlider/StrokeWidth/FormatString=100.0 px';
        zAlignTooltip      : '$$$/Dialog/VectorLayerMoreOptions/ToolTips/LineAlign=Set align type for stroke';
        
        // Resource IDs
        vidAGMStrokeStyleInfoOptions: 4801;
        vidStrokeOptions: 4804;
        vidStrokeContentFlyout: 4805;
        align_popup_res: 4807;
        vidStrokeWidthOptions: 4808;
        vidStrokeLineWeightPESlider: 4809;
        vidStrokeLineWeight: 4810;
        vidStrokeLineWeightSlider: 4811;
        
    interface:
        empty_frame: false;
        non_empty_frame: false;
        non_empty_frame_fit: 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);
            row(margin: 0,
                spacing: 6,
                horizontal: align_fill,
                vertical: align_fill) {
                
                TOptional(bind: @empty_frame,
                          vertical: align_center) {
                    TIconButton(identifier: @generate_image,
                                dataType: 'int32',
                                frame: 2,
                                fontColorFromTheme: true,
                                alignIconTextTogether: false,
                                width: bar_button_width,
                                height: text_button_height,
                                horizontal: align_left,
                                vertical: align_center,
                                button_style: 'context_bar',
                                iconRootName: 'GenerateImage',
                                layoverText: '$$$/CxUI/Frame/Bar/Button/GenerateImage/Name=Generate image',
                                layoverTextPosition: align_right,
                                tooltip: '$$$/CxUI/Frame/Bar/Button/GenerateImage/Tooltip=Generate image',
                                richtooltip: true);
                }
                
                TOptional(bind: @empty_frame,
                          vertical: align_center) {
                    TIconButton(identifier: @import_image,
                                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_AddContent',
                                layoverText: '$$$/CxUI/Frame/Bar/Button/ImportImage/Name=Import image',
                                layoverTextPosition: align_right,
                                tooltip: '$$$/CxUI/Frame/Bar/Button/ImportImage/Tooltip=Import image');
                }
                            
                TOptional(bind: @non_empty_frame,
                          vertical: align_center) {
                    TIconButton(identifier: @replace_image,
                                dataType: 'int32',
                                frame: 2,
                                fontColorFromTheme: true,
                                width: bar_button_width,
                                height: text_button_height,
                                horizontal: align_fill,
                                vertical: align_center,
                                button_style: 'context_bar',
                                layoverText: '$$$/CxUI/Frame/Bar/Button/ReplaceImage/Name=Replace image',
                                layoverTextPosition: align_center,
                                tooltip: '$$$/CxUI/Frame/Bar/Button/ReplaceImage/Tooltip=Replace image');
                }
                    
                TAGMStrokeStyleInfoOptions(identifier : vidAGMStrokeStyleInfoOptions,
                                           spacing: gGap,
                                           placement: place_row,
                                           horizontal: align_left,
                                           vertical: align_center) {
                    
                    TView(identifier : vidStrokeOptions,
                          spacing: 0,
                          margin: 0,
                          placement: place_row) {
                        TCustomDrawFlyoutControl(identifier: @vidStrokeContentFlyout,
                                                 tooltip: zShapeStrokeFlyout,
                                                 width: 30,
                                                 height: 20);
                    }
                    
                    TView(identifier : vidStrokeWidthOptions, spacing: 0, margin: 0, placement: place_row, vertical: align_center) {
                            TPopupEditSlider(identifier             : @vidStrokeLineWeightPESlider,
                                            tooltip                 : zEditSliderTooltip,
                                            editClassName           : 'TUnitsFixedPoint',
                                            editDisplayFormat       : zEditSliderFormat,
                                            editViewIdentifier      : @vidStrokeLineWeight,
                                            sliderViewIdentifier    : @vidStrokeLineWeightSlider,
                                            disable_expr            : true,
                                            width                   : 50);
                    }
                }
                
                ZMenuPopup(resourceIdentifier : align_popup_res,
                           width              : 75 + gGap,
                           vertical           : align_center,
                           tooltip            : zAlignTooltip,
                           identifier         : @align_popup);
                }
                
                TOptional(bind: @non_empty_frame_fit,
                          vertical: align_center) {
                    TIconButton(identifier: @fit_frame,
                                dataType: 'int32',
                                fontColorFromTheme: true,
                                width: bar_button_width,
                                height: bar_button_height,
                                horizontal: align_left,
                                vertical: align_center,
                                iconRootName: 'FrameResize',
                                tooltip: '$$$/CxUI/Frame/Bar/Button/FramedGroupFitCommands/Tooltip=Decide how the frame and its content fit in relation to each other');
                    }

                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');

            }
        }
    }
}