- Update
emerj
merging algorithm to the latest version.
- Don't show
undefined
when rendering the template.
- Make component methods available from template.
- Remove
visibility: hide
on first component render
- Include
link
tags with arel
ofstylesheet
forShadow DOM
scoped css
- Scoped CSS when attached to a
Shadow DOM
- Make
shadowDOM
defaulttrue
(again) now that scoped CSS is working - Add
debug
setting to showdlite
error messages on the page while developing - Include attributes when converting from a regular DOM element to a Web Component
- Return components from
Dlite
initializer for use in JavaScript
- Remove
refId
setting because attributes (i.e.id
) are copied to custom elements and components are now returned from theDlite
initializer
- Revert
shadowDOM
default back tofalse
since that will be less disruptive and a better first experience
- Prevent flickering when rendering for all component types (
tagName
,el
, and in-place elements) - Attaching components to a
Shadow DOM
is now the default; this will be useful for encapsulation and scoped styles in the future - Set styles on custom element when on an initial
el
- Add demo for how to use shared component template
- Switch to
vitest
fromjest
for quicker unit tests
- Remove unnecessary files
- Rename
litedom
todlite
- Update readme
- Reformat code to reduce package size
- Add try/catch to fix wrong type
- Fixed two way data binding to set initial value
- Fixed race condition in component-helpers.storeConnector.
- fixed removal of visibility/display if it exist in el to prevent flickering of placeholders
- Rename
reliftHTML
toLitedom
- Directives use color, instead of r-*. :for, :if, :else, :class, :key
- Remove r-* directives
- Added :class
<div :class="clsName:condition; clsName2: condition2"></div>
<div :class="hide: this.item > 5; show-my-ownclass: x === y"></div>
- Changed options:
- If template is provided, it will take precedence over el.innerHTML
- If tagName provided, it will make it automatically Custom Element
- If template is not provided, el.innerHTML will be used
- Rename isShadow to shadowDOM
- Added refId: when doing in place element, it will allow to id the element
- Removed asTemplate
- Add el#.data on the component to expose data
<my-counter id=""></my-counter>
document.querySelector('#id').data;
- Open custom methods to be public in the element when doing document.querySelector('element-something'). To make a method private prefix it with _ underscore.
- Added :key to uniquely identify an element for reordering when looping
- Added :style to dynamically pass inline styling as an object for stylemap
- Fixed other special characters in conditionals
- Update docs
- Fixed reported issue when using < + >, it changes it into html entities, < >, i.e. 'this.count > 5' should not be 'this.count > 5'. Fixed.
- Fixed rollup bundling error that was re-declaring variable
- reLiftHTML now accepts array of config, to instantiate multiple components at once.
reLiftHTML({...}) or reLiftHTML([{...}, {...}])
- Fixed bug that doesn't remove the element when doing inline
- Fixed bug in $store.
- Put $store in the context
- Make sure $store return the copy of the object
- Anonymous Component will be named 'relift-ce-$random-id'
- Added el.style.display=block so hidden can be prepared before compiled. Adding style="display:none" will hide the template so the content is not shown. This option, will then show the element.
- Changed the instances to become Web Component (shadow dom or custom element). This will allow composability, sharability and use of component in other components.
- Two way data binding (via one way data flow)
- __$bindInput() function for two way data binding
- Added
utils.get
andutils.set
to retrive data from dot notation - Template lit can be written without dollar sign, {...} => ${...}. Specially when being written in JS to prevent interpolation by JS
- Initial