@rxdi/lit-html 0.7.157 → 0.7.159

package/dist/async.d.ts

@@ -1,5 +1,5 @@
-import { noChange } from './lit-html/lit-html';
-import { AsyncDirective } from './lit-html/async-directive';
+import { noChange } from 'lit';
+import { AsyncDirective } from 'lit/async-directive';
 interface Unsubscribable {
     unsubscribe(): void;
 }
@@ -21,5 +21,5 @@ declare class ObserveDirective extends AsyncDirective {
     unsubscribe(): void;
     reconnected(): void;
 }
-export declare const async: (asyncResult: Subscribable<unknown>) => import("./lit-html/directive").DirectiveResult<typeof ObserveDirective>;
+export declare const async: (asyncResult: Subscribable<unknown>) => import("lit-html/directive").DirectiveResult<typeof ObserveDirective>;
 export {};

package/dist/async.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.async = void 0;
-const lit_html_1 = require("./lit-html/lit-html");
-const directive_1 = require("./lit-html/directive");
-const async_directive_1 = require("./lit-html/async-directive");
+const lit_1 = require("lit");
+const directive_1 = require("lit/directive");
+const async_directive_1 = require("lit/async-directive");
 class ObserveDirective extends async_directive_1.AsyncDirective {
     // When the observable changes, unsubscribe to the old one and
     // subscribe to the new one
@@ -19,7 +19,7 @@ class ObserveDirective extends async_directive_1.AsyncDirective {
                 this.subscribe(asyncResult);
             }
         }
-        return lit_html_1.noChange;
+        return lit_1.noChange;
     }
     // Subscribes to the observable, calling the directive's asynchronous
     // setValue API each time the value changes

package/dist/decorators/component.decorator.d.ts

@@ -1,5 +1,4 @@
-import { TemplateResult } from '../lit-html/lit-html';
-import { CSSResult } from '../reactive-element/css-tag';
+import { TemplateResult, CSSResult } from 'lit';
 export interface CustomAttributeRegistry {
     define(name: string, modifier: Function | Modifier): void;
     get(element: HTMLElement, attrName: string): any;

package/dist/decorators/component.decorator.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Component = void 0;
-const lit_html_1 = require("../lit-html/lit-html");
+const lit_1 = require("lit");
 const legacyCustomElement = (tagName, clazz, options) => {
     window.customElements.define(tagName, clazz, options);
     return clazz;
@@ -34,7 +34,7 @@ const customElement = (tag, config = {}) => (Base) => {
     const firstUpdated = Base.prototype.firstUpdated || function () { };
     let registry;
     if (!config.template) {
-        config.template = Base.prototype.render || (() => (0, lit_html_1.html) ``);
+        config.template = Base.prototype.render || (() => (0, lit_1.html) ``);
     }
     if (config.style) {
         config.styles.push(config.style);
@@ -48,7 +48,7 @@ const customElement = (tag, config = {}) => (Base) => {
             }
             OnInit() {
                 if (config.container) {
-                    (0, lit_html_1.render)(config.template.call(this), config.container);
+                    (0, lit_1.render)(config.template.call(this), config.container);
                     if (config.style) {
                         const style = document.createElement('style');
                         style.type = 'text/css';

package/dist/index.d.ts

@@ -1,19 +1,30 @@
 export * from './decorators/index';
 export * from './async';
-export * from './reactive-element/index';
-export * from './lit-html/lit-html';
-export * from './lit-element/index';
-export * from './lit-html/directives/class-map';
-export * from './lit-html/directives/async-append';
-export * from './lit-html/directives/async-replace';
-export * from './lit-html/directives/cache';
-export * from './lit-html/directives/guard';
-export * from './lit-html/directives/if-defined';
-export * from './lit-html/directives/live';
-export * from './lit-html/directives/ref';
-export * from './lit-html/directives/repeat';
-export * from './lit-html/directives/style-map';
-export * from './lit-html/directives/template-content';
-export * from './lit-html/directives/unsafe-html';
-export * from './lit-html/directives/unsafe-svg';
-export * from './lit-html/directives/until';
+export * from 'lit';
+export * from 'lit/directive';
+export * from 'lit/experimental-hydrate';
+export * from 'lit/experimental-hydrate-support';
+export * from 'lit/polyfill-support';
+export * from 'lit/directive-helpers';
+export * from 'lit/async-directive';
+export * from 'lit-element';
+export * from 'lit/directives/class-map';
+export * from 'lit/directives/async-append';
+export * from 'lit/directives/async-replace';
+export * from 'lit/directives/cache';
+export * from 'lit/directives/guard';
+export * from 'lit/directives/if-defined';
+export * from 'lit/directives/live';
+export * from 'lit/directives/ref';
+export * from 'lit/directives/repeat';
+export * from 'lit/directives/style-map';
+export * from 'lit/directives/template-content';
+export * from 'lit/directives/unsafe-html';
+export * from 'lit/directives/unsafe-svg';
+export * from 'lit/directives/until';
+export * from 'lit/directives/choose';
+export * from 'lit/directives/join';
+export * from 'lit/directives/keyed';
+export * from 'lit/directives/map';
+export * from 'lit/directives/range';
+export * from 'lit/directives/when';

package/dist/index.js

@@ -12,20 +12,31 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./decorators/index"), exports);
 __exportStar(require("./async"), exports);
-__exportStar(require("./reactive-element/index"), exports);
-__exportStar(require("./lit-html/lit-html"), exports);
-__exportStar(require("./lit-element/index"), exports);
-__exportStar(require("./lit-html/directives/class-map"), exports);
-__exportStar(require("./lit-html/directives/async-append"), exports);
-__exportStar(require("./lit-html/directives/async-replace"), exports);
-__exportStar(require("./lit-html/directives/cache"), exports);
-__exportStar(require("./lit-html/directives/guard"), exports);
-__exportStar(require("./lit-html/directives/if-defined"), exports);
-__exportStar(require("./lit-html/directives/live"), exports);
-__exportStar(require("./lit-html/directives/ref"), exports);
-__exportStar(require("./lit-html/directives/repeat"), exports);
-__exportStar(require("./lit-html/directives/style-map"), exports);
-__exportStar(require("./lit-html/directives/template-content"), exports);
-__exportStar(require("./lit-html/directives/unsafe-html"), exports);
-__exportStar(require("./lit-html/directives/unsafe-svg"), exports);
-__exportStar(require("./lit-html/directives/until"), exports);
+__exportStar(require("lit"), exports);
+__exportStar(require("lit/directive"), exports);
+__exportStar(require("lit/experimental-hydrate"), exports);
+__exportStar(require("lit/experimental-hydrate-support"), exports);
+__exportStar(require("lit/polyfill-support"), exports);
+__exportStar(require("lit/directive-helpers"), exports);
+__exportStar(require("lit/async-directive"), exports);
+__exportStar(require("lit-element"), exports);
+__exportStar(require("lit/directives/class-map"), exports);
+__exportStar(require("lit/directives/async-append"), exports);
+__exportStar(require("lit/directives/async-replace"), exports);
+__exportStar(require("lit/directives/cache"), exports);
+__exportStar(require("lit/directives/guard"), exports);
+__exportStar(require("lit/directives/if-defined"), exports);
+__exportStar(require("lit/directives/live"), exports);
+__exportStar(require("lit/directives/ref"), exports);
+__exportStar(require("lit/directives/repeat"), exports);
+__exportStar(require("lit/directives/style-map"), exports);
+__exportStar(require("lit/directives/template-content"), exports);
+__exportStar(require("lit/directives/unsafe-html"), exports);
+__exportStar(require("lit/directives/unsafe-svg"), exports);
+__exportStar(require("lit/directives/until"), exports);
+__exportStar(require("lit/directives/choose"), exports);
+__exportStar(require("lit/directives/join"), exports);
+__exportStar(require("lit/directives/keyed"), exports);
+__exportStar(require("lit/directives/map"), exports);
+__exportStar(require("lit/directives/range"), exports);
+__exportStar(require("lit/directives/when"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rxdi/lit-html",
-  "version": "0.7.157",
+  "version": "0.7.159",
   "main": "./dist/index.js",
   "author": "Kristiyan Tachev",
   "license": "MIT",
@@ -11,7 +11,9 @@
   "scripts": {
     "build": "npx tsc || true"
   },
-  "dependencies": {},
+  "dependencies": {
+    "lit": "^2.5.0"
+  },
   "devDependencies": {
     "@types/node": "^12.0.10",
     "typescript": "^4.3.5"

package/dist/lit-element/decorators.d.ts

@@ -1,14 +0,0 @@
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-export * from '../reactive-element/decorators/base';
-export * from '../reactive-element/decorators/custom-element';
-export * from '../reactive-element/decorators/property';
-export * from '../reactive-element/decorators/state';
-export * from '../reactive-element/decorators/event-options';
-export * from '../reactive-element/decorators/query';
-export * from '../reactive-element/decorators/query-all';
-export * from '../reactive-element/decorators/query-async';
-export * from '../reactive-element/decorators/query-assigned-nodes';

package/dist/lit-element/decorators.js

@@ -1,32 +0,0 @@
-"use strict";
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-/*
- * IMPORTANT: For compatibility with tsickle and the Closure JS compiler, all
- * property decorators (but not class decorators) in this file that have
- * an @ExportDecoratedItems annotation must be defined as a regular function,
- * not an arrow function.
- */
-__exportStar(require("../reactive-element/decorators/base"), exports);
-__exportStar(require("../reactive-element/decorators/custom-element"), exports);
-__exportStar(require("../reactive-element/decorators/property"), exports);
-__exportStar(require("../reactive-element/decorators/state"), exports);
-__exportStar(require("../reactive-element/decorators/event-options"), exports);
-__exportStar(require("../reactive-element/decorators/query"), exports);
-__exportStar(require("../reactive-element/decorators/query-all"), exports);
-__exportStar(require("../reactive-element/decorators/query-async"), exports);
-__exportStar(require("../reactive-element/decorators/query-assigned-nodes"), exports);

package/dist/lit-element/experimental-hydrate-support.d.ts

@@ -1,6 +0,0 @@
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-export {};

package/dist/lit-element/experimental-hydrate-support.js

@@ -1,65 +0,0 @@
-"use strict";
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-const lit_html_1 = require("../lit-html/lit-html");
-const experimental_hydrate_1 = require("../lit-html/experimental-hydrate");
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-globalThis.litElementHydrateSupport = ({ LitElement, }) => {
-    const observedAttributes = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(LitElement), 'observedAttributes').get;
-    // Add `defer-hydration` to observedAttributes
-    Object.defineProperty(LitElement, 'observedAttributes', {
-        get() {
-            return [...observedAttributes.call(this), 'defer-hydration'];
-        },
-    });
-    // Enable element when 'defer-hydration' attribute is removed by calling the
-    // super.connectedCallback()
-    const attributeChangedCallback = LitElement.prototype.attributeChangedCallback;
-    LitElement.prototype.attributeChangedCallback = function (name, old, value) {
-        if (name === 'defer-hydration' && value === null) {
-            connectedCallback.call(this);
-        }
-        attributeChangedCallback.call(this, name, old, value);
-    };
-    // Override `connectedCallback` to capture whether we need hydration, and
-    // defer `super.connectedCallback()` if the 'defer-hydration' attribute is set
-    const connectedCallback = LitElement.prototype.connectedCallback;
-    LitElement.prototype.connectedCallback = function () {
-        // If the outer scope of this element has not yet been hydrated, wait until
-        // 'defer-hydration' attribute has been removed to enable
-        if (!this.hasAttribute('defer-hydration')) {
-            connectedCallback.call(this);
-        }
-    };
-    // If we've been server-side rendered, just return `this.shadowRoot`, don't
-    // call the base implementation, which would also adopt styles (for now)
-    const createRenderRoot = LitElement.prototype.createRenderRoot;
-    LitElement.prototype.createRenderRoot = function () {
-        if (this.shadowRoot) {
-            this._$needsHydration = true;
-            return this.shadowRoot;
-        }
-        else {
-            return createRenderRoot.call(this);
-        }
-    };
-    // Hydrate on first update when needed
-    const update = Object.getPrototypeOf(LitElement.prototype).update;
-    LitElement.prototype.update = function (changedProperties) {
-        const value = this.render();
-        // Since this is a patch, we can't call super.update(), so we capture
-        // it off the proto chain and call it instead
-        update.call(this, changedProperties);
-        if (this._$needsHydration) {
-            this._$needsHydration = false;
-            (0, experimental_hydrate_1.hydrate)(value, this.renderRoot, this.renderOptions);
-        }
-        else {
-            (0, lit_html_1.render)(value, this.renderRoot, this.renderOptions);
-        }
-    };
-};

package/dist/lit-element/index.d.ts

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-export * from './lit-element';
-export * from './decorators';

package/dist/lit-element/index.js

@@ -1,25 +0,0 @@
-"use strict";
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./lit-element"), exports);
-__exportStar(require("./decorators"), exports);
-// console.warn(
-//   "The main 'lit-element' module entrypoint is deprecated. Please update " +
-//     "your imports to use the 'lit' package: 'lit' and 'lit/decorators.ts' " +
-//     "or import from 'lit-element/lit-element.ts'. See " +
-//     'https://lit.dev/msg/deprecated-import-path for more information.'
-// );

package/dist/lit-element/lit-element.d.ts

@@ -1,157 +0,0 @@
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-/**
- * The main LitElement module, which defines the [[`LitElement`]] base class and
- * related APIs.
- *
- *  LitElement components can define a template and a set of observed
- * properties. Changing an observed property triggers a re-render of the
- * element.
- *
- *  Import [[`LitElement`]] and [[`html`]] from this module to create a
- * component:
- *
- *  ```js
- * import {LitElement, html} from 'lit-element';
- *
- * class MyElement extends LitElement {
- *
- *   // Declare observed properties
- *   static get properties() {
- *     return {
- *       adjective: {}
- *     }
- *   }
- *
- *   constructor() {
- *     this.adjective = 'awesome';
- *   }
- *
- *   // Define the element's template
- *   render() {
- *     return html`<p>your ${adjective} template here</p>`;
- *   }
- * }
- *
- * customElements.define('my-element', MyElement);
- * ```
- *
- * `LitElement` extends [[`ReactiveElement`]] and adds lit-html templating.
- * The `ReactiveElement` class is provided for users that want to build
- * their own custom element base classes that don't use lit-html.
- *
- * @packageDocumentation
- */
-import { PropertyValues, ReactiveElement } from '../reactive-element';
-import { RenderOptions } from '../lit-html/lit-html';
-export declare const UpdatingElement: typeof ReactiveElement;
-/**
- * Base element class that manages element properties and attributes, and
- * renders a lit-html template.
- *
- * To define a component, subclass `LitElement` and implement a
- * `render` method to provide the component's template. Define properties
- * using the [[`properties`]] property or the [[`property`]] decorator.
- */
-export declare class LitElement extends ReactiveElement {
-    /**
-     * Ensure this class is marked as `finalized` as an optimization ensuring
-     * it will not needlessly try to `finalize`.
-     *
-     * Note this property name is a string to prevent breaking Closure JS Compiler
-     * optimizations. See @lit/reactive-element for more information.
-     */
-    protected static ['finalized']: boolean;
-    static ['_$litElement$']: boolean;
-    /**
-     * @category rendering
-     */
-    readonly renderOptions: RenderOptions;
-    private __childPart;
-    /**
-     * @category rendering
-     */
-    protected createRenderRoot(): Element | ShadowRoot;
-    /**
-     * Updates the element. This method reflects property values to attributes
-     * and calls `render` to render DOM via lit-html. Setting properties inside
-     * this method will *not* trigger another update.
-     * @param changedProperties Map of changed properties with old values
-     * @category updates
-     */
-    protected update(changedProperties: PropertyValues): void;
-    /**
-     * Invoked when the component is added to the document's DOM.
-     *
-     * In `connectedCallback()` you should setup tasks that should only occur when
-     * the element is connected to the document. The most common of these is
-     * adding event listeners to nodes external to the element, like a keydown
-     * event handler added to the window.
-     *
-     * ```ts
-     * connectedCallback() {
-     *   super.connectedCallback();
-     *   addEventListener('keydown', this._handleKeydown);
-     * }
-     * ```
-     *
-     * Typically, anything done in `connectedCallback()` should be undone when the
-     * element is disconnected, in `disconnectedCallback()`.
-     *
-     * @category lifecycle
-     */
-    connectedCallback(): void;
-    /**
-     * Invoked when the component is removed from the document's DOM.
-     *
-     * This callback is the main signal to the element that it may no longer be
-     * used. `disconnectedCallback()` should ensure that nothing is holding a
-     * reference to the element (such as event listeners added to nodes external
-     * to the element), so that it is free to be garbage collected.
-     *
-     * ```ts
-     * disconnectedCallback() {
-     *   super.disconnectedCallback();
-     *   window.removeEventListener('keydown', this._handleKeydown);
-     * }
-     * ```
-     *
-     * An element may be re-connected after being disconnected.
-     *
-     * @category lifecycle
-     */
-    disconnectedCallback(): void;
-    /**
-     * Invoked on each update to perform rendering tasks. This method may return
-     * any value renderable by lit-html's `ChildPart` - typically a
-     * `TemplateResult`. Setting properties inside this method will *not* trigger
-     * the element to update.
-     * @category rendering
-     */
-    protected render(): unknown;
-}
-/**
- * END USERS SHOULD NOT RELY ON THIS OBJECT.
- *
- * Private exports for use by other Lit packages, not intended for use by
- * external users.
- *
- * We currently do not make a mangled rollup build of the lit-ssr code. In order
- * to keep a number of (otherwise private) top-level exports  mangled in the
- * client side code, we export a _$LE object containing those members (or
- * helper methods for accessing private fields of those members), and then
- * re-export them for use in lit-ssr. This keeps lit-ssr agnostic to whether the
- * client-side code is being used in `dev` mode or `prod` mode.
- *
- * This has a unique name, to disambiguate it from private exports in
- * lit-html, since this module re-exports all of lit-html.
- *
- * @private
- */
-export declare const _$LE: {
-    _$attributeToProperty: (el: LitElement, name: string, value: string | null) => void;
-    _$changedProperties: (el: LitElement) => any;
-};