mirror of https://github.com/sveltejs/svelte
paoloricciuti
5 days ago
parent
8424395ac4
commit
c75c42949b
@ -0,0 +1,52 @@
|
||||
import 'svelte/internal/disclose-version';
|
||||
import * as $ from 'svelte/internal/client';
|
||||
|
||||
function increment(_, counter) {
|
||||
counter.count += 1;
|
||||
}
|
||||
|
||||
var root = $.template_fn(
|
||||
() => {
|
||||
var button = document.createElement('button');
|
||||
var text = document.createTextNode(' ');
|
||||
|
||||
button.insertBefore(text, undefined)
|
||||
|
||||
var text_1 = document.createTextNode(' ');
|
||||
var comment = document.createComment('');
|
||||
var text_2 = document.createTextNode(' ');
|
||||
var fragment = document.createDocumentFragment();
|
||||
|
||||
fragment.append(button, text_1, comment, text_2)
|
||||
return fragment;
|
||||
},
|
||||
1
|
||||
);
|
||||
|
||||
export default function Await_block_scope($$anchor) {
|
||||
let counter = $.proxy({ count: 0 });
|
||||
const promise = $.derived(() => Promise.resolve(counter));
|
||||
var fragment = root();
|
||||
var button = $.first_child(fragment);
|
||||
|
||||
button.__click = [increment, counter];
|
||||
|
||||
var text = $.child(button);
|
||||
|
||||
$.reset(button);
|
||||
|
||||
var node = $.sibling(button, 2);
|
||||
|
||||
$.await(node, () => $.get(promise), null, ($$anchor, counter) => {});
|
||||
|
||||
var text_1 = $.sibling(node);
|
||||
|
||||
$.template_effect(() => {
|
||||
$.set_text(text, `clicks: ${counter.count ?? ''}`);
|
||||
$.set_text(text_1, ` ${counter.count ?? ''}`);
|
||||
});
|
||||
|
||||
$.append($$anchor, fragment);
|
||||
}
|
||||
|
||||
$.delegate(['click']);
|
||||
@ -0,0 +1,45 @@
|
||||
import 'svelte/internal/disclose-version';
|
||||
import * as $ from 'svelte/internal/client';
|
||||
import TextInput from './Child.svelte';
|
||||
|
||||
const snippet = ($$anchor) => {
|
||||
$.next();
|
||||
|
||||
var text = $.text('Something');
|
||||
|
||||
$.append($$anchor, text);
|
||||
};
|
||||
|
||||
var root = $.template_fn(
|
||||
() => {
|
||||
var comment = document.createComment('');
|
||||
var comment_1 = document.createComment('');
|
||||
var text = document.createTextNode(' ');
|
||||
var fragment = document.createDocumentFragment();
|
||||
|
||||
fragment.append(comment, comment_1, text)
|
||||
return fragment;
|
||||
},
|
||||
1
|
||||
);
|
||||
|
||||
export default function Bind_component_snippet($$anchor) {
|
||||
let value = $.state('');
|
||||
const _snippet = snippet;
|
||||
var fragment = root();
|
||||
var node = $.first_child(fragment);
|
||||
|
||||
TextInput(node, {
|
||||
get value() {
|
||||
return $.get(value);
|
||||
},
|
||||
set value($$value) {
|
||||
$.set(value, $.proxy($$value));
|
||||
}
|
||||
});
|
||||
|
||||
var text_1 = $.sibling(node);
|
||||
|
||||
$.template_effect(() => $.set_text(text_1, ` value: ${$.get(value) ?? ''}`));
|
||||
$.append($$anchor, fragment);
|
||||
}
|
||||
@ -0,0 +1,7 @@
|
||||
import 'svelte/internal/disclose-version';
|
||||
import 'svelte/internal/flags/legacy';
|
||||
import * as $ from 'svelte/internal/client';
|
||||
|
||||
export default function Bind_this($$anchor) {
|
||||
$.bind_this(Foo($$anchor, { $$legacy: true }), ($$value) => foo = $$value, () => foo);
|
||||
}
|
||||
@ -0,0 +1,27 @@
|
||||
import 'svelte/internal/disclose-version';
|
||||
import * as $ from 'svelte/internal/client';
|
||||
|
||||
export default function Class_state_field_constructor_assignment($$anchor, $$props) {
|
||||
$.push($$props, true);
|
||||
|
||||
class Foo {
|
||||
#a = $.state();
|
||||
|
||||
get a() {
|
||||
return $.get(this.#a);
|
||||
}
|
||||
|
||||
set a(value) {
|
||||
$.set(this.#a, $.proxy(value));
|
||||
}
|
||||
|
||||
#b = $.state();
|
||||
|
||||
constructor() {
|
||||
this.a = 1;
|
||||
this.#b.v = 2;
|
||||
}
|
||||
}
|
||||
|
||||
$.pop();
|
||||
}
|
||||
@ -0,0 +1,16 @@
|
||||
/* index.svelte.js generated by Svelte VERSION */
|
||||
import * as $ from 'svelte/internal/client';
|
||||
|
||||
let a = $.state(1);
|
||||
let b = $.state(2);
|
||||
let c = 3;
|
||||
let d = 4;
|
||||
|
||||
export function update(array) {
|
||||
(
|
||||
$.set(a, $.proxy(array[0])),
|
||||
$.set(b, $.proxy(array[1]))
|
||||
);
|
||||
|
||||
[c, d] = array;
|
||||
}
|
||||
@ -0,0 +1,53 @@
|
||||
import 'svelte/internal/disclose-version';
|
||||
import * as $ from 'svelte/internal/client';
|
||||
|
||||
var root = $.template_fn(
|
||||
() => {
|
||||
var div = document.createElement('div');
|
||||
var text = document.createTextNode(' ');
|
||||
var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
|
||||
var text_1 = document.createTextNode(' ');
|
||||
var custom_element = document.createElement('custom-element');
|
||||
var text_2 = document.createTextNode(' ');
|
||||
var div_1 = document.createElement('div');
|
||||
var text_3 = document.createTextNode(' ');
|
||||
var svg_1 = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
|
||||
var text_4 = document.createTextNode(' ');
|
||||
var custom_element_1 = document.createElement('custom-element');
|
||||
var fragment = document.createDocumentFragment();
|
||||
|
||||
fragment.append(div, text, svg, text_1, custom_element, text_2, div_1, text_3, svg_1, text_4, custom_element_1)
|
||||
return fragment;
|
||||
},
|
||||
3
|
||||
);
|
||||
|
||||
export default function Main($$anchor) {
|
||||
// needs to be a snapshot test because jsdom does auto-correct the attribute casing
|
||||
let x = 'test';
|
||||
let y = () => 'test';
|
||||
var fragment = root();
|
||||
var div = $.first_child(fragment);
|
||||
var svg = $.sibling(div, 2);
|
||||
var custom_element = $.sibling(svg, 2);
|
||||
|
||||
$.template_effect(() => $.set_custom_element_data(custom_element, 'fooBar', x));
|
||||
|
||||
var div_1 = $.sibling(custom_element, 2);
|
||||
var svg_1 = $.sibling(div_1, 2);
|
||||
var custom_element_1 = $.sibling(svg_1, 2);
|
||||
|
||||
$.template_effect(() => $.set_custom_element_data(custom_element_1, 'fooBar', y()));
|
||||
|
||||
$.template_effect(
|
||||
($0, $1) => {
|
||||
$.set_attribute(div, 'foobar', x);
|
||||
$.set_attribute(svg, 'viewBox', x);
|
||||
$.set_attribute(div_1, 'foobar', $0);
|
||||
$.set_attribute(svg_1, 'viewBox', $1);
|
||||
},
|
||||
[y, y]
|
||||
);
|
||||
|
||||
$.append($$anchor, fragment);
|
||||
}
|
||||
@ -0,0 +1,19 @@
|
||||
import 'svelte/internal/disclose-version';
|
||||
import 'svelte/internal/flags/legacy';
|
||||
import * as $ from 'svelte/internal/client';
|
||||
|
||||
export default function Each_string_template($$anchor) {
|
||||
var fragment = $.comment();
|
||||
var node = $.first_child(fragment);
|
||||
|
||||
$.each(node, 0, () => ['foo', 'bar', 'baz'], $.index, ($$anchor, thing) => {
|
||||
$.next();
|
||||
|
||||
var text = $.text();
|
||||
|
||||
$.template_effect(() => $.set_text(text, `${thing ?? ''}, `));
|
||||
$.append($$anchor, text);
|
||||
});
|
||||
|
||||
$.append($$anchor, fragment);
|
||||
}
|
||||
@ -0,0 +1,4 @@
|
||||
/* index.svelte.js generated by Svelte VERSION */
|
||||
import * as $ from 'svelte/internal/client';
|
||||
|
||||
export const object = $.proxy({ ok: true });
|
||||
@ -0,0 +1,27 @@
|
||||
import 'svelte/internal/disclose-version';
|
||||
import * as $ from 'svelte/internal/client';
|
||||
|
||||
export default function Function_prop_no_getter($$anchor) {
|
||||
let count = $.state(0);
|
||||
|
||||
function onmouseup() {
|
||||
$.set(count, $.get(count) + 2);
|
||||
}
|
||||
|
||||
const plusOne = (num) => num + 1;
|
||||
|
||||
Button($$anchor, {
|
||||
onmousedown: () => $.set(count, $.get(count) + 1),
|
||||
onmouseup,
|
||||
onmouseenter: () => $.set(count, $.proxy(plusOne($.get(count)))),
|
||||
children: ($$anchor, $$slotProps) => {
|
||||
$.next();
|
||||
|
||||
var text = $.text();
|
||||
|
||||
$.template_effect(() => $.set_text(text, `clicks: ${$.get(count) ?? ''}`));
|
||||
$.append($$anchor, text);
|
||||
},
|
||||
$$slots: { default: true }
|
||||
});
|
||||
}
|
||||
@ -0,0 +1,21 @@
|
||||
import 'svelte/internal/disclose-version';
|
||||
import 'svelte/internal/flags/legacy';
|
||||
import * as $ from 'svelte/internal/client';
|
||||
|
||||
var root = $.template_fn(() => {
|
||||
var h1 = document.createElement('h1');
|
||||
var text = document.createTextNode('hello world');
|
||||
|
||||
h1.insertBefore(text, undefined)
|
||||
|
||||
var fragment = document.createDocumentFragment();
|
||||
|
||||
fragment.append(h1)
|
||||
return fragment;
|
||||
});
|
||||
|
||||
export default function Hello_world($$anchor) {
|
||||
var h1 = root();
|
||||
|
||||
$.append($$anchor, h1);
|
||||
}
|
||||
@ -0,0 +1,32 @@
|
||||
import 'svelte/internal/disclose-version';
|
||||
import 'svelte/internal/flags/legacy';
|
||||
import * as $ from 'svelte/internal/client';
|
||||
|
||||
var root = $.template_fn(() => {
|
||||
var h1 = document.createElement('h1');
|
||||
var text = document.createTextNode('hello world');
|
||||
|
||||
h1.insertBefore(text, undefined)
|
||||
|
||||
var fragment = document.createDocumentFragment();
|
||||
|
||||
fragment.append(h1)
|
||||
return fragment;
|
||||
});
|
||||
|
||||
function Hmr($$anchor) {
|
||||
var h1 = root();
|
||||
|
||||
$.append($$anchor, h1);
|
||||
}
|
||||
|
||||
if (import.meta.hot) {
|
||||
Hmr = $.hmr(Hmr, () => Hmr[$.HMR].source);
|
||||
|
||||
import.meta.hot.accept((module) => {
|
||||
module.default[$.HMR].source = Hmr[$.HMR].source;
|
||||
$.set(Hmr[$.HMR].source, module.default[$.HMR].original);
|
||||
});
|
||||
}
|
||||
|
||||
export default Hmr;
|
||||
@ -0,0 +1 @@
|
||||
export * from '../../export.js';
|
||||
@ -0,0 +1,8 @@
|
||||
import 'svelte/internal/disclose-version';
|
||||
import 'svelte/internal/flags/legacy';
|
||||
import * as $ from 'svelte/internal/client';
|
||||
import { random } from './module.svelte';
|
||||
|
||||
export default function Imports_in_modules($$anchor) {
|
||||
|
||||
}
|
||||
@ -0,0 +1,5 @@
|
||||
/* module.svelte.js generated by Svelte VERSION */
|
||||
import * as $ from 'svelte/internal/client';
|
||||
import { random } from './export';
|
||||
|
||||
export { random };
|
||||
@ -0,0 +1,54 @@
|
||||
import 'svelte/internal/disclose-version';
|
||||
import * as $ from 'svelte/internal/client';
|
||||
|
||||
var on_click = (_, count) => $.update(count);
|
||||
|
||||
var root = $.template_fn(
|
||||
() => {
|
||||
var h1 = document.createElement('h1');
|
||||
var text = document.createTextNode(' ');
|
||||
var b = document.createElement('b');
|
||||
var text_1 = document.createTextNode(' ');
|
||||
var button = document.createElement('button');
|
||||
var text_2 = document.createTextNode(' ');
|
||||
|
||||
button.insertBefore(text_2, undefined)
|
||||
|
||||
var text_3 = document.createTextNode(' ');
|
||||
var h1_1 = document.createElement('h1');
|
||||
var fragment = document.createDocumentFragment();
|
||||
|
||||
fragment.append(h1, text, b, text_1, button, text_3, h1_1)
|
||||
return fragment;
|
||||
},
|
||||
1
|
||||
);
|
||||
|
||||
export default function Nullish_coallescence_omittance($$anchor) {
|
||||
let name = 'world';
|
||||
let count = $.state(0);
|
||||
var fragment = root();
|
||||
var h1 = $.first_child(fragment);
|
||||
|
||||
h1.textContent = `Hello, ${name ?? ''}!`;
|
||||
|
||||
var b = $.sibling(h1, 2);
|
||||
|
||||
b.textContent = `${1 ?? 'stuff'}${2 ?? 'more stuff'}${3 ?? 'even more stuff'}`;
|
||||
|
||||
var button = $.sibling(b, 2);
|
||||
|
||||
button.__click = [on_click, count];
|
||||
|
||||
var text = $.child(button);
|
||||
|
||||
$.reset(button);
|
||||
|
||||
var h1_1 = $.sibling(button, 2);
|
||||
|
||||
h1_1.textContent = `Hello, ${name ?? 'earth' ?? ''}`;
|
||||
$.template_effect(() => $.set_text(text, `Count is ${$.get(count) ?? ''}`));
|
||||
$.append($$anchor, fragment);
|
||||
}
|
||||
|
||||
$.delegate(['click']);
|
||||
@ -0,0 +1,17 @@
|
||||
import 'svelte/internal/disclose-version';
|
||||
import * as $ from 'svelte/internal/client';
|
||||
|
||||
export default function Props_identifier($$anchor, $$props) {
|
||||
$.push($$props, true);
|
||||
|
||||
let props = $.rest_props($$props, ['$$slots', '$$events', '$$legacy']);
|
||||
|
||||
$$props.a;
|
||||
props[a];
|
||||
$$props.a.b;
|
||||
$$props.a.b = true;
|
||||
props.a = true;
|
||||
props[a] = true;
|
||||
props;
|
||||
$.pop();
|
||||
}
|
||||
@ -0,0 +1,34 @@
|
||||
import 'svelte/internal/disclose-version';
|
||||
import 'svelte/internal/flags/legacy';
|
||||
import * as $ from 'svelte/internal/client';
|
||||
|
||||
var root = $.template_fn(
|
||||
() => {
|
||||
var p = document.createElement('p');
|
||||
var text = document.createTextNode(' ');
|
||||
var p_1 = document.createElement('p');
|
||||
var text_1 = document.createTextNode(' ');
|
||||
var comment = document.createComment('');
|
||||
var fragment = document.createDocumentFragment();
|
||||
|
||||
fragment.append(p, text, p_1, text_1, comment)
|
||||
return fragment;
|
||||
},
|
||||
1
|
||||
);
|
||||
|
||||
export default function Purity($$anchor) {
|
||||
var fragment = root();
|
||||
var p = $.first_child(fragment);
|
||||
|
||||
p.textContent = Math.max(0, Math.min(0, 100));
|
||||
|
||||
var p_1 = $.sibling(p, 2);
|
||||
|
||||
p_1.textContent = location.href;
|
||||
|
||||
var node = $.sibling(p_1, 2);
|
||||
|
||||
Child(node, { prop: encodeURIComponent('hello') });
|
||||
$.append($$anchor, fragment);
|
||||
}
|
||||
@ -0,0 +1,283 @@
|
||||
import 'svelte/internal/disclose-version';
|
||||
import * as $ from 'svelte/internal/client';
|
||||
|
||||
var root = $.template_fn(
|
||||
() => {
|
||||
var header = document.createElement('header');
|
||||
var nav = document.createElement('nav');
|
||||
|
||||
header.insertBefore(nav, undefined)
|
||||
|
||||
var a = document.createElement('a');
|
||||
|
||||
nav.insertBefore(a, undefined)
|
||||
a.setAttribute('href', '/')
|
||||
|
||||
var text = document.createTextNode('Home');
|
||||
|
||||
a.insertBefore(text, undefined)
|
||||
|
||||
var text_1 = document.createTextNode(' ');
|
||||
|
||||
nav.insertBefore(text_1, undefined)
|
||||
|
||||
var a_1 = document.createElement('a');
|
||||
|
||||
nav.insertBefore(a_1, undefined)
|
||||
a_1.setAttribute('href', '/away')
|
||||
|
||||
var text_2 = document.createTextNode('Away');
|
||||
|
||||
a_1.insertBefore(text_2, undefined)
|
||||
|
||||
var text_3 = document.createTextNode(' ');
|
||||
var main = document.createElement('main');
|
||||
var h1 = document.createElement('h1');
|
||||
|
||||
main.insertBefore(h1, undefined)
|
||||
|
||||
var text_4 = document.createTextNode(' ');
|
||||
|
||||
h1.insertBefore(text_4, undefined)
|
||||
|
||||
var text_5 = document.createTextNode(' ');
|
||||
|
||||
main.insertBefore(text_5, undefined)
|
||||
|
||||
var div = document.createElement('div');
|
||||
|
||||
main.insertBefore(div, undefined)
|
||||
div.setAttribute('class', 'static')
|
||||
|
||||
var p = document.createElement('p');
|
||||
|
||||
div.insertBefore(p, undefined)
|
||||
|
||||
var text_6 = document.createTextNode('we don\'t need to traverse these nodes');
|
||||
|
||||
p.insertBefore(text_6, undefined)
|
||||
|
||||
var text_7 = document.createTextNode(' ');
|
||||
|
||||
main.insertBefore(text_7, undefined)
|
||||
|
||||
var p_1 = document.createElement('p');
|
||||
|
||||
main.insertBefore(p_1, undefined)
|
||||
|
||||
var text_8 = document.createTextNode('or');
|
||||
|
||||
p_1.insertBefore(text_8, undefined)
|
||||
|
||||
var text_9 = document.createTextNode(' ');
|
||||
|
||||
main.insertBefore(text_9, undefined)
|
||||
|
||||
var p_2 = document.createElement('p');
|
||||
|
||||
main.insertBefore(p_2, undefined)
|
||||
|
||||
var text_10 = document.createTextNode('these');
|
||||
|
||||
p_2.insertBefore(text_10, undefined)
|
||||
|
||||
var text_11 = document.createTextNode(' ');
|
||||
|
||||
main.insertBefore(text_11, undefined)
|
||||
|
||||
var p_3 = document.createElement('p');
|
||||
|
||||
main.insertBefore(p_3, undefined)
|
||||
|
||||
var text_12 = document.createTextNode('ones');
|
||||
|
||||
p_3.insertBefore(text_12, undefined)
|
||||
|
||||
var text_13 = document.createTextNode(' ');
|
||||
|
||||
main.insertBefore(text_13, undefined)
|
||||
|
||||
var comment = document.createComment('');
|
||||
|
||||
main.insertBefore(comment, undefined)
|
||||
|
||||
var text_14 = document.createTextNode(' ');
|
||||
|
||||
main.insertBefore(text_14, undefined)
|
||||
|
||||
var p_4 = document.createElement('p');
|
||||
|
||||
main.insertBefore(p_4, undefined)
|
||||
|
||||
var text_15 = document.createTextNode('these');
|
||||
|
||||
p_4.insertBefore(text_15, undefined)
|
||||
|
||||
var text_16 = document.createTextNode(' ');
|
||||
|
||||
main.insertBefore(text_16, undefined)
|
||||
|
||||
var p_5 = document.createElement('p');
|
||||
|
||||
main.insertBefore(p_5, undefined)
|
||||
|
||||
var text_17 = document.createTextNode('trailing');
|
||||
|
||||
p_5.insertBefore(text_17, undefined)
|
||||
|
||||
var text_18 = document.createTextNode(' ');
|
||||
|
||||
main.insertBefore(text_18, undefined)
|
||||
|
||||
var p_6 = document.createElement('p');
|
||||
|
||||
main.insertBefore(p_6, undefined)
|
||||
|
||||
var text_19 = document.createTextNode('nodes');
|
||||
|
||||
p_6.insertBefore(text_19, undefined)
|
||||
|
||||
var text_20 = document.createTextNode(' ');
|
||||
|
||||
main.insertBefore(text_20, undefined)
|
||||
|
||||
var p_7 = document.createElement('p');
|
||||
|
||||
main.insertBefore(p_7, undefined)
|
||||
|
||||
var text_21 = document.createTextNode('can');
|
||||
|
||||
p_7.insertBefore(text_21, undefined)
|
||||
|
||||
var text_22 = document.createTextNode(' ');
|
||||
|
||||
main.insertBefore(text_22, undefined)
|
||||
|
||||
var p_8 = document.createElement('p');
|
||||
|
||||
main.insertBefore(p_8, undefined)
|
||||
|
||||
var text_23 = document.createTextNode('be');
|
||||
|
||||
p_8.insertBefore(text_23, undefined)
|
||||
|
||||
var text_24 = document.createTextNode(' ');
|
||||
|
||||
main.insertBefore(text_24, undefined)
|
||||
|
||||
var p_9 = document.createElement('p');
|
||||
|
||||
main.insertBefore(p_9, undefined)
|
||||
|
||||
var text_25 = document.createTextNode('completely');
|
||||
|
||||
p_9.insertBefore(text_25, undefined)
|
||||
|
||||
var text_26 = document.createTextNode(' ');
|
||||
|
||||
main.insertBefore(text_26, undefined)
|
||||
|
||||
var p_10 = document.createElement('p');
|
||||
|
||||
main.insertBefore(p_10, undefined)
|
||||
|
||||
var text_27 = document.createTextNode('ignored');
|
||||
|
||||
p_10.insertBefore(text_27, undefined)
|
||||
|
||||
var text_28 = document.createTextNode(' ');
|
||||
var cant_skip = document.createElement('cant-skip');
|
||||
var custom_elements = document.createElement('custom-elements');
|
||||
|
||||
cant_skip.insertBefore(custom_elements, undefined)
|
||||
|
||||
var text_29 = document.createTextNode(' ');
|
||||
var div_1 = document.createElement('div');
|
||||
var input = document.createElement('input');
|
||||
|
||||
div_1.insertBefore(input, undefined)
|
||||
|
||||
var text_30 = document.createTextNode(' ');
|
||||
var div_2 = document.createElement('div');
|
||||
var source = document.createElement('source');
|
||||
|
||||
div_2.insertBefore(source, undefined)
|
||||
|
||||
var text_31 = document.createTextNode(' ');
|
||||
var select = document.createElement('select');
|
||||
var option = document.createElement('option');
|
||||
|
||||
select.insertBefore(option, undefined)
|
||||
|
||||
var text_32 = document.createTextNode('a');
|
||||
|
||||
option.insertBefore(text_32, undefined)
|
||||
|
||||
var text_33 = document.createTextNode(' ');
|
||||
var img = document.createElement('img');
|
||||
|
||||
img.setAttribute('src', '...')
|
||||
img.setAttribute('alt', '')
|
||||
img.setAttribute('loading', 'lazy')
|
||||
|
||||
var text_34 = document.createTextNode(' ');
|
||||
var div_3 = document.createElement('div');
|
||||
var img_1 = document.createElement('img');
|
||||
|
||||
div_3.insertBefore(img_1, undefined)
|
||||
img_1.setAttribute('src', '...')
|
||||
img_1.setAttribute('alt', '')
|
||||
img_1.setAttribute('loading', 'lazy')
|
||||
|
||||
var fragment = document.createDocumentFragment();
|
||||
|
||||
fragment.append(header, text_3, main, text_28, cant_skip, text_29, div_1, text_30, div_2, text_31, select, text_33, img, text_34, div_3)
|
||||
return fragment;
|
||||
},
|
||||
3
|
||||
);
|
||||
|
||||
export default function Skip_static_subtree($$anchor, $$props) {
|
||||
var fragment = root();
|
||||
var main = $.sibling($.first_child(fragment), 2);
|
||||
var h1 = $.child(main);
|
||||
var text = $.child(h1, true);
|
||||
|
||||
$.reset(h1);
|
||||
|
||||
var node = $.sibling(h1, 10);
|
||||
|
||||
$.html(node, () => $$props.content, false, false);
|
||||
$.next(14);
|
||||
$.reset(main);
|
||||
|
||||
var cant_skip = $.sibling(main, 2);
|
||||
var custom_elements = $.child(cant_skip);
|
||||
|
||||
$.set_custom_element_data(custom_elements, 'with', 'attributes');
|
||||
$.reset(cant_skip);
|
||||
|
||||
var div = $.sibling(cant_skip, 2);
|
||||
var input = $.child(div);
|
||||
|
||||
$.autofocus(input, true);
|
||||
$.reset(div);
|
||||
|
||||
var div_1 = $.sibling(div, 2);
|
||||
var source = $.child(div_1);
|
||||
|
||||
source.muted = true;
|
||||
$.reset(div_1);
|
||||
|
||||
var select = $.sibling(div_1, 2);
|
||||
var option = $.child(select);
|
||||
|
||||
option.value = null == (option.__value = 'a') ? '' : 'a';
|
||||
$.reset(select);
|
||||
|
||||
var img = $.sibling(select, 2);
|
||||
|
||||
$.next(2);
|
||||
$.template_effect(() => $.set_text(text, $$props.title));
|
||||
$.append($$anchor, fragment);
|
||||
}
|
||||
@ -0,0 +1,50 @@
|
||||
import 'svelte/internal/disclose-version';
|
||||
import * as $ from 'svelte/internal/client';
|
||||
|
||||
function reset(_, str, tpl) {
|
||||
$.set(str, '');
|
||||
$.set(str, ``);
|
||||
$.set(tpl, '');
|
||||
$.set(tpl, ``);
|
||||
}
|
||||
|
||||
var root = $.template_fn(
|
||||
() => {
|
||||
var input = document.createElement('input');
|
||||
var text = document.createTextNode(' ');
|
||||
var input_1 = document.createElement('input');
|
||||
var text_1 = document.createTextNode(' ');
|
||||
var button = document.createElement('button');
|
||||
var text_2 = document.createTextNode('reset');
|
||||
|
||||
button.insertBefore(text_2, undefined)
|
||||
|
||||
var fragment = document.createDocumentFragment();
|
||||
|
||||
fragment.append(input, text, input_1, text_1, button)
|
||||
return fragment;
|
||||
},
|
||||
1
|
||||
);
|
||||
|
||||
export default function State_proxy_literal($$anchor) {
|
||||
let str = $.state('');
|
||||
let tpl = $.state(``);
|
||||
var fragment = root();
|
||||
var input = $.first_child(fragment);
|
||||
|
||||
$.remove_input_defaults(input);
|
||||
|
||||
var input_1 = $.sibling(input, 2);
|
||||
|
||||
$.remove_input_defaults(input_1);
|
||||
|
||||
var button = $.sibling(input_1, 2);
|
||||
|
||||
button.__click = [reset, str, tpl];
|
||||
$.bind_value(input, () => $.get(str), ($$value) => $.set(str, $$value));
|
||||
$.bind_value(input_1, () => $.get(tpl), ($$value) => $.set(tpl, $$value));
|
||||
$.append($$anchor, fragment);
|
||||
}
|
||||
|
||||
$.delegate(['click']);
|
||||
@ -0,0 +1,11 @@
|
||||
import 'svelte/internal/disclose-version';
|
||||
import * as $ from 'svelte/internal/client';
|
||||
|
||||
export default function Svelte_element($$anchor, $$props) {
|
||||
let tag = $.prop($$props, 'tag', 3, 'hr');
|
||||
var fragment = $.comment();
|
||||
var node = $.first_child(fragment);
|
||||
|
||||
$.element(node, tag, false);
|
||||
$.append($$anchor, fragment);
|
||||
}
|
||||
@ -0,0 +1,34 @@
|
||||
import 'svelte/internal/disclose-version';
|
||||
import * as $ from 'svelte/internal/client';
|
||||
|
||||
var root = $.template_fn(() => {
|
||||
var p = document.createElement('p');
|
||||
var text = document.createTextNode(' ');
|
||||
|
||||
p.insertBefore(text, undefined)
|
||||
|
||||
var fragment = document.createDocumentFragment();
|
||||
|
||||
fragment.append(p)
|
||||
return fragment;
|
||||
});
|
||||
|
||||
export default function Text_nodes_deriveds($$anchor) {
|
||||
let count1 = 0;
|
||||
let count2 = 0;
|
||||
|
||||
function text1() {
|
||||
return count1;
|
||||
}
|
||||
|
||||
function text2() {
|
||||
return count2;
|
||||
}
|
||||
|
||||
var p = root();
|
||||
var text = $.child(p);
|
||||
|
||||
$.reset(p);
|
||||
$.template_effect(($0, $1) => $.set_text(text, `${$0 ?? ''}${$1 ?? ''}`), [text1, text2]);
|
||||
$.append($$anchor, p);
|
||||
}
|
||||
Loading…
Reference in new issue