mirror of https://github.com/sveltejs/svelte
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
63 lines
1.1 KiB
63 lines
1.1 KiB
import {
|
|
SvelteComponent,
|
|
attr,
|
|
detach,
|
|
element,
|
|
init,
|
|
insert,
|
|
listen,
|
|
noop,
|
|
safe_not_equal
|
|
} from "svelte/internal";
|
|
|
|
function create_fragment(ctx) {
|
|
let input;
|
|
let dispose;
|
|
|
|
return {
|
|
c() {
|
|
input = element("input");
|
|
attr(input, "type", "checkbox");
|
|
dispose = listen(input, "change", ctx.input_change_handler);
|
|
},
|
|
m(target, anchor) {
|
|
insert(target, input, anchor);
|
|
input.checked = ctx.foo;
|
|
},
|
|
p(changed, ctx) {
|
|
if (changed.foo) {
|
|
input.checked = ctx.foo;
|
|
}
|
|
},
|
|
i: noop,
|
|
o: noop,
|
|
d(detaching) {
|
|
if (detaching) detach(input);
|
|
dispose();
|
|
}
|
|
};
|
|
}
|
|
|
|
function instance($$self, $$props, $$invalidate) {
|
|
let { foo } = $$props;
|
|
|
|
function input_change_handler() {
|
|
foo = this.checked;
|
|
$$invalidate("foo", foo);
|
|
}
|
|
|
|
$$self.$set = $$props => {
|
|
if ("foo" in $$props) $$invalidate("foo", foo = $$props.foo);
|
|
};
|
|
|
|
return { foo, input_change_handler };
|
|
}
|
|
|
|
class Component extends SvelteComponent {
|
|
constructor(options) {
|
|
super();
|
|
init(this, options, instance, create_fragment, safe_not_equal, ["foo"]);
|
|
}
|
|
}
|
|
|
|
export default Component; |