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.
svelte/test/js/samples/event-handlers-custom/expected.js

77 lines
1.5 KiB

import { appendNode, assign, createElement, createText, detachNode, insertNode, noop, proto } from "svelte/shared.js";
var template = (function() {
return {
methods: {
foo ( bar ) {
console.log( bar );
}
},
events: {
foo ( node, callback ) {
// code goes here
}
}
};
}());
function create_main_fragment(state, component) {
var button, foo_handler, text;
return {
create: function() {
button = createElement("button");
text = createText("foo");
this.hydrate();
},
hydrate: function(nodes) {
foo_handler = template.events.foo.call(component, button, function(event) {
var state = component.get();
component.foo( state.bar );
});
},
mount: function(target, anchor) {
insertNode(button, target, anchor);
appendNode(text, button);
},
update: noop,
unmount: function() {
detachNode(button);
},
destroy: function() {
foo_handler.teardown();
}
};
}
function SvelteComponent(options) {
this.options = options;
this._state = options.data || {};
this._observers = {
pre: Object.create(null),
post: Object.create(null)
};
this._handlers = Object.create(null);
this._root = options._root || this;
this._yield = options._yield;
this._bind = options._bind;
this._fragment = create_main_fragment(this._state, this);
if (options.target) {
this._fragment.create();
this._fragment.mount(options.target, options.anchor || null);
}
}
assign(SvelteComponent.prototype, template.methods, proto );
export default SvelteComponent;