1 | # Change Log
|
2 |
|
3 | ## 2.0.2
|
4 |
|
5 | ### Patch Changes
|
6 |
|
7 | - [#2146](https://github.com/lit/lit/pull/2146) [`8bb33c88`](https://github.com/lit/lit/commit/8bb33c882bf5a9a215efac9dd9dd8665285a417d) - Work around a Chrome bug with trusted types: https://crbug.com/993268
|
8 |
|
9 | * [#2236](https://github.com/lit/lit/pull/2236) [`5fc3818a`](https://github.com/lit/lit/commit/5fc3818afa43365b90b921ea0fd8f41e970e767f) - Prevent `polyfillSupport.noPatchSupported` from implicitly being `any`.
|
10 | Deduplicate types for `DevMode`-suffixed polyfill support functions.
|
11 |
|
12 | ## 2.0.1
|
13 |
|
14 | ### Patch Changes
|
15 |
|
16 | - [#2152](https://github.com/lit/lit/pull/2152) [`ba5e1391`](https://github.com/lit/lit/commit/ba5e139163049014e6261123ff808700352b86a8) - Replace dynamic name lookups for polyfill support functions with static names.
|
17 |
|
18 | ## 2.0.0
|
19 |
|
20 | ### Major Changes
|
21 |
|
22 | - The `templateFactory` option of `RenderOptions` has been removed.
|
23 | - `TemplateProcessor` has been removed.
|
24 | - Symbols are not converted to a string before mutating DOM, so passing a Symbol to an attribute or text binding will result in an exception.
|
25 | - The `shady-render` module has been removed and is now part of `platform-support`, and Lit's polyfill support now adds the following limitations: (1) Bindings in style elements are no longer supported. Previously these could not change and in the future they may be supported via static bindings. (2) `ShadyCSS.styleElement` is no longer called automatically. This must be called whenever dynamic changes that affect styling are made that involve css custom property shimming (older browsers) or changes to custom properties used via the deprecated `@apply` feature. It was previously called only on first render, and it is now up to the user to decide when this should be called. See [Polyfills](https://lit.dev/docs/tools/requirements/#polyfills) for more details.
|
26 | - `render()` no longer clears the container it's rendered to. It now appends to the container by default.
|
27 | - Expressions in comments are no longer rendered or updated. See [Valid expression locations](https://lit.dev/docs/templates/expressions/#expression-locations) for more details.
|
28 | - Template caching happens per callsite, not per template-tag/callsize pair. This means some rare forms of highly dynamic template tags are no longer supported.
|
29 | - Arrays and other iterables passed to attribute bindings are not specially handled. Arrays will be rendered with their default toString representation. This means that `` html`<div class=${['a', 'b']}> `` will render `<div class="a,b">` instead of `<div class="a b">`. To get the old behavior, use `array.join(' ')`.
|
30 | - Multiple bindings in a single attribute value don't require the attribute value is quoted, as long as there is no whitespace or other attribute-ending character in the attribute value. `` html`<div id=${a}-${b}>` ``
|
31 | - The directive and part APIs are significantly different. See [Custom Directives](https://lit.dev/docs/templates/custom-directives/) and the [Upgrade Guide](https://lit.dev/docs/releases/upgrade/#update-custom-directive-implementations) for more details.
|
32 | - The `Directive` base class and `directive()` factory function are
|
33 | now exported from the `lit-html/directive.js` module.
|
34 | - `NodePart` has been renamed to `ChildPart`,
|
35 | along with other methods and variables that use the "Node" naming, like
|
36 | `PartType.Node` which is now `PartType.CHILD`.
|
37 | - The part exports (`ChildPart`,
|
38 | `AttributePart`, etc) have been change to interface-only exports. The constructors are no longer exported. Directive authors should use helpers in `directive-helpers.js` to construct parts.
|
39 | - The `eventContext` render option has been changed to `host`.
|
40 | - [#2103](https://github.com/lit/lit/pull/2103) [`15a8356d`](https://github.com/lit/lit/commit/15a8356ddd59a1e80880a93acd21fadc9c24e14b) - Updates the `exports` field of `package.json` files to replace the [subpath
|
41 | folder
|
42 | mapping](https://nodejs.org/dist/latest-v16.x/docs/api/packages.html#packages_subpath_folder_mappings)
|
43 | syntax with an explicit list of all exported files.
|
44 |
|
45 | The `/`-suffixed syntax for subpath folder mapping originally used in these
|
46 | files is deprecated. Rather than update to the new syntax, this change replaces
|
47 | these mappings with individual entries for all exported files so that (a) users
|
48 | must import using extensions and (b) bundlers or other tools that don't resolve
|
49 | subpath folder mapping exactly as Node.js does won't break these packages'
|
50 | expectations around how they're imported.
|
51 |
|
52 | - [#1764](https://github.com/lit/lit/pull/1764) [`0b4d6eda`](https://github.com/lit/lit/commit/0b4d6eda5220aeb53abe250217d70dcb8f45fe43) - Don't allow classMap to remove static classes. This keeps classMap consistent with building a string out of the classnames to be applied.
|
53 |
|
54 | ### Minor Changes
|
55 |
|
56 | - Added `renderBefore` to render options. If specified, content is rendered before the node given via render options, e.g. `{renderBefore: node}`.
|
57 | - Added development mode, which can be enabled by setting the `development` Node exports condition. See [Development and production builds](https://lit.dev/docs/tools/development/#development-and-production-builds) for more details.
|
58 | - All usage of `instanceof` has been removed, making rendering more likely to
|
59 | work when multiple instances of the library interact.
|
60 | - Template processing is more robust to expressions in places other than text and attribute values.
|
61 | - `render` now returns the `ChildPart` that was created/updated by `render`.
|
62 | - Added `AsyncDirective`, which is a `Directive` subclass whose
|
63 | `disconnected` callback will be called when the part containing the directive
|
64 | is cleared (or transitively cleared by a Part higher in the tree) or manually
|
65 | disconnected using the `setConnected` API, and whose `reconnected` callback
|
66 | will be called when manually re-connected using `setConnected`. When
|
67 | implementing `disconnected`, the `reconnected` callback should also be
|
68 | implemented to return the directive to a usable state. Note that `LitElement`
|
69 | will disconnect directives upon element disconnection, and re-connect
|
70 | directives upon element re-connection. See [Async directives](https://lit.dev/docs/templates/custom-directives/#async-directives) for more details.
|
71 | - Added `setConnected(isConnected: boolean)` to `ChildPart`; when called with
|
72 | `false`, the `disconnected` callback will be run on any directives contained within
|
73 | the part (directly or transitively), but without clearing or causing a
|
74 | re-render to the tree. When called with `true`, any such directives'
|
75 | `reconnected` callback will be called prior to its next `update`/`render`
|
76 | callbacks. Note that `LitElement` will call this method by default on the
|
77 | rendered part in its `connectedCallback` and `disconnetedCallback`.
|
78 | - Added the `static-html` module, a static `html` tag function, a `literal` tag function, and `unsafeStatic()`, which allows template authors to add strings to the
|
79 | static structure of the template, before it's parsed as HTML. See [Static expressions](https://lit.dev/docs/templates/expressions/#static-expressions) for more details.
|
80 | - Added `lit-html/directive-helpers.js` module with helpers for creating custom directives. See [Custom directives](https://lit.dev/docs/api/custom-directives/#clearPart) for more details.
|
81 | - Rendering `null`, `undefined`, or empty string in a `ChildPart` now has the same affect as rendering `nothing`: it does not produce an empty text node. When rendering into an element with Shadow DOM, this makes it harder to inadvertently prevent `<slot>` fallback content from rendering.
|
82 | - Nested directives whose parent returns `noChange` are now unchanged. This
|
83 | allows the `guard` directive to guard directive values ([#1519](https://github.com/Polymer/lit-html/issues/1519)).
|
84 | - Added optional `creationScope` to `RenderOptions`, which controls the node from which the template is cloned from.
|
85 | - Added support for running with [Trusted Types](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/trusted-types) enforced.
|
86 |
|
87 | ### Patch Changes
|
88 |
|
89 | - [#1922](https://github.com/lit/lit/pull/1922) [`8189f094`](https://github.com/lit/lit/commit/8189f09406a5ee2f2c7351884486944fd46e1d5b) - Binding `noChange` into an interpolated attribute expression now no longer removes the attribute on first render - instead it acts like an empty string. This is mostly noticable when using `until()` without a fallback in interpolated attributes.
|
90 |
|
91 | - [#1964](https://github.com/lit/lit/pull/1964) [`f43b811`](https://github.com/lit/lit/commit/f43b811405be32ce6caf82e80d25cb6170eeb7dc) - Don't publish src/ to npm.
|
92 |
|
93 | * [#2070](https://github.com/lit/lit/pull/2070) [`a48f39c8`](https://github.com/lit/lit/commit/a48f39c8d5872dbc9a19a9bc72b22692950071f5) - Throw instead of rendering an innocuous value into a style or script when security hooks are enabled.
|
94 |
|
95 | * [#2044](https://github.com/lit/lit/pull/2044) [`662209c3`](https://github.com/lit/lit/commit/662209c370d2f5f58cb2f24e558125f91baeebd0) - Improves disconnection handling for first-party `AsyncDirective`s (`until`, `asyncAppend`, `asyncReplace`) so that the directive (and any DOM associated with it) can be garbage collected before any promises they are awaiting resolve.
|
96 |
|
97 | ## 2.0.0-rc.5
|
98 |
|
99 | ### Patch Changes
|
100 |
|
101 | - [#2098](https://github.com/lit/lit/pull/2098) [`b3121ab7`](https://github.com/lit/lit/commit/b3121ab7ce71d6947d1081995e962806f32bc5ea) - Fix ChildPart parentNode for top-level parts to return the parentNode they _will_ be inserted into, rather than the DocumentFragment they were cloned into. Fixes #2032.
|
102 |
|
103 | * [#2103](https://github.com/lit/lit/pull/2103) [`15a8356d`](https://github.com/lit/lit/commit/15a8356ddd59a1e80880a93acd21fadc9c24e14b) - Updates the `exports` field of `package.json` files to replace the [subpath
|
104 | folder
|
105 | mapping](https://nodejs.org/dist/latest-v16.x/docs/api/packages.html#packages_subpath_folder_mappings)
|
106 | syntax with an explicit list of all exported files.
|
107 |
|
108 | The `/`-suffixed syntax for subpath folder mapping originally used in these
|
109 | files is deprecated. Rather than update to the new syntax, this change replaces
|
110 | these mappings with individual entries for all exported files so that (a) users
|
111 | must import using extensions and (b) bundlers or other tools that don't resolve
|
112 | subpath folder mapping exactly as Node.js does won't break these packages'
|
113 | expectations around how they're imported.
|
114 |
|
115 | - [#2074](https://github.com/lit/lit/pull/2074) [`d6b385e3`](https://github.com/lit/lit/commit/d6b385e3e4ae2ff23c1ecc3164fa7bb1a20c7dd5) - (Cleanup) Added missing tests to close out TODOs in the code.
|
116 | Fixed `unsafeHTML` and `unsafeSVG` to render no content (empty string) for values `undefined`, `null`, and `nothing`.
|
117 |
|
118 | * [#1922](https://github.com/lit/lit/pull/1922) [`8189f094`](https://github.com/lit/lit/commit/8189f09406a5ee2f2c7351884486944fd46e1d5b) - Binding `noChange` into an interpolated attribute expression now no longer removes the attribute on first render - instead it acts like an empty string. This is mostly noticable when using `until()` without a fallback in interpolated attributes.
|
119 |
|
120 | - [#2114](https://github.com/lit/lit/pull/2114) [`b4bd9f7c`](https://github.com/lit/lit/commit/b4bd9f7c7d036da8667cbd7075af4f6d6f27bc32) - Parts are not supported inside the `template` or `textarea` tags. In dev mode, we indicate if parts are placed here so the developer can remove them.
|
121 |
|
122 | * [#2113](https://github.com/lit/lit/pull/2113) [`5b2f3642`](https://github.com/lit/lit/commit/5b2f3642ff91931b5b01f8bdd2ed98aba24f1047) - Dependency upgrades including TypeScript 4.4.2
|
123 |
|
124 | - [#2072](https://github.com/lit/lit/pull/2072) [`7adfbb0c`](https://github.com/lit/lit/commit/7adfbb0cd32a7eab82551aa6c9d1434e7c4b563e) - Remove unneeded `matches` support in @queryAssignedNodes. Update styling tests to use static bindings where needed. Fix TODOs related to doc links.
|
125 |
|
126 | * [#2119](https://github.com/lit/lit/pull/2119) [`24feb430`](https://github.com/lit/lit/commit/24feb4306ec3ddf2996c678a266a211b52f6aff2) - Added lit.dev/msg links to dev mode warnings.
|
127 |
|
128 | - [#1764](https://github.com/lit/lit/pull/1764) [`0b4d6eda`](https://github.com/lit/lit/commit/0b4d6eda5220aeb53abe250217d70dcb8f45fe43) - Don't allow classMap to remove static classes. This keeps classMap consistent with building a string out of the classnames to be applied.
|
129 |
|
130 | * [#2071](https://github.com/lit/lit/pull/2071) [`01353317`](https://github.com/lit/lit/commit/013533178ded7fb5e533e15f6dc982de25d12b94) - In dev mode, throw for tag name bindings. These should use static templates.
|
131 |
|
132 | - [#2070](https://github.com/lit/lit/pull/2070) [`a48f39c8`](https://github.com/lit/lit/commit/a48f39c8d5872dbc9a19a9bc72b22692950071f5) - Throw instead of rendering an innocuous value into a style or script when security hooks are enabled.
|
133 |
|
134 | * [#2075](https://github.com/lit/lit/pull/2075) [`724a9aab`](https://github.com/lit/lit/commit/724a9aabe263fb9dafee073e74de50a1aeabbe0f) - Ensures dev mode warnings do not spam by taking care to issue unique warnings only once.
|
135 |
|
136 | - [#2076](https://github.com/lit/lit/pull/2076) [`0d703bfb`](https://github.com/lit/lit/commit/0d703bfbc9eb515a6bba8bf5ca608bbcd60fee98) - Optimize setting primitives on ChildNode.
|
137 |
|
138 | * [#2073](https://github.com/lit/lit/pull/2073) [`0312f3e5`](https://github.com/lit/lit/commit/0312f3e533611eb3f4f9381594485a33ad003b74) - (Cleanup) Removed obsolete TODOs from codebase
|
139 |
|
140 | - [#2056](https://github.com/lit/lit/pull/2056) [`e5667d66`](https://github.com/lit/lit/commit/e5667d66f4da58e74206fdef526b1c21a6e45925) - Fixed issue where `AsyncDirective`s could see `this.isConnected === true` if a LitElement performed its initial render while it was disconnected.
|
141 |
|
142 | * [#2128](https://github.com/lit/lit/pull/2128) [`cc5c3a09`](https://github.com/lit/lit/commit/cc5c3a09a150bd19ce5445333dfb3799d33e03de) - Add test for AsyncDirectives that synchronously call this.setValue()
|
143 |
|
144 | - [#2046](https://github.com/lit/lit/pull/2046) [`043a16fb`](https://github.com/lit/lit/commit/043a16fbfbd55c71fbee399691537765277694ea) - In development mode, constructing an `EventPart` from an improperly formed attribute will now throw: the attribute must contain only a single expression and the surrounding two strings must be the empty string. Before, constructing an `EventPart` with extra expressions or surrounding text would cause that part to be silently and incorrectly treated as an `AttributePart`.
|
145 |
|
146 | * [#2043](https://github.com/lit/lit/pull/2043) [`761375ac`](https://github.com/lit/lit/commit/761375ac9ef28dd0ba8a1f9363aaf5f0df725205) - Update some internal types to avoid casting `globalThis` to `any` to retrieve globals where possible.
|
147 |
|
148 | ## 2.0.0-rc.4
|
149 |
|
150 | ### Major Changes
|
151 |
|
152 | - [#1959](https://github.com/lit/lit/pull/1959) [`69389958`](https://github.com/lit/lit/commit/69389958ab41b2ad3074fd86926ed18dc9968302) - Changed all prefixes used for minifying object and class properties from greek
|
153 | characters to ASCII, to avoid requiring an explicit script charset on some
|
154 | browser/webview environments.
|
155 |
|
156 | ### Patch Changes
|
157 |
|
158 | - [#2002](https://github.com/lit/lit/pull/2002) [`ff0d1556`](https://github.com/lit/lit/commit/ff0d15568fe79019ebfa6b72b88ba86aac4af91b) - Fixes polyfill-support styling issues: styling should be fully applied by firstUpdated/update time; late added styles are now retained (matching Lit1 behavior)
|
159 |
|
160 | * [#2034](https://github.com/lit/lit/pull/2034) [`5768cc60`](https://github.com/lit/lit/commit/5768cc604dc7fcb2c95165399180179d406bb257) - Reverts the change in Lit 2 to pause ReactiveElement's update cycle while the element is disconnected. The update cycle for elements will now run while disconnected as in Lit 1, however AsyncDirectives must now check the `this.isConnected` flag during `update` to ensure that e.g. subscriptions that could lead to memory leaks are not made when AsyncDirectives update while disconnected.
|
161 |
|
162 | - [#1942](https://github.com/lit/lit/pull/1942) [`c8fe1d4`](https://github.com/lit/lit/commit/c8fe1d4c4a8b1c9acdd5331129ae3641c51d9904) - For minified class fields on classes in lit libraries, added prefix to stable properties to avoid collisions with user properties.
|
163 |
|
164 | * [#2041](https://github.com/lit/lit/pull/2041) [`52a47c7e`](https://github.com/lit/lit/commit/52a47c7e25d71ff802083ca9b0751724efd3a4f4) - Remove some unnecessary internal type declarations.
|
165 |
|
166 | - [#1959](https://github.com/lit/lit/pull/1959) [`6938995`](https://github.com/lit/lit/commit/69389958ab41b2ad3074fd86926ed18dc9968302) - Changed prefix used for minifying class field names on lit libraries to stay within ASCII subset, to avoid needing to explicitly set the charset for scripts in some browsers.
|
167 |
|
168 | * [#1937](https://github.com/lit/lit/pull/1937) [`3663f09`](https://github.com/lit/lit/commit/3663f09af853bc92172c929a356e301b42b19f1f) - Re-export PropertyPart from 'directive.ts'
|
169 |
|
170 | - [#1964](https://github.com/lit/lit/pull/1964) [`f43b811`](https://github.com/lit/lit/commit/f43b811405be32ce6caf82e80d25cb6170eeb7dc) - Don't publish src/ to npm.
|
171 |
|
172 | * [#1991](https://github.com/lit/lit/pull/1991) [`f05be301`](https://github.com/lit/lit/commit/f05be301e36fce93ae887007c0bdd328e5434225) - Fixed bug where Template.createElement was not patchable by polyfill-support when compiled using closure compiler, leading to incorrect style scoping.
|
173 |
|
174 | - [#2016](https://github.com/lit/lit/pull/2016) [`e6dc6a7`](https://github.com/lit/lit/commit/e6dc6a708adacec6a17a884784f821c3250d7532) - Clean up internal TypeScript types
|
175 |
|
176 | * [#1990](https://github.com/lit/lit/pull/1990) [`56e8efd3`](https://github.com/lit/lit/commit/56e8efd3fc654396421e7024f82f0eac9d2c4d33) - Fixed an error thrown when an empty `<style></style>` tag is rendered while using the @apply shim under native Shadow DOM.
|
177 |
|
178 | - [#2044](https://github.com/lit/lit/pull/2044) [`662209c3`](https://github.com/lit/lit/commit/662209c370d2f5f58cb2f24e558125f91baeebd0) - Improves disconnection handling for first-party `AsyncDirective`s (`until`, `asyncAppend`, `asyncReplace`) so that the directive (and any DOM associated with it) can be garbage collected before any promises they are awaiting resolve.
|
179 |
|
180 | * [#1972](https://github.com/lit/lit/pull/1972) [`a791514b`](https://github.com/lit/lit/commit/a791514b426b790de2bfa4c78754fb62815e71d4) - Properties that must remain unminified are now compatible with build tools other than rollup/terser.
|
181 |
|
182 | - [#2050](https://github.com/lit/lit/pull/2050) [`8758e06`](https://github.com/lit/lit/commit/8758e06c7a142332fd4c3334d8806b3b51c7f249) - Fix syntax highlighting in some documentation examples
|
183 |
|
184 | ---
|
185 |
|
186 | Changes below were based on the [Keep a Changelog](http://keepachangelog.com/) format. All changes above are generated automatically by [Changesets](https://github.com/atlassian/changesets).
|
187 |
|
188 | ---
|
189 |
|
190 |
|
191 | PRs should document their user-visible changes (if any) in the
|
192 | Unreleased section, uncommenting the header as necessary.
|
193 | -->
|
194 |
|
195 |
|
196 |
|
197 |
|
198 |
|
199 |
|
200 |
|
201 |
|
202 | ## [2.0.0-rc.3] - 2021-05-07
|
203 |
|
204 | ### Fixed
|
205 |
|
206 | - Exported the `Ref` interface.
|
207 |
|
208 | ## [2.0.0-rc.2] - 2021-04-20
|
209 |
|
210 | ### Changed
|
211 |
|
212 | - Add dependency on trustedtypes typings.
|
213 |
|
214 | ## 2.0.0-rc.1 - 2021-04-20
|
215 |
|
216 | ### Added
|
217 |
|
218 | - Added `defer-hydration` attribute handling to `experimental-hydrate`, which helps
|
219 | coordinate ordered wakeup of custom elements during hydration.
|
220 | - Added support for running with [Trusted Types](https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Content-Security-Policy/trusted-types) enforced.
|
221 |
|
222 | ### Changed
|
223 |
|
224 | - (Since 2.0.0-pre.7) Renamed `hydrate` module to `experimental-hydrate` to reflect its experimental nature. Experimental modules may undergo breaking changes within otherwise non-major releases.
|
225 |
|
226 | ## 2.0.0-pre.7 - 2021-03-31
|
227 |
|
228 | ### Added
|
229 |
|
230 | - Added optional `creationScope` to `RenderOptions`, which controls the node from which the template is cloned from.
|
231 | - (Since 2.0.0-pre.6) Reintroduced the `SVGTemplateResult` type.
|
232 | ([#1623](https://github.com/Polymer/lit-html/issues/1623))
|
233 |
|
234 | ### Fixed
|
235 |
|
236 | - `@apply` now functions correctly under native Shadow DOM when template parts are used. ([#1739](https://github.com/Polymer/lit-html/pull/1739)).
|
237 |
|
238 | - `styleMap()` now removes properties if the value is set to `undefined` or `null`, as opposed to not being a property of the style object. ([#1665](https://github.com/Polymer/lit-html/pull/1665)).
|
239 |
|
240 | ## [2.0.0-pre.6] - 2021-02-11
|
241 |
|
242 | - (Since 2.0.0-pre.4) Added `asyncappend` and `asyncReplace` directives.
|
243 |
|
244 | ### Fixed
|
245 |
|
246 | - Nested directives whose parent returns `noChange` are now unchanged. This
|
247 | allows the `guard` directive to guard directive values ([#1519](https://github.com/Polymer/lit-html/issues/1519)).
|
248 |
|
249 | ### Changed
|
250 |
|
251 | - (Since 2.0.0-pre.4) Removes second `klass` argument from `isDirectiveResult` since it is generally not version-agnostic to test directives using `instanceof`. A new `getDirectiveClass` helper is introduced, which allows for directive class branding checks instead.
|
252 | - (Since 2.0.0-pre.4) `DisconnectableDirective` was renamed to `AsyncDirective`, and its module name was renamed from `disconnectable-directive` to `async-directive`.
|
253 | - (Since 2.0.0-pre.4) Rendering `null`, `undefined`, or empty string in a `ChildPart` now has the same affect as rendering `nothing`: it does not produce an empty text node. When rendering into an element with Shadow DOM, this makes it harder to inadvertently prevent `<slot>` fallback content from rendering.
|
254 | - (Since 2.0.0-pre.4) `DisconnectableDirective`'s `disconnectedCallback` and `reconnectedCallback` were renamed to `disconnected` and `reconnected`.
|
255 | - (Since 2.0.0-pre.4) Renamed `platform-support` to `polyfill-support`.
|
256 |
|
257 | ## [2.0.0-pre.4] - 2020-12-16
|
258 |
|
259 | ### Added
|
260 |
|
261 | - `render` now returns the `NodePart` that was created/updated by `render`.
|
262 |
|
263 | - Added `DisconnectableDirective`, which is a `Directive` subclass whose
|
264 | `disconnectedCallback` will be called when the part containing the directive
|
265 | is cleared (or transitively cleared by a Part higher in the tree) or manually
|
266 | disconnected using the `setConnected` API, and whose `reconnectedCallback`
|
267 | will be called when manually re-connected using `setConnected`. When
|
268 | implementing `disconnectedCallback`, `reconnectedCallback` should also be
|
269 | implemented to return the directive to a usable state. Note that `LitElement`
|
270 | will disconnect directives upon element disconnection, and re-connect
|
271 | directives upon element re-connection.
|
272 |
|
273 | - Added `setConnected(isConnected: boolean)` to `NodePart`; when called with
|
274 | `false`, `disconnectedCallback` will be run on any directives contained within
|
275 | the part (directly or transitively), but without clearing or causing a
|
276 | re-render to the tree. When called with `true`, any such directives'
|
277 | `reconnectedCallback` will be called prior to its next `update`/`render`
|
278 | callbacks. Note that `LitElement` will call this method by default on the
|
279 | rendered part in its `connectedCallback` and `disconnetedCallback`.
|
280 |
|
281 | - Added `unsafeStatic()`, which allows template authors to add strings to the
|
282 | static structure of the template, before it's parsed as HTML.
|
283 |
|
284 | - Added `isPrimitive()`, `isTemplateResult()`, and `isDirectiveResult()` to `lit-html/directive-helpers.js`.
|
285 |
|
286 | ### Changed
|
287 |
|
288 | - Directives that asynchronously update their part value must now
|
289 | extend `DisconnectableDirective` and call `this.setValue()`, a new API exposed
|
290 | on the `DisconnectableDirective` class. Directives that render synchronously
|
291 | to their `update` lifecycle should simply return the value to be committed to
|
292 | their part from `update`/`render`.
|
293 |
|
294 | - The `Directive` base class and `directive()` factory function are
|
295 | now exported from the `lit-html/directive.js` module.
|
296 |
|
297 | - (since 2.0.0-pre.3) The Part type constants (`NODE_PART`, etc) are
|
298 | removed from the main `lit-html` module and exported as an enum-object named
|
299 | `PartType` from `lit-html/directive.js`. Use `PartType.NODE` instead of
|
300 | `NODE_TYPE`.
|
301 |
|
302 | - (since 2.0.0-pre.3)) `lit-html/parts.js` has been renamed to
|
303 | `lit-html/directive-helpers.js`.
|
304 |
|
305 | - (since 2.0.0-pre.3)) Originally in `lit-html/parts.js`,
|
306 | `createAndInsertPart()` and `insertPartBefore()` have been combined into a single `insertPart()` function in `lit-html/directive-helpers.js`. `detachNodePart()` and `restoreNodePart()` have been removed in favor of moving parts with `insertPart()`.
|
307 |
|
308 | - (since 2.0.0-pre.3) `NodePart` has been renamed to `ChildPart`,
|
309 | along with other methods and variables that use the "Node" naming, like
|
310 | `PartType.Node` which is now `PartType.CHILD`.
|
311 |
|
312 | - (since 2.0.0-pre.3) The `DirectiveClass`, `DirectiveParameters`
|
313 | and `PartInfo` types have been moved from `lit-html` to
|
314 | `lit-html/directive.ts`.
|
315 |
|
316 | - (since 2.0.0-pre.3) The part exports (`ChildPart`,
|
317 | `AttributePart`, etc) have been change to interface-only exports. The constructors are no longer exported. Directive authors should use helpers in `directive-helpers.js` to construct parts.
|
318 |
|
319 | - (since 2.0.0-pre.3) The `setPartValue` function in
|
320 | `directove-helpers.js` has been renamed to `setChildPartValue` and now only
|
321 | supports ChildParts. Directives that require updating their container
|
322 | part outside the `render`/`update` lifecycle should extend
|
323 | `DisconnectableDirective` and use `this.setValue()`.
|
324 | - (since 2.0.0-pre.3) The `eventContext` render option has been changed to `host`.
|
325 |
|
326 |
|
327 |
|
328 |
|
329 | ## [2.0.0-pre.3] - 2020-09-21
|
330 |
|
331 | ### Changed
|
332 |
|
333 | - The `shady-render` module has been removed and is now part of `platform-support`. There are also a couple of breaking changes. (1) Bindings in style elements are no longer supported. Previously these could not change and in the future they may be supported via static bindings. (2) `ShadyCSS.styleElement` is no longer called automatically. This must be called whenever dynamic changes that affect styling are made that involve css custom property shimming (older browsers) or changes to custom properties used via the deprecated `@apply` feature. It was previously called only on first render, and it is now up to the user to decide when this should be called.
|
334 | - `render()` no longer clears the container it's rendered to. It now appends to the container by default.
|
335 | - Expressions in comments are not rendered or updated.
|
336 | - Template caching happens per callsite, not per template-tag/callsize pair. This means some rare forms of highly dynamic template tags are no longer supported.
|
337 | - Arrays and other iterables passed to attribute bindings are not specially handled. Arrays will be rendered with their default toString representation. This means that `` html`<div class=${['a', 'b']}> `` will render `<div class="a,b">` instead of `<div class="a b">`. To get the old behavior, use `array.join(' ')`.
|
338 | - Multiple bindings in a single attribute value don't require the attribute value is quoted, as long as there is no whitespace or other attribute-ending character in the attribute value. `` html`<div id=${a}-${b}> ``
|
339 | - The directive and part APIs are significantly different. See the [README](README.md) for mroe details.
|
340 |
|
341 | ### Added
|
342 |
|
343 | - Added `renderBefore` to render options. If specified, content is rendered before the node given via render options, e.g. `{renderBefore: node}`.
|
344 | - Added development mode, which can be enabled by setting the `development` Node exports condition. See `README.md` for more details.
|
345 |
|
346 | ### Fixed
|
347 |
|
348 | - All usage of `instanceof` has been removed, making rendering more likely to
|
349 | work when multiple instances of the library interact.
|
350 | - Template processing is more robust to expressions in places other than text and attribute values.
|
351 |
|
352 | ### Removed
|
353 |
|
354 | - The `templateFactory` option of `RenderOptions` has been removed.
|
355 | - TemplateProcessor has been removed.
|
356 | - Symbols are not converted to a string before mutating DOM, so passing a Symbol to an attribute or text binding will result in an exception.
|
357 | - The `asyncAppend` and `asyncReplace` directives are not implemented.
|
358 |
|
359 | ## [1.3.0] - 2020-08-19
|
360 |
|
361 | ### Changed
|
362 |
|
363 | - Set the "type" field in package.json to "module. ([#1146](https://github.com/Polymer/lit-html/pull/1146))
|
364 |
|
365 | ### Added
|
366 |
|
367 | - Added support for [Trusted Types](https://github.com/WICG/trusted-types). This support uses a policy named 'lit-html' for parsing the static parts of html literals, and ensures that we pass trusted type values through to the DOM when used in bindings. ([#1153](https://github.com/Polymer/lit-html/pull/1153))
|
368 | - Export the `shadyTemplateFactory` from `lib/shady-render.js` ([#1135](https://github.com/Polymer/lit-html/pull/1135))
|
369 |
|
370 | ## [1.2.1] - 2020-03-19
|
371 |
|
372 | ### Fixed
|
373 |
|
374 | - Added TypeScript type declarations for older versions of TypeScript. We're currently testing back to TS 3.4. We can't commit to never breaking TypeScript builds, but we'll be supporting older versions as best we can.
|
375 |
|
376 | ## [1.2.0] - 2020-03-18
|
377 |
|
378 | ### Added
|
379 |
|
380 | - Added `unsafeSVG` directive to bind SVG source inside SVGs. ([#304](https://github.com/Polymer/lit-html/issues/304))
|
381 | - Added `templateContent()` directive for stamping out the contents of an HTML template into a text binding. ([#1058](https://github.com/Polymer/lit-html/issues/1058))
|
382 | - Added the `live()` directive. ([#877](https://github.com/Polymer/lit-html/issues/877))
|
383 |
|
384 | ### Fixed
|
385 |
|
386 | - Fixed a bug where `classMap` and `styleMap` directives wouldn't render mutated objects. ([#972](https://github.com/Polymer/lit-html/issues/972))
|
387 | - Fixed a bug where ifDefined() would set an attribute even when the value didn't change. ([#890](https://github.com/Polymer/lit-html/issues/890))
|
388 | - Change `classMap` directive to set classes correctly on SVGs ([#1070](https://github.com/Polymer/lit-html/issues/1070)).
|
389 |
|
390 | ## [1.1.2] - 2019-08-12
|
391 |
|
392 | ### Fixed
|
393 |
|
394 | - Fixed a bug where bindings in comments could be written as text in some cases. ([#926](https://github.com/Polymer/lit-html/issues/926))
|
395 |
|
396 | ## [1.1.1] - 2019-07-09
|
397 |
|
398 | ### Changed
|
399 |
|
400 | - `render` and `shady-render` now both accept any value that is renderable by `NodePart`. ([#910](https://github.com/Polymer/lit-html/issues/910))
|
401 |
|
402 | ## [1.1.0] - 2019-05-20
|
403 |
|
404 | ### Changed
|
405 |
|
406 | - Many small performance enhancements.
|
407 | - Private names are now named with a `__` prefix ([#859](https://github.com/Polymer/lit-html/issues/859)).
|
408 |
|
409 | ### Added
|
410 |
|
411 | - Setup continuous benchmarking with Tachometer ([#887](https://github.com/Polymer/lit-html/issues/887)).
|
412 |
|
413 | ### Fixed
|
414 |
|
415 | - Prevent empty styles from causing exceptions or breaking rendering when using `shady-render` ([#760](https://github.com/Polymer/lit-html/issues/760)).
|
416 | - Primitive values in attributes are now always simply stringified, regardless of whether they are iterable. ([#830](https://github.com/Polymer/lit-html/pull/830))
|
417 | - Adopt and upgrade template fragments after processing for parts ([#831](https://github.com/Polymer/lit-html/issues/831)).
|
418 | - Fixed bindings with attribute-like expressions preceeding them ([#855](https://github.com/Polymer/lit-html/issues/855)).
|
419 | - Fixed errors with bindings in HTML comments ([#882](https://github.com/Polymer/lit-html/issues/882)).
|
420 |
|
421 | ## [1.0.0] - 2019-02-05
|
422 |
|
423 | ### Changed
|
424 |
|
425 | - Tons of docs updates ([#746](https://github.com/Polymer/lit-html/pull/746)), ([#675](https://github.com/Polymer/lit-html/pull/675)), ([#724](https://github.com/Polymer/lit-html/pull/724)), ([#753](https://github.com/Polymer/lit-html/pull/753)), ([#764](https://github.com/Polymer/lit-html/pull/764)), ([#763](https://github.com/Polymer/lit-html/pull/763)), ([#765](https://github.com/Polymer/lit-html/pull/765)), ([#767](https://github.com/Polymer/lit-html/pull/767)), ([#768](https://github.com/Polymer/lit-html/pull/768)), ([#734](https://github.com/Polymer/lit-html/pull/734)), ([#771](https://github.com/Polymer/lit-html/pull/771)), ([#766](https://github.com/Polymer/lit-html/pull/766)), ([#773](https://github.com/Polymer/lit-html/pull/773)), ([#770](https://github.com/Polymer/lit-html/pull/770)), ([#769](https://github.com/Polymer/lit-html/pull/769)), ([#777](https://github.com/Polymer/lit-html/pull/777)), ([#776](https://github.com/Polymer/lit-html/pull/776)), ([#754](https://github.com/Polymer/lit-html/pull/754)), ([#779](https://github.com/Polymer/lit-html/pull/779))
|
426 |
|
427 | ### Added
|
428 |
|
429 | - Global version of `lit-html` on window ([#790](https://github.com/Polymer/lit-html/pull/790)).
|
430 |
|
431 | ### Fixed
|
432 |
|
433 | - Removed use of `any` outside of test code ([#741](https://github.com/Polymer/lit-html/pull/741)).
|
434 |
|
435 | ## [1.0.0-rc.2] - 2019-01-09
|
436 |
|
437 | ### Changed
|
438 |
|
439 | - Performance improvements to template processing. ([#690](https://github.com/Polymer/lit-html/pull/690))
|
440 |
|
441 | ### Added
|
442 |
|
443 | - Added the `nothing` sentinel value which can be used to clear a part. ([#673](https://github.com/Polymer/lit-html/pull/673))
|
444 |
|
445 | ### Fixed
|
446 |
|
447 | - Fixed #702: a bug with the `unsafeHTML` directive when changing between unsafe and other values. ([#703](https://github.com/Polymer/lit-html/pull/703))
|
448 | - Fixed #708: a bug with the `until` directive where placeholders could overwrite resolved Promises. ([#721](https://github.com/Polymer/lit-html/pull/721))
|
449 |
|
450 | ## [1.0.0-rc.1] - 2018-12-13
|
451 |
|
452 | ### Fixed
|
453 |
|
454 | - Documentation updates.
|
455 | - Fixed typing for template_polyfill `createElement` call.
|
456 |
|
457 | ## [0.14.0] - 2018-11-30
|
458 |
|
459 | ### Changed
|
460 |
|
461 | - `until()` can now take any number of sync or async arguments. ([#555](https://github.com/Polymer/lit-html/pull/555))
|
462 | - `guard()` supports multiple dependencies. If the first argument to `guard()` is an array, the array items are checked for equality to previous values. ([#666](https://github.com/Polymer/lit-html/pull/666))
|
463 | - Renamed `classMap.js` and `styleMap.js` files to kebab-case. ([#644](https://github.com/Polymer/lit-html/pull/644))
|
464 |
|
465 | ### Added
|
466 |
|
467 | - Added `cache()` directive. ([#646](https://github.com/Polymer/lit-html/pull/646))
|
468 | - Removed Promise as a supposed node-position value type. ([#555](https://github.com/Polymer/lit-html/pull/555))
|
469 | - Added a minimal `<template>` polyfill.
|
470 |
|
471 | ### Removed
|
472 |
|
473 | - Removed the `when()` directive. Users may achieve similar behavior by wrapping a ternary with the `cache()` directive.
|
474 |
|
475 | ### Fixed
|
476 |
|
477 | - Bound attribute names are rewritten to avoid IE/Edge removing SVG and style attributes. ([#640](https://github.com/Polymer/lit-html/pull/640))
|
478 | - Ensure shady-render prepares styling for a scope before attaching child elements. ([#664](https://github.com/Polymer/lit-html/pull/664))
|
479 | - Handle CSS Custom Variables in the styleMap directive. [#642](https://github.com/Polymer/lit-html/pull/642))
|
480 |
|
481 | ## [0.13.0] - 2018-11-08
|
482 |
|
483 | ### Changed
|
484 |
|
485 | - Directives are now defined by passing the entire directive factory function to `directive()`. ([#562](https://github.com/Polymer/lit-html/pull/562))
|
486 |
|
487 | ### Fixed
|
488 |
|
489 | - Fix issue on obscure browsers that do not accept event listener objects by using callback as event part listener ([#581](https://github.com/Polymer/lit-html/pull/581))
|
490 | - Fix KeyFn and ItemTemplate types ([#570](https://github.com/Polymer/lit-html/pull/570))
|
491 | - Don't use export \* to workaround rollup bug ([#556](https://github.com/Polymer/lit-html/pull/556))
|
492 | - `eventContext` is no longer used as the `this` value for event listener objects (object with a `handleEvent` method), as the object itself is supposed to be the `this` value. ([#576](https://github.com/Polymer/lit-html/pull/576))
|
493 |
|
494 | ## [0.12.0] - 2018-10-05
|
495 |
|
496 | ### Changed
|
497 |
|
498 | - Re-implemented repeat directive for better performance ([#501](https://github.com/Polymer/lit-html/pull/501))
|
499 | - Updated TypeScript dependency to 3.1
|
500 | - `render()` now takes an options object as the third argument. ([#523](https://github.com/Polymer/lit-html/pull/523))
|
501 |
|
502 | ### Added
|
503 |
|
504 | - Event listeners are called with a configurable `this` reference, which is set via the `eventContext` option to `render()`. ([#523](https://github.com/Polymer/lit-html/pull/523))
|
505 | - Support for event listener options, by passing the listener itself as both the second and third arguments to add/removeEventListener().
|
506 |
|
507 | ## [0.11.4] - 2018-09-17
|
508 |
|
509 | ### Fixed
|
510 |
|
511 | - Fixed issues with `shady-render` introduced in 0.11.3 ([#504](https://github.com/Polymer/lit-html/issues/504) and [#505](https://github.com/Polymer/lit-html/issues/505)).
|
512 |
|
513 | ## [0.11.3] - 2018-09-13
|
514 |
|
515 | ### Changed
|
516 |
|
517 | - Moved upgrading of custom elements in template fragments to a common location in TemplateInstance ([#489](https://github.com/Polymer/lit-html/pull/489))
|
518 | - Rewrite render() to reuse the logic in NodePart. render() now supports all the data types that NodeParts do. ([#491](https://github.com/Polymer/lit-html/pull/491))
|
519 |
|
520 | ### Fixed
|
521 |
|
522 | - Fixed bug when using the ShadyCSS @apply` shim. ([#502](https://github.com/Polymer/lit-html/pull/502))
|
523 |
|
524 | ## [0.11.2] - 2018-09-12
|
525 |
|
526 | ### Added
|
527 |
|
528 | - Added `classMap` and `styleMap` directives ([#486](https://github.com/Polymer/lit-html/pull/486))
|
529 |
|
530 | ### Fixed
|
531 |
|
532 | - Fixed bug in asyncReplace when rerendering the same iterable ([#485](https://github.com/Polymer/lit-html/pull/485))
|
533 | - Update properties before upgrading custom elements ([#455](https://github.com/Polymer/lit-html/pull/455))
|
534 | - Cache the ShadyCSS version lookup ([#477](https://github.com/Polymer/lit-html/pull/477))
|
535 |
|
536 | ## [0.11.1] - 2018-09-02
|
537 |
|
538 | ### Changed
|
539 |
|
540 | - Eliminated a cycle in the module import graph ([#472](https://github.com/Polymer/lit-html/pull/472))
|
541 | - Remove the default value for the templateProcessor parameter in TemplateResult#constuctor, making it a required paremeter ([#472](https://github.com/Polymer/lit-html/pull/472))
|
542 |
|
543 | ## [0.11.0] - 2018-08-28
|
544 |
|
545 | ### Added
|
546 |
|
547 | - Added support for property, event, and boolean bindings to default syntax ([#398](https://github.com/Polymer/lit-html/pull/398))
|
548 | - Added guard directive ([#438](https://github.com/Polymer/lit-html/pull/438))
|
549 | - Added when directive ([#439](https://github.com/Polymer/lit-html/pull/439))
|
550 |
|
551 | ### Changed
|
552 |
|
553 | - Split implementation into multiple small modules and merged lit-html.js and core.js ([#436](https://github.com/Polymer/lit-html/pull/436))
|
554 | - Moved directives into top-level `directives/` directory ([#436](https://github.com/Polymer/lit-html/pull/436))
|
555 | - Replaced `PartCallback` with `TemplateProcessor` ([#405](https://github.com/Polymer/lit-html/pull/405))
|
556 | - Unified `NodePart` and `AttributePart` interfaces ([#400](https://github.com/Polymer/lit-html/pull/400))
|
557 | - AttributePart#setValue() takes a single value
|
558 | - `Part` has separate `setValue()` and `commit()` phases
|
559 | - Added `AttributeCommitter` to commit attribute values once for multiple `AttributeParts`
|
560 |
|
561 | ### Removed
|
562 |
|
563 | - Removed lit-extended.js ([#436](https://github.com/Polymer/lit-html/pull/436))
|
564 |
|
565 | ### Fixed
|
566 |
|
567 | - Render initial undefined values in attributes ([#377](https://github.com/Polymer/lit-html/pull/377))
|
568 | - Handle case-sensitive attributes like `viewBox` correctly ([#376](https://github.com/Polymer/lit-html/pull/376))
|
569 | - Support bindings in `<template>` elements ([#343](https://github.com/Polymer/lit-html/pull/343))
|
570 | - Don’t break templates when HTML comments have bindings in them ([#446](https://github.com/Polymer/lit-html/pull/446))
|
571 | - IE: Don't use Set() constructor arguments ([#401](https://github.com/Polymer/lit-html/pull/401))
|
572 | - Handle forms as Node instead of iterable ([#404](https://github.com/Polymer/lit-html/pull/404))
|
573 | - Update values after upgrading custom elements ([#385](https://github.com/Polymer/lit-html/pull/385))
|
574 | - Dirty check primitive values passed to unsafeHTML() ([#384](https://github.com/Polymer/lit-html/pull/384))
|
575 | - Handle forms as Node instead of iterable ([#404](https://github.com/Polymer/lit-html/pull/404))
|
576 | - Upgrade disconnected custom elements before setting properties on them. ([#442](https://github.com/Polymer/lit-html/pull/442))
|
577 | - Fix style attribute bindings in IE ([#448](https://github.com/Polymer/lit-html/pull/448))
|
578 |
|
579 | ## [0.10.1] - 2018-06-13
|
580 |
|
581 | - Added `noChange` - Value in favour of `directiveValue` (deprecated).
|
582 | - A `noChange` - Value signals that a value was handled by a directive and should not be written to the DOM
|
583 | - Updated shady-render to render styles in order, work with `@apply`, and work in browers where CSS Custom Properties must be polyfilled, like IE 11.
|
584 | - Introduced API to modify template contents safely without breaking template parts
|
585 | - `insertNodeIntoTemplate(template: Template, node: Node, refNode: Node|null)`
|
586 | - `removeNodesFromTemplate(template: Template, nodesToRemove: Set<Node>)`
|
587 |
|
588 | ## [0.10.0] - 2018-05-03
|
589 |
|
590 | - Added IE11 support
|
591 | - Declarative events in lit-extended are more efficient when handlers change
|
592 |
|
593 | ## [0.9.0] - 2018-02-01
|
594 |
|
595 | - Refactored how template tags and `render()` are implemented so that all
|
596 | specialization of template syntax is done in tags, not `render()`, allowing
|
597 | for the mixining of templates of different syntaxes, and for hooks in
|
598 | `render()` to change templates before they're initially processed.
|
599 | - Added ShadyCSS support in lib/shady-render.js. It's exported render function
|
600 | will pass templates to ShadyCSS's `prepareTemplate()` function to process style
|
601 | tags and elements in the template for emulate CSS scoping.
|
602 | - lit-extended: Attribute bindings with a `?` suffix on the name now act as boolean
|
603 | attributes. The attribute will be removed for falsey values and set to `''` for
|
604 | truthy values, matching the HTML specification behavior for boolean attributes.
|
605 | - Fixed a bug where directives rendered incorrectly on AttributeParts and PropertyParts
|
606 |
|
607 | ## [0.8.0] - 2018-01-12
|
608 |
|
609 | - Allow all valid HTML attribute names, including emoji and Angular-style
|
610 | `(foo)=` and `[foo]=` names.
|
611 | - Drastically improved performance of the `repeat` directive.
|
612 | - Fixed an issue with expressions directly following elements.
|
613 | - Fixed numerous bugs with the `repeat` directive.
|
614 | - Performance improvements for template setup
|
615 | - Internal code cleanup
|
616 | - Support synchronous thenables
|
617 | - Added the `asyncAppend` and `asyncReplace` directives to handle async iterable values in expressions.
|
618 |
|
619 | ## [0.7.0] - 2017-10-06
|
620 |
|
621 | - Added the `svg` template tag for creating partial SVG content
|
622 | - Support for expressions inside tables and other elements with limited permitted content
|
623 | - Only remove whitespace between elements, or at the start or end of elements
|
624 | - Fixed bugs with rendering iterables
|
625 | - A few IE/Edge fixes. Closer to full support.
|
626 |
|
627 | ## [0.6.0] - 2017-09-01
|
628 |
|
629 | - Fixed removing event handlers when setting them to `undefined`.
|
630 | - Allow the text "{{}}" to appear in templates.
|
631 | - Optimized clearing of Parts.
|
632 | - Added `unsafeHTML()` directive to bind values as HTML source.
|
633 | - Optimizations, simplification and bug fixes of Array handling code.
|
634 | - Update to extension API: added partCallback parameter to `render()`.
|
635 | - Added the `directive()` decorator function to create directives. Functions values are no longer treated as directive by default, simplifying declarative event handlers.
|