hx
    public override function addComponent(component:haxe.ui.core.Component):haxe.ui.core.Component {
        @:privateAccess component.recursiveReady();
        var c = super.addComponent(component);
        resizeComponent(c);
        App.app.scenes.main.add(c.visual);
        return c;
    }
    
    public override function removeComponent(component:Component, dispose:Bool = true):Component {
        rootComponents.remove(component);
        App.app.scenes.main.remove(component.visual);
        return component;
    }

hx
    private override function handleAddComponent(child:Component):Component {
        // trace('${pad(this.id)}: add component -> ${child.id}');
        child.visual.depth = getDepthIndex(cast this) + 1;
        trace(child.visual.depth);
        trace(Type.getClassName(Type.getClass(this)));
        trace(Type.getClassName(Type.getClass(child)));
        this.visual.add(child.visual);
        //this.visual.autoChildrenDepth();
        if (this.parentComponent == null && !this.addedRoot) {
            App.app.scenes.main.add(this.visual);
            this.addedRoot = true;
        }

        return child;
    }

    private override function handleAddComponentAt(child:Component, index:Int):Component {
        // trace('${pad(this.id)}: add component at index -> ${child.id}, ${index}');
        if (child.visual.children != null) {
            child.visual.depth = index;
        }

        this.visual.add(child.visual);
        return child;
    }

    private override function handleRemoveComponent(child:Component, dispose:Bool = true):Component {
        // trace('${pad(this.id)}: remove component -> ${child.id}');
        this.visual.remove(child.visual);
        if (dispose == true) {
            child.visual.dispose();
        }
        return child;
    }

    private override function handleRemoveComponentAt(index:Int, dispose:Bool = true):Component {
        // trace('${pad(this.id)}: remove component at index -> ${index}');
        var child = this.visual.children[index];
        if (child != null) {
            visual.remove(child);

            if (dispose == true) {
                child.dispose();
            }
        }
        return null;
    }

App.app.scenes.main.remove(component.visual);

visible = false