Nuklear/gui.c

/*
    Copyright (c) 2015
    vurtun <polygone@gmx.net>
    MIT licence
*/
#include "gui.h"

#ifndef NDEBUG
#include <assert.h>
#else
#define assert(expr)
#endif

#define NULL (void*)0
#define UTF_INVALID 0xFFFD
#define MAX_NUMBER_BUFFER 64
#define PASTE(a,b) a##b
#define MIN(a,b) ((a) < (b) ? (a) : (b))
#define MAX(a,b) ((a) < (b) ? (b) : (a))
#define CLAMP(i,v,x) (MAX(MIN(v,x), i))
#define SATURATE(x) (MAX(0, MIN(1.0f, x)))
#define LEN(a) (sizeof(a)/sizeof(a)[0])
#define ABS(a) (((a) < 0) ? -(a) : (a))
#define BETWEEN(x, a, b) ((a) <= (x) && (x) <= (b))
#define INBOX(px, py, x, y, w, h) (BETWEEN(px, x, x+w) && BETWEEN(py, y, y+h))

#define col_load(c,j,k,l,m) (c).r = (j), (c).g = (k), (c).b = (l), (c).a = (m)
#define vec2_load(v,a,b) (v).x = (a), (v).y = (b)
#define vec2_mov(to,from) (to).x = (from).x, (to).y = (from).y
#define vec2_len(v) ((float)fsqrt((v).x*(v).x+(v).y*(v).y))
#define vec2_sub(r,a,b) do {(r).x=(a).x-(b).x; (r).y=(a).y-(b).y;} while(0)
#define vec2_muls(r, v, s) do {(r).x=(v).x*(s); (r).y=(v).y*(s);} while(0)

static const struct gui_rect null_rect = {0.0f, 0.0f, 9999.0f, 9999.0f};
static const gui_char utfbyte[GUI_UTF_SIZE+1] = {0x80, 0, 0xC0, 0xE0, 0xF0};
static const gui_char utfmask[GUI_UTF_SIZE+1] = {0xC0, 0x80, 0xE0, 0xF0, 0xF8};
static const long utfmin[GUI_UTF_SIZE+1] = {0, 0, 0x80, 0x800, 0x100000};
static const long utfmax[GUI_UTF_SIZE+1] = {0x10FFFF, 0x7F, 0x7FF, 0xFFFF, 0x10FFFF};

static void*
memcopy(void *dst, const void *src, gui_size size)
{
    gui_size i = 0;
    char *d = dst;
    const char *s = src;
    for (i = 0; i < size; ++i)
        d[i] = s[i];
    return dst;
}

static void
zero(void *dst, gui_size size)
{
    gui_size i;
    char *d = dst;
    for (i = 0; i < size; ++i) d[i] = 0;
}

static gui_size
strsiz(const char *str)
{
    gui_size siz = 0;
    while (str && *str++ != '\0') siz++;
    return siz;
}

static gui_int
strtoi(gui_int *number, const char *buffer, gui_size len)
{
    gui_size i;
    if (!number || !buffer)
        return 0;
    *number = 0;
    for (i = 0; i < len; ++i)
        *number = *number * 10 + (buffer[i] - '0');
    return 1;
}

static gui_size
itos(char *buffer, gui_int num)
{
    static const char digit[] = "0123456789";
    gui_int shifter;
    gui_size len = 0;
    char *p = buffer;
    if (!buffer)
        return 0;

    if (num < 0) {
        num = ABS(num);
        *p++ = '-';
    }
    shifter = num;

    do {
        ++p;
        shifter = shifter/10;
    } while (shifter);
    *p = '\0';

    len = (gui_size)(p - buffer);
    do {
        *--p = digit[num % 10];
        num = num / 10;
    } while (num);
    return len;
}

static void
unify(struct gui_rect *clip, const struct gui_rect *a, gui_float x0, gui_float y0,
    gui_float x1, gui_float y1)
{
    clip->x = MAX(a->x, x0) - 1;
    clip->y = MAX(a->y, y0) - 1;
    clip->w = MIN(a->x + a->w, x1) - clip->x+ 2;
    clip->h = MIN(a->y + a->h, y1) - clip->y + 2;
    clip->w = MAX(0, clip->w);
    clip->h = MAX(0, clip->h);
}

static gui_size
utf_validate(long *u, gui_size i)
{
    if (!u) return 0;
    if (!BETWEEN(*u, utfmin[i], utfmax[i]) ||
         BETWEEN(*u, 0xD800, 0xDFFF))
            *u = UTF_INVALID;
    for (i = 1; *u > utfmax[i]; ++i);
    return i;
}

static gui_long
utf_decode_byte(gui_char c, gui_size *i)
{
    if (!i) return 0;
    for(*i = 0; *i < LEN(utfmask); ++(*i)) {
        if ((c & utfmask[*i]) == utfbyte[*i])
            return c & ~utfmask[*i];
    }
    return 0;
}

static gui_size
utf_decode(const gui_char *c, gui_long *u, gui_size clen)
{
    gui_size i, j, len, type;
    gui_long udecoded;

    *u = UTF_INVALID;
    if (!c || !u) return 0;
    if (!clen) return 0;
    udecoded = utf_decode_byte(c[0], &len);
    if (!BETWEEN(len, 1, GUI_UTF_SIZE))
        return 1;

    for (i = 1, j = 1; i < clen && j < len; ++i, ++j) {
        udecoded = (udecoded << 6) | utf_decode_byte(c[i], &type);
        if (type != 0)
            return j;
    }
    if (j < len)
        return 0;
    *u = udecoded;
    utf_validate(u, len);
    return len;
}

static gui_char
utf_encode_byte(gui_long u, gui_size i)
{
    return (gui_char)(utfbyte[i] | (u & ~utfmask[i]));
}

static gui_size
utf_encode(gui_long u, gui_char *c, gui_size clen)
{
    gui_size len, i;
    len = utf_validate(&u, 0);
    if (clen < len || !len)
        return 0;
    for (i = len - 1; i != 0; --i) {
        c[i] = utf_encode_byte(u, 0);
        u >>= 6;
    }
    c[0] = utf_encode_byte(u, len);
    return len;
}

static void
gui_triangle_from_direction(struct gui_vec2 *result, gui_float x, gui_float y,
    gui_float w, gui_float h, gui_float pad_x, gui_float pad_y,
    enum gui_heading direction)
{
    gui_float w_half, h_half;
    assert(result);

    w = MAX(4 * pad_x, w);
    h = MAX(4 * pad_y, h);
    w = w - 2 * pad_x;
    h = h - 2 * pad_y;
    w_half = w / 2.0f;
    h_half = h / 2.0f;
    x = x + pad_x;
    y = y + pad_y;

    if (direction == GUI_UP) {
        result[0].x = x + w_half;
        result[0].y = y;
        result[1].x = x;
        result[1].y = y + h;
        result[2].x = x + w;
        result[2].y = y + h;
    } else if (direction == GUI_RIGHT) {
        result[0].x = x;
        result[0].y = y;
        result[1].x = x;
        result[1].y = y + h;
        result[2].x = x + w;
        result[2].y = y + h_half;
    } else if (direction == GUI_DOWN) {
        result[0].x = x;
        result[0].y = y;
        result[1].x = x + w_half;
        result[1].y = y + h;
        result[2].x = x + w;
        result[2].y = y;
    } else {
        result[0].x = x;
        result[0].y = y + h_half;
        result[1].x = x + w;
        result[1].y = y + h;
        result[2].x = x + w;
        result[2].y = y;
    }
}

void
gui_input_begin(struct gui_input *in)
{
    gui_size i;
    assert(in);
    if (!in) return;
    in->mouse_clicked = 0;
    in->text_len = 0;
    vec2_mov(in->mouse_prev, in->mouse_pos);
    for (i = 0; i < GUI_KEY_MAX; i++)
        in->keys[i].clicked = 0;
}

void
gui_input_motion(struct gui_input *in, gui_int x, gui_int y)
{
    assert(in);
    if (!in) return;
    in->mouse_pos.x = (gui_float)x;
    in->mouse_pos.y = (gui_float)y;
}

void
gui_input_key(struct gui_input *in, enum gui_keys key, gui_bool down)
{
    assert(in);
    if (!in) return;
    if (in->keys[key].down == down) return;
    in->keys[key].down = down;
    in->keys[key].clicked++;
}

void
gui_input_button(struct gui_input *in, gui_int x, gui_int y, gui_bool down)
{
    assert(in);
    if (!in) return;
    if (in->mouse_down == down) return;
    in->mouse_clicked_pos.x = (gui_float)x;
    in->mouse_clicked_pos.y = (gui_float)y;
    in->mouse_down = down;
    in->mouse_clicked++;
}

void
gui_input_char(struct gui_input *in, const gui_glyph glyph)
{
    gui_size len = 0;
    gui_long unicode;
    assert(in);
    if (!in) return;
    len = utf_decode(glyph, &unicode, GUI_UTF_SIZE);
    if (len && ((in->text_len + len) < GUI_INPUT_MAX)) {
        utf_encode(unicode, &in->text[in->text_len], GUI_INPUT_MAX - in->text_len);
        in->text_len += len;
    }
}

void
gui_input_end(struct gui_input *in)
{
    assert(in);
    if (!in) return;
    vec2_sub(in->mouse_delta, in->mouse_pos, in->mouse_prev);
}

void
gui_text(const struct gui_canvas *canvas, gui_float x, gui_float y, gui_float w,
    gui_float h, const struct gui_text *text, const char *string, gui_size len)
{
    gui_float label_x;
    gui_float label_y;
    gui_float label_w;
    gui_float label_h;
    gui_size text_width;
    const struct gui_font *font;
    struct gui_rect clip;

    assert(text);
    if (!text) return;

    font = &canvas->font;
    text_width = font->width(font->userdata, (const gui_char*)string, len);
    label_y = y + text->padding.y;
    label_h = MAX(0, h - 2 * text->padding.y);
    if (text->align == GUI_TEXT_LEFT) {
        label_x = x + text->padding.x;
        label_w = MAX(0, w - 2 * text->padding.x);
    } else if (text->align == GUI_TEXT_CENTERED) {
        label_w = 3 * text->padding.x + (gui_float)text_width;
        label_x = (x + text->padding.x + ((w - 2 * text->padding.x)/2)) - (label_w/2);
    } else if (text->align == GUI_TEXT_RIGHT) {
        label_x = MAX(x, (x + w) - (2 * text->padding.x + (gui_float)text_width));
        label_w = (gui_float)text_width + 2 * text->padding.x;
    } else return;


    clip.x = x; clip.y = y;
    clip.w = w; clip.h = h;
    canvas->draw_rect(canvas->userdata, x, y, w, h, text->background);
    canvas->draw_text(canvas->userdata, label_x, label_y, label_w, label_h,
        (const gui_char*)string, len, font, text->background, text->foreground);
}

static gui_bool
gui_button(const struct gui_canvas *canvas, gui_float x, gui_float y, gui_float w,
    gui_float h, const struct gui_button *button, const struct gui_input *in,
    enum gui_button_behavior behavior)
{
    gui_bool ret = gui_false;
    struct gui_color background;
    struct gui_color highlight;
    struct gui_rect inner;

    assert(button);
    if (!button)
        return gui_false;

    background = button->background;
    if (in && INBOX(in->mouse_pos.x,in->mouse_pos.y, x, y, w, h)) {
        background = button->highlight;
        if (INBOX(in->mouse_clicked_pos.x, in->mouse_clicked_pos.y, x, y, w, h)) {
            if (behavior == GUI_BUTTON_DEFAULT)
                ret = (in->mouse_down && in->mouse_clicked);
            else
                ret = in->mouse_down;
        }
    }

    canvas->draw_rect(canvas->userdata, x, y, w, h, button->foreground);
    canvas->draw_rect(canvas->userdata, x + button->border, y + button->border,
        w - 2 * button->border, h - 2 * button->border, background);
    return ret;
}

gui_bool
gui_button_text(const struct gui_canvas *canvas, gui_float x, gui_float y, gui_float w, gui_float h,
    const struct gui_button *button, const char *string, enum gui_button_behavior b,
    const struct gui_input *in)
{
    gui_bool ret = gui_false;
    gui_float button_w, button_h;
    struct gui_text text;
    struct gui_color font_color;
    struct gui_color bg_color;
    gui_float inner_x, inner_y;
    gui_float inner_w, inner_h;
    const struct gui_font *font;

    assert(button);
    assert(string);
    assert(canvas);
    if (!canvas || !button)
        return gui_false;

    font = &canvas->font;
    font_color = button->content;
    bg_color = button->background;
    button_w = MAX(w, font->height + 2 * button->padding.x);
    button_h = MAX(h, font->height + 2 * button->padding.y);
    if (in && INBOX(in->mouse_pos.x, in->mouse_pos.y, x, y, button_w, button_h)) {
        font_color = button->highlight_content;
        bg_color = button->highlight;
    }
    ret = gui_button(canvas, x, y, button_w, button_h, button, in, b);

    inner_x = x + button->border;
    inner_y = y + button->border;
    inner_w = button_w - 2 * button->border;
    inner_h = button_h - 2 * button->border;

    text.padding.x = button->padding.x;
    text.padding.y = button->padding.y;
    text.align = GUI_TEXT_CENTERED;
    text.background = bg_color;
    text.foreground = font_color;
    gui_text(canvas, inner_x, inner_y, inner_w, inner_h, &text, string, strsiz(string));
    return ret;
}

gui_bool
gui_button_triangle(const struct gui_canvas *canvas, gui_float x, gui_float y, gui_float w, gui_float h,
    const struct gui_button *button, enum gui_heading heading, enum gui_button_behavior b,
    const struct gui_input *in)
{
    gui_bool pressed;
    struct gui_color col;
    struct gui_vec2 points[3];

    assert(button);
    assert(canvas);
    if (!canvas || !button)
        return gui_false;

    pressed = gui_button(canvas, x, y, w, h, button, in, b);
    gui_triangle_from_direction(points, x, y, w, h, button->padding.x, button->padding.y, heading);
    col = (in && INBOX(in->mouse_pos.x, in->mouse_pos.y, x, y, w, h)) ?
        button->highlight_content : button->content;
    canvas->draw_triangle(canvas->userdata, points, col);
    return pressed;
}

gui_bool
gui_button_icon(const struct gui_canvas *canvas, gui_float x, gui_float y,
    gui_float w, gui_float h, const struct gui_button *button, void *img,
    const struct gui_rect *src, enum gui_button_behavior behavior,
    const struct gui_input *in)
{
    struct gui_rect dst;
    gui_bool pressed;
    assert(button);
    assert(canvas);
    if (!canvas || !button)
        return gui_false;

    dst.x = x + button->padding.x;
    dst.y = x + button->padding.y;
    dst.w = w - 2 * button->padding.x;
    dst.h = h - 2 * button->padding.y;
    pressed = gui_button(canvas, x, y, w, h, button, in, behavior);
    canvas->draw_bitmap(canvas->userdata, dst.x, dst.y, dst.w, dst.h, src, img);
    return pressed;
}

gui_bool
gui_toggle(const struct gui_canvas *canvas, gui_float x, gui_float y, gui_float w,
    gui_float h, gui_bool active, const char *string, const struct gui_toggle *toggle,
    enum gui_toggle_type type, const struct gui_input *in)
{
    gui_bool toggle_active;
    gui_float select_size;
    gui_float toggle_w, toggle_h;
    gui_float select_x, select_y;
    gui_float cursor_x, cursor_y;
    gui_float cursor_pad, cursor_size;
    gui_draw_rect draw[2];
    const struct gui_font *font;

    assert(toggle);
    assert(canvas);
    if (!canvas || !toggle)
        return 0;

    font = &canvas->font;
    draw[GUI_TOGGLE_CHECK] = canvas->draw_rect;
    draw[GUI_TOGGLE_OPTION] = canvas->draw_circle;
    toggle_w = MAX(w, font->height + 2 * toggle->padding.x);
    toggle_h = MAX(h, font->height + 2 * toggle->padding.y);
    toggle_active = active;

    select_x = x + toggle->padding.x;
    select_y = y + toggle->padding.y;
    select_size = font->height + 2 * toggle->padding.y;

    cursor_pad = (gui_float)(gui_int)(select_size / 8);
    cursor_size = select_size - cursor_pad * 2;
    cursor_x = select_x + cursor_pad;
    cursor_y = select_y + cursor_pad;

    if (in && !in->mouse_down && in->mouse_clicked)
        if (INBOX(in->mouse_clicked_pos.x, in->mouse_clicked_pos.y,
                cursor_x, cursor_y, cursor_size, cursor_size))
                toggle_active = !toggle_active;

    draw[type](canvas->userdata, select_x, select_y, select_size, select_size, toggle->background);
    if (toggle_active)
        draw[type](canvas->userdata, cursor_x, cursor_y, cursor_size, cursor_size, toggle->foreground);

    if (font && string) {
        struct gui_text text;
        gui_float inner_x, inner_y;
        gui_float inner_w, inner_h;

        inner_x = x + select_size + toggle->padding.x * 2;
        inner_y = (y + (select_size / 2)) - (font->height / 2);
        inner_w = (x + toggle_w) - (inner_x + toggle->padding.x);
        inner_h = (y + toggle_h) - (inner_y + toggle->padding.y);

        text.padding.x = 0;
        text.padding.y = 0;
        text.align = GUI_TEXT_LEFT;
        text.background = toggle->foreground;
        text.foreground = toggle->font;
        gui_text(canvas, inner_x, inner_y, inner_w, inner_h, &text, string, strsiz(string));
    }
    return toggle_active;
}

gui_float
gui_slider(const struct gui_canvas *canvas, gui_float x, gui_float y, gui_float w, gui_float h,
    gui_float min, gui_float val, gui_float max, gui_float step,
    const struct gui_slider *slider, const struct gui_input *in)
{
    gui_float slider_range;
    gui_float slider_min, slider_max;
    gui_float slider_value, slider_steps;
    gui_float slider_w, slider_h;
    gui_float cursor_offset;
    gui_float cursor_x, cursor_y;
    gui_float cursor_w, cursor_h;

    assert(slider);
    assert(canvas);
    if (!canvas || !slider)
        return 0;

    slider_w = MAX(w, 2 * slider->padding.x);
    slider_h = MAX(h, 2 * slider->padding.y);
    slider_max = MAX(min, max);
    slider_min = MIN(min, max);
    slider_value = CLAMP(slider_min, val, slider_max);
    slider_range = slider_max - slider_min;
    slider_steps = slider_range / step;

    cursor_offset = (slider_value - slider_min) / step;
    cursor_w = (slider_w - 2 * slider->padding.x) / (slider_steps + 1);
    cursor_h = slider_h - 2 * slider->padding.y;
    cursor_x = x + slider->padding.x + (cursor_w * cursor_offset);
    cursor_y = y + slider->padding.y;

    if (in && in->mouse_down &&
        INBOX(in->mouse_pos.x, in->mouse_pos.y, x, y, slider_w, slider_h) &&
        INBOX(in->mouse_clicked_pos.x,in->mouse_clicked_pos.y, x, y, slider_w, slider_h))
    {
        const float d = in->mouse_pos.x - (cursor_x + cursor_w / 2.0f);
        const float pxstep = (slider_w - 2 * slider->padding.x) / slider_steps;
        if (ABS(d) >= pxstep) {
            const gui_float steps = (gui_float)((gui_int)(ABS(d) / pxstep));
            slider_value += (d > 0) ? (step * steps) : -(step * steps);
            slider_value = CLAMP(slider_min, slider_value, slider_max);
            cursor_x = x + slider->padding.x + (cursor_w * (slider_value - slider_min));
        }
    }
    canvas->draw_rect(canvas->userdata, x, y, slider_w, slider_h, slider->background);
    canvas->draw_rect(canvas->userdata, cursor_x, cursor_y, cursor_w, cursor_h, slider->foreground);
    return slider_value;
}

gui_size
gui_progress(const struct gui_canvas *canvas, gui_float x, gui_float y,
    gui_float w, gui_float h, gui_size value, gui_size max, gui_bool modifyable,
    const struct gui_slider *prog, const struct gui_input *in)
{
    gui_float prog_scale;
    gui_float cursor_x, cursor_y;
    gui_float cursor_w, cursor_h;
    gui_float prog_w, prog_h;
    gui_size prog_value;

    assert(prog);
    assert(canvas);
    if (!canvas || !prog) return 0;
    prog_w = MAX(w, 2 * prog->padding.x + 1);
    prog_h = MAX(h, 2 * prog->padding.y + 1);
    prog_value = MIN(value, max);

    if (in && modifyable && in->mouse_down && INBOX(in->mouse_pos.x, in->mouse_pos.y, x, y, prog_w, prog_h)){
        gui_float ratio = (gui_float)(in->mouse_pos.x - x) / (gui_float)prog_w;
        prog_value = (gui_size)((gui_float)max * ratio);
    }

    if (!max) return prog_value;
    prog_value = MIN(prog_value, max);
    prog_scale = (gui_float)prog_value / (gui_float)max;

    cursor_h = prog_h - 2 * prog->padding.y;
    cursor_w = (prog_w - 2 * prog->padding.x) * prog_scale;
    cursor_x = x + prog->padding.x;
    cursor_y = y + prog->padding.y;

    canvas->draw_rect(canvas->userdata, x, y, prog_w, prog_h, prog->background);
    canvas->draw_rect(canvas->userdata, cursor_x, cursor_y, cursor_w, cursor_h, prog->foreground);
    return prog_value;
}

static gui_bool
gui_filter_input(gui_long unicode, gui_size len, enum gui_input_filter filter)
{
    if (filter == GUI_INPUT_DEFAULT) {
        return gui_true;
    } else if (filter == GUI_INPUT_FLOAT) {
        if (len > 1)
            return gui_false;
        if ((unicode < '0' || unicode > '9') && unicode != '.' && unicode != '-')
            return gui_false;
        return gui_true;
    } else if (filter == GUI_INPUT_DEC) {
        if (len > 1)
            return gui_false;
        if (unicode < '0' || unicode > '9')
            return gui_false;
        return gui_true;
    } else if (filter == GUI_INPUT_HEX) {
        if (len > 1)
            return gui_false;
        if ((unicode < '0' || unicode > '9') &&
            (unicode < 'a' || unicode > 'f') &&
            (unicode < 'A' || unicode > 'B'))
            return gui_false;
        return gui_true;
    } else if (filter == GUI_INPUT_OCT) {
        if (len > 1)
            return gui_false;
        if (unicode < '0' || unicode > '7')
            return gui_false;
        return gui_true;
    } else if (filter == GUI_INPUT_BIN) {
        if (len > 1)
            return gui_false;
        if (unicode < '0' || unicode > '1')
            return gui_false;
        return gui_true;
    }
    return gui_false;
}

static gui_size
gui_buffer_input(gui_char *buffer, gui_size length, gui_size max,
    enum gui_input_filter filter, const struct gui_input *in)
{
    gui_long unicode;
    gui_size text_len = 0, glyph_len = 0;
    assert(buffer);
    assert(in);

    glyph_len = utf_decode(in->text, &unicode, in->text_len);
    while (glyph_len && ((text_len + glyph_len) <= in->text_len) && (length + text_len) < max) {
        if (gui_filter_input(unicode, glyph_len, filter)) {
            gui_size i = 0;
            for (i = 0; i < glyph_len; i++)
                buffer[length++] = in->text[text_len + i];
        }
        text_len = text_len + glyph_len;
        glyph_len = utf_decode(in->text + text_len, &unicode, in->text_len - text_len);
    }
    return text_len;
}

gui_size
gui_input(const struct gui_canvas *canvas, gui_float x, gui_float y, gui_float w,
    gui_float h, gui_char *buffer, gui_size len, gui_size max, gui_bool *active,
    const struct gui_input_field *field, const struct gui_input *in)
{
    gui_float input_w, input_h;
    gui_bool input_active;
    const struct gui_font *font;

    assert(canvas);
    assert(buffer);
    assert(field);
    assert(in);
    if (!canvas || !buffer || !field || !in)
        return 0;

    font = &canvas->font;
    input_w = MAX(w, 2 * field->padding.x);
    input_h = MAX(h, font->height);
    input_active = *active;
    canvas->draw_rect(canvas->userdata, x, y, input_w, input_h, field->background);
    canvas->draw_rect(canvas->userdata, x + 1, y, input_w - 1, input_h, field->foreground);
    if (in && in->mouse_clicked && in->mouse_down)
        input_active = INBOX(in->mouse_pos.x, in->mouse_pos.y, x, y, input_w, input_h);

    if (input_active && in) {
        const struct gui_key *bs = &in->keys[GUI_KEY_BACKSPACE];
        const struct gui_key *del = &in->keys[GUI_KEY_DEL];
        const struct gui_key *esc = &in->keys[GUI_KEY_ESCAPE];
        const struct gui_key *enter = &in->keys[GUI_KEY_ENTER];
        const struct gui_key *space = &in->keys[GUI_KEY_SPACE];

        if ((del->down && del->clicked) || (bs->down && bs->clicked))
            if (len > 0) len = len - 1;
        if ((enter->down && enter->clicked) || (esc->down && esc->clicked))
            input_active = gui_false;
        if ((space->down && space->clicked) && (len < max))
            buffer[len++] = ' ';
        if (in->text_len && len < max)
            len += gui_buffer_input(buffer, len, max, field->filter, in);
    }

    if (font && buffer) {
        gui_size offset = 0;
        gui_float label_x, label_y, label_h;
        gui_float label_w = input_w - 2 * field->padding.x;
        gui_size cursor_width = (gui_size)font->width(font->userdata, (const gui_char*)"X", 1);

        gui_size text_len = len;
        gui_size text_width = font->width(font->userdata, buffer, text_len);
        while (text_len && (text_width + cursor_width) > (gui_size)label_w) {
            gui_long unicode;
            offset += utf_decode(&buffer[offset], &unicode, text_len);
            text_len = len - offset;
            text_width = font->width(font->userdata, &buffer[offset], text_len);
        }

        label_x = x + field->padding.x;
        label_y = y + field->padding.y;
        label_h = input_h - 2 * field->padding.y;
        canvas->draw_text(canvas->userdata, label_x, label_y, label_w, label_h,
            &buffer[offset], text_len, font, field->foreground, field->background);
        if (input_active && field->show_cursor) {
            canvas->draw_rect(canvas->userdata,  label_x + (gui_float)text_width, label_y,
                (gui_float)cursor_width, label_h, field->background);
        }
    }
    *active = input_active;
    return len;
}

gui_int
gui_plot(const struct gui_canvas *canvas, gui_float x, gui_float y, gui_float w,
    gui_float h, const gui_float *values, gui_size value_count,
    const struct gui_plot *plot, const struct gui_input *in)
{
    gui_size i;
    struct gui_color col;
    gui_float canvas_x, canvas_y;
    gui_float canvas_w, canvas_h;

    gui_size plot_step;
    gui_float plot_last_x;
    gui_float plot_last_y;
    gui_float plot_w, plot_h;
    gui_int plot_selected = -1;
    gui_float plot_max_value, plot_min_value;
    gui_float plot_value_range, plot_value_ratio;

    assert(canvas);
    assert(plot);
    if (!canvas || !plot)
        return plot_selected;

    col = plot->foreground;
    plot_w = MAX(w, 2 * plot->padding.x);
    plot_h = MAX(h, 2 * plot->padding.y);
    canvas->draw_rect(canvas->userdata, x, y, plot_w, plot_h, plot->background);
    if (!value_count)
        return plot_selected;

    plot_max_value = values[0];
    plot_min_value = values[0];
    for (i = 0; i < value_count; ++i) {
        if (values[i] > plot_max_value)
            plot_max_value = values[i];
        if (values[i] < plot_min_value)
            plot_min_value = values[i];
    }

    canvas_x = x + plot->padding.x;
    canvas_y = y + plot->padding.y;
    canvas_w = MAX(1 + 2 * plot->padding.x, plot_w - 2 * plot->padding.x);
    canvas_h = MAX(1 + 2 * plot->padding.y, plot_h - 2 * plot->padding.y);

    plot_step = (gui_size)canvas_w / value_count;
    plot_value_range = plot_max_value - plot_min_value;
    plot_value_ratio = (values[0] - plot_min_value) / plot_value_range;

    plot_last_x = canvas_x;
    plot_last_y = (canvas_y + canvas_h) - plot_value_ratio * (gui_float)canvas_h;
    if (in && INBOX(in->mouse_pos.x, in->mouse_pos.y, plot_last_x-3, plot_last_y-3, 6, 6)) {
        plot_selected = (in->mouse_down && in->mouse_clicked) ? (gui_int)i : -1;
        col = plot->highlight;
    }
    canvas->draw_rect(canvas->userdata, plot_last_x - 3, plot_last_y - 3, 6, 6, col);

    for (i = 1; i < value_count; i++) {
        gui_float plot_cur_x, plot_cur_y;
        plot_value_ratio = (values[i] - plot_min_value) / plot_value_range;
        plot_cur_x = canvas_x + (gui_float)(plot_step * i);
        plot_cur_y = (canvas_y + canvas_h) - (plot_value_ratio * (gui_float)canvas_h);
        canvas->draw_line(canvas->userdata, plot_last_x, plot_last_y, plot_cur_x, plot_cur_y,
            plot->foreground);

        if (in && INBOX(in->mouse_pos.x, in->mouse_pos.y, plot_cur_x-3, plot_cur_y-3, 6, 6)) {
            plot_selected = (in->mouse_down && in->mouse_clicked) ? (gui_int)i : plot_selected;
            col = plot->highlight;
        } else col = plot->foreground;

        canvas->draw_rect(canvas->userdata, plot_cur_x - 3, plot_cur_y - 3, 6, 6, col);
        plot_last_x = plot_cur_x, plot_last_y = plot_cur_y;
    }
    return plot_selected;
}

gui_int
gui_histo(const struct gui_canvas *canvas, gui_float x, gui_float y, gui_float w,
    gui_float h, const gui_float *values, gui_size value_count,
    const struct gui_histo *histo, const struct gui_input *in)
{
    gui_size i;
    gui_int selected = -1;
    gui_float canvas_x, canvas_y;
    gui_float canvas_w, canvas_h;
    gui_float histo_max_value;
    gui_float histo_w, histo_h;
    gui_float item_w = 0.0f;

    assert(canvas);
    assert(histo);
    assert(in);
    if (!canvas || !histo || !in)
        return selected;

    histo_w = MAX(w, 2 * histo->padding.x);
    histo_h = MAX(h, 2 * histo->padding.y);
    canvas->draw_rect(canvas->userdata, x, y, histo_w, histo_h, histo->background);

    histo_max_value = values[0];
    for (i = 0; i < value_count; ++i) {
        if (ABS(values[i]) > histo_max_value)
            histo_max_value = values[i];
    }

    canvas_x = x + histo->padding.x;
    canvas_y = y + histo->padding.y;
    canvas_w = histo_w - 2 * histo->padding.x;
    canvas_h = histo_h - 2 * histo->padding.y;
    if (value_count) {
        gui_float padding = (gui_float)(value_count-1) * histo->padding.x;
        item_w = (canvas_w - padding) / (gui_float)(value_count);
    }

    for (i = 0; i < value_count; i++) {
        const gui_float histo_ratio = ABS(values[i]) / histo_max_value;
        struct gui_color item_color = (values[i] < 0) ? histo->negative: histo->foreground;
        const gui_float item_h = canvas_h * histo_ratio;
        const gui_float item_y = (canvas_y + canvas_h) - item_h;
        gui_float item_x = canvas_x + ((gui_float)i * item_w);
        item_x = item_x + ((gui_float)i * histo->padding.y);

        if (in && INBOX(in->mouse_pos.x, in->mouse_pos.y, item_x, item_y, item_w, item_h)) {
            selected = (in->mouse_down && in->mouse_clicked) ? (gui_int)i: selected;
            item_color = histo->highlight;
        }
        canvas->draw_rect(canvas->userdata, item_x, item_y, item_w, item_h, item_color);
    }
    return selected;
}

gui_float
gui_scroll(const struct gui_canvas *canvas, gui_float x, gui_float y,
    gui_float w, gui_float h, gui_float offset, gui_float target,
    gui_float step, const struct gui_scroll *scroll, const struct gui_input *in)
{
    gui_bool button_up_pressed;
    gui_bool button_down_pressed;
    struct gui_button button;

    gui_float scroll_step;
    gui_float scroll_offset;
    gui_float scroll_off, scroll_ratio;
    gui_float scroll_y, scroll_w, scroll_h;

    gui_float cursor_x, cursor_y;
    gui_float cursor_w, cursor_h;
    gui_bool inscroll, incursor;

    assert(canvas);
    assert(scroll);
    if (!canvas || !scroll) return 0;

    scroll_w = MAX(w, 0);
    scroll_h = MAX(h, 2 * scroll_w);
    canvas->draw_rect(canvas->userdata, x, y, scroll_w, scroll_h, scroll->background);
    if (target <= scroll_h) return 0;

    button.border = 1;
    button.padding.x = scroll_w / 4;
    button.padding.y = scroll_w / 4;
    button.background = scroll->background;
    button.foreground =  scroll->foreground;
    button.content = scroll->foreground;
    button.highlight = scroll->background;
    button.highlight_content = scroll->foreground;

    button_up_pressed = gui_button_triangle(canvas, x, y, scroll_w, scroll_w,
        &button, GUI_UP, GUI_BUTTON_DEFAULT, in);
    button_down_pressed = gui_button_triangle(canvas, x, y + scroll_h - scroll_w,
        scroll_w, scroll_w, &button, GUI_DOWN, GUI_BUTTON_DEFAULT, in);

    scroll_h = scroll_h - 2 * scroll_w;
    scroll_y = y + scroll_w;
    scroll_step = MIN(step, scroll_h);
    scroll_offset = MIN(offset, target - scroll_h);
    scroll_ratio = scroll_h / target;
    scroll_off = scroll_offset / target;

    cursor_h = scroll_ratio * scroll_h;
    cursor_y = scroll_y + (scroll_off * scroll_h);
    cursor_w = scroll_w;
    cursor_x = x;

    if (in) {
        inscroll = INBOX(in->mouse_pos.x,in->mouse_pos.y, x, y, scroll_w, scroll_h);
        incursor = INBOX(in->mouse_prev.x,in->mouse_prev.y,cursor_x,cursor_y,cursor_w, cursor_h);
        if (in->mouse_down && inscroll && incursor) {
            const gui_float pixel = in->mouse_delta.y;
            const gui_float delta =  (pixel / scroll_h) * target;
            scroll_offset = CLAMP(0, scroll_offset + delta, target - scroll_h);
            cursor_y += pixel;
        } else if (button_up_pressed || button_down_pressed) {
            scroll_offset = (button_down_pressed) ?
                MIN(scroll_offset + scroll_step, target - scroll_h):
                MAX(0, scroll_offset - scroll_step);
            scroll_off = scroll_offset / target;
            cursor_y = scroll_y + (scroll_off * scroll_h);
        }
    }
    canvas->draw_rect(canvas->userdata, cursor_x, cursor_y, cursor_w, cursor_h, scroll->foreground);
    return scroll_offset;
}

void
gui_default_config(struct gui_config *config)
{
    if (!config) return;
    config->scrollbar_width = 16;
    vec2_load(config->panel_padding, 15.0f, 10.0f);
    vec2_load(config->panel_min_size, 64.0f, 64.0f);
    vec2_load(config->item_spacing, 8.0f, 8.0f);
    vec2_load(config->item_padding, 4.0f, 4.0f);
    vec2_load(config->scaler_size, 16.0f, 16.0f);
    col_load(config->colors[GUI_COLOR_TEXT], 100, 100, 100, 255);
    col_load(config->colors[GUI_COLOR_PANEL], 45, 45, 45, 255);
    col_load(config->colors[GUI_COLOR_BORDER], 100, 100, 100, 255);
    col_load(config->colors[GUI_COLOR_TITLEBAR], 45, 45, 45, 255);
    col_load(config->colors[GUI_COLOR_BUTTON], 45, 45, 45, 255);
    col_load(config->colors[GUI_COLOR_BUTTON_HOVER], 100, 100, 100, 255);
    col_load(config->colors[GUI_COLOR_BUTTON_HOVER_FONT], 45, 45, 45, 255);
    col_load(config->colors[GUI_COLOR_BUTTON_BORDER], 100, 100, 100, 255);
    col_load(config->colors[GUI_COLOR_CHECK], 100, 100, 100, 255);
    col_load(config->colors[GUI_COLOR_CHECK_ACTIVE], 45, 45, 45, 255);
    col_load(config->colors[GUI_COLOR_OPTION], 100, 100, 100, 255);
    col_load(config->colors[GUI_COLOR_OPTION_ACTIVE], 45, 45, 45, 255);
    col_load(config->colors[GUI_COLOR_SCROLL], 100, 100, 100, 255);
    col_load(config->colors[GUI_COLOR_SLIDER], 100, 100, 100, 255);
    col_load(config->colors[GUI_COLOR_SLIDER_CURSOR], 45, 45, 45, 255);
    col_load(config->colors[GUI_COLOR_PROGRESS], 100, 100, 100, 255);
    col_load(config->colors[GUI_COLOR_PROGRESS_CURSOR], 45, 45, 45, 255);
    col_load(config->colors[GUI_COLOR_INPUT], 45, 45, 45, 255);
    col_load(config->colors[GUI_COLOR_INPUT_BORDER], 100, 100, 100, 255);
    col_load(config->colors[GUI_COLOR_SPINNER], 45, 45, 45, 255);
    col_load(config->colors[GUI_COLOR_SPINNER_BORDER], 100, 100, 100, 255);
    col_load(config->colors[GUI_COLOR_SELECTOR], 45, 45, 45, 255);
    col_load(config->colors[GUI_COLOR_SELECTOR_BORDER], 100, 100, 100, 255);
    col_load(config->colors[GUI_COLOR_HISTO], 100, 100, 100, 255);
    col_load(config->colors[GUI_COLOR_HISTO_BARS], 45, 45, 45, 255);
    col_load(config->colors[GUI_COLOR_HISTO_NEGATIVE], 255, 255, 255, 255);
    col_load(config->colors[GUI_COLOR_HISTO_HIGHLIGHT], 255, 0, 0, 255);
    col_load(config->colors[GUI_COLOR_PLOT], 100, 100, 100, 255);
    col_load(config->colors[GUI_COLOR_PLOT_LINES], 45, 45, 45, 255);
    col_load(config->colors[GUI_COLOR_PLOT_HIGHLIGHT], 255, 0, 0, 255);
    col_load(config->colors[GUI_COLOR_SCROLLBAR], 41, 41, 41, 255);
    col_load(config->colors[GUI_COLOR_SCROLLBAR_CURSOR], 70, 70, 70, 255);
    col_load(config->colors[GUI_COLOR_SCROLLBAR_BORDER], 45, 45, 45, 255);
    col_load(config->colors[GUI_COLOR_SCALER], 100, 100, 100, 255);
}

gui_bool
gui_panel_begin(struct gui_panel *panel, const char *text, gui_float x, gui_float y,
    gui_float w, gui_float h, gui_flags f, const struct gui_config *config,
    const struct gui_canvas *canvas, const struct gui_input *in)
{
    const struct gui_color *header;
    gui_float mouse_x, mouse_y;
    gui_float clicked_x, clicked_y;
    gui_float header_x, header_w;
    gui_bool ret = gui_true;

    assert(panel);
    assert(canvas);
    assert(config);
    if (!panel || !canvas || !config)
        return gui_false;
    if (panel->flags & GUI_PANEL_HIDDEN)
        return gui_false;

    panel->in = in;
    panel->canvas = canvas;
    panel->config = config;
    panel->x = x;
    panel->y = y;
    panel->w = w;
    panel->h = h;
    panel->index = 0;
    panel->row_columns = 0;
    panel->flags = f;
    if (!(panel->flags & GUI_PANEL_TAB))
        panel->flags |= GUI_PANEL_SCROLLBAR;

    config = panel->config;
    panel->header_height = canvas->font.height + 3 * config->item_padding.y;
    panel->header_height += config->panel_padding.y;
    if (panel->flags & GUI_PANEL_MOVEABLE) {
        gui_bool incursor;
        const gui_float move_x = panel->x;
        const gui_float move_y = panel->y;
        const gui_float move_w = panel->width;
        const gui_float move_h = panel->header_height;

        incursor = INBOX(in->mouse_prev.x,in->mouse_prev.y, move_x, move_y, move_w, move_h);
        if (in->mouse_down && incursor) {
            panel->x = CLAMP(0, panel->x + in->mouse_delta.x, (gui_float)canvas->width - panel->w);
            panel->y = CLAMP(0, panel->y + in->mouse_delta.y, (gui_float)canvas->height - panel->h);
        }
    }

    if (panel->flags & GUI_PANEL_SCALEABLE) {
        gui_bool incursor;
        gui_float scaler_x = panel->x + config->item_padding.x;
        gui_float scaler_y = panel->y + panel->h - config->scaler_size.y;
        gui_float scaler_w = MAX(0, config->scaler_size.x - config->item_padding.x);
        gui_float scaler_h = MAX(0, config->scaler_size.y - config->item_padding.y);

        incursor = INBOX(in->mouse_prev.x,in->mouse_prev.y,scaler_x, scaler_y, scaler_w, scaler_h);
        if (in->mouse_down && incursor) {
            gui_float min_x = config->panel_min_size.x;
            gui_float min_y = config->panel_min_size.y;
            panel->x = CLAMP(0, panel->x + in->mouse_delta.x, (gui_float)canvas->width - panel->w);
            panel->w = CLAMP(min_x, panel->w - in->mouse_delta.x, (gui_float)canvas->width - panel->x);
            panel->h = CLAMP(min_y, panel->h + in->mouse_delta.y, (gui_float)canvas->height - panel->y);
        }
    }

    header = &config->colors[GUI_COLOR_TITLEBAR];
    header_x = panel->x + config->panel_padding.x;
    header_w = panel->w - 2 * config->panel_padding.x;
    mouse_x = (panel->in) ? panel->in->mouse_pos.x : -1;
    mouse_y = (panel->in) ? panel->in->mouse_pos.y: -1;
    clicked_x = (panel->in) ? panel->in->mouse_clicked_pos.x: - 1;
    clicked_y = (panel->in) ? panel->in->mouse_clicked_pos.y: - 1;
    panel->width = panel->w;
    panel->at_y = panel->y;
    canvas->draw_rect(canvas->userdata, panel->x, panel->y, panel->w, panel->header_height, *header);

    panel->clip.x = panel->x;
    panel->clip.w = panel->w;
    panel->clip.y = panel->y + panel->header_height - 1;
    if (panel->flags & GUI_PANEL_SCROLLBAR) {
        panel->clip.h = panel->h;
        panel->clip.h = panel->h - panel->header_height;
        panel->clip.h -= (config->panel_padding.y + config->item_padding.y);
    }
    else panel->clip.h = null_rect.h;

    if (panel->flags & GUI_PANEL_CLOSEABLE) {
        const gui_char *X = (const gui_char*)"x";
        const gui_size text_width = canvas->font.width(canvas->font.userdata, X, 1);
        const gui_float close_x = header_x;
        const gui_float close_y = panel->y + config->panel_padding.y;
        const gui_float close_w = (gui_float)text_width + 2 * config->item_padding.x;
        const gui_float close_h = canvas->font.height + 2 * config->item_padding.y;
        canvas->draw_text(canvas->userdata, close_x, close_y, close_w, close_h,
            X, 1, &canvas->font, config->colors[GUI_COLOR_PANEL], config->colors[GUI_COLOR_TEXT]);

        header_w -= close_w;
        header_x += close_h - config->item_padding.x;
        if (INBOX(mouse_x, mouse_y, close_x, close_y, close_w, close_h)) {
            if (INBOX(clicked_x, clicked_y, close_x, close_y, close_w, close_h)) {
                ret = !(panel->in->mouse_down && panel->in->mouse_clicked);
                if (ret) panel->flags |= GUI_PANEL_HIDDEN;
            }
        }
    }

    if (panel->flags & GUI_PANEL_MINIMIZABLE) {
        gui_size text_width;
        gui_float min_x, min_y, min_w, min_h;
        const gui_char *score = (panel->minimized) ?
            (const gui_char*)"+":
            (const gui_char*)"-";

        text_width = canvas->font.width(canvas->font.userdata, score, 1);
        min_x = header_x;
        min_y = panel->y + config->panel_padding.y;
        min_w = (gui_float)text_width + 3 * config->item_padding.x;
        min_h = canvas->font.height + 2 * config->item_padding.y;
        canvas->draw_text(canvas->userdata, min_x, min_y, min_w, min_h,
            score, 1, &canvas->font, config->colors[GUI_COLOR_PANEL], config->colors[GUI_COLOR_TEXT]);

        header_w -= min_w;
        header_x += min_w - config->item_padding.x;
        if (INBOX(mouse_x, mouse_y, min_x, min_y, min_w, min_h)) {
            if (INBOX(clicked_x, clicked_y, min_x, min_y, min_w, min_h))
                if (panel->in->mouse_down && panel->in->mouse_clicked)
                    panel->minimized = !panel->minimized;
        }
    }

    if (text) {
        const gui_size text_len = strsiz(text);
        const gui_float label_x = header_x + config->item_padding.x;
        const gui_float label_y = panel->y + config->panel_padding.y;
        const gui_float label_w = header_w - (3 * config->item_padding.x);
        const gui_float label_h = canvas->font.height + 2 * config->item_padding.y;
        canvas->draw_text(canvas->userdata, label_x, label_y, label_w, label_h,
            (const gui_char*)text, text_len, &canvas->font, config->colors[GUI_COLOR_PANEL],
            config->colors[GUI_COLOR_TEXT]);
    }

    panel->row_height = panel->header_height;
    if (panel->flags & GUI_PANEL_SCROLLBAR) {
        const struct gui_color *color = &config->colors[GUI_COLOR_PANEL];
        panel->width = panel->w - config->scrollbar_width;
        panel->height = panel->h - panel->header_height;
        if (!panel->minimized)
            canvas->draw_rect(canvas->userdata, panel->x, panel->y + panel->header_height,
                panel->w, panel->h - panel->header_height, *color);
    }

    if (panel->flags & GUI_PANEL_BORDER) {
        const struct gui_color *color = &config->colors[GUI_COLOR_BORDER];
        const gui_float width = (panel->flags & GUI_PANEL_SCROLLBAR) ?
                panel->width + config->scrollbar_width : panel->width;

        canvas->draw_line(canvas->userdata, panel->x, panel->y,
                panel->x + panel->w, panel->y, *color);
        canvas->draw_line(canvas->userdata, panel->x, panel->y, panel->x,
                panel->y + panel->header_height, config->colors[GUI_COLOR_BORDER]);
        canvas->draw_line(canvas->userdata, panel->x + width, panel->y, panel->x + width,
                panel->y + panel->header_height, config->colors[GUI_COLOR_BORDER]);
    }
    canvas->scissor(canvas->userdata, panel->clip.x, panel->clip.y, panel->clip.w, panel->clip.h);
    return ret;
}

void
gui_panel_layout(struct gui_panel *panel, gui_float height, gui_size cols)
{
    const struct gui_config *config;
    const struct gui_color *color;

    assert(panel);
    if (!panel) return;
    if (panel->minimized || (panel->flags & GUI_PANEL_HIDDEN)) return;

    assert(panel->config);
    assert(panel->canvas);
    config = panel->config;
    color = &config->colors[GUI_COLOR_PANEL];

    panel->index = 0;
    panel->at_y += panel->row_height;
    panel->row_columns = cols;
    panel->row_height = height + config->item_spacing.y;
    panel->canvas->draw_rect(panel->canvas->userdata, panel->x, panel->at_y, panel->width,
        height + config->panel_padding.y, *color);
}

void
gui_panel_seperator(struct gui_panel *panel, gui_size cols)
{
    const struct gui_config *config;

    assert(panel);
    assert(panel->config);
    assert(panel->canvas);
    if (!panel) return;
    if (panel->minimized || (panel->flags & GUI_PANEL_HIDDEN)) return;

    config = panel->config;
    cols = MIN(cols, panel->row_columns - panel->index);
    panel->index += cols;
    if (panel->index >= panel->row_columns) {
        const gui_float row_height = panel->row_height - config->item_spacing.y;
        gui_panel_layout(panel, row_height, panel->row_columns);
    }
}

static void
gui_panel_alloc_space(struct gui_rect *bounds, struct gui_panel *panel)
{
    const struct gui_config *config;
    gui_float panel_padding, panel_spacing, panel_space;
    gui_float item_offset, item_width, item_spacing;

    assert(panel);
    assert(panel->config);
    assert(bounds);

    config = panel->config;
    if (panel->index >= panel->row_columns) {
        const gui_float row_height = panel->row_height - config->item_spacing.y;
        gui_panel_layout(panel, row_height, panel->row_columns);
    }

    panel_padding = 2 * config->panel_padding.x;
    panel_spacing = (gui_float)(panel->row_columns - 1) * config->item_spacing.x;
    panel_space  = panel->width - panel_padding - panel_spacing;

    item_width = panel_space / (gui_float)panel->row_columns;
    item_offset = (gui_float)panel->index * item_width;
    item_spacing = (gui_float)panel->index * config->item_spacing.x;

    bounds->x = panel->x + item_offset + item_spacing + config->panel_padding.x;
    bounds->y = panel->at_y - panel->offset;
    bounds->w = item_width;
    bounds->h = panel->row_height - config->item_spacing.y;
    panel->index++;
}

void
gui_panel_text(struct gui_panel *panel, const char *str, gui_size len,
    enum gui_text_align alignment)
{
    struct gui_rect bounds;
    struct gui_text text;
    const struct gui_config *config;

    assert(panel);
    assert(panel->config);
    assert(panel->canvas);
    assert(str && len);

    if (!panel || !panel->config || !panel->canvas) return;
    if (panel->minimized || (panel->flags & GUI_PANEL_HIDDEN)) return;
    gui_panel_alloc_space(&bounds, panel);
    config = panel->config;

    text.padding.x = config->item_padding.x;
    text.padding.y = config->item_padding.y;
    text.align = alignment;
    text.foreground = config->colors[GUI_COLOR_TEXT];
    text.background = config->colors[GUI_COLOR_PANEL];
    gui_text(panel->canvas, bounds.x, bounds.y, bounds.w, bounds.h, &text, str, len);
}

gui_bool
gui_panel_button_text(struct gui_panel *panel, const char *str,
    enum gui_button_behavior behavior)
{
    struct gui_rect bounds;
    struct gui_button button;
    const struct gui_config *config;

    assert(panel);
    assert(panel->config);
    assert(panel->canvas);

    if (!panel || !panel->config || !panel->canvas) return 0;
    if (panel->minimized || (panel->flags & GUI_PANEL_HIDDEN)) return 0;
    gui_panel_alloc_space(&bounds, panel);
    config = panel->config;

    button.border = 1;
    button.padding.x = config->item_padding.x;
    button.padding.y = config->item_padding.y;
    button.background = config->colors[GUI_COLOR_BUTTON];
    button.foreground = config->colors[GUI_COLOR_BUTTON_BORDER];
    button.content = config->colors[GUI_COLOR_TEXT];
    button.highlight = config->colors[GUI_COLOR_BUTTON_HOVER];
    button.highlight_content = config->colors[GUI_COLOR_BUTTON_HOVER_FONT];
    return gui_button_text(panel->canvas, bounds.x, bounds.y, bounds.w, bounds.h,
                &button, str, behavior, panel->in);
}

gui_bool gui_panel_button_color(struct gui_panel *panel, const struct gui_color color,
    enum gui_button_behavior behavior)
{
    struct gui_rect bounds;
    struct gui_button button;
    const struct gui_config *config;

    assert(panel);
    assert(panel->config);
    assert(panel->canvas);

    if (!panel || !panel->config || !panel->canvas) return 0;
    if (panel->minimized || (panel->flags & GUI_PANEL_HIDDEN)) return 0;
    gui_panel_alloc_space(&bounds, panel);
    config = panel->config;

    button.border = 1;
    button.padding.x = config->item_padding.x;
    button.padding.y = config->item_padding.y;
    button.background = color;
    button.foreground = color;
    button.highlight = color;
    button.highlight_content = config->colors[GUI_COLOR_BUTTON_HOVER_FONT];
    return gui_button(panel->canvas, bounds.x, bounds.y, bounds.w, bounds.h, &button, panel->in, behavior);
}

gui_bool
gui_panel_button_triangle(struct gui_panel *panel, enum gui_heading heading,
    enum gui_button_behavior behavior)
{
    struct gui_rect bounds;
    struct gui_button button;
    const struct gui_config *config;

    assert(panel);
    assert(panel->config);
    assert(panel->canvas);

    if (!panel || !panel->config || !panel->canvas) return 0;
    if (panel->minimized || (panel->flags & GUI_PANEL_HIDDEN)) return 0;
    gui_panel_alloc_space(&bounds, panel);
    config = panel->config;

    button.border = 1;
    button.padding.x = config->item_padding.x;
    button.padding.y = config->item_padding.y;
    button.background = config->colors[GUI_COLOR_BUTTON];
    button.foreground = config->colors[GUI_COLOR_BUTTON_BORDER];
    button.content = config->colors[GUI_COLOR_TEXT];
    button.highlight = config->colors[GUI_COLOR_BUTTON_HOVER];
    button.highlight_content = config->colors[GUI_COLOR_BUTTON_HOVER_FONT];
    return gui_button_triangle(panel->canvas, bounds.x, bounds.y, bounds.w,
            bounds.h, &button, heading, behavior, panel->in);
}

gui_bool
gui_panel_button_toggle(struct gui_panel *panel, const char *str, gui_bool value)
{
    struct gui_rect bounds;
    struct gui_button button;
    const struct gui_config *config;

    assert(panel);
    assert(panel->config);
    assert(panel->canvas);
    assert(str);

    if (!panel || !panel->config || !panel->canvas) return 0;
    if (panel->minimized || (panel->flags & GUI_PANEL_HIDDEN)) return 0;
    gui_panel_alloc_space(&bounds, panel);
    config = panel->config;

    button.border = 1;
    button.padding.x = config->item_padding.x;
    button.padding.y = config->item_padding.y;
    if (!value) {
        button.background = config->colors[GUI_COLOR_BUTTON];
        button.foreground = config->colors[GUI_COLOR_BUTTON_BORDER];
        button.content = config->colors[GUI_COLOR_TEXT];
        button.highlight = config->colors[GUI_COLOR_BUTTON];
        button.highlight_content = config->colors[GUI_COLOR_TEXT];
    } else {
        button.background = config->colors[GUI_COLOR_BUTTON_HOVER];
        button.foreground = config->colors[GUI_COLOR_BUTTON_BORDER];
        button.content = config->colors[GUI_COLOR_BUTTON];
        button.highlight = config->colors[GUI_COLOR_BUTTON_HOVER];
        button.highlight_content = config->colors[GUI_COLOR_BUTTON];
    }
    if (gui_button_text(panel->canvas, bounds.x, bounds.y, bounds.w, bounds.h,
                &button, str, GUI_BUTTON_DEFAULT, panel->in)) value = !value;
    return value;
}

gui_bool
gui_panel_button_icon(struct gui_panel *panel, void *img, const struct gui_rect *src,
    enum gui_button_behavior behavior)
{
    struct gui_rect bounds;
    struct gui_button button;
    const struct gui_config *config;

    assert(panel);
    assert(panel->config);
    assert(panel->canvas);

    if (!panel || !panel->config || !panel->canvas) return 0;
    if (panel->minimized || (panel->flags & GUI_PANEL_HIDDEN)) return 0;
    gui_panel_alloc_space(&bounds, panel);
    config = panel->config;

    button.border = 1;
    button.padding.x = config->item_padding.x;
    button.padding.y = config->item_padding.y;
    button.background = config->colors[GUI_COLOR_BUTTON];
    button.foreground = config->colors[GUI_COLOR_BUTTON_BORDER];
    button.content = config->colors[GUI_COLOR_TEXT];
    button.highlight = config->colors[GUI_COLOR_BUTTON_HOVER];
    button.highlight_content = config->colors[GUI_COLOR_BUTTON_HOVER_FONT];
    return gui_button_icon(panel->canvas, bounds.x, bounds.y, bounds.w, bounds.h,
                &button, img, src, behavior, panel->in);
}

gui_bool
gui_panel_check(struct gui_panel *panel, const char *text, gui_bool is_active)
{
    struct gui_rect bounds;
    struct gui_toggle toggle;
    const struct gui_config *config;

    assert(panel);
    assert(panel->config);
    assert(panel->canvas);
    assert(text);

    if (!panel || !panel->config || !panel->canvas) return is_active;
    if (panel->minimized || (panel->flags & GUI_PANEL_HIDDEN)) return is_active;
    gui_panel_alloc_space(&bounds, panel);
    config = panel->config;

    toggle.padding.x = config->item_padding.x;
    toggle.padding.y = config->item_padding.y;
    toggle.font = config->colors[GUI_COLOR_TEXT];
    toggle.background = config->colors[GUI_COLOR_CHECK];
    toggle.foreground = config->colors[GUI_COLOR_CHECK_ACTIVE];
    return gui_toggle(panel->canvas, bounds.x, bounds.y, bounds.w, bounds.h,
                    is_active, text, &toggle, GUI_TOGGLE_CHECK, panel->in);
}

gui_bool
gui_panel_option(struct gui_panel *panel, const char *text, gui_bool is_active)
{
    struct gui_rect bounds;
    struct gui_toggle toggle;
    const struct gui_config *config;

    assert(panel);
    assert(panel->config);
    assert(panel->canvas);
    assert(text);

    if (!panel || !panel->config || !panel->canvas) return is_active;
    if (panel->minimized || (panel->flags & GUI_PANEL_HIDDEN)) return is_active;
    gui_panel_alloc_space(&bounds, panel);
    config = panel->config;

    toggle.padding.x = config->item_padding.x;
    toggle.padding.y = config->item_padding.y;
    toggle.font = config->colors[GUI_COLOR_TEXT];
    toggle.background = config->colors[GUI_COLOR_CHECK];
    toggle.foreground = config->colors[GUI_COLOR_CHECK_ACTIVE];
    return gui_toggle(panel->canvas, bounds.x, bounds.y, bounds.w, bounds.h,
                    is_active, text, &toggle, GUI_TOGGLE_OPTION, panel->in);
}

gui_float
gui_panel_slider(struct gui_panel *panel, gui_float min_value, gui_float value,
    gui_float max_value, gui_float value_step)
{
    struct gui_rect bounds;
    struct gui_slider slider;
    const struct gui_config *config;

    assert(panel);
    assert(panel->config);
    assert(panel->canvas);

    if (!panel || !panel->config || !panel->canvas) return value;
    if (panel->minimized || (panel->flags & GUI_PANEL_HIDDEN)) return value;
    gui_panel_alloc_space(&bounds, panel);
    config = panel->config;

    slider.padding.x = config->item_padding.x;
    slider.padding.y = config->item_padding.y;
    slider.background = config->colors[GUI_COLOR_SLIDER];
    slider.foreground = config->colors[GUI_COLOR_SLIDER_CURSOR];
    return gui_slider(panel->canvas, bounds.x, bounds.y, bounds.w, bounds.h,
                min_value, value, max_value, value_step, &slider, panel->in);
}

gui_size
gui_panel_progress(struct gui_panel *panel, gui_size cur_value, gui_size max_value,
    gui_bool is_modifyable)
{
    struct gui_rect bounds;
    struct gui_slider prog;
    const struct gui_config *config;

    assert(panel);
    assert(panel->config);
    assert(panel->canvas);

    if (!panel || !panel->config || !panel->canvas) return cur_value;
    if (panel->minimized || (panel->flags & GUI_PANEL_HIDDEN)) return cur_value;
    gui_panel_alloc_space(&bounds, panel);
    config = panel->config;

    prog.padding.x = config->item_padding.x;
    prog.padding.y = config->item_padding.y;
    prog.background = config->colors[GUI_COLOR_PROGRESS];
    prog.foreground = config->colors[GUI_COLOR_PROGRESS_CURSOR];
    return gui_progress(panel->canvas, bounds.x, bounds.y, bounds.w, bounds.h,
            cur_value, max_value, is_modifyable, &prog, panel->in);
}

gui_size
gui_panel_input(struct gui_panel *panel, gui_char *buffer, gui_size len,
    gui_size max, gui_bool *active, enum gui_input_filter filter)
{
    struct gui_rect bounds;
    struct gui_input_field field;
    const struct gui_config *config;

    assert(panel);
    assert(panel->config);
    assert(panel->canvas);
    assert(buffer);

    if (!panel || !panel->config || !panel->canvas) return 0;
    if (panel->minimized || (panel->flags & GUI_PANEL_HIDDEN)) return 0;
    gui_panel_alloc_space(&bounds, panel);
    config = panel->config;

    field.padding.x = config->item_padding.x;
    field.padding.y = config->item_padding.y;
    field.filter = filter;
    field.show_cursor = gui_true;
    field.font = config->colors[GUI_COLOR_TEXT];
    field.background = config->colors[GUI_COLOR_INPUT];
    field.foreground = config->colors[GUI_COLOR_INPUT_BORDER];
    return gui_input(panel->canvas, bounds.x, bounds.y, bounds.w, bounds.h,
                    buffer, len, max, active, &field, panel->in);
}

gui_bool
gui_panel_spinner(struct gui_panel *panel, gui_int min, gui_int *value,
    gui_int max, gui_int step, gui_bool active)
{
    struct gui_rect bounds;
    const struct gui_config *config;
    const struct gui_canvas *canvas;
    struct gui_input_field field;
    char string[MAX_NUMBER_BUFFER];
    gui_size len, old_len;

    struct gui_button button;
    gui_float button_x, button_y;
    gui_float button_w, button_h;
    gui_float field_x, field_y;
    gui_float field_w, field_h;
    gui_bool is_active, updated = gui_false;
    gui_bool button_up_clicked, button_down_clicked;

    assert(panel);
    assert(panel->config);
    assert(panel->canvas);
    assert(value);

    if (!panel || !panel->config || !panel->canvas) return 0;
    if (panel->minimized || (panel->flags & GUI_PANEL_HIDDEN)) return 0;
    gui_panel_alloc_space(&bounds, panel);
    config = panel->config;
    canvas = panel->canvas;

    *value = CLAMP(min, *value, max);
    len = itos(string, *value);
    is_active = active;
    old_len = len;

    button.border = 1;
    button_y = bounds.y;
    button_h = bounds.h / 2;
    button_w = bounds.h - config->item_padding.x;
    button_x = bounds.x + bounds.w - button_w;
    button.padding.x = MAX(3, button_h - canvas->font.height);
    button.padding.y = MAX(3, button_h - canvas->font.height);
    button.background = config->colors[GUI_COLOR_BUTTON];
    button.foreground = config->colors[GUI_COLOR_BUTTON_BORDER];
    button.content = config->colors[GUI_COLOR_TEXT];
    button.highlight = config->colors[GUI_COLOR_BUTTON];
    button.highlight_content = config->colors[GUI_COLOR_TEXT];
    button_up_clicked = gui_button_triangle(canvas, button_x, button_y, button_w, button_h,
                            &button, GUI_UP, GUI_BUTTON_DEFAULT, panel->in);
    button_y = bounds.y + button_h;
    button_down_clicked = gui_button_triangle(canvas, button_x, button_y, button_w, button_h,
                                &button, GUI_DOWN, GUI_BUTTON_DEFAULT, panel->in);
    if (button_up_clicked || button_down_clicked) {
        *value += (button_up_clicked) ? step : -step;
        *value = CLAMP(min, *value, max);
    }

    field_x = bounds.x;
    field_y = bounds.y;
    field_w = bounds.w - button_w;
    field_h = bounds.h;
    field.padding.x = config->item_padding.x;
    field.padding.y = config->item_padding.y;
    field.filter = GUI_INPUT_FLOAT;
    field.show_cursor = gui_false;
    field.font = config->colors[GUI_COLOR_TEXT];
    field.background = config->colors[GUI_COLOR_SPINNER];
    field.foreground = config->colors[GUI_COLOR_SPINNER_BORDER];
    len = gui_input(canvas, field_x, field_y, field_w, field_h, (gui_char*)string,
                        len, MAX_NUMBER_BUFFER, &is_active, &field, panel->in);
    if (old_len != len)
        strtoi(value, string, len);
    return is_active;
}

gui_size
gui_panel_selector(struct gui_panel *panel, const char *items[],
    gui_size item_count, gui_size item_current)
{
    gui_size text_len;
    gui_float label_x, label_y;
    gui_float label_w, label_h;

    struct gui_rect bounds;
    struct gui_button button;
    const struct gui_config *config;
    const struct gui_canvas *canvas;
    gui_bool button_up_clicked, button_down_clicked;
    gui_float button_x, button_y;
    gui_float button_w, button_h;

    assert(panel);
    assert(panel->config);
    assert(panel->canvas);
    assert(items);
    assert(item_count);
    assert(item_current < item_count);

    if (!panel || !panel->config || !panel->canvas) return 0;
    if (panel->minimized || (panel->flags & GUI_PANEL_HIDDEN)) return 0;
    gui_panel_alloc_space(&bounds, panel);
    config = panel->config;
    canvas = panel->canvas;

    canvas->draw_rect(canvas->userdata, bounds.x, bounds.y, bounds.w, bounds.h,
            config->colors[GUI_COLOR_SELECTOR_BORDER]);
    canvas->draw_rect(canvas->userdata, bounds.x + 1, bounds.y + 1, bounds.w - 2, bounds.h - 2,
            config->colors[GUI_COLOR_SELECTOR]);

    button.border = 1;
    button_y = bounds.y;
    button_h = bounds.h / 2;
    button_w = bounds.h - config->item_padding.x;
    button_x = bounds.x + bounds.w - button_w;
    button.padding.x = MAX(3, button_h - canvas->font.height);
    button.padding.y = MAX(3, button_h - canvas->font.height);
    button.background = config->colors[GUI_COLOR_BUTTON];
    button.foreground = config->colors[GUI_COLOR_BUTTON_BORDER];
    button.content = config->colors[GUI_COLOR_TEXT];
    button.highlight = config->colors[GUI_COLOR_BUTTON];
    button.highlight_content = config->colors[GUI_COLOR_TEXT];
    button_up_clicked = gui_button_triangle(canvas, button_x, button_y, button_w,
        button_h, &button, GUI_UP, GUI_BUTTON_DEFAULT, panel->in);

    button_y = bounds.y + button_h;
    button_down_clicked = gui_button_triangle(canvas, button_x, button_y, button_w,
        button_h, &button, GUI_DOWN, GUI_BUTTON_DEFAULT, panel->in);
    item_current = (button_down_clicked && item_current < item_count-1) ?
        item_current+1 : (button_up_clicked && item_current > 0) ? item_current-1 : item_current;

    label_x = bounds.x + config->item_padding.x;
    label_y = bounds.y + config->item_padding.y;
    label_w = bounds.w - (button_w + 2 * config->item_padding.x);
    label_h = bounds.h - 2 * config->item_padding.y;
    text_len = strsiz(items[item_current]);
    canvas->draw_text(canvas->userdata, label_x, label_y, label_w, label_h,
        (const gui_char*)items[item_current], text_len, &canvas->font,
        config->colors[GUI_COLOR_PANEL], config->colors[GUI_COLOR_TEXT]);
    return item_current;
}

gui_int
gui_panel_plot(struct gui_panel *panel, const gui_float *values, gui_size count)
{
    struct gui_rect bounds;
    struct gui_plot plot;
    const struct gui_config *config;

    assert(panel);
    assert(panel->config);
    assert(panel->canvas);
    assert(values);
    assert(count);

    if (!panel || !panel->config || !panel->canvas) return -1;
    if (panel->minimized || (panel->flags & GUI_PANEL_HIDDEN)) return -1;
    gui_panel_alloc_space(&bounds, panel);
    config = panel->config;

    plot.padding.x = config->item_padding.x;
    plot.padding.y = config->item_padding.y;
    plot.background = config->colors[GUI_COLOR_PLOT];
    plot.foreground = config->colors[GUI_COLOR_PLOT_LINES];
    plot.highlight = config->colors[GUI_COLOR_PLOT_HIGHLIGHT];
    return gui_plot(panel->canvas, bounds.x, bounds.y, bounds.w, bounds.h,
            values, count, &plot, panel->in);
}

gui_int
gui_panel_histo(struct gui_panel *panel, const gui_float *values, gui_size count)
{
    struct gui_rect bounds;
    struct gui_histo histo;
    const struct gui_config *config;

    assert(panel);
    assert(panel->config);
    assert(panel->canvas);
    assert(values);
    assert(count);

    if (!panel || !panel->config || !panel->canvas) return -1;
    if (panel->minimized || (panel->flags & GUI_PANEL_HIDDEN)) return -1;
    gui_panel_alloc_space(&bounds, panel);
    config = panel->config;

    histo.padding.x = config->item_padding.x;
    histo.padding.y = config->item_padding.y;
    histo.background = config->colors[GUI_COLOR_HISTO];
    histo.foreground = config->colors[GUI_COLOR_HISTO_BARS];
    histo.negative = config->colors[GUI_COLOR_HISTO_NEGATIVE];
    histo.highlight = config->colors[GUI_COLOR_HISTO_HIGHLIGHT];
    return gui_histo(panel->canvas, bounds.x, bounds.y, bounds.w, bounds.h,
            values, count, &histo, panel->in);
}

gui_bool
gui_panel_tab_begin(struct gui_panel *panel, struct gui_panel *tab,
    const char *title, gui_bool minimized)
{
    struct gui_rect bounds;
    const struct gui_canvas *canvas;
    struct gui_rect clip;
    gui_float old_height;
    gui_size old_cols;
    gui_flags flags;

    assert(panel);
    assert(tab);
    if (!panel || !tab) return gui_true;
    canvas = panel->canvas;
    zero(tab, sizeof(*tab));
    tab->minimized = minimized;
    if (panel->minimized || (panel->flags & GUI_PANEL_HIDDEN)) {
        tab->flags = GUI_PANEL_HIDDEN;
        tab->config = panel->config;
        tab->canvas = panel->canvas;
        return gui_false;
    }

    old_height = panel->row_height;
    old_cols = panel->row_columns;
    panel->index = 0;
    panel->row_columns = 1;
    panel->row_height = 0;
    gui_panel_alloc_space(&bounds, panel);
    panel->row_columns = old_cols;
    panel->row_height = old_height;

    flags = GUI_PANEL_BORDER|GUI_PANEL_MINIMIZABLE|GUI_PANEL_TAB;
    gui_panel_begin(tab, title, bounds.x, bounds.y + 1, bounds.w, null_rect.h, flags,
        panel->config, panel->canvas, panel->in);
    unify(&clip, &panel->clip, tab->clip.x, tab->clip.y, tab->clip.x + tab->clip.w,
        tab->clip.y + tab->clip.h);
    canvas->scissor(canvas->userdata, clip.x, clip.y, clip.w, clip.h);
    return tab->minimized;
}

void
gui_panel_tab_end(struct gui_panel *panel, struct gui_panel *tab)
{
    const struct gui_canvas *canvas;
    assert(tab);
    assert(panel);
    if (!panel || !tab || panel->minimized || (panel->flags & GUI_PANEL_HIDDEN))
        return;

    gui_panel_end(tab);
    panel->at_y -= panel->row_height;
    panel->at_y += tab->height + tab->config->item_spacing.y;
    canvas = panel->canvas;
    canvas->scissor(canvas->userdata, panel->clip.x, panel->clip.y, panel->clip.w, panel->clip.h);
}

void
gui_panel_group_begin(struct gui_panel *panel, struct gui_panel *group,
    const char *title, gui_float offset)
{
    gui_flags flags;
    struct gui_rect bounds;
    const struct gui_canvas *canvas;
    struct gui_rect clip;

    assert(panel);
    assert(group);
    if (!panel || !group) return;
    if (panel->minimized || (panel->flags & GUI_PANEL_HIDDEN)) {
        group->flags = GUI_PANEL_HIDDEN;
        group->config = panel->config;
        group->canvas = panel->canvas;
        return;
    }

    gui_panel_alloc_space(&bounds, panel);
    zero(group, sizeof(*group));
    canvas = panel->canvas;

    group->offset = offset;
    flags = GUI_PANEL_BORDER|GUI_PANEL_SCROLLBAR|GUI_PANEL_TAB;
    gui_panel_begin(group, title, bounds.x, bounds.y, bounds.w, bounds.h, flags,
        panel->config, panel->canvas, panel->in);
    unify(&clip, &panel->clip, group->clip.x, group->clip.y, group->clip.x + group->clip.w,
        group->clip.y + group->clip.h);
    canvas->scissor(canvas->userdata, clip.x, clip.y, clip.w, clip.h);
}

gui_float
gui_panel_group_end(struct gui_panel *panel, struct gui_panel *group)
{
    const struct gui_canvas *canvas;
    struct gui_rect clip;
    assert(panel);
    assert(group);
    if (!panel || !group) return 0;
    if (panel->minimized || (panel->flags & GUI_PANEL_HIDDEN)) return 0;

    canvas = panel->canvas;
    unify(&clip, &panel->clip, group->clip.x, group->clip.y, group->x + group->w, group->y + group->h);
    canvas->scissor(canvas->userdata, clip.x, clip.y, clip.w, clip.h);
    gui_panel_end(group);
    canvas->scissor(canvas->userdata, panel->clip.x, panel->clip.y, panel->clip.w, panel->clip.h);
    return group->offset;
}

gui_size
gui_panel_shelf_begin(struct gui_panel *panel, struct gui_panel *shelf,
    const char *tabs[], gui_size size, gui_size active, gui_float offset)
{
    const struct gui_config *config;
    const struct gui_canvas *canvas;
    gui_float header_x, header_y;
    gui_float header_w, header_h;
    struct gui_rect bounds;
    struct gui_rect clip;
    gui_float item_width;
    gui_flags flags;
    gui_size i;

    assert(panel);
    assert(tabs);
    assert(shelf);
    assert(active < size);
    if (!panel || !shelf || !tabs || active >= size)
        return active;

    if (panel->minimized || (panel->flags & GUI_PANEL_HIDDEN)) {
        shelf->flags = GUI_PANEL_HIDDEN;
        shelf->config = panel->config;
        shelf->canvas = panel->canvas;
        return active;
    }

    config = panel->config;
    canvas = panel->canvas;
    gui_panel_alloc_space(&bounds, panel);
    zero(shelf, sizeof(*shelf));

    header_x = bounds.x;
    header_y = bounds.y;
    header_w = bounds.w;
    header_h = config->panel_padding.y + 3 * config->item_padding.y + canvas->font.height;
    item_width = (header_w - (gui_float)size) / (gui_float)size;

    for (i = 0; i < size; i++) {
        struct gui_button button;
        gui_float button_x, button_y;
        gui_float button_w, button_h;
        button_y = header_y;
        button_h = header_h;
        button_x = header_x + ((gui_float)i * (item_width + 1));
        button_w = item_width;
        button.border = 1;
        button.padding.x = config->item_padding.x;
        button.padding.y = config->item_padding.y;
        button.background = config->colors[GUI_COLOR_BUTTON];
        button.foreground = config->colors[GUI_COLOR_BUTTON_BORDER];
        button.content = config->colors[GUI_COLOR_TEXT];
        button.highlight = config->colors[GUI_COLOR_BUTTON];
        button.highlight_content = config->colors[GUI_COLOR_TEXT];
        if (active != i) {
            button_y += config->item_padding.y;
            button_h -= config->item_padding.y;
        }
        if (gui_button_text(canvas, button_x, button_y, button_w, button_h,
            &button, tabs[i], GUI_BUTTON_DEFAULT, panel->in)) active = i;
    }

    bounds.y += header_h;
    bounds.h -= header_h;

    shelf->offset = offset;
    flags = GUI_PANEL_BORDER|GUI_PANEL_SCROLLBAR|GUI_PANEL_TAB;
    gui_panel_begin(shelf, NULL, bounds.x, bounds.y, bounds.w, bounds.h, flags,
        panel->config, panel->canvas, panel->in);

    unify(&clip, &panel->clip, shelf->clip.x, shelf->clip.y,
        shelf->clip.x + shelf->clip.w, shelf->clip.y + shelf->clip.h);
    canvas->scissor(canvas->userdata, clip.x, clip.y, clip.w, clip.h);
    return active;
}

gui_float
gui_panel_shelf_end(struct gui_panel *panel, struct gui_panel *shelf)
{
    const struct gui_canvas *canvas;
    struct gui_rect clip;

    assert(panel);
    assert(shelf);
    if (!panel || !shelf) return 0;
    if (panel->minimized || (panel->flags & GUI_PANEL_HIDDEN)) return 0;

    canvas = panel->canvas;
    unify(&clip, &panel->clip, shelf->clip.x, shelf->clip.y, shelf->x + shelf->w, shelf->y + shelf->h);
    canvas->scissor(canvas->userdata, clip.x, clip.y, clip.w, clip.h);
    gui_panel_end(shelf);
    canvas->scissor(canvas->userdata, panel->clip.x, panel->clip.y, panel->clip.w, panel->clip.h);
    return shelf->offset;
}

void
gui_panel_end(struct gui_panel *panel)
{
    const struct gui_config *config;
    const struct gui_canvas *canvas;
    assert(panel);
    if (!panel) return;
    if (panel->flags & GUI_PANEL_HIDDEN) return;
    panel->at_y += panel->row_height;

    config = panel->config;
    canvas = panel->canvas;
    if (!(panel->flags & GUI_PANEL_TAB))
        canvas->scissor(canvas->userdata, panel->x, panel->y, panel->w + 1, panel->h + 1);
    if (panel->flags & GUI_PANEL_SCROLLBAR && !panel->minimized) {
        struct gui_scroll scroll;
        gui_float panel_y;
        gui_float scroll_x, scroll_y;
        gui_float scroll_w, scroll_h;
        gui_float scroll_target, scroll_offset, scroll_step;

        scroll_x = panel->x + panel->width;
        scroll_y = (panel->flags & GUI_PANEL_BORDER) ? panel->y + 1 : panel->y;
        scroll_y += panel->header_height;
        scroll_w = config->scrollbar_width;
        scroll_h = panel->height;

        scroll_offset = panel->offset;
        scroll_step = panel->height * 0.25f;
        scroll.background = config->colors[GUI_COLOR_SCROLLBAR];
        scroll.foreground = config->colors[GUI_COLOR_SCROLLBAR_CURSOR];
        scroll.border = config->colors[GUI_COLOR_SCROLLBAR_BORDER];
        if (panel->flags & GUI_PANEL_BORDER) scroll_h -= 1;
        scroll_target = (panel->at_y - panel->y) - panel->header_height;

        panel->offset = gui_scroll(canvas, scroll_x, scroll_y, scroll_w, scroll_h,
                    scroll_offset, scroll_target, scroll_step, &scroll, panel->in);
        panel_y = panel->y + panel->height + panel->header_height - config->panel_padding.y;
        canvas->draw_rect(canvas->userdata, panel->x, panel_y, panel->width, config->panel_padding.y,
                        config->colors[GUI_COLOR_PANEL]);
    } else panel->height = panel->at_y - panel->y;

    if (panel->flags & GUI_PANEL_SCALEABLE && !panel->minimized) {
        struct gui_color col = config->colors[GUI_COLOR_SCALER];
        gui_float scaler_x = panel->x + config->item_padding.x;
        gui_float scaler_y = panel->y + panel->h - config->scaler_size.y;
        gui_float scaler_w = MAX(0, config->scaler_size.x - config->item_padding.x);
        gui_float scaler_h = MAX(0, config->scaler_size.y - config->item_padding.y);
        canvas->draw_rect(canvas->userdata, scaler_x, scaler_y, scaler_w, scaler_h, col);
    }

    if (panel->flags & GUI_PANEL_BORDER) {
        const gui_float width = (panel->flags & GUI_PANEL_SCROLLBAR) ?
                panel->width + config->scrollbar_width : panel->width;
        const gui_float padding_y = (panel->minimized) ?
                panel->y + panel->header_height:
                (panel->flags & GUI_PANEL_SCROLLBAR) ?
                panel->y + panel->height + panel->header_height:
                panel->y + panel->height + config->item_padding.y;

        canvas->draw_line(canvas->userdata, panel->x, padding_y, panel->x + width,
                padding_y, config->colors[GUI_COLOR_BORDER]);
        canvas->draw_line(canvas->userdata, panel->x, panel->y, panel->x,
                padding_y, config->colors[GUI_COLOR_BORDER]);
        canvas->draw_line(canvas->userdata, panel->x + width, panel->y, panel->x + width,
                padding_y, config->colors[GUI_COLOR_BORDER]);
    }
    canvas->scissor(canvas->userdata, 0, 0, (gui_float)canvas->width, (gui_float)canvas->height);
}