svelte

Commit Graph

Author	SHA1	Message	Date
Simon Holthausen	418f4c2381	Merge branch 'master' into version-4	2 years ago
Simon H	d083f8a3f2	feat: custom elements rework (#8457 ) This is an overhaul of custom elements in Svelte. Instead of compiling to a custom element class, the Svelte component class is mostly preserved as-is. Instead a wrapper is introduced which wraps a Svelte component constructor and returns a HTML element constructor. This has a couple of advantages: - component can be used both as a custom element as well as a regular component. This allows creating one wrapper custom element and using regular Svelte components inside. Fixes #3594, fixes #3128, fixes #4274, fixes #5486, fixes #3422, fixes #2969, helps with https://github.com/sveltejs/kit/issues/4502 - all components are compiled with injected styles (inlined through Javascript), fixes #4274 - the wrapper instantiates the component in `connectedCallback` and disconnects it in `disconnectedCallback` (but only after one tick, because this could be a element move). Mount/destroy works as expected inside, fixes #5989, fixes #8191 - the wrapper forwards `addEventListener` calls to `component.$on`, which allows to listen to custom events, fixes #3119, closes #4142 - some things are hard to auto-configure, like attribute hyphen preferences or whether or not setting a property should reflect back to the attribute. This is why `<svelte:options customElement={..}>` can also take an object to modify such aspects. This option allows to specify whether setting a prop should be reflected back to the attribute (default `false`), what to use when converting the property to the attribute value and vice versa (through `type`, default `String`, or when `export let prop = false` then `Boolean`), and what the corresponding attribute for the property is (`attribute`, default lowercased prop name). These options are heavily inspired by lit: https://lit.dev/docs/components/properties. Closes #7638, fixes #5705 - adds a `shadowdom` option to control whether or not encapsulate the custom element. Closes #4330, closes #1748 Breaking changes: - Wrapped Svelte component now stays as a regular Svelte component (invokeing it like before with `new Component({ target: ..})` won't create a custom element). Its custom element constructor is now a static property named `element` on the class (`Component.element`) and should be regularly invoked through setting it in the html. - The timing of mount/destroy/update is different. Mount/destroy/updating a prop all happen after a tick, so `shadowRoot.innerHTML` won't immediately reflect the change (Lit does this too). If you rely on it, you need to await a promise	2 years ago
Cas	c4261abfde	feat: document fullscreenElement and visibilityState bindings (#8507 )	2 years ago
abirtley	a74caf1381	docs: Clarify when bind:group does not work (#8540 ) Clarify documentation around when bind:group does and does not work. See issue #2308	2 years ago
xxkl1	b7359c8361	feat: add window bind devicePixelRatio support (#8534 ) closes: #8285 add window bind devicePixelRatio support, change devicePixelRatio on window resize. --------- Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>	2 years ago
Dave Lunny	f56fe33931	feat: `bind:innerText` for `contenteditable` (#4291 ) closes #3311 --------- Co-authored-by: Simon Holthausen <simon.holthausen@vercel.com>	2 years ago
Henrik Giesel	4b0b471ee1	feat: add back `<svelte:document>` (#7149 ) Closes #3310 --------- Co-authored-by: Ben McCann <322311+benmccann@users.noreply.github.com> Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>	2 years ago
Brad Dougherty	dd371f58fe	feat: add readyState binding for media elements (#6843 ) Closes #6666 --------- Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>	2 years ago
Tan Li Hau	c611f318d2	feat: add stopImmediatePropagation event modifier (#8341 ) Closes #5085 --------- Co-authored-by: Marcin Wicha <23581770+marcin-wicha@users.noreply.github.com> Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com>	2 years ago
Yuichiro Yamashita	3423bf6b30	add docs (#8326 )	2 years ago
Tan Li Hau	d16dd5d7ca	feat: add naturalWidth and naturalHeight bindings (#7857 ) Closes #7771 --------- Co-authored-by: Simon H <5968653+dummdidumm@users.noreply.github.com> Co-authored-by: Simon Holthausen <simon.holthausen@vercel.com>	2 years ago
Simon H	324b791d81	docs: note #if to wrap text only taken from #7070	2 years ago
James Scott-Brown	acba4b72e2	docs: clarify bindings for `<select multiple>` (#8260 ) Co-authored-by: Ben McCann <322311+benmccann@users.noreply.github.com>	2 years ago
Alicia Sykes	0598c989a0	docs: corrects syntax error in transition code sample (#8169 ) Co-authored-by: Ben McCann <322311+benmccann@users.noreply.github.com>	2 years ago
Kyrre Gjerstad	d7e4b1c8fc	docs: fix minor typos (#8268 ) Co-authored-by: Ben McCann <322311+benmccann@users.noreply.github.com>	2 years ago
James Scott-Brown	ff5c14dc71	docs: format `window.navigator.onLine` reference as code (#8262 )	2 years ago
James Scott-Brown	7706a5f713	docs: link to MDN page on void elements (#8261 )	2 years ago
Geoff Rich	6a23d9b65f	[docs] fix transition direction options (#8133 )	2 years ago
Yuichiro Yamashita	cc52dc442b	[docs] add explanation about property binding order (#7833 ) * update document * update sentence and position * update the sentence * update	2 years ago
Pat Cavit	84d61c61f8	[feat] Add options w/ direction to transitions (#8068 )	2 years ago
gtmnayan	bee1851faa	[feat] `\|important` modifier for style directive (#7489 ) * important modifier for style directive * docs * Exclude third param if false third param for set_style is optional * Remove unused test Runtime test doesn't work because of weird behaviour of computed style the puppeteer test should cover it * remove unnecessary test Co-authored-by: tanhauhau <lhtan93@gmail.com>	2 years ago
Don Alfons	1ca83c2050	[docs] Improve grammar (#7923 ) * [docs] Improve grammar * revert spelling changes Co-authored-by: tanhauhau <lhtan93@gmail.com>	2 years ago
Tan Li Hau	5c5bc27d97	[feat] Support style props for SVG components (#7859 )	2 years ago
Ben McCann	7d20194d8a	[docs] create getting started guide outside blog (#7812 )	2 years ago

24 Commits (3df9d8466f712be14c99542f6a696f96db087b4d)