<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>The null values should be deinable in the select #287</title>
    <script src="./287.mjs" type="module"></script>
</head>
<body>
<h1>The null values should be deinable in the select #287</h1>
<p></p>
<ul>
    <li><a href="https://gitlab.schukai.com/oss/libraries/javascript/monster/-/issues/287">Issue #287</a></li>
    <li><a href="/">Back to overview</a></li>
</ul>
<main>

    <monster-datasource-rest id="ds224" data-monster-option-read-url="/issue-287.json"
                             data-monster-option-write-url="/issue-287"
                             data-monster-option-write-acceptedstatus="400::200"
                             data-monster-option-features-autoinit="true">
    </monster-datasource-rest>

    <monster-form data-monster-option-datasource-selector="#ds224" data-monster-option-mapping-data=""
                  data-monster-option-features-mutationobserver="false">

        <div data-monster-replace="path:data | tojson"></div>

        <monster-select data-monster-attributes="value path:data.integer"
                        data-monster-option-type="checkbox"
                        data-monster-bind="path:data.integer"
                        data-monster-bind-type="int[]"
        >
            <div data-monster-value="1">label-1</div>
            <div data-monster-value="2">label-2</div>
            <div data-monster-value="3">label-3</div>
        </monster-select>

    </monster-form>
</main>
</body>
</html>