Version Packages

[lit-robot]

This PR was opened by the Changesets release GitHub action. When you're ready to do a release, you can merge this and the packages will be published to npm automatically. If you're not ready to do a release yet, that's fine, whenever you add more changesets to main, this PR will be updated.

Releases

@lit-labs/analyzer@0.2.2

Patch Changes

• #3116 7d185b4e - Upgraded TypeScript version to ~4.7.4

@lit-labs/context@0.1.3

Patch Changes

• #3132 2fe2053f - Added "types" entry to package exports. This tells newer versions of TypeScript where to look for typings for each module.

@lit-labs/motion@1.0.3

Patch Changes

• #3132 2fe2053f - Added "types" entry to package exports. This tells newer versions of TypeScript where to look for typings for each module.

@lit-labs/observers@1.0.2

Patch Changes

• #3132 2fe2053f - Added "types" entry to package exports. This tells newer versions of TypeScript where to look for typings for each module.

@lit-labs/react@1.0.7

Patch Changes

• #3072 94722633 - Avoid nested component props type declarations. Incrementally define what types are needed rather than nesting.

• #3067 f3e3cddf - Fixed an error that occurs when when compiling TS. The error occurs when createComponent() is not provided an event map causing instance properties to be confused with event handlers.

• #3111 6158482c - Removed the unexposed and unnecessary StringValued type used to correlate property names with event listener names.

• #3132 2fe2053f - Added "types" entry to package exports. This tells newer versions of TypeScript where to look for typings for each module.

@lit-labs/scoped-registry-mixin@1.0.1

Patch Changes

• #3132 2fe2053f - Added "types" entry to package exports. This tells newer versions of TypeScript where to look for typings for each module.

@lit-labs/ssr@2.2.2

Patch Changes

• #3138 6450e17b - JS source maps now include the TS source inline

• #3136 afff4c17 - Upgrade node-fetch version

@lit-labs/task@1.1.3

Patch Changes

• #3131 ec87d529 - Update Task typings to work better with inference and casting args to as const by making args a readonly array.

• #3132 2fe2053f - Added "types" entry to package exports. This tells newer versions of TypeScript where to look for typings for each module.

@lit-labs/virtualizer@0.7.1

Patch Changes

• #3136 afff4c17 - Upgrade tslib version

• #3136 afff4c17 - Upgrade event-target-shim

• #3133 36db238c - The virtualize directive will now correctly re-render children when data stored outside the items array has changed.

Changed

• The scroll directive has been renamed to virtualize. Note that the <lit-virtualizer> element remains the recommended way to use virtualizer in most cases; the directive exists primarily for developers who are using Lit's lit-html templating system standalone and don't need the LitElement base class elsewhere in their project.

• By default, a virtualizer instance is no longer itself a scroller; rather, it is a block-level container that:

  • Determines its own size by calculating or estimating the total size of all of its children (both those that are currently in the DOM and those that are not)
  • Adds and removes children from the DOM as the visible portion of the virtualizer changes (i.e., when any of its containing ancestors, including the window, is scrolled, resized, etc.).

  If you want to make a <lit-virtualizer> element into a scroller, you can do so by adding the scroller attribute; likewise, you can set scroller: true if you're using the virtualize directive.

  As a result of this change, the scrollTarget property / attribute is no longer needed and has been removed.

• In 0.5 and 0.6, it was necessary to explicitly specify a layout. In 0.7, we revert to the behavior from earlier versions: if you don't specify a layout, the default layout (previously called Layout1d, now called flow—see below) will be used (and loaded dynamically as needed).

• The lineup of layouts has been updated and cleaned up. The default layout, previously called Layout1d, is now called flow. The previous, rudimentary grid layouts have been replaced with a single, new grid layout with some options to control its behavior. The Layout1dFlex layout has been renamed to flexWrap and remains a work in progress, not yet fully usable (though getting close).

• The syntax for specifying layouts has changed; rather than providing a layout constructor (e.g., FlowLayout) or a configuration object containing the required type property (e.g. {type: FlowLayout, direction: ‘horizontal’}), you now import a layout as a function and call that function (passing it an optional configuration object as desired). For example:

  <lit-virtualizer
    .layout=${flow({
      direction: ‘horizontal’
    })
  ></lit-virtualizer>
  

• The spacing property of the default layout (which has been present since the earliest releases but never documented) has been removed. Setting margins on the child elements you render is the way to control spacing. This margin-based method was already supported and recommended / demonstrated in previous versions, but has been improved in 0.7 with basic support for margin-collapsing: margins set explicitly on child elements will now be collapsed, but any margins on elements contained within child elements are not considered. If you were relying on the previous (non-collapsing) behavior, you may need to adjust existing style rules.

• In another return to pre-0.5 behavior, the visibilityChanged and rangeChanged events are no longer CustomEvents, so you’ll access their properties directly from the event object, not from under a details property. Additionally, these event objects no longer contain both range and visibility information; rather, visibilityChanged reports only visibility changes and rangeChanged reports only range changes. Both event objects have just two properties: first and last.

• Inline API docs are still minimal, but types for <lit-virtualizer>, the virtualize directive and the various layouts are essentially correct and complete, so typeahead / autocomplete should work if your editor has these features.

• Exports from the @lit-labs/virtualizer packaged are now restricted by an export map. If you have been importing from any modules not intended to be part of the current public API (or if we have inadvertently left something out of the map), things may break—please file issues as needed.

• The LitVirtualizer class has been extracted into a separate file (LitVirtualizer.js) so that, if necessary, it can be imported without registering the <lit-virtualizer> custom element as a side effect.

Fixed

• Scrolling issue on iOS (#54)
• Incorrect index passed to renderItem() function (#109)
• Undocumented change: doesn't work unless layout is explicitly specified (#103)
• Runtime error when rendering after the number of items is reduced (#111)

The following are also believed to be fixed, but didn't have specific repro cases to test against so require confirmation:

• Scroll listeners on window not removed (#55)
• Doesn't always reflow when items change (#75)
• Hangs / freezes when switching between virtualizer instances (#105)
• Scrolling issue under certain circumstances when items array changes (#108)

lit@2.2.8

Patch Changes

• #3130 1f0567f1 - Export the underlying type of the keyed directive.

• #3132 2fe2053f - Added "types" entry to package exports. This tells newer versions of TypeScript where to look for typings for each module.

lit-element@3.2.2

Patch Changes

• #3132 2fe2053f - Added "types" entry to package exports. This tells newer versions of TypeScript where to look for typings for each module.

lit-html@2.2.7

Patch Changes

• #3130 1f0567f1 - Export the underlying type of the keyed directive.

• #3132 2fe2053f - Added "types" entry to package exports. This tells newer versions of TypeScript where to look for typings for each module.

@lit/localize-tools@0.6.5

Patch Changes

• #3116 7d185b4e - Upgraded TypeScript version to ~4.7.4

• #3136 afff4c17 - Updated xmldom dependency. Minor change to XML attribute formatting can be expected.

@lit/reactive-element@1.3.4

Patch Changes

• #3132 2fe2053f - Added "types" entry to package exports. This tells newer versions of TypeScript where to look for typings for each module.

@lit/ts-transformers@1.1.3

Patch Changes

• #3116 7d185b4e - Upgraded TypeScript version to ~4.7.4

• #3136 afff4c17 - Upgrade ts-clone-node dependency

[github-actions]

📊 Tachometer Benchmark Results

Summary

nop-update

• lit-html-kitchen-sink: unsure 🔍 -11% - +24% (-2.85ms - +6.54ms)
  ^{this-change vs tip-of-tree}

render

• lit-element-list: 79.32ms - 84.73ms
• lit-html-kitchen-sink: unsure 🔍 -9% - +4% (-2.92ms - +1.14ms)
  ^{this-change vs tip-of-tree}
• lit-html-repeat: unsure 🔍 -4% - +6% (-0.43ms - +0.61ms)
  ^{this-change vs tip-of-tree}
• lit-html-template-heavy: unsure 🔍 -4% - +4% (-2.30ms - +2.12ms)
  ^{this-change vs tip-of-tree}
• reactive-element-list: unsure 🔍 -2% - +5% (-1.34ms - +2.69ms)
  ^{this-change vs tip-of-tree}

update

• lit-element-list: 881.65ms - 900.00ms
• lit-html-kitchen-sink: unsure 🔍 -5% - +15% (-4.01ms - +12.45ms)
  ^{this-change vs tip-of-tree}
• lit-html-repeat: unsure 🔍 -3% - +2% (-8.37ms - +5.26ms)
  ^{this-change vs tip-of-tree}
• lit-html-template-heavy: unsure 🔍 -2% - +3% (-2.53ms - +4.01ms)
  ^{this-change vs tip-of-tree}
• reactive-element-list: unsure 🔍 -3% - +1% (-24.75ms - +9.71ms)
  ^{this-change vs tip-of-tree}

update-reflect

• lit-element-list: 877.05ms - 902.13ms
• reactive-element-list: unsure 🔍 -1% - +5% (-5.87ms - +46.63ms)
  ^{this-change vs tip-of-tree}

Results

lit-element-list

• Browser: chrome-headless 103.0.5060.114
• Sample size: 50
• Built by: Benchmarks #3586

• Commit: b8c4cd6

render

Version	Avg time	vs
	79.32ms - 84.73ms	-

update

Version	Avg time	vs
	881.65ms - 900.00ms	-

update-reflect

Version	Avg time	vs
	877.05ms - 902.13ms	-

lit-html-kitchen-sink

• Browser: chrome-headless 103.0.5060.114
• Sample size: 30
• Built by: Benchmarks #3586

• Commit: b8c4cd6

render

Version	Avg time	vs this-change	vs tip-of-tree tip-of-tree	vs previous-release previous-release
this-change	28.94ms - 30.55ms	-	unsure 🔍 -9% - +4% -2.92ms - +1.14ms	unsure 🔍 -8% - +3% -2.53ms - +0.93ms
tip-of-tree tip-of-tree	28.77ms - 32.50ms	unsure 🔍 -4% - +10% -1.14ms - +2.92ms	-	unsure 🔍 -8% - +8% -2.32ms - +2.51ms
previous-release previous-release	29.01ms - 32.07ms	unsure 🔍 -3% - +9% -0.93ms - +2.53ms	unsure 🔍 -8% - +8% -2.51ms - +2.32ms	-

update

Version	Avg time	vs this-change	vs tip-of-tree tip-of-tree	vs previous-release previous-release
this-change	82.34ms - 97.84ms	-	unsure 🔍 -5% - +15% -4.01ms - +12.45ms	unsure 🔍 -6% - +13% -5.21ms - +10.96ms
tip-of-tree tip-of-tree	83.09ms - 88.65ms	unsure 🔍 -13% - +4% -12.45ms - +4.01ms	-	unsure 🔍 -6% - +3% -4.96ms - +2.27ms
previous-release previous-release	84.91ms - 89.52ms	unsure 🔍 -12% - +6% -10.96ms - +5.21ms	unsure 🔍 -3% - +6% -2.27ms - +4.96ms	-

nop-update

Version	Avg time	vs this-change	vs tip-of-tree tip-of-tree	vs previous-release previous-release
this-change	24.61ms - 33.42ms	-	unsure 🔍 -11% - +24% -2.85ms - +6.54ms	unsure 🔍 -8% - +25% -2.20ms - +6.77ms
tip-of-tree tip-of-tree	25.55ms - 28.79ms	unsure 🔍 -22% - +9% -6.54ms - +2.85ms	-	unsure 🔍 -5% - +8% -1.38ms - +2.26ms
previous-release previous-release	25.90ms - 27.56ms	unsure 🔍 -22% - +6% -6.77ms - +2.20ms	unsure 🔍 -8% - +5% -2.26ms - +1.38ms	-

lit-html-repeat

• Browser: chrome-headless 103.0.5060.114
• Sample size: 30
• Built by: Benchmarks #3586

• Commit: b8c4cd6

render

Version	Avg time	vs this-change	vs tip-of-tree tip-of-tree	vs previous-release previous-release
this-change	10.78ms - 11.35ms	-	unsure 🔍 -4% - +6% -0.43ms - +0.61ms	unsure 🔍 -19% - +7% -2.39ms - +0.91ms
tip-of-tree tip-of-tree	10.54ms - 11.40ms	unsure 🔍 -6% - +4% -0.61ms - +0.43ms	-	unsure 🔍 -20% - +6% -2.51ms - +0.85ms
previous-release previous-release	10.18ms - 13.42ms	unsure 🔍 -8% - +22% -0.91ms - +2.39ms	unsure 🔍 -8% - +23% -0.85ms - +2.51ms	-

update

Version	Avg time	vs this-change	vs tip-of-tree tip-of-tree	vs previous-release previous-release
this-change	311.71ms - 321.60ms	-	unsure 🔍 -3% - +2% -8.37ms - +5.26ms	unsure 🔍 -4% - +1% -12.87ms - +3.63ms
tip-of-tree tip-of-tree	313.53ms - 322.90ms	unsure 🔍 -2% - +3% -5.26ms - +8.37ms	-	unsure 🔍 -3% - +2% -11.16ms - +5.04ms
previous-release previous-release	314.67ms - 327.88ms	unsure 🔍 -1% - +4% -3.63ms - +12.87ms	unsure 🔍 -2% - +4% -5.04ms - +11.16ms	-

lit-html-template-heavy

• Browser: chrome-headless 103.0.5060.114
• Sample size: 50
• Built by: Benchmarks #3586

• Commit: b8c4cd6

render

Version	Avg time	vs this-change	vs tip-of-tree tip-of-tree	vs previous-release previous-release
this-change	57.71ms - 60.86ms	-	unsure 🔍 -4% - +4% -2.30ms - +2.12ms	unsure 🔍 -3% - +4% -1.84ms - +2.52ms
tip-of-tree tip-of-tree	57.83ms - 60.92ms	unsure 🔍 -4% - +4% -2.12ms - +2.30ms	-	unsure 🔍 -3% - +4% -1.73ms - +2.59ms
previous-release previous-release	57.44ms - 60.45ms	unsure 🔍 -4% - +3% -2.52ms - +1.84ms	unsure 🔍 -4% - +3% -2.59ms - +1.73ms	-

update

Version	Avg time	vs this-change	vs tip-of-tree tip-of-tree	vs previous-release previous-release
this-change	129.87ms - 134.56ms	-	unsure 🔍 -2% - +3% -2.53ms - +4.01ms	unsure 🔍 -4% - +2% -4.74ms - +2.58ms
tip-of-tree tip-of-tree	129.19ms - 133.75ms	unsure 🔍 -3% - +2% -4.01ms - +2.53ms	-	unsure 🔍 -4% - +1% -5.44ms - +1.80ms
previous-release previous-release	130.48ms - 136.10ms	unsure 🔍 -2% - +4% -2.58ms - +4.74ms	unsure 🔍 -1% - +4% -1.80ms - +5.44ms	-

reactive-element-list

• Browser: chrome-headless 103.0.5060.114
• Sample size: 50
• Built by: Benchmarks #3586

• Commit: b8c4cd6

render

Version	Avg time	vs this-change	vs tip-of-tree tip-of-tree	vs previous-release previous-release
this-change	57.52ms - 60.94ms	-	unsure 🔍 -2% - +5% -1.34ms - +2.69ms	unsure 🔍 -3% - +4% -1.73ms - +2.32ms
tip-of-tree tip-of-tree	57.48ms - 59.62ms	unsure 🔍 -5% - +2% -2.69ms - +1.34ms	-	unsure 🔍 -3% - +2% -1.90ms - +1.15ms
previous-release previous-release	57.84ms - 60.02ms	unsure 🔍 -4% - +3% -2.32ms - +1.73ms	unsure 🔍 -2% - +3% -1.15ms - +1.90ms	-

update

Version	Avg time	vs this-change	vs tip-of-tree tip-of-tree	vs previous-release previous-release
this-change	892.43ms - 914.99ms	-	unsure 🔍 -3% - +1% -24.75ms - +9.71ms	unsure 🔍 -1% - +2% -11.70ms - +20.06ms
tip-of-tree tip-of-tree	898.20ms - 924.25ms	unsure 🔍 -1% - +3% -9.71ms - +24.75ms	-	unsure 🔍 -1% - +3% -5.47ms - +28.87ms
previous-release previous-release	888.34ms - 910.71ms	unsure 🔍 -2% - +1% -20.06ms - +11.70ms	unsure 🔍 -3% - +1% -28.87ms - +5.47ms	-

update-reflect

Version	Avg time	vs this-change	vs tip-of-tree tip-of-tree	vs previous-release previous-release
this-change	987.79ms - 1028.10ms	-	unsure 🔍 -1% - +5% -5.87ms - +46.63ms	unsure 🔍 -3% - +3% -27.66ms - +28.93ms
tip-of-tree tip-of-tree	970.74ms - 1004.38ms	unsure 🔍 -5% - +1% -46.63ms - +5.87ms	-	unsure 🔍 -5% - +1% -45.77ms - +6.27ms
previous-release previous-release	987.45ms - 1027.17ms	unsure 🔍 -3% - +3% -28.93ms - +27.66ms	unsure 🔍 -1% - +5% -6.27ms - +45.77ms	-

_{tachometer-reporter-action v2 for Benchmarks}

[usergenic]

closing to fix changeset formatting for [packages/labs/virtualizer]