LaGUI/resources/la_widgets_viewers.c

/*
* LaGUI: A graphical application framework.
* Copyright (C) 2022-2023 Wu Yiming
*
* This program is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

#include "../la_5.h"

extern LA MAIN;
extern struct _tnsMain *T;

//============================================================= [Draw]

extern tnsFontManager *FM;


void la_RootObjectDrawFullscreenQuad(tnsOffscreen* DeferredOffScr,tnsCamera* c, real Aspect){
    real FOV = c->FOV;
    tnsMatrix44d mat;
    tnsGetMVMatrix(mat);
    real vv[3]={0,0,-1};
    real ViewDir[3]={0},vdTR[3]={0},vdBR[3]={0},vdTL[3]={0},vdBL[3]={0};
    tnsApplyRotation43d(ViewDir,mat,vv);
    real fovv=FOV/2, fovh=fovh=atan(tan(FOV/2)*Aspect);
    vv[0]=tan(fovh); vv[1]=tan(fovv); tnsApplyRotation43d(vdTR,mat,vv); // note don't normalize those.
    vv[0]=tan(fovh); vv[1]=tan(-fovv);tnsApplyRotation43d(vdBR,mat,vv);
    vv[0]=tan(-fovh);vv[1]=tan(-fovv);tnsApplyRotation43d(vdBL,mat,vv);
    vv[0]=tan(-fovh);vv[1]=tan(fovv); tnsApplyRotation43d(vdTL,mat,vv);
    tnsUseRayShader();
    tnsEnableShaderv(T->RayShader);
    tnsSetRayShaderUniformTextures(DeferredOffScr);
    real uv[12]; tnsMakeQuad3d(uv, LA_COLOR3(vdTL), LA_COLOR3(vdTR), LA_COLOR3(vdBR), LA_COLOR3(vdBL));
    real vt[8]; tnsMakeQuad2d(vt, -1,1, 1,1, 1,-1, -1,-1);
    tnsTexCoordArray3d(uv,4);
    tnsVertexArray2d(vt,4);
    tnsPackAs(GL_TRIANGLE_FAN);
    glUniform3f(T->RayShader->uViewDir,LA_COLOR3(ViewDir));
    glUniform3f(T->RayShader->uViewPos,LA_COLOR3(c->Base.Location));
    glUniform1f(T->RayShader->uFOV,FOV);
    tnsFlush();
    tnsUseImmShader();
}

#define LA_DEPTH_RESOLUTION 1024

void la_3DViewEnsureCamera(laCanvasExtra* e);

void la_RootObjectDraw(laBoxedTheme *bt, tnsObject *root, laUiItem* ui){
    laCanvasExtra *e = ui->Extra;
    la_3DViewEnsureCamera(e);
    tnsCamera *c = e->UsingCamera ? e->UsingCamera : e->ViewingCamera;
    int W, H;
    W = ui->R - ui->L;
    H = ui->B - ui->U;

    tnsFlush();

    if (!W || !H) return;

    if (!e->OffScr || e->OffScr->pColor[0]->Height != ui->B - ui->U || e->OffScr->pColor[0]->Width != ui->R - ui->L){
        if (e->OffScr) tnsDelete2DOffscreen(e->OffScr);
        //if (e->DeferredOffScr) tnsDelete2DOffscreen(e->DeferredOffScr);
        e->OffScr = tnsCreateDeferredOffscreen(W,H,MAIN.PanelMultisample);//tnsCreate2DOffscreen(GL_RGBA, W, H, MAIN.PanelMultisample ,1, 0);
        //e->DeferredOffScr = tnsCreateDeferredOffscreen(W,H,MAIN.PanelMultisample);
    }

    if (0){//(e->CurrentScene && e->CurrentScene->ActiveSun){
        //if(!e->OffScrShadow) e->OffScrShadow = tnsCreate2DOffscreen(0, LA_DEPTH_RESOLUTION, LA_DEPTH_RESOLUTION, MAIN.PanelMultisample, 1, 0);

        //tnsUseNoTexture();
        //tnsDrawToOffscreen(e->OffScrShadow, 1, TNS_ATTACHMENT_ARRAY_NONE);
        //tnsViewportWithScissor(0,0,LA_DEPTH_RESOLUTION,LA_DEPTH_RESOLUTION);
        //glEnable(GL_DEPTH_TEST);
        //glClearDepth(1.0); glClear(GL_DEPTH_BUFFER_BIT);
        //tnsResetViewMatrix();tnsResetModelMatrix();tnsResetProjectionMatrix();
        //tnsEnableShaderv(T->ShadowShader);
        //tnsUseShadowShader();
        //tnsApplyShadowCameraView(e->CurrentScene->ActiveSun);
        //
        //real p[12];
        //tnsColor4dv(laThemeColor(bt,LA_BT_BORDER));
        //tnsMakeQuad3d(p, -100,-100, 25,-100,100, 25,100,100, 25,100,-100, 25);
        //tnsVertexArray3d(p, 4); tnsPackAs(GL_TRIANGLE_FAN);
        //tnsMakeQuad3d(p, -100,-100, 74,-100,100, 74,100,100, 74,100,-100, 74);
        //tnsVertexArray3d(p, 4); tnsPackAs(GL_TRIANGLE_FAN);
        ////tnsDrawFloor(e->ViewingCamera->Base.GLocation, e->ViewingCamera->ZMax, e->ShowAxis);
        //tnsColor4dv(laThemeColor(bt,LA_BT_BORDER));
        //tnsDrawFloor(e->ViewingCamera->Base.GLocation, e->ViewingCamera->ZMax, e->ShowAxis);
        //tnsEnableShaderv(T->immShader);
        //tnsFlush();

        tnsDrawToOffscreen(e->OffScr,1,0);

        tnsViewportWithScissor(0, 0, W, H);
        tnsClearColorv(laThemeColor(bt,LA_BT_NORMAL));
        tnsClearAll();

        //tnsUseSceneShader();
        //tnsEnableShaderv(T->SceneShader);
        //tnsApplyShadowCameraView(e->CurrentScene->ActiveSun);
        tnsApplyCameraView(W, H, c);
//
        //tnsUseTexture(e->OffScrShadow->pDepth);
//
        //tnsColor4dv(laThemeColor(bt,LA_BT_BORDER));
        //tnsMakeQuad3d(p, -100,-100, 25,-100,100, 25,100,100, 25,100,-100, 25);
        //tnsVertexArray3d(p, 4); tnsPackAs(GL_TRIANGLE_FAN);
        //tnsMakeQuad3d(p, -100,-100, 74,-100,100, 74,100,100, 74,100,-100, 74);
        //tnsVertexArray3d(p, 4); tnsPackAs(GL_TRIANGLE_FAN);

        //tnsUseNoTexture();
        //if (!e->LineDrawingMode && e->ShowFloorGrid){
        //    tnsColor4dv(laThemeColor(bt,LA_BT_BORDER));
        //    tnsDrawFloor(e->ViewingCamera->Base.GLocation, e->ViewingCamera->ZMax, e->ShowAxis);
        //    tnsFlush();
        //}
//
        //tnsFlush();

    }else if(e->OffScrShadow){ tnsDelete2DOffscreen(e->OffScrShadow); }


    //{
    //    tnsDrawToOffscreen(e->OffScr, 1, 0);
    //    //tnsUseShader(T->TEST_MatcapShader);
    //    tnsEnableShaderv(T->TEST_MatcapShader);
    //    tnsViewportWithScissor(0, 0, W, H);
    //    tnsClearColorv(laThemeColor(bt,LA_BT_NORMAL));
    //    tnsClearAll();
    //}

    tnsDrawToOffscreen(e->OffScr,3,TNS_ATTACHMENT_ARRAY_0_1_2);
    //tnsDrawToOffscreen(e->DeferredOffScr,3,TNS_ATTACHMENT_ARRAY_0_1_2);
    tnsViewportWithScissor(0, 0, W, H);
    tnsClearColorv(laThemeColor(bt,LA_BT_NORMAL)); tnsClearAll(); float gpos_clear[]={-1e20, -1e20, -1e20, 0};
    glClearBufferfv(GL_COLOR, 2, gpos_clear);

    tnsApplyCameraView(W, H, c);
    tnsPushMatrix();
    tnsPopMatrix(); //those are necessary when ui is the first in list;

    if(root){
        glEnable(GL_DEPTH_TEST); glDisable(GL_BLEND);

        tnsEnableShaderv(T->immShader);
        tnsUnbindTexture(); tnsUniformUseTexture(T->immShader,0,0); tnsUseMultiplyColor(0);
        glPointSize(6); glLineWidth(3); 
        tnsDrawObjectTree(root, 0, 0, e->SelectMode);
        glPointSize(1); glLineWidth(3); 

        glEnable(GL_POLYGON_OFFSET_LINE); glPolygonOffset(-1,-1);
        glDepthMask(GL_FALSE); glPolygonMode(GL_FRONT_AND_BACK, GL_LINE);
        tnsDrawObjectTree(root, root->Active, 1, 0);
        glDepthMask(GL_TRUE); glPolygonMode(GL_FRONT_AND_BACK, GL_FILL);
        glLineWidth(1);
        glDisable(GL_POLYGON_OFFSET_LINE);
    }

    if (!e->LineDrawingMode && e->ShowFloorGrid){
        tnsUseNoTexture();
        real* color=laThemeColor(bt,LA_BT_BORDER); tnsColor4d(LA_COLOR3(color),0.4);
        tnsDrawFloor(e->ViewingCamera->Base.GLocation, e->ViewingCamera->ZMax, e->ShowAxis);
        tnsFlush();
    }

    if(root){
        glDisable(GL_DEPTH_TEST);
        tnsDrawCursor(root);
        glPointSize(8);
        tnsDrawObjectOrigins(root,root->Active,0); tnsFlush();
        glPointSize(1);
        glEnable(GL_DEPTH_TEST);
    }

    //laInvoke(0,"M_select",e,&ui->ExtraPP,0,0);

    //glColorMask(GL_FALSE, GL_FALSE,GL_FALSE,GL_FALSE);
    //tnsDrawObjectTree(e->CurrentScene, 0);

    tnsFlush();
    //glColorMask(GL_TRUE, GL_TRUE, GL_TRUE, GL_TRUE);

    glDisable(GL_DEPTH_TEST); glEnable(GL_BLEND);

    //tnsDrawToOffscreen(e->OffScr, 1,0);
    //tnsClearColorv(laThemeColor(bt,LA_BT_NORMAL)); tnsClearAll();
    //la_RootObjectDrawFullscreenQuad(e->DeferredOffScr, c, (real)W/(real)H);
}
void la_RootObjectDrawOverlay(laUiItem *ui, int h){
    laCanvasExtra *e = ui->Extra;
    laBoxedTheme *bt = (*ui->Type->Theme);

    tnsDraw2DTextureDirectly(e->OffScr->pColor[0], ui->L, ui->U, ui->R - ui->L, ui->B - ui->U);

    //if(e->OffScrShadow){
        //tnsDraw2DTextureDirectly(e->OffScrShadow->pDepth, ui->L, ui->U, ui->R - ui->L, ui->B - ui->U);
    //}

    tnsUseNoTexture();

    if (e->DrawCursor){
        if(e->DrawCursor==LA_CANVAS_CURSOR_ARROW){
            tnsColor4dv(laThemeColor(bt,LA_BT_TEXT));
            tnsVertex2d(e->OnX, e->OnY); tnsVertex2d(e->TargetX, e->TargetY);
            tnsPackAs(GL_LINES);
        }else{
            if(e->DrawCursor==LA_CANVAS_CURSOR_BOX){
                tnsColor4dv(laAccentColor(LA_BT_NORMAL));
                tnsVertex2d(e->ClickedX, e->ClickedY); tnsVertex2d(e->ClickedX, e->OnY);
                tnsVertex2d(e->OnX, e->OnY); tnsVertex2d(e->OnX, e->ClickedY);
                tnsPackAs(GL_TRIANGLE_FAN);
                tnsColor4dv(laAccentColor(LA_BT_TEXT));
                tnsVertex2d(e->ClickedX, e->ClickedY); tnsVertex2d(e->ClickedX, e->OnY);
                tnsVertex2d(e->OnX, e->OnY); tnsVertex2d(e->OnX, e->ClickedY);
                tnsPackAs(GL_LINE_LOOP);
            }
            tnsColor4dv(laThemeColor(bt,LA_BT_TEXT));
            int drawx=(e->DrawCursor==LA_CANVAS_CURSOR_CROSS)||(e->DrawCursor==LA_CANVAS_CURSOR_X);
            int drawy=(e->DrawCursor==LA_CANVAS_CURSOR_CROSS)||(e->DrawCursor==LA_CANVAS_CURSOR_Y);
            if(drawx) tnsVertex2d(e->OnX, ui->U); tnsVertex2d(e->OnX, ui->B);
            if(drawy) tnsVertex2d(ui->L, e->OnY); tnsVertex2d(ui->R, e->OnY);
            tnsPackAs(GL_LINES);
        }
    }

    if(MAIN.CurrentWindow->MaximizedUi!=ui){
        tnsColor4dv(laThemeColor(bt,LA_BT_BORDER));
        tnsVertex2d(ui->L, ui->U);
        tnsVertex2d(ui->R, ui->U);
        tnsVertex2d(ui->R, ui->B);
        tnsVertex2d(ui->L, ui->B);
        tnsPackAs(GL_LINE_LOOP);
    }

    tnsFlush();

    char* MaxIco=(MAIN.CurrentWindow->MaximizedUi!=ui)?"🡹":"🡻";
    tnsVector4d color; tnsVectorCopy4d(laThemeColor(bt,LA_BT_TEXT),color);
    color[3]=ui->State==LA_UI_NORMAL?0.0:(ui->State==LA_UI_ACTIVE?0.5:1.0);
    int startx=(ui->R+ui->L)/2-LA_RH2*2;
    
    tnsDrawStringAuto("☰",color,startx, startx+LA_RH, ui->B-bt->BM-LA_RH, LA_TEXT_ALIGN_CENTER);
    tnsDrawStringAuto(MaxIco,color,startx+LA_RH, startx+LA_2RH, ui->B-bt->BM-LA_RH, LA_TEXT_ALIGN_CENTER);

    if(ui->Expand>=0 && ui!=MAIN.CurrentWindow->MaximizedUi)
        tnsDrawStringAuto("◿",laThemeColor(bt,LA_BT_BORDER),ui->R-LA_RH, ui->R, ui->B-bt->BM-LA_RH, LA_TEXT_ALIGN_CENTER);
}

void la_CanvasDrawTexture(laBoxedTheme *bt, tnsTexture *t, laUiItem* ui){
    laCanvasExtra* e=ui->Extra;
    int W, H; W = ui->R - ui->L; H = ui->B - ui->U;
    if (W<=0 || H<=0) return;

    tnsFlush();

    if (!e->OffScr || e->OffScr->pColor[0]->Height != ui->B - ui->U || e->OffScr->pColor[0]->Width != ui->R - ui->L){
        if (e->OffScr) tnsDelete2DOffscreen(e->OffScr);
        e->OffScr = tnsCreate2DOffscreen(GL_RGBA, W, H, MAIN.PanelMultisample, 1, 0);
    }

    tnsDrawToOffscreen(e->OffScr, 1, 0);
    tnsViewportWithScissor(0, 0, W, H);
    tnsResetViewMatrix();tnsResetModelMatrix();tnsResetProjectionMatrix();
    tnsOrtho(e->PanX - W * e->ZoomX / 2, e->PanX + W * e->ZoomX / 2, e->PanY - e->ZoomY * H / 2, e->PanY + e->ZoomY * H / 2, 100, -100);

    //glClearColor(0.3,0.3,0.3, 1);
    if (e->ClearBackground){ tnsClearColorv(laThemeColor(bt,LA_BT_NORMAL)); glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT); }

    // above is basic routine setup

    real V[8] = {0};
    real UV[8] = {0};

    if (t){
        real w2=t->Width/2, h2=t->Height/2;
        tnsDraw2DTextureDirectly(t, -w2, h2, t->Width, -t->Height);
        tnsFlush();

        if (e->ImageDrawBorder){
            tnsUseNoTexture();
            tnsMakeQuad2d(V, -w2, -h2, -w2, h2, w2, h2, w2, -h2);
            tnsVertexArray2d(V, 4);
            tnsColor4dv(laThemeColor(bt,LA_BT_BORDER));
            tnsVertexArray2d(V, 4);
            tnsPackAs(GL_LINE_LOOP);
            tnsFlush();
        }
    }
}
real la_CanvasDrawGetDisplayStep(real Max, real Min, int AreaSize){
    real r;
    real Step = 1.0;
    real DispW;
    real Div[3] = {2.0, 2.5, 2.0};
    int Times = 302;

    while (1){
        Times++;
        r = tnsGetRatiod(0, Max - Min, Step);
        DispW = tnsLinearItp(0, AreaSize, r);
        if (DispW > 100){
            Step /= Div[Times % 3];
        }elif (DispW < 40){
            Step *= Div[Times % 3];
        }else break;
    }
    return Step;
}
void la_CanvasDrawGridW(real Ratio, int RealW, real Min, real Max, real U, real B){
    real t;
    real Step = la_CanvasDrawGetDisplayStep(Max, Min, RealW);

    t = (real)((int)(Min / Step)) * Step;
    for (t; t <= Max; t += Step){
        tnsVertex2d(t, U);
        tnsVertex2d(t, B);
        tnsPackAs(GL_LINES);
    }
}
void la_CanvasDrawGridH(real Ratio, int RealH, real Min, real Max, real L, real R){
    real t;
    real Step = la_CanvasDrawGetDisplayStep(Max, Min, RealH);

    t = (real)((int)(Min / Step)) * Step;
    for (t; t <= Max; t += Step){
        tnsVertex2d(L, t);
        tnsVertex2d(R, t);
        tnsPackAs(GL_LINES);
    }
}
void la_CanvasDrawRulerW(real Ratio, laBoxedTheme *bt, int RealW, real Min, real Max, int B){
    char buf[20] = {0};
    real t, IL;
    real Step = la_CanvasDrawGetDisplayStep(Max, Min, RealW);
    int U = B - LA_RH;

    tnsUseNoTexture();
    tnsColor4dv(laThemeColor(bt,LA_BT_BORDER));
    tnsVertex2d(0, U);
    tnsVertex2d(RealW, U);
    tnsVertex2d(RealW, B);
    tnsVertex2d(0, B);
    tnsPackAs(GL_TRIANGLE_FAN);
    tnsColor4dv(laThemeColor(bt,LA_BT_TEXT_ACTIVE));
    tnsVertex2d(0, U + 0.5);
    tnsVertex2d(RealW, U + 0.5);
    tnsPackAs(GL_LINES);

    t = (real)((int)(Min / Step)) * Step;
    for (t; t <= Max; t += Step){
        IL = tnsGetRatiod(Min, Max, t) * (RealW);
        sprintf(buf, "%.0f", t);
        tnsDrawStringAuto(buf, bt->Active, IL, IL + 100, U, 0);
    }
}
void la_CanvasDrawRulerRWithBkg(real Ratio, laBoxedTheme *bt, int RealH, real Min, real Max, int R){
    real t, OrigT;
    char buf[50][20] = {0};
    real IL[50];
    int i = 0;
    int W = 0, MaxW = 0;
    int RH = LA_RH, hH = RH / 2;
    int L;

    real Step = la_CanvasDrawGetDisplayStep(Max, Min, RealH);
    int IS = Step > 1 ? 0 : (Step > 0.09 ? 1 : 2);
    t = OrigT = (real)((int)(Min / Step)) * Step;
    for (t; t <= Max; t += Step, i++){
        sprintf(buf[i], "%.*f", IS, t);
        W = tnsStringGetWidth(buf[i], 0, 0);
        if (W > MaxW) MaxW = W;
    }

    L = R - MaxW - 4;

    tnsUseNoTexture();
    for (t = OrigT, i = 0; t <= Max; t += Step, i++){
        IL[i] = tnsGetRatiod(Max, Min, t) * (RealH);
        tnsColor4dv(laThemeColor(bt,LA_BT_BORDER));
        tnsVertex2d(R, IL[i] - hH);
        tnsVertex2d(R, IL[i] + hH);
        tnsVertex2d(L, IL[i] + hH);
        tnsVertex2d(L, IL[i] - hH);
        tnsPackAs(GL_TRIANGLE_FAN);

        tnsColor4dv(laThemeColor(bt,LA_BT_TEXT_ACTIVE));
        tnsVertex2d(R, IL[i] - hH);
        tnsVertex2d(R, IL[i] + hH);
        tnsVertex2d(L, IL[i] + hH);
        tnsVertex2d(L, IL[i] - hH);
        tnsPackAs(GL_LINE_LOOP);
    }

    for (t = OrigT, i = 0; t <= Max; t += Step, i++){
        tnsDrawStringAuto(buf[i], bt->Active, L + 2, R, IL[i] - hH, 0);
    }
}

void la_CanvasDraw(laUiItem *ui, int h){
    laBoxedTheme *bt = (*ui->Type->Theme);
    if (ui->CanvasTemplate && ui->CanvasTemplate->Draw) ui->CanvasTemplate->Draw(bt, ui->PP.EndInstance, ui);
}

void la_CanvasDefaultOverlay(laUiItem* ui, int h){
    laCanvasExtra *e = ui->Extra;
    laBoxedTheme *bt = (*ui->Type->Theme);

    tnsUseNoTexture();

    if(MAIN.CurrentWindow->MaximizedUi!=ui){
        tnsColor4dv(laThemeColor(bt,LA_BT_BORDER));
        tnsVertex2d(ui->L, ui->U); tnsVertex2d(ui->R, ui->U);
        tnsVertex2d(ui->R, ui->B); tnsVertex2d(ui->L, ui->B);
        tnsPackAs(GL_LINE_LOOP);
    }

    if (e->DrawCursor){
        tnsColor4dv(laThemeColor(bt,LA_BT_TEXT));
        int drawx=(e->DrawCursor==LA_CANVAS_CURSOR_CROSS)||(e->DrawCursor==LA_CANVAS_CURSOR_X);
        int drawy=(e->DrawCursor==LA_CANVAS_CURSOR_CROSS)||(e->DrawCursor==LA_CANVAS_CURSOR_Y);
        if(drawx) tnsVertex2d(e->OnX, ui->U); tnsVertex2d(e->OnX, ui->B);
        if(drawy) tnsVertex2d(ui->L, e->OnY); tnsVertex2d(ui->R, e->OnY);
        tnsPackAs(GL_LINES);
        tnsFlush();
    }

    char* MaxIco=(MAIN.CurrentWindow->MaximizedUi!=ui)?"🡹":"🡻";
    tnsVector4d color; tnsVectorCopy4d(laThemeColor(bt,LA_BT_TEXT),color);
    color[3]=ui->State==LA_UI_NORMAL?0.0:(ui->State==LA_UI_ACTIVE?0.5:1.0);
    int startx=(ui->R+ui->L)/2-LA_RH2*2;
    
    tnsDrawStringAuto("☰",color,startx, startx+LA_RH, ui->B-bt->BM-LA_RH, LA_TEXT_ALIGN_CENTER);
    tnsDrawStringAuto(MaxIco,color,startx+LA_RH, startx+LA_2RH, ui->B-bt->BM-LA_RH, LA_TEXT_ALIGN_CENTER);

    if(ui->Expand>=0 && ui!=MAIN.CurrentWindow->MaximizedUi)
        tnsDrawStringAuto("◿",laThemeColor(bt,LA_BT_BORDER),ui->R-LA_RH, ui->R, ui->B-bt->BM-LA_RH, LA_TEXT_ALIGN_CENTER);

    tnsFlush();
}
void la_CanvasDrawOverlay(laUiItem *ui, int h){
    laCanvasExtra *e = ui->Extra;
    laBoxedTheme *bt = (*ui->Type->Theme);

    tnsDraw2DTextureDirectly(e->OffScr->pColor[0], ui->L, ui->U, ui->R - ui->L, ui->B - ui->U);

    la_CanvasDefaultOverlay(ui, h);
}

int la_AnimateUiListRecursive(laUiList *uil);

void laDefault3DViewOverlay(laUiItem *ui){
    laUiList *uil, *gu;
    laColumn *c, *cl, *cll, *clr, *cr, *crl, *crr, *gc, *gcl, *gcr;
    laPropPack *e = &ui->ExtraPP;
    laUiItem *b, *g;

    if (!(uil = ui->Subs.pFirst)) uil = laAddTabPage(ui, "New Group");

    c = laFirstColumn(uil);
    laSplitColumn(uil, c, 0.8);
    cl = laLeftColumn(c, 0);
    cr = laRightColumn(c, 0);
    laSplitColumn(uil, cl, 0.25);
    cll = laLeftColumn(cl, 0);
    clr = laRightColumn(cl, 0);

    laShowColumnAdjuster(uil, c);

    b=laBeginRow(uil,cl,0,0);
    laShowItem(uil,cl,&ui->ExtraPP,"select_mode")->Flags|=LA_UI_FLAGS_EXPAND;
    laShowItem(uil,cl,&ui->ExtraPP,"select_through");
    laEndRow(uil,b);

    g = laMakeFoldableGroup(uil, cll, "Tools", 0, 1, 0);{
        gu = g->Page; gc = laFirstColumn(gu);
        laSplitColumn(gu, gc, 0.35); gcl = laLeftColumn(gc, 0); gcr = laRightColumn(gc, 0);
        laShowItem(gu,gc,&ui->ExtraPP,"_this_M_delete");
        laShowItem(gu,gc,&ui->ExtraPP,"_this_M_make_parent");
        laShowItem(gu,gc,&ui->ExtraPP,"_this_M_unparent");
        laShowItem(gu,gc,&ui->ExtraPP,"_this_M_add");
        laShowItem(gu,gc,&ui->ExtraPP,"_this_M_grab");
        laShowItem(gu,gc,&ui->ExtraPP,"_this_M_scale");
        laShowItem(gu,gc,&ui->ExtraPP,"_this_M_rotate");
        laShowItem(gu,gc,&ui->ExtraPP,"_this_M_clear_transformations");
        laShowItem(gu,gc,&ui->ExtraPP,"_this_M_extrude");
        laShowItem(gu,gc,&ui->ExtraPP,"_this_M_make");
        laShowItem(gu,gc,&ui->ExtraPP,"_this_M_knife");
        laShowItem(gu,gc,&ui->ExtraPP,"_this_M_subdiv");
        laShowItem(gu,gc,&ui->ExtraPP,"_this_M_separate");
        laShowItem(gu,gc,&ui->ExtraPP,"_this_M_combine");
        laShowItem(gu,gc,&ui->ExtraPP,"_this_M_duplicate");
        laShowItem(gu,gc,&ui->ExtraPP,"_this_M_recalculate_normals");
    }

    g = laMakeFoldableGroup(uil, cr, "Scene Info", 0, 1, 0);{
        gu = g->Page;
        gc = laFirstColumn(gu);
        laSplitColumn(gu, gc, 0.35);
        gcl = laLeftColumn(gc, 0);
        gcr = laRightColumn(gc, 0);
        laShowItemFull(gu, gc, &ui->PP, 0, LA_WIDGET_COLLECTION_SELECTOR,0,laui_IdentifierOnly,0);
        laShowLabel(gu, gcl, "Rename:", 0, 0);
        laShowItem(gu, gcr, &ui->PP, "name");
    }
    g = laMakeFoldableGroup(uil, cr, "Object Info", 0, 0, 0);{
        gu = g->Page;
        gc = laFirstColumn(gu);
        laSplitColumn(gu, gc, 0.35);
        gcl = laLeftColumn(gc, 0);
        gcr = laRightColumn(gc, 0);
        laShowItem(gu, gc, &ui->PP, "active.name");
        laShowLabel(gu, gcl, "Location:", 0, 0);laShowItem(gu, gcr, &ui->PP, "active.location")->Flags|=LA_UI_FLAGS_TRANSPOSE;
        laShowSeparator(gu,gc);
        laShowLabel(gu, gcl, "Rotation:", 0, 0);laShowItem(gu, gcr, &ui->PP, "active.rotation")->Flags|=LA_UI_FLAGS_TRANSPOSE;
        laShowItem(gu, gc, &ui->PP, "active.scale");
    }
    g = laMakeFoldableGroup(uil, cr, "Display", 0, 1, 0);{
        gu = g->Page;
        gc = laFirstColumn(gu);
        laSplitColumn(gu, gc, 0.35);
        gcl = laLeftColumn(gc, 0);
        gcr = laRightColumn(gc, 0);

        laShowLabel(gu, gcl, "Axis:", 0, 0);
        laWidget w={_LA_UI_ENUM_SELECTOR, LA_UI_FLAGS_ICON|LA_UI_FLAGS_CYCLE|LA_UI_FLAGS_TRANSPOSE};
        laShowItemFull(gu, gcr, e, "show_axis",&w, "show_prefix=true;" ,0,0);
        laShowLabel(gu, gcl, "Floor Grid:", 0, 0);
        laShowItemFull(gu, gcr, e, "show_floor_grid", LA_WIDGET_ENUM_CYCLE, 0, 0, 0);
        laShowItem(gu, gc, e, "grid_size");
        laShowItem(gu, gc, e, "grid_span");

        //laShowLabel(gu, gcl, "NPR:", 0, 0);
        //laShowItemFull(gu, gcr, e, "npr_line_mode", LA_WIDGET_ENUM_CYCLE, 0, 0, 0);
    }
}
void la_3DViewEnsureCamera(laCanvasExtra* e){
    if(e->ViewingCamera) return;
    tnsVector3d pos={-15, -20, 7};
    tnsCamera* c= tnsCreateCamera(0, "VIEWING_CAMERA", rad(50), LA_COLOR3(pos), rad(70), 0, rad(-40), 25);
    memAssignRef(e,&e->ViewingCamera,c);
    tnsVector3d target={0,0,0}; tnsVector3d up={0,0,1};
    tnsLookAt(e->ViewingCamera, target, up);
    e->ViewingCamera->FocusDistance=tnsDist3dv(pos,target);
}
void la_3DViewInit(laUiItem *ui){
    laCanvasExtra *e = ui->Extra;

    if (e){
        return;
    }else{
        e = memAcquireHyper(sizeof(laCanvasExtra));
    }

    ui->Extra = e;
    e->ParentUi = ui;

    la_3DViewEnsureCamera(e);

    e->GridSize = 10;
    e->GridSpan = 15;
    e->ShowAxis[0] = 1;
    e->ShowAxis[1] = 1;
    e->ShowFloorGrid = 1;

    //e->DisplayMode = LA_3D_VIEW_DISPLAY_WIRE;

    e->HeightCoeff = 10;

    laFirstColumn(laAddTabPage(ui, "New Group"));

    laRecordDifferences(0,"tns.world");
    laPushDifferences("Created camera for 3D view widget,",0);
}
void la_3DViewDestroy(laUiItem *ui){
    laCanvasExtra *e = ui->Extra;

    tnsDelete2DOffscreen(e->OffScr);
    tnsDelete2DOffscreen(e->OffScrShadow);
    
    if(e->ViewingCamera) tnsDestroyObject(e->ViewingCamera);

    memFree(e);
}

void laDefault2DViewOverlayRight(laUiItem *ui){
    laUiList *uil, *gu;
    laColumn *c, *cr, *crl, *crr, *gc, *gcl, *gcr, *cl;
    laPropPack *e = &ui->ExtraPP;
    laUiItem *b, *b1, *b2, *g;

    if (!(uil = ui->Subs.pFirst)) uil = laAddTabPage(ui, "New Group");
    uil->HeightCoeff=-1;

    c = laFirstColumn(uil);
    laSplitColumn(uil, c, 0.7);
    cl = laLeftColumn(c, 0);
    cr = laRightColumn(c, 0);

    laShowColumnAdjuster(uil, c);

    b=laBeginRow(uil,cl,0,0);
    laShowLabel(uil, cl, "Line Width:", 0, 0);
    laShowItem(uil, cl, e, "adaptive_line_width")->Flags|=LA_UI_FLAGS_PLAIN;
    laEndRow(uil,b);

    b=laBeginRow(uil,cl,0,0);
    laShowItem(uil, cl, &ui->PP, "size")->Flags|=LA_UI_FLAGS_PLAIN|LA_UI_FLAGS_TRANSPOSE|LA_TEXT_ALIGN_LEFT;
    laEndRow(uil,b);
    laShowItem(uil, cl, &ui->PP, "internal_type")->Flags|=LA_UI_FLAGS_PLAIN;

    g = laMakeFoldableGroup(uil, cr, "Display", 0, 1, 0);{
        gu = g->Page;
        gc = laFirstColumn(gu);
        laSplitColumn(gu, gc, 0.35);
        gcl = laLeftColumn(gc, 0);
        gcr = laRightColumn(gc, 0);

        // needs another mode for access the ExtraPP.
        // laShowItem(gu, gc, &ui->ExtraPP, "maximize");

        laShowLabel(gu, gcl, "Transparency:", 0, 0);
        laShowItem(gu, gcr, e, "draw_image_alpha");
        laShowLabel(gu, gcl, "Border:", 0, 0);
        laShowItemFull(gu, gcr, e, "draw_image_border", LA_WIDGET_ENUM_CYCLE, 0, 0, 0);
        laShowLabel(gu, gcl, "Line Width:", 0, 0);
        laShowItemFull(gu, gcr, e, "adaptive_line_width", LA_WIDGET_ENUM_CYCLE, 0, 0, 0);
        laShowLabel(gu, gcl, "Cursor:", 0, 0);
        laShowItemFull(gu, gcr, e, "draw_cursor", LA_WIDGET_ENUM_CYCLE, 0, 0, 0);
    }laEndFoldableGroup(uil,g);
}

void la_CanvasUiInit(laUiItem* ui){ laCanvasTemplate* ct=ui->CanvasTemplate; if(ct->Init) ct->Init(ui); }
void la_CanvasUiDestroy(laUiItem *ui){ laCanvasTemplate* ct=ui->CanvasTemplate; if(ct->Destroy) ct->Destroy(ui); }

void la_CanvasInit(laUiItem *ui){
    laCanvasExtra *e = ui->Extra;

    if (!e){ e = memAcquireHyper(sizeof(laCanvasExtra)); ui->Extra = e; }

    e->ParentUi = ui;

    e->HeightCoeff = 10;
    e->ZoomX = 1;
    e->ZoomY = 1;
    e->ImageDrawAlpha = 1;
    e->ImageDrawBorder = 1;
    e->AdaptiveLineWidth = 1;
    e->ClearBackground = 1;

    laFirstColumn(laAddTabPage(ui, "New Group"));
}
void la_CanvasDestroy(laUiItem *ui){
    laCanvasExtra *e = ui->Extra;

    tnsDelete2DOffscreen(e->OffScr);

    memFree(e);
}


//============================================================= [Operators]

int OPINV_3DOr2DViewUiItem(laOperator *a, laEvent *e){
    laUiItem *ui = a->Instance;
    a->CustomData = ui->Extra;
    return LA_RUNNING;
}
int OPEXT_3DOr2DViewUiItem(laOperator *a, int ExitCode){
    return 0;
}

int la_CanvasDetectButtons(laUiItem* ui, laBoxedTheme* bt, int x,int y, int total_buttons, int* very_close){
    int midx=(ui->R+ui->L)/2-LA_RH2*(total_buttons-1), midy=ui->B-LA_RH2-bt->BM;
    if(y>ui->B-LA_2RH-bt->BM || y<ui->U+LA_2RH+bt->TM || x<ui->L+LA_2RH+bt->TM || x>ui->R-LA_2RH-bt->RM)
        { if(very_close)*very_close=1; }else return 0;
    if(y<ui->B-LA_RH-bt->BM)return 0;
    for(int i=0;i<total_buttons;i++){ if(x>=midx-LA_RH2 && x<midx+LA_RH2) return i+1; midx+=LA_RH;}
    return 0;
}
int OPMOD_Canvas(laOperator *a, laEvent *e){
    laUiItem *ui = a->Instance;
    laBoxedTheme *bt = (*ui->Type->Theme);
    laCanvasExtra *ex = a->CustomData;
    laUiList *subu;
    laUiItem *subui = 0;
    laListHandle Locals = {0};
    int px = e->x, py = e->y;

    if (!laIsInUiItem(ui, e->x, e->y) && !ex->Dragging){
        ex->OnX = INT_MAX; ex->OnY = INT_MAX; if(ui->State!=LA_UI_NORMAL){ ui->State=LA_UI_NORMAL; laRedrawCurrentPanel(); }
        return LA_FINISHED_PASS;
    }

    //int x=e->x,y=e->y; laPanel*p=MAIN.CurrentPanel,*dp;
    //laLocalToWindow(0, p, &x, &y); if(!p) p=MAIN.CurrentWindow->MaximizedUiPanel;
    //if(dp = laDetectPanel(x,y) && dp!=p){ return LA_RUNNING_PASS; }

    if(e->Type&LA_MOUSE_EVENT){
        if(e->Type == LA_L_MOUSE_DOWN && ui->Expand>=0 && e->x>ui->R-bt->RM-LA_RH && e->y>ui->B-bt->BM-LA_RH){
            ex->Dragging=1; ex->ClickedX=e->x; ex->ClickedY=e->y; ex->TargetIndexVali=ui->Expand;
            return LA_RUNNING;
        }
        if(ex->Dragging){
            if(e->Type==LA_MOUSEMOVE){ ui->Expand=ex->TargetIndexVali+((real)e->y-ex->ClickedY+0.5)/LA_RH;
                if(ex->HeightCoeff<1) ex->HeightCoeff=1; printf("%d\n",ex->HeightCoeff);laRecalcCurrentPanel(); }
            elif(e->Type==LA_L_MOUSE_UP){ ex->Dragging=0; }
            elif(e->Type==LA_R_MOUSE_DOWN){ ex->Dragging=0; ui->Expand=ex->TargetIndexVali; laRecalcCurrentPanel(); }
            return LA_RUNNING;
        }

        int VeryClose=0; int btn=la_CanvasDetectButtons(ui, bt, e->x, e->y, 2, &VeryClose);
        if(e->Type==LA_L_MOUSE_DOWN){
            if(btn==2){ if(MAIN.CurrentWindow->MaximizedUi==ui) laRestoreCanvasUI(); else laMaximizeCanvasUI(ui,MAIN.CurrentPanel); return LA_RUNNING; }
            if(btn==1){
                if(ui->Flags&LA_UI_FLAGS_NO_OVERLAY)ui->Flags&=~LA_UI_FLAGS_NO_OVERLAY; else ui->Flags|=LA_UI_FLAGS_NO_OVERLAY;
                laRedrawCurrentPanel(); return LA_RUNNING;
            }
        }
        int state=VeryClose?(btn?LA_UI_EDITING:LA_UI_ACTIVE):LA_UI_NORMAL;
        if(state!=ui->State){ ui->State=state; laRedrawCurrentPanel(); }
    }
    //laLocalToPanel(a, &px, &py);

    if(!(ui->Flags&LA_UI_FLAGS_NO_OVERLAY)){
        for (subu = ui->Subs.pFirst; subu; subu = subu->Item.pNext){
            if (subui = la_DetectUiItemRecursive(subu, px, py, ui->B, &Locals, 0)){
                if (subui && !a->Child && subui->Type->OperatorType){
                    //printf("invui %d\n", tui);
                    laUiList *luil = ((laUiListDrawItem *)Locals.pFirst)->Target;
                    laSetOperatorLocalizer(a->ToPanel);
                    if (laInvokeUiP(a, subui->Type->OperatorType, e, subui, &Locals, 0) >= 0) laRetriggerOperators();
                    lstClearPointer(&Locals);
                    return LA_RUNNING_PASS;
                }
            }
            lstClearPointer(&Locals);
        }
    }

    if (ex->DrawCursor){
        ex->OnX = e->x;
        ex->OnY = e->y;
        laRedrawCurrentPanel();
    }

    if(ui->CanvasTemplate->ExtraModal){ if(!(ui->CanvasTemplate->ExtraModal(a,e)&LA_PASS_ON)) return LA_RUNNING; }

    if (laKeyMapExecuteEventEx(a, &ui->ExtraPP, &ui->CanvasTemplate->KeyMapper, e)) return LA_RUNNING;
    if (laKeyMapExecuteEventEx(a, &ui->ExtraPP, &ui->Type->KeyMapper, e)) return LA_RUNNING;

    return LA_RUNNING_PASS;
}

int OPCHK_Is3DViewExtra(laPropPack *This, laStringSplitor *ss){
    if (This && This->LastPs->p->SubProp == _LA_PROP_3D_EXTRA) return 1;
    return 0;
}
int OPINV_3DViewCameraZoom(laOperator *a, laEvent *e){
    laCanvasExtra *ex = a->This->EndInstance;
    tnsCamera *c = ex->ViewingCamera;

    if (strArgumentMatch(a->ExtraInstructionsP, "direction", "in")){
        tnsZoomViewingCamera(c, 0.1);
        laRedrawCurrentPanel();
    }elif (strArgumentMatch(a->ExtraInstructionsP, "direction", "out")){
        tnsZoomViewingCamera(c, -0.1);
        laRedrawCurrentPanel();
    }

    return LA_FINISHED;
}
int OPINV_3DOr2DViewAdjust(laOperator *a, laEvent *e){
    laGeneralUiExtraData *ex = memAcquireSimple(sizeof(laGeneralUiExtraData));
    laSetWindowCursor(LA_HAND);
    a->CustomData = ex;
    ex->LastX = e->x;
    ex->LastY = e->y;

    return LA_RUNNING;
}
int OPEXT_3DOr2DViewAdjust(laOperator *a, int Mark){
    if (a->CustomData) memFree(a->CustomData);
    laSetWindowCursor(LA_ARROW);
}
int OPMOD_3DViewCameraRotate(laOperator *a, laEvent *e){
    laCanvasExtra *ex = a->This->EndInstance;
    laGeneralUiExtraData *uex = a->CustomData;

    if (e->Type == LA_L_MOUSE_UP || e->Type == LA_M_MOUSE_UP || e->Type == LA_R_MOUSE_DOWN) return LA_FINISHED;

    if (e->Type == LA_MOUSEMOVE){
        tnsRotateViewingCamera(ex->ViewingCamera, (real)(uex->LastY - e->y) / 150.0, (real)(uex->LastX - e->x) / 150.0);
        uex->LastX = e->x;
        uex->LastY = e->y;
        laRedrawCurrentPanel();
    }

    return LA_RUNNING;
}
int OPMOD_3DViewCameraMove(laOperator *a, laEvent *e){
    laCanvasExtra *ex = a->This->EndInstance;
    laGeneralUiExtraData *uex = a->CustomData;

    if (e->Type == LA_L_MOUSE_UP || e->Type == LA_M_MOUSE_UP || e->Type == LA_R_MOUSE_DOWN){
        laSetWindowCursor(LA_ARROW);
        return LA_FINISHED;
    }
    if (e->Type == LA_MOUSEMOVE){
        tnsTranslateViewingCamera(ex->ViewingCamera, ex->ParentUi->R - ex->ParentUi->L, ex->ParentUi->B - ex->ParentUi->U, -e->x + uex->LastX, e->y - uex->LastY);
        //tnsTranslateObjectLocal(ex->ViewingCamera,
        //	-(real)(e->x - uex->LastX) * ex->ViewingCamera->FocusDistance / 100,
        //	(real)(e->y - uex->LastY) * ex->ViewingCamera->FocusDistance / 100,
        //	0);
        uex->LastX = e->x;
        uex->LastY = e->y;
        laRedrawCurrentPanel();
    }

    return LA_RUNNING;
}

int OPCHK_Is2DViewExtra(laPropPack *This, laStringSplitor *ss){
    return 1;
    //if (This && (This->LastPs->p->SubProp == _LA_PROP_2D_EXTRA)) return 1;
    return 0;
}
int OPINV_CanvasZoom(laOperator *a, laEvent *e){
    laCanvasExtra *ex = a->This->EndInstance;

    if (strArgumentMatch(a->ExtraInstructionsP, "mode", "mouse")){
        laGeneralUiExtraData *ex = memAcquireSimple(sizeof(laGeneralUiExtraData));
        laSetWindowCursor(LA_HAND);
        a->CustomData = ex;
        ex->LastX = e->x;
        ex->LastY = e->y;
        return LA_RUNNING;
    }

    if (strArgumentMatch(a->ExtraInstructionsP, "direction", "in")){
        if (strArgumentMatch(a->ExtraInstructionsP, "axis", "x")){
            ex->ZoomX *= 0.9;
        }else{
            ex->ZoomX *= 0.9;
            ex->ZoomY *= 0.9;
        }
        laRedrawCurrentPanel();
    }elif (strArgumentMatch(a->ExtraInstructionsP, "direction", "out")){
        if (strArgumentMatch(a->ExtraInstructionsP, "axis", "x")){
            ex->ZoomX *= 1.1;
        }else{
            ex->ZoomX *= 1.1;
            ex->ZoomY *= 1.1;
        }
        laRedrawCurrentPanel();
    }

    return LA_FINISHED;
}
int OPMOD_CanvasZoom(laOperator *a, laEvent *e){
    laCanvasExtra *ex = a->This->EndInstance;
    laGeneralUiExtraData *uex = a->CustomData;

    if (e->Type == LA_L_MOUSE_UP || e->Type == LA_R_MOUSE_DOWN || e->Type==LA_M_MOUSE_UP){
        laSetWindowCursor(LA_ARROW);
        return LA_FINISHED;
    }

    if (e->Type == LA_MOUSEMOVE){
        if (strArgumentMatch(a->ExtraInstructionsP, "axis", "x")){
            ex->ZoomX *= (1.0 - (e->x - uex->LastX) * MAIN.ZoomSpeed2D);
        }elif(strArgumentMatch(a->ExtraInstructionsP, "lock", "true")){
            ex->ZoomX *= (1.0 - (e->y - uex->LastY) * MAIN.ZoomSpeed2D); ex->ZoomY = ex->ZoomX;
        }else{
            ex->ZoomX *= (1.0 - (e->x - uex->LastX) * MAIN.ZoomSpeed2D);
            ex->ZoomY *= (1.0 + (e->y - uex->LastY) * MAIN.ZoomSpeed2D);
        }
        if(ex->ZoomX<0||ex->ZoomX!=ex->ZoomX){
            printf("Error zoom!\n"); ex->ZoomX=1; ex->ZoomY=1;
        }
        uex->LastX = e->x;
        uex->LastY = e->y;
        laRedrawCurrentPanel();
    }

    return LA_RUNNING;
}
int OPMOD_CanvasMove(laOperator *a, laEvent *e){
    laCanvasExtra *ex = a->This->EndInstance;
    laGeneralUiExtraData *uex = a->CustomData;

    if (e->Type == LA_L_MOUSE_UP || e->Type == LA_R_MOUSE_DOWN || e->Type==LA_M_MOUSE_UP ||
       (e->Type==LA_KEY_UP && e->key==' ')) {
        laSetWindowCursor(LA_ARROW);
        return LA_FINISHED;
    }

    if (e->Type == LA_MOUSEMOVE){
        if (strArgumentMatch(a->ExtraInstructionsP, "axis", "x")){
            ex->PanX -= (e->x - uex->LastX) * ex->ZoomX;
        }else{
            ex->PanX -= (e->x - uex->LastX) * ex->ZoomX;
            ex->PanY += (e->y - uex->LastY) * ex->ZoomY;
        }
        uex->LastX = e->x;
        uex->LastY = e->y;
        laRedrawCurrentPanel();
    }

    return LA_RUNNING;
}
int OPINV_CanvasClick(laOperator *a, laEvent *e){
    laCanvasExtra *ex = a->This->EndInstance;
    laGeneralUiExtraData *uex = a->CustomData;

    if (e->Type == LA_L_MOUSE_DOWN){
        ex->ClickedX = (e->x - (ex->ParentUi->R - ex->ParentUi->L) / 2 - ex->ParentUi->L) * ex->ZoomX + ex->PanX;
        ex->ClickedY = ((ex->ParentUi->B - ex->ParentUi->U) / 2 - e->y + ex->ParentUi->U) * ex->ZoomY + ex->PanY;
        laRedrawCurrentPanel();
    }

    return LA_FINISHED_PASS;
}

void la_RegisterViewerOperators(){
    laCreateOperatorType("LA_canvas_operator", "2D View UiItem Operator", "All Visual 2D View Operations Are Called From This Ui",
                          0, 0, OPEXT_3DOr2DViewUiItem, OPINV_3DOr2DViewUiItem, OPMOD_Canvas, U'🖦', LA_EXTRA_TO_PANEL | LA_ACTUATOR_SYSTEM | LA_ACTUATOR_HIDDEN);

    laCreateOperatorType("LA_3d_view_camera_zoom", "Camera Zoom", "Let View Camera Zoom In Or Out",
                          OPCHK_Is3DViewExtra, 0, 0, OPINV_3DViewCameraZoom, 0, U'🔎', 0);
    laCreateOperatorType("LA_3d_view_camera_rotate", "Camera Rotate", "Let View Camera Rotate Along Local X/Y Axis",
                          OPCHK_Is3DViewExtra, 0, OPEXT_3DOr2DViewAdjust, OPINV_3DOr2DViewAdjust, OPMOD_3DViewCameraRotate, U'🗘', LA_EXTRA_TO_PANEL);
    laCreateOperatorType("LA_3d_view_camera_move", "Camera Move", "Let View Camera Move Along Local X/Y Axis",
                          OPCHK_Is3DViewExtra, 0, OPEXT_3DOr2DViewAdjust, OPINV_3DOr2DViewAdjust, OPMOD_3DViewCameraMove, U'🤚', LA_EXTRA_TO_PANEL);

    laCreateOperatorType("LA_2d_view_zoom", "2D Zoom", "Let View 2D Cavans Zoom In Or Out",
                          OPCHK_Is2DViewExtra, 0, OPEXT_3DOr2DViewAdjust, OPINV_CanvasZoom, OPMOD_CanvasZoom, U'🔎', 0);
    laCreateOperatorType("LA_2d_view_move", "2D Move", "Let View 2D Cavans Move Along Local X/Y Axis",
                          OPCHK_Is2DViewExtra, 0, OPEXT_3DOr2DViewAdjust, OPINV_3DOr2DViewAdjust, OPMOD_CanvasMove, U'🤚', LA_EXTRA_TO_PANEL);
    laCreateOperatorType("LA_2d_view_click", "2D Click", "2D Click",
                          OPCHK_Is2DViewExtra, 0, OPEXT_3DOr2DViewAdjust, OPINV_CanvasClick, 0, U'🖦', LA_EXTRA_TO_PANEL);
}


void *tnsget_detached_FirstScene(void *UNUSED1, void *UNUSED2);

void laset_CanvasSelectMode(laCanvasExtra* ex, int mode){
    ex->SelectMode=mode; laUiItem* ui=ex->ParentUi;
    tnsObject*root=ui?ui->PP.EndInstance:0; if(!root) return;
    if(root->Active){ if(root->Active->Type==TNS_OBJECT_MESH && ((tnsMeshObject*)root->Active)->Mode==TNS_MESH_EDIT_MODE){ tnsMMeshEnsureSelection(root->Active, mode); } }
}

void la_RegisterUiTypesViewerWidgets(){
    laPropContainer *pc = 0;
    laProp *p = 0;
    laKeyMapper *km;

    _LA_UI_CANVAS = la_RegisterUiType("LA_canvas_default", 0, "LA_canvas_operator", &_LA_THEME_2D_VIEW, la_CanvasDraw, la_CanvasGetHeight, la_CanvasUiInit, la_CanvasUiDestroy);
    _LA_UI_CANVAS->Tag = LA_UI_TAG_NEED_REBUILD;

    laCanvasTemplate* ct=laRegisterCanvasTemplate("la_CanvasDrawTexture", "tns_texture", 0, la_CanvasDrawTexture, la_CanvasDrawOverlay, la_CanvasInit, la_CanvasDestroy);
    pc = laCanvasHasExtraProps(ct,sizeof(laCanvasExtra),2);{
        _LA_PROP_2D_EXTRA = pc;
        laAddIntProperty(pc, "height_coeff", "Ui Height", "Ui Height Coefficiency Entry", 0, 0, "Rows", 100, -100, 1, 0, 0, offsetof(laCanvasExtra, HeightCoeff), 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);
        p = laAddEnumProperty(pc, "draw_image_alpha", "Draw Image Alpha", "Draw Grid Background On Alpha<1", 0, 0, 0, 0, 0,
                               offsetof(laCanvasExtra, ImageDrawAlpha), 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);{
            laAddEnumItem(p, "null", "null", "Don't Draw Grid", 0);
            laAddEnumItem(p, "normal", "normal", "Use Normal Color", 0);
            laAddEnumItem(p, "bright", "bright", "Draw Alpha Grid Using Very Bright White Color", 0);
        }
        p = laAddEnumProperty(pc, "draw_image_border", "Draw Image Border", "Draw Image Border Using Same Color As Ui Item", 0, 0, 0, 0, 0,
                               offsetof(laCanvasExtra, ImageDrawBorder), 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);{
            laAddEnumItem(p, "no", "No", "Don't Draw Border", U'☐');
            laAddEnumItem(p, "yes", "Yes", "Draw Border", U'☑');
        }
        p = laAddEnumProperty(pc, "adaptive_line_width", "Adaptive Line Width", "glLineWith() will follow 2dview zooming", 0, 0, 0, 0, 0,
                               offsetof(laCanvasExtra, AdaptiveLineWidth), 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);{
            laAddEnumItem(p, "constant", "Constant", "Don't change line width", U'☐');
            laAddEnumItem(p, "adaptive", "Adaptive", "Adaptive Line Width", U'☑');
        }
        p = laAddEnumProperty(pc, "line_width_warning", "Line Width Warnning", "Show whether line width is acceptable by hardware", 0, 0, 0, 0, 0,
                               offsetof(laCanvasExtra, LineWidthWarning), 0, 0, 0, 0, 0, 0, 0, 0, 0, LA_READ_ONLY);{
            laAddEnumItem(p, "acceptable", "Acceptable", "Line width is acceptable by graphic hadware", U'✔');
            laAddEnumItem(p, "too_wide", "Too Wide", "Line width is too wide for graphic hadware", U'❌');
            laAddEnumItem(p, "too_thin", "Too Thin", "Line width is too thin for graphic hadware", U'❌');
        }
        p = laAddEnumProperty(pc, "clear_background", "Clear Background", "Clear Background", 0, 0, 0, 0, 0, offsetof(laCanvasExtra, ClearBackground), 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);{
            laAddEnumItem(p, "no", "No", "Don't Clear Background", U'🌔');
            laAddEnumItem(p, "yes", "Yes", "Clear Background", U'🌑');
        }
        p = laAddEnumProperty(pc, "draw_cursor", "Show Cursor", "Show Cursor", 0, 0, 0, 0, 0, offsetof(laCanvasExtra, DrawCursor), 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);{
            laAddEnumItem(p, "no", "No", "Don't draw cursor", U'🖦');
            laAddEnumItem(p, "yes", "Yes", "Draw cursor", U'➕');
        }
        laAddFloatProperty(pc, "pan", "Pan", "Pan On X,Y Axis", 0, "X,Y", "px", 0, 0, 1, 0, 0, offsetof(laCanvasExtra, PanX), 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0);
        laAddFloatProperty(pc, "zoom", "Zoom", "Zoom Factor On X,Y Axis", 0, "X,Y", 0, 0, 0, 0.01, 1, 0, offsetof(laCanvasExtra, ZoomX), 0, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0);
        //laAddSubGroup(pc, "Template", "Template Used To Draw 2D Stuff", "la_2d_view_template",0, 0, 0, -offsetof(laCanvasExtra, Template), 0, 0, 0, 0, 0, 0, 0, 0, LA_UDF_REFER);
        laAddOperatorProperty(pc, "zoom", "Zoom", "Zoom 2D Canvans", "LA_2d_view_zoom", U'🔎', 0);
        laAddOperatorProperty(pc, "move", "Move", "Move 2D Canvans", "LA_2d_view_move", U'🤚', 0);
        laAddOperatorProperty(pc, "click", "Click", "Click On 2D Canvans", "LA_2d_view_click", U'🤚', 0);
        laAddSubGroup(pc, "parent_ui", "Parent UI", "The Ui That Holds The Viewer", "ui_item",0, 0, 0, offsetof(laCanvasExtra, ParentUi), 0, 0, 0, 0, 0, 0, 0, LA_UDF_REFER);
    }
    km = &ct->KeyMapper;
    laAssignNewKey(km, 0, "LA_2d_view_zoom", LA_KM_SEL_UI_EXTRA, 0, LA_MOUSE_WHEEL_DOWN, 0, "direction=out");
    laAssignNewKey(km, 0, "LA_2d_view_zoom", LA_KM_SEL_UI_EXTRA, 0, LA_MOUSE_WHEEL_UP, 0, "direction=in");
    laAssignNewKey(km, 0, "LA_2d_view_move", LA_KM_SEL_UI_EXTRA, LA_KEY_ALT, LA_L_MOUSE_DOWN, 0, 0);
    laAssignNewKey(km, 0, "LA_2d_view_click", LA_KM_SEL_UI_EXTRA, 0, LA_L_MOUSE_DOWN, 0, 0);


    ct=laRegisterCanvasTemplate("la_3DView", "tns_object", 0, la_RootObjectDraw, la_RootObjectDrawOverlay, la_3DViewInit, la_3DViewDestroy);
    pc = laCanvasHasExtraProps(ct, sizeof(laCanvasExtra), 2);{
        _LA_PROP_3D_EXTRA = pc;
        laAddIntProperty(pc, "grid_size", "Grid Size", "Floor Grid Size Per Cell", 0, 0, "Unit", 100, 1, 1, 10, 0, offsetof(laCanvasExtra, GridSize), 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);
        laAddIntProperty(pc, "grid_span", "Grid Span", "How Many Grids Are Drawn", 0, 0, 0, 25, 1, 1, 10, 0, offsetof(laCanvasExtra, GridSpan), 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);
        p = laAddEnumProperty(pc, "show_axis", "Show Axis", "Show Global X,Y,Z Axis", LA_WIDGET_ENUM_CYCLE, "X,Y,Z", 0, 0, 0, offsetof(laCanvasExtra, ShowAxis), 0, 0, 3, 0, 0, 0, 0, 0, 0, 0);{
            laAddEnumItem(p, "HIDDEN", "Hidden", "Current Axis Is Hidden", U'🌔');
            laAddEnumItem(p, "SHOWN", "Shown", "Current Axis Is Shown", U'🌑');
        }
        p = laAddEnumProperty(pc, "show_floor_grid", "Show Floor Grid", "Show Floor Grid", 0,  0, 0, 0, 0, offsetof(laCanvasExtra, ShowFloorGrid), 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);{
            laAddEnumItem(p, "HIDDEN", "Hidden", "Current Axis Is Hidden", U'🌔');
            laAddEnumItem(p, "SHOWN", "Shown", "Current Axis Is Shown", U'🌑');
        }
        p = laAddEnumProperty(pc, "select_mode", "Select Mode", "Select by vertices or edges", 0, 0, 0, 0, 0, offsetof(laCanvasExtra, SelectMode), 0, laset_CanvasSelectMode, 0, 0, 0, 0, 0, 0, 0, 0);{
            laAddEnumItemAs(p, "VERTS", "Verts", "Select by vertices", LA_CANVAS_SELECT_MODE_VERTS,0);
            laAddEnumItemAs(p, "EDGES", "Edges", "Select by edges", LA_CANVAS_SELECT_MODE_EDGES,0);
        }
        p = laAddEnumProperty(pc, "select_through", "Select Through", "Select through stuff", LA_WIDGET_ENUM_HIGHLIGHT, 0, 0, 0, 0, offsetof(laCanvasExtra, SelectThrough), 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);{
            laAddEnumItemAs(p, "OFF", "Off", "Don't select through stuff", LA_CANVAS_SELECT_THROUGH_OFF,0);
            laAddEnumItemAs(p, "ON", "On", "Select through stuff", LA_CANVAS_SELECT_THROUGH_ON,0);
        }
        laAddIntProperty(pc, "height_coeff", "Ui Height", "Ui Height Coefficiency Entry", 0, 0, "Rows", 100, -100, 1, 0, 0, offsetof(laCanvasExtra, HeightCoeff), 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);
        laAddOperatorProperty(pc, "zoom", "Zoom", "Zoom Viewing Camera", "LA_3d_view_camera_zoom", U'🔎', 0);
        laAddOperatorProperty(pc, "rotate", "Rotate", "Rotate Viewing Camera", "LA_3d_view_camera_rotate", U'🗘', 0);
        laAddOperatorProperty(pc, "move", "Move", "Move Viewing Camera", "LA_3d_view_camera_move", U'🤚', 0);
        //laAddSubGroup(pc, "Viewing Camera", "Unique Camera That Is Used To Draw 3D Viewport", "tns_object",0, 0, 0, -offsetof(laCanvasExtra, ViewingCamera), 0, 0, 0, 0, 0, 0, 0, 0, 0, 0);
        laAddSubGroup(pc, "parent_ui", "Parent Ui", "Parent Ui (Mostly Used To Determin Viewport Size)", "ui_item",0, 0, 0, offsetof(laCanvasExtra, ParentUi), 0, 0, 0, 0, 0, 0, 0, LA_UDF_REFER);
        laAddOperatorProperty(pc, "align_camera_to_view", "Align Active Camera To View", "Align Active Camera To View", "TNS_align_camera_to_view", U'🎥', 0);
        laAddOperatorProperty(pc, "align_view_to_camera", "Align View To Active Camera", "Align View To Active Camera", "TNS_align_view_to_camera", U'🎥', 0);
        laAddOperatorProperty(pc, "_this_M_delete", "Delete", "Delete parts of mesh", "M_delete", 0, 0);
        laAddOperatorProperty(pc, "_this_M_make_parent", "Make parent", "Parent objects to active objects or unparent selected ones", "M_make_parent", 0, 0);
        laAddOperatorProperty(pc, "_this_M_unparent", "Unparent", "Unparent selected objects", "M_unparent", 0, 0);
        laAddOperatorProperty(pc, "_this_M_add", "Add", "Add objects/primitives", "M_add", 0, 0);
        laAddOperatorProperty(pc, "_this_M_grab", "Grab", "Grab things and move around", "M_grab", 0, 0);
        laAddOperatorProperty(pc, "_this_M_scale", "Scale", "Scale selected things", "M_scale", 0, 0);
        laAddOperatorProperty(pc, "_this_M_rotate", "Rotate", "Rotation selected things", "M_rotate", 0, 0);
        laAddOperatorProperty(pc, "_this_M_clear_transformations", "Clear Transformations", "Clear object transformation values", "M_clear_transformations", 0, 0);
        laAddOperatorProperty(pc, "_this_M_extrude", "Extrude", "Extrude parts of the mesh", "M_extrude", 0, 0);
        laAddOperatorProperty(pc, "_this_M_delete", "Delete", "Delete parts of the mesh", "M_delete", 0, 0);
        laAddOperatorProperty(pc, "_this_M_make", "Make", "Make mesh primitive from selected ones", "M_make", 0, 0);
        laAddOperatorProperty(pc, "_this_M_subdiv", "Subdiv", "Subdivide edges", "M_subdiv", 0, 0);
        laAddOperatorProperty(pc, "_this_M_add", "Add", "Add objects/primitives", "M_add", 0, 0);
        laAddOperatorProperty(pc, "_this_M_separate", "Separate", "Separate mesh parts", "M_separate", 0, 0);
        laAddOperatorProperty(pc, "_this_M_combine", "Combine", "Combine mesh objects", "M_combine", 0, 0);
        laAddOperatorProperty(pc, "_this_M_duplicate", "Duplicate", "Duplicate objects", "M_duplicate", 0, 0);
        laAddOperatorProperty(pc, "_this_M_recalculate_normals", "Recalculate Normals", "Recalculate normals", "M_recalculate_normals", 0, 0);
        laAddOperatorProperty(pc, "_this_M_knife", "Knife", "Cut though edges", "M_knife", 0, 0);
    }

    km = &ct->KeyMapper;
    laAssignNewKey(km, 0, "LA_3d_view_camera_zoom", LA_KM_SEL_UI_EXTRA, 0, LA_MOUSE_WHEEL_DOWN, 0, "direction=out");
    laAssignNewKey(km, 0, "LA_3d_view_camera_zoom", LA_KM_SEL_UI_EXTRA, 0, LA_MOUSE_WHEEL_UP, 0, "direction=in");
    laAssignNewKey(km, 0, "LA_3d_view_camera_rotate", LA_KM_SEL_UI_EXTRA, LA_KEY_ALT, LA_L_MOUSE_DOWN, 0, 0);
    laAssignNewKey(km, 0, "LA_3d_view_camera_rotate", LA_KM_SEL_UI_EXTRA, 0, LA_M_MOUSE_DOWN, 0, 0);
    laAssignNewKey(km, 0, "LA_3d_view_camera_move", LA_KM_SEL_UI_EXTRA, LA_KEY_SHIFT, LA_M_MOUSE_DOWN, 0, 0);
    laAssignNewKey(km, 0, "LA_3d_view_camera_move", LA_KM_SEL_UI_EXTRA, LA_KEY_SHIFT | LA_KEY_ALT, LA_L_MOUSE_DOWN, 0, 0);
    laAssignNewKey(km, 0, "TNS_align_camera_to_view", LA_KM_SEL_UI_EXTRA, LA_KEY_ALT | LA_KEY_SHIFT, LA_R_MOUSE_DOWN, 0, 0);
    laAssignNewKey(km, 0, "TNS_align_view_to_camera", LA_KM_SEL_UI_EXTRA, 0, LA_KEY_DOWN, '0', 0);

    laAssignNewKey(km, 0, "M_set_cursor", LA_KM_SEL_UI_EXTRA, 0, LA_L_MOUSE_DOWN, 0, 0);
    laAssignNewKey(km, 0, "M_toggle_edit_mode", LA_KM_SEL_UI_EXTRA, 0, LA_KEY_DOWN, LA_KEY_TAB, 0);
    laAssignNewKey(km, 0, "M_select", LA_KM_SEL_UI_EXTRA, LA_KEY_ALT, LA_R_MOUSE_DOWN, 0, 0);
    laAssignNewKey(km, 0, "M_select", LA_KM_SEL_UI_EXTRA, LA_KEY_SHIFT, LA_R_MOUSE_DOWN, 0, 0);
    laAssignNewKey(km, 0, "M_select", LA_KM_SEL_UI_EXTRA, 0, LA_R_MOUSE_DOWN, 0, 0);
    laAssignNewKey(km, 0, "M_select", LA_KM_SEL_UI_EXTRA, 0, LA_KEY_DOWN, 'b', "mode=box;");
    laAssignNewKey(km, 0, "M_select", LA_KM_SEL_UI_EXTRA, 0, LA_KEY_DOWN, 'a', "mode=toggle;");
    laAssignNewKey(km, 0, "M_grab", LA_KM_SEL_UI_EXTRA, 0, LA_KEY_DOWN, 'g', 0);
    laAssignNewKey(km, 0, "M_scale", LA_KM_SEL_UI_EXTRA, 0, LA_KEY_DOWN, 's', 0);
    laAssignNewKey(km, 0, "M_rotate", LA_KM_SEL_UI_EXTRA, 0, LA_KEY_DOWN, 'r', 0);
    laAssignNewKey(km, 0, "M_make_parent", LA_KM_SEL_UI_EXTRA, LA_KEY_CTRL, LA_KEY_DOWN, 'p', 0);
    laAssignNewKey(km, 0, "M_unparent", LA_KM_SEL_UI_EXTRA, LA_KEY_ALT, LA_KEY_DOWN, 'p', 0);
    laAssignNewKey(km, 0, "M_clear_transformations", LA_KM_SEL_UI_EXTRA, LA_KEY_ALT, LA_KEY_DOWN, 'g', "location=true;text=Clear Location;");
    laAssignNewKey(km, 0, "M_clear_transformations", LA_KM_SEL_UI_EXTRA, LA_KEY_ALT, LA_KEY_DOWN, 'r', "rotation=true;text=Clear Rotation;");
    laAssignNewKey(km, 0, "M_clear_transformations", LA_KM_SEL_UI_EXTRA, LA_KEY_ALT, LA_KEY_DOWN, 's', "scale=true;text=Clear Scale;");
    laAssignNewKey(km, 0, "M_extrude", LA_KM_SEL_UI_EXTRA, 0, LA_KEY_DOWN, 'e', 0);
    laAssignNewKey(km, 0, "M_extrude", LA_KM_SEL_UI_EXTRA, LA_KEY_SHIFT, LA_KEY_DOWN, 'd', "duplicate_only=true;text=Duplicate;");
    laAssignNewKey(km, 0, "M_delete", LA_KM_SEL_UI_EXTRA, 0, LA_KEY_DOWN, 'x', 0);
    laAssignNewKey(km, 0, "M_make", LA_KM_SEL_UI_EXTRA, 0, LA_KEY_DOWN, 'f', 0);
    laAssignNewKey(km, 0, "M_subdiv", LA_KM_SEL_UI_EXTRA, 0, LA_KEY_DOWN, 'w', 0);
    laAssignNewKey(km, 0, "M_add", LA_KM_SEL_UI_EXTRA, LA_KEY_SHIFT, LA_KEY_DOWN, 'a', 0);
    laAssignNewKey(km, 0, "M_separate", LA_KM_SEL_UI_EXTRA, 0, LA_KEY_DOWN, 'p', 0);
    laAssignNewKey(km, 0, "M_combine", LA_KM_SEL_UI_EXTRA, LA_KEY_CTRL, LA_KEY_DOWN, 'j', 0);
    laAssignNewKey(km, 0, "M_duplicate", LA_KM_SEL_UI_EXTRA, LA_KEY_SHIFT, LA_KEY_DOWN, 'd', 0);
    laAssignNewKey(km, 0, "M_recalculate_normals", LA_KM_SEL_UI_EXTRA, LA_KEY_CTRL, LA_KEY_DOWN, 'n', 0);
    laAssignNewKey(km, 0, "M_knife", LA_KM_SEL_UI_EXTRA, 0, LA_KEY_DOWN, 'k', 0);
}