Mini Kabibi Habibi

layout mask_modify_flyout {
    interface:
        merge_view_and_modify: false;
   view popup_subview() {
        column(horizontal: align_fill,
               vertical: align_fill) {
               
            optional(bind: @merge_view_and_modify, value: true) {
            
                static_text(name: '$$$/CxUI/Mask/Bar/Modify/Settings/Title=Settings', headingText: true);
            }

            row(horizontal: align_fill,
                vertical: align_top) {
                column(horizontal: align_fill,
                       vertical: align_top) {

                    row(horizontal: align_fill,
                        vertical: align_top) {
                        edit_slider(identifier: 'density_fixed_point',
                            name: '$$$/CxUI/Mask/Bar/Modify/Density/NewTitle=Density',
                            decimal_places: 0,
                            characters: 7,
                            horizontal: @align_fill,
                            unit: 'NumberEditUnit_Percent',
                            variant: 'stacked_compact',
                            alt: '$$$/CxUI/Mask/Bar/Button/Modify/Density/ToolTip=Adjust lower to bring mask black levels closer to white');
                    }
                }
            }

            row(horizontal: align_fill,
                vertical: align_top) {

                column(horizontal: align_fill,
                       vertical: align_top) {

                    row(horizontal: align_fill,
                        vertical: align_top) {

                        edit_slider(identifier: 'feather_fixed_point',
                            name: '$$$/CxUI/Mask/Bar/Modify/Radius/NewTitle=Feather',
                            decimal_places: 0,
                            characters: 7,
                            horizontal: @align_fill,
                            unit: 'NumberEditUnit_Pixel',
                            variant: 'stacked_compact',
                            alt: '$$$/CxUI/Mask/Bar/Button/Modify/Feather/ToolTip=Blend the transitions between light and dark on the mask');
                    }
                }
            }

            separator(orientation: @horizontal);
        }
        
        column(horizontal: align_fill,
               vertical: align_fill) {
               
               optional(bind: @merge_view_and_modify, value: true) {
               
                       static_text(name: '$$$/CxUI/Mask/Bar/Modify/Overlay/Title=Overlay',
                                   horizontal: align_left,
                                   vertical: align_top);
                       radiogroup(horizontal: @align_fill, horizontal: @align_fill) {
                            column(horizontal: @align_fill) {

                                radio_button(name: '$$$/CxUI/Mask/Bar/Overlay/ShowOverlay=Show overlay',
                                     identifier: 'show_overlay');

                                radio_button(name: '$$$/CxUI/Mask/Bar/Overlay/BlackAndWhite=Black and white',
                                     identifier: 'gray_scale');

                                radio_button(name: '$$$/CxUI/Mask/Bar/Overlay/OnLayers=On layers',
                                     identifier: 'on_layers');
                            }
                        }
                }
        }
        
        column(horizontal: align_fill,
               vertical: align_fill) {
         
            optional(bind: @merge_view_and_modify, value: true) {
            
                separator(orientation: @horizontal);
            }
        }

        column(horizontal: align_center,
               vertical: align_bottom) {

            context_button(identifier: 'modify',
                        chrome_type: 'action',
                        variant: 'action',
                        is_quiet: true,
                        name: '$$$/CxUI/Mask/Modify/Button/ModifyMask/Label=Select and mask...',
                        alt: '$$$/CxUI/Mask/Modify/Button/ModifyMask/Tooltip=Modify mask');
        }
    }
}