import 'svelte/internal/disclose-version';
import 'svelte/internal/flags/legacy';
import * as $ from 'svelte/internal/client';
import Child from './Child.svelte';
var root = $.template(`<!> <p> </p>`, 1);
export default function App($$anchor) {
let inputBoxValue = $.mutable_state('');
const parentValidation = ({ detail }) => {
// validation here
alert(detail);
};
var fragment = root();
var node = $.first_child(fragment);
Child(node, {
get value() {
return $.get(inputBoxValue);
},
set value($$value) {
$.set(inputBoxValue, $$value);
},
$$events: { 'child-blur': parentValidation },
$$legacy: true
});
var p = $.sibling(node, 2);
var text = $.child(p);
$.reset(p);
$.template_effect(() => $.set_text(text, `Input box value is: ${$.get(inputBoxValue) ?? ''}`));
$.append($$anchor, fragment);
}