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.
72 lines
2.1 KiB
72 lines
2.1 KiB
7 years ago
|
/* generated by Svelte vX.Y.Z */
|
||
|
|
import { appendNode, assign, createElement, createText, detachNode, init, insertNode, noop, protoDev } from "svelte/shared.js";
|
||
|
|
|
||
|
|
function bar(foo) {
|
||
|
|
return foo * 2;
|
||
|
|
}
|
||
|
|
|
||
|
|
function create_main_fragment(component, state) {
|
||
|
|
var p, text_value = state.Math.max(0, state.foo), text, text_1, text_2;
|
||
|
|
|
||
|
|
return {
|
||
|
|
c: function create() {
|
||
|
|
p = createElement("p");
|
||
|
|
text = createText(text_value);
|
||
|
|
text_1 = createText("\n\t");
|
||
|
|
text_2 = createText(state.bar);
|
||
|
|
},
|
||
|
|
|
||
|
|
m: function mount(target, anchor) {
|
||
|
|
insertNode(p, target, anchor);
|
||
|
|
appendNode(text, p);
|
||
|
|
appendNode(text_1, p);
|
||
|
|
appendNode(text_2, p);
|
||
|
|
},
|
||
|
|
|
||
|
|
p: function update(changed, state) {
|
||
|
|
if ((changed.Math || changed.foo) && text_value !== (text_value = state.Math.max(0, state.foo))) {
|
||
|
|
text.data = text_value;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (changed.bar) {
|
||
|
|
text_2.data = state.bar;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
u: function unmount() {
|
||
|
|
detachNode(p);
|
||
|
|
},
|
||
|
|
|
||
|
|
d: noop
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
function SvelteComponent(options) {
|
||
|
|
this._debugName = '<SvelteComponent>';
|
||
|
|
if (!options || (!options.target && !options.root)) throw new Error("'target' is a required option");
|
||
|
|
init(this, options);
|
||
|
|
this._state = assign({ Math : Math }, options.data);
|
||
|
|
this._recompute({ foo: 1 }, this._state);
|
||
|
|
if (!('foo' in this._state)) console.warn("<SvelteComponent> was created without expected data property 'foo'");
|
||
|
|
|
||
|
|
this._fragment = create_main_fragment(this, this._state);
|
||
|
|
|
||
|
|
if (options.target) {
|
||
|
|
if (options.hydrate) throw new Error("options.hydrate only works if the component was compiled with the `hydratable: true` option");
|
||
|
|
this._fragment.c();
|
||
|
|
this._mount(options.target, options.anchor);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
assign(SvelteComponent.prototype, protoDev);
|
||
|
|
|
||
|
|
SvelteComponent.prototype._checkReadOnly = function _checkReadOnly(newState) {
|
||
|
|
if ('bar' in newState && !this._updatingReadonlyProperty) throw new Error("<SvelteComponent>: Cannot set read-only property 'bar'");
|
||
|
|
};
|
||
|
|
|
||
|
|
SvelteComponent.prototype._recompute = function _recompute(changed, state) {
|
||
|
|
if (changed.foo) {
|
||
|
|
if (this._differs(state.bar, (state.bar = bar(state.foo)))) changed.bar = true;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
export default SvelteComponent;
|