13 Commits (0d10d6cc2d6c7c5c901cece0882e3a7cd3436df9)

Author	SHA1	Message	Date
Rich Harris	c2f0ca3e2e	alternative approach to #1520	6 years ago
Jacob Wright	b6e51ddc32	Change actions to init on mount rather than hydrate ... Looking at the discussion on https://github.com/sveltejs/svelte/pull/1247 it sounds like this was the intended way actions would be set up to work (which is why we didn't add a `mount` lifecycle method). I *believe* this is a fix in the original implementation. Complaints in chat about this surfaced the issue. Some libraries expect the element to be in the DOM when initializing and these libraries cannot be used without any lifecycle hook. @PaulMaly is requesting this be looked at, and I agree with his assesment. What's more, this change *should* be backwards compatable. Actions which work before this change should continue working after this change.	6 years ago
Rich Harris	b94d7adfec	replace appendNode(node, parent) with append(parent, node) - easier to follow	6 years ago
Rich Harris	c4937d271f	fix skipped intros	7 years ago
Rich Harris	042ec54f7f	nested component transitions	7 years ago
Rich Harris	44bb2da29b	add skipIntroByDefault compiler option (#547)	7 years ago
Rich Harris	103f278cfc	update tests	7 years ago
Rich Harris	a29e2733cd	update tests	7 years ago
Rich Harris	ef39f00902	assign custom methods to custom element prototype - fixes #1369	7 years ago
Rich Harris	86d3476b55	minor fixes, update various tests	7 years ago
Rich-Harris	36290cb6cd	component spread	7 years ago
Jacob Wright	9b0a884035	Make actions execute with the component context	7 years ago
Jacob Wright	04f5d5c975	Adds actions to components ... Actions add additional functionality to elements within your component's template that may be difficult to add with other mechanisms. Examples of functionality which actions makes trivial to attach are: * tooltips * image lazy loaders * drag and drop functionality Actions can be added to an element with the `use` directive. ```html <img use:lazyload data-src="giant-photo.jpg> ``` Data may be passed to the action as an object literal (e.g. `use:b="{ setting: true }"`, a literal value (e.g. `use:b="'a string'"`), or a value or function from your component's state (e.g. `add:b="foo"` or `add:b="foo()"`). Actions are defined in a "actions" property on your component definition. ```html <script> export default { actions: { b(node, data) { // do something return { update(data) {}, destroy() {} } } } } </script> ``` A action is a function which receives a reference to an element and optionally the data if it is added in the HTML. This function can then attach listeners or alter the element as needed. The action can optionally return an object with the methods `update(data)` and `destroy()`. When data is added in the HTML and comes from state, the action's `update(data)` will be called if defined whenever the state is changed. When the element is removed from the DOM `destroy()` will be called if provided, allowing for cleanup of event listeners, etc. See https://github.com/sveltejs/svelte/issues/469 for discussion around this feature and more examples of how it could be used.	7 years ago