Narwhals Playing Mahjong

    @lit-labs/observers
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.2 • Public • Published

    @lit-labs/observers

    A set of reactive controllers that facilitate using the platform observer objects, including:

    • MutationObserver
    • ResizeObserver
    • IntersectionObserver
    • PerformanceObserver

    Overview

    The modern web platform provides a number of observer helpers that can be used to detect changes to which web applications may want to react. By managing one of these observers with a reactive controller, changes can be easily integrated into the Lit reactive update lifecycle. The controller can also help manage observer cleanup and rendering in response to changes.

    Installation

    From inside your project folder, run:

    $ npm install @lit-labs/observers

    Usage

    Here's an example:

    import {MutationController} from '@lit-labs/observers/mutation_controller.js';
    // ...
    
    class MyElement extends LitElement {
      private _observer = new MutationController(this, {
        config: {attributes: true},
      });
    
      render() {
        return html` ${this._observer.value ? `Attributes set!` : ``} `;
      }
    }

    Contributing

    Please see CONTRIBUTING.md.

    Keywords

    none

    Install

    npm i @lit-labs/observers

    Homepage

    lit.dev/

    DownloadsWeekly Downloads

    1,973

    Version

    1.0.2

    License

    BSD-3-Clause

    Unpacked Size

    120 kB

    Total Files

    43

    Last publish

    Collaborators

    • lit-robot
    • graysnorton
    • sorvell
    • aomarks
    • justinfagnani
    • kevinpschaaf
    • jbingham
    • graynorton
    • rictic