import QtQuick
import Syidax.Core

Item {
    implicitWidth: Math.max(360, childrenRect.width)
    implicitHeight: childrenRect.height

    property QtObject settings: QtObject {
        id: storyArgs
        property string label: "소개"
        property string placeholder: "자신을 소개해 주세요"
        property string value: ""
        property int rows: 4
        property string size: "medium"
        property string status: "default"
        property string resize: "none"
        property bool required: false
        property bool disabled: false
        property bool readonly: false
        property bool clearable: false
        property bool counter: false
        property int max: 0
        property string message: ""
    }

    

    SyTextarea {
        label: storyArgs.label
        placeholder: storyArgs.placeholder
        value: storyArgs.value
        rows: storyArgs.rows
        size: storyArgs.size
        status: storyArgs.status
        resize: storyArgs.resize
        required: storyArgs.required
        disabled: storyArgs.disabled
        readonly: storyArgs.readonly
        clearable: storyArgs.clearable
        counter: storyArgs.counter
        max: storyArgs.max
        message: storyArgs.message
        onValueChanged: if (storyArgs.value !== value) storyArgs.value = value
    }

}

import QtQuick
import Syidax.Core

Item {
    implicitWidth: Math.max(360, childrenRect.width)
    implicitHeight: childrenRect.height
    property QtObject settings: QtObject {
        id: storyArgs
        property int rows: 2
    }

    

    SyTextarea { rows: storyArgs.rows; value: "이 영역의 내용을 가져오는 중입니다. 스피너가 가리기 전까지는 그대로 읽을 수 있습니다."; width: 360 }
}

import QtQuick
import Syidax.Core

Item {
    implicitWidth: Math.max(360, childrenRect.width)
    implicitHeight: childrenRect.height
    property QtObject settings: QtObject {
        id: storyArgs
        property string size: "medium"
    }

    

    SyTextarea { label: "소개"; placeholder: "자신을 소개해 주세요"; size: storyArgs.size }
}

import QtQuick
import Syidax.Core

Item {
    implicitWidth: Math.max(360, childrenRect.width)
    implicitHeight: childrenRect.height
    // Focused Gallery routes: keep only the selected API and its prerequisites.
    id: featureStory

    SyTextarea { id: featureTarget0; counter: true; max: 80; rows: 3; placeholder: "자신을 소개해 주세요"; width: 360 }
}

import QtQuick
import Syidax.Core

Item {
    implicitWidth: Math.max(360, childrenRect.width)
    implicitHeight: childrenRect.height
    property QtObject settings: QtObject {
        id: storyArgs
        property string resize: "both"
    }

    

    SyTextarea { resize: storyArgs.resize; rows: 3; placeholder: "모서리를 끌어 보세요" }
}

import QtQuick
import Syidax.Core

Item {
    implicitWidth: Math.max(360, childrenRect.width)
    implicitHeight: childrenRect.height
    // Focused Gallery routes: keep only the selected API and its prerequisites.
    id: featureStory

    Column {
        spacing: 12
        SyTextarea { id: featureTarget0; visible: true; value: "비활성"; disabled: true; rows: 2 }
        SyTextarea { id: featureTarget1; visible: true; value: "읽기 전용"; readonly: true; rows: 2 }
        SyTextarea { id: featureTarget2; visible: true; value: "error"; status: "error"; rows: 2 }
    }
}

import QtQuick
import Syidax.Core

Item {
    component EventLog: Rectangle {
        id: logBox
        property var lines: []
        implicitWidth: 440
        implicitHeight: Math.max(56, logText.implicitHeight + 24)
        radius: 4; color: Theme.semantic.backgroundBold
        function log(value) { lines = lines.slice(-3).concat([String(value)]) }
        Text {
            id: logText; x: 12; y: 12; width: parent.width - 24
            text: logBox.lines.length ? logBox.lines.join("\n") : "컨트롤을 조작하면 이벤트 결과가 표시됩니다."
            wrapMode: Text.Wrap; color: Theme.semantic.textDefault
            font.family: Theme.monoFontFamily; font.pixelSize: 12
        }
    }

    implicitWidth: Math.max(360, childrenRect.width)
    implicitHeight: childrenRect.height
    // Focused Gallery routes: keep only the selected API and its prerequisites.
    id: featureStory

    

    Column {
        spacing: 12
        SyTextarea {
            label: "소개"; rows: 3; max: 40; counter: true
            onChanged: (detail) => { if (true) { output.log(("changed: %1자 (valid: %2)").arg(detail.length).arg(detail.isValid)) } }
            onFocused: (detail) => { if (true) { output.log("focused") } }
            onBlured: (detail) => { if (true) { output.log(("blured: status %1").arg(detail.status)) } }
        }
        EventLog { id: output }
    }
}

import QtQuick
import Syidax.Core

Item {
    component EventLog: Rectangle {
        id: logBox
        property var lines: []
        implicitWidth: 440
        implicitHeight: Math.max(56, logText.implicitHeight + 24)
        radius: 4; color: Theme.semantic.backgroundBold
        function log(value) { lines = lines.slice(-3).concat([String(value)]) }
        Text {
            id: logText; x: 12; y: 12; width: parent.width - 24
            text: logBox.lines.length ? logBox.lines.join("\n") : "컨트롤을 조작하면 이벤트 결과가 표시됩니다."
            wrapMode: Text.Wrap; color: Theme.semantic.textDefault
            font.family: Theme.monoFontFamily; font.pixelSize: 12
        }
    }

    implicitWidth: Math.max(360, childrenRect.width)
    implicitHeight: childrenRect.height
    // Focused Gallery routes: keep only the selected API and its prerequisites.
    id: featureStory

    Column {
        spacing: 12
        SyTextarea { id: bioField; label: "소개"; rows: 2; required: true }
        Flow {
            width: 560
            spacing: 8
            SyButton { id: exampleControl1;  visible: true; text: "bioField.setFocus()"; variant: "secondary"; size: "small"; onClicked: bioField.setFocus() }
            SyButton { id: exampleControl2;  visible: true; text: "bioField.setBlur()"; variant: "secondary"; size: "small"; onClicked: bioField.setBlur() }
            SyButton { id: exampleControl3;  visible: true; text: "bioField.checkValidity()"; variant: "secondary"; size: "small"; onClicked: output.log("checkValidity() → " + bioField.checkValidity()) }
            SyButton { visible: true; text: "bioField.reportValidity()"; variant: "secondary"; size: "small"; onClicked: output.log("reportValidity() → " + bioField.reportValidity()) }
            SyButton { visible: true; text: "bioField.setCustomError()"; variant: "secondary"; size: "small"; onClicked: bioField.setCustomError() }
            SyButton { visible: true; text: "bioField.clearCustomError()"; variant: "secondary"; size: "small"; onClicked: bioField.clearCustomError() }
            SyButton { visible: true; text: "bioField.getStatus()"; variant: "secondary"; size: "small"; onClicked: output.log("getStatus() → " + JSON.stringify(bioField.getStatus())) }
        }
        EventLog { id: output }
    }
}

import QtQuick
import Syidax.Core

Column {
    width: 440; spacing: 12
    SyTextarea {
        id: field; width: parent.width; name: "selection"; required: true
        label: "필수 입력"; rows: 3; max: 120
        
        error: "계속하려면 이 항목을 입력하세요."
    }
    Row {
        spacing: 8
        SyButton { id: check; text: "검증"; onClicked: field.reportValidity() }
        SyButton { id: reset; text: "초기화"; onClicked: field.reset() }
    }
    Text { text: "상태: " + (field.invalid ? "오류" : "입력 준비"); color: Theme.semantic.textDefault }
}

import QtQuick
import Syidax.Core

Column {
    width: 440; spacing: 12
    SyTextarea {
        id: field; width: parent.width; name: "selection"; required: true
        label: "필수 입력"; rows: 3; max: 120
        value: "분기 계획을 검토합니다."
        error: "현재 사용할 수 없는 선택입니다. 다른 값을 선택하세요."
    }
    Row {
        spacing: 8
        SyButton { id: check; text: "오류 표시"; onClicked: field.setCustomError() }
        SyButton { id: reset; text: "초기화"; onClicked: field.reset() }
    }
    Text { text: "상태: " + (field.invalid ? "오류" : "입력 준비"); color: Theme.semantic.textDefault }
}