LibrePCB

import {
    ComboBox,
    HAlignSelector,
    LengthEdit,
    LineEdit,
    VAlignSelector,
} from "../../widgets.slint";
import {
    PackageTabData,
    WindowSectionData,
} from "../../api.slint";

export component AddFootprintStrokeTextToolBar inherits HorizontalLayout {
    in property <int> section-index;
    in-out property <WindowSectionData> section;
    in property <bool> show-layer-cbx: true;
    in property <bool> show-text-edt: true;
    property <[PackageTabData]> tabs: section.package-tabs;

    spacing: 2px;

    if show-layer-cbx: layer-cbx := ComboBox {
        model: tabs[section.current-tab-index].tool-layer.items;
        current-index: tabs[section.current-tab-index].tool-layer.current-index;
        accessible-label: "layer";

        current-index-changed(index) => {
            tabs[section.current-tab-index].tool-layer.current-index = index;
        }
    }

    if show-text-edt: text-edt := LineEdit {
        min-width: 200px;
        text: tabs[section.current-tab-index].tool-value.text;
        placeholder-text: @tr("Enter text here...");
        suggestions: tabs[section.current-tab-index].tool-value.suggestions;

        text-edited(text) => {
            tabs[section.current-tab-index].tool-value.text = text;
        }
    }

    height-edt := LengthEdit {
        data: tabs[section.current-tab-index].tool-size;
        icon: @image-url("../../../../font-awesome/svgs/solid/text-height.svg");
        tooltip: @tr("Text Height");
        min-width-text: "1.234";

        value-changed(v) => {
            tabs[section.current-tab-index].tool-size.value = v;
        }

        unit-changed(u) => {
            tabs[section.current-tab-index].tool-size.unit = u;
        }

        increase-triggered => {
            tabs[section.current-tab-index].tool-size.increase = true;
        }

        decrease-triggered => {
            tabs[section.current-tab-index].tool-size.decrease = true;
        }
    }

    stroke-width-edt := LengthEdit {
        data: tabs[section.current-tab-index].tool-line-width;
        icon: @image-url("../../../../bootstrap-icons/icons/border-width.svg");
        tooltip: @tr("Stroke Width");
        min-width-text: "1.234";

        value-changed(v) => {
            tabs[section.current-tab-index].tool-line-width.value = v;
        }

        unit-changed(u) => {
            tabs[section.current-tab-index].tool-line-width.unit = u;
        }

        increase-triggered => {
            tabs[section.current-tab-index].tool-line-width.increase = true;
        }

        decrease-triggered => {
            tabs[section.current-tab-index].tool-line-width.decrease = true;
        }
    }

    halign-selector := HAlignSelector {
        align: tabs[section.current-tab-index].tool-halign;

        value-clicked(a) => {
            tabs[section.current-tab-index].tool-halign = a;
        }
    }

    valign-selector := VAlignSelector {
        align: tabs[section.current-tab-index].tool-valign;

        value-clicked(a) => {
            tabs[section.current-tab-index].tool-valign = a;
        }
    }
}