Releases: github/catalyst
Releases · github/catalyst
v1.0.0
This release is marked as v1.0
as we consider Catalyst stable for production! It has been in GitHub production for around 8 months now and we consider it to be battle tested enough to cut the first Stable Release!
This release has a few new features. Chiefly, support for ShadowDOM!
listenForBind
is now automatically called on theownerDocument
s of connected elements. No need to call it manually. (#75)data-target[s]
anddata-action
now work inside the ShadowDOM, exactly as you'd expect them to. ShadowDOM targets take precedence over regular DOM. (#73)- If an element has a single
template[data-shadowroot]
element, it will automatically clone it and attach it as a ShadowDOM. (#74) - A new guide section in the docs all about Rendering subtrees, using the ShadowDOM (https://github.github.io/catalyst/guide/rendering/)
Plus a few minor docs improvements:
- Docs now build on a separate branch, meaning less chance of going stale if there is a build issue (#77).
- Minor typo fixes (#72).
Future releases will adhere to SemVer 2.0; now that Catalyst is 1.0 any changes that break existing API will be released as new major versions.
v0.4.1
v0.4.0
This release adds the following:
@controller
Elements get adata-catalyst
automatically added duringconnectedCallback()
- Major docs rewrite. Almost all documentation has been rewritten.
- Bind has been rewritten for code clarity and performance. This changes are backwards compatible with the old changes.
v0.3.0
- Change
data-target
todata-targets
for the@targets
decorator.
This is a breaking change, whereas the old style decorators did the following:
Decorator | Equivalent Native Method | Selector | Returns |
---|---|---|---|
@target | querySelector | data-target="*" | Element |
@targets | querySelectorAll | data-target="*" | Array |
The breaking change is that @target
now selects for data-targets
(with an s) like so:
Decorator | Equivalent Native Method | Selector | Returns |
---|---|---|---|
@target | querySelector | data-target="*" | Element |
@targets | querySelectorAll | data-targets="*" | Array |