@rxdi/lit-html 0.7.156 → 0.7.158

package/dist/reactive-element/decorators/query-assigned-nodes.d.ts

@@ -1,33 +0,0 @@
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-import { ReactiveElement } from '../reactive-element';
-/**
- * A property decorator that converts a class property into a getter that
- * returns the `assignedNodes` of the given named `slot`. Note, the type of
- * this property should be annotated as `NodeListOf<HTMLElement>`.
- *
- * @param slotName A string name of the slot.
- * @param flatten A boolean which when true flattens the assigned nodes,
- *     meaning any assigned nodes that are slot elements are replaced with their
- *     assigned nodes.
- * @param selector A string which filters the results to elements that match
- *     the given css selector.
- *
- * ```ts
- * class MyElement {
- *   @queryAssignedNodes('list', true, '.item')
- *   listItems;
- *
- *   render() {
- *     return html`
- *       <slot name="list"></slot>
- *     `;
- *   }
- * }
- * ```
- * @category Decorator
- */
-export declare function queryAssignedNodes(slotName?: string, flatten?: boolean, selector?: string): (protoOrDescriptor: ReactiveElement | import("./base").ClassElement, name?: PropertyKey) => any;

package/dist/reactive-element/decorators/query-assigned-nodes.js

@@ -1,55 +0,0 @@
-"use strict";
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.queryAssignedNodes = void 0;
-const base_1 = require("./base");
-/**
- * A property decorator that converts a class property into a getter that
- * returns the `assignedNodes` of the given named `slot`. Note, the type of
- * this property should be annotated as `NodeListOf<HTMLElement>`.
- *
- * @param slotName A string name of the slot.
- * @param flatten A boolean which when true flattens the assigned nodes,
- *     meaning any assigned nodes that are slot elements are replaced with their
- *     assigned nodes.
- * @param selector A string which filters the results to elements that match
- *     the given css selector.
- *
- * ```ts
- * class MyElement {
- *   @queryAssignedNodes('list', true, '.item')
- *   listItems;
- *
- *   render() {
- *     return html`
- *       <slot name="list"></slot>
- *     `;
- *   }
- * }
- * ```
- * @category Decorator
- */
-function queryAssignedNodes(slotName = '', flatten = false, selector = '') {
-    return (0, base_1.decorateProperty)({
-        descriptor: (_name) => ({
-            get() {
-                var _a, _b, _c;
-                const slotSelector = `slot${slotName ? `[name=${slotName}]` : ':not([name])'}`;
-                const slot = (_a = this.renderRoot) === null || _a === void 0 ? void 0 : _a.querySelector(slotSelector);
-                let nodes = (_c = (_b = slot) === null || _b === void 0 ? void 0 : _b.assignedNodes({ flatten })) !== null && _c !== void 0 ? _c : [];
-                if (selector) {
-                    nodes = nodes.filter((node) => node.nodeType === Node.ELEMENT_NODE &&
-                        node.matches(selector));
-                }
-                return nodes;
-            },
-            enumerable: true,
-            configurable: true,
-        }),
-    });
-}
-exports.queryAssignedNodes = queryAssignedNodes;

package/dist/reactive-element/decorators/query-async.d.ts

@@ -1,39 +0,0 @@
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-import { ReactiveElement } from '../reactive-element';
-/**
- * A property decorator that converts a class property into a getter that
- * returns a promise that resolves to the result of a querySelector on the
- * element's renderRoot done after the element's `updateComplete` promise
- * resolves. When the queried property may change with element state, this
- * decorator can be used instead of requiring users to await the
- * `updateComplete` before accessing the property.
- *
- * @param selector A DOMString containing one or more selectors to match.
- *
- * See: https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector
- *
- * ```ts
- * class MyElement {
- *   @queryAsync('#first')
- *   first;
- *
- *   render() {
- *     return html`
- *       <div id="first"></div>
- *       <div id="second"></div>
- *     `;
- *   }
- * }
- *
- * // external usage
- * async doSomethingWithFirst() {
- *  (await aMyElement.first).doSomething();
- * }
- * ```
- * @category Decorator
- */
-export declare function queryAsync(selector: string): (protoOrDescriptor: ReactiveElement | import("./base").ClassElement, name?: PropertyKey) => any;

package/dist/reactive-element/decorators/query-async.js

@@ -1,71 +0,0 @@
-"use strict";
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.queryAsync = void 0;
-const base_1 = require("./base");
-// Note, in the future, we may extend this decorator to support the use case
-// where the queried element may need to do work to become ready to interact
-// with (e.g. load some implementation code). If so, we might elect to
-// add a second argument defining a function that can be run to make the
-// queried element loaded/updated/ready.
-/**
- * A property decorator that converts a class property into a getter that
- * returns a promise that resolves to the result of a querySelector on the
- * element's renderRoot done after the element's `updateComplete` promise
- * resolves. When the queried property may change with element state, this
- * decorator can be used instead of requiring users to await the
- * `updateComplete` before accessing the property.
- *
- * @param selector A DOMString containing one or more selectors to match.
- *
- * See: https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector
- *
- * ```ts
- * class MyElement {
- *   @queryAsync('#first')
- *   first;
- *
- *   render() {
- *     return html`
- *       <div id="first"></div>
- *       <div id="second"></div>
- *     `;
- *   }
- * }
- *
- * // external usage
- * async doSomethingWithFirst() {
- *  (await aMyElement.first).doSomething();
- * }
- * ```
- * @category Decorator
- */
-function queryAsync(selector) {
-    return (0, base_1.decorateProperty)({
-        descriptor: (_name) => ({
-            get() {
-                var _a;
-                return __awaiter(this, void 0, void 0, function* () {
-                    yield this.updateComplete;
-                    return (_a = this.renderRoot) === null || _a === void 0 ? void 0 : _a.querySelector(selector);
-                });
-            },
-            enumerable: true,
-            configurable: true,
-        }),
-    });
-}
-exports.queryAsync = queryAsync;

package/dist/reactive-element/decorators/query.d.ts

@@ -1,32 +0,0 @@
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-import { ReactiveElement } from '../reactive-element';
-/**
- * A property decorator that converts a class property into a getter that
- * executes a querySelector on the element's renderRoot.
- *
- * @param selector A DOMString containing one or more selectors to match.
- * @param cache An optional boolean which when true performs the DOM query only
- *     once and caches the result.
- *
- * See: https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector
- *
- * ```ts
- * class MyElement {
- *   @query('#first')
- *   first;
- *
- *   render() {
- *     return html`
- *       <div id="first"></div>
- *       <div id="second"></div>
- *     `;
- *   }
- * }
- * ```
- * @category Decorator
- */
-export declare function query(selector: string, cache?: boolean): (protoOrDescriptor: ReactiveElement | import("./base").ClassElement, name?: PropertyKey) => any;

package/dist/reactive-element/decorators/query.js

@@ -1,60 +0,0 @@
-"use strict";
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.query = void 0;
-const base_1 = require("./base");
-/**
- * A property decorator that converts a class property into a getter that
- * executes a querySelector on the element's renderRoot.
- *
- * @param selector A DOMString containing one or more selectors to match.
- * @param cache An optional boolean which when true performs the DOM query only
- *     once and caches the result.
- *
- * See: https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector
- *
- * ```ts
- * class MyElement {
- *   @query('#first')
- *   first;
- *
- *   render() {
- *     return html`
- *       <div id="first"></div>
- *       <div id="second"></div>
- *     `;
- *   }
- * }
- * ```
- * @category Decorator
- */
-function query(selector, cache) {
-    return (0, base_1.decorateProperty)({
-        descriptor: (name) => {
-            const descriptor = {
-                get() {
-                    var _a, _b;
-                    return (_b = (_a = this.renderRoot) === null || _a === void 0 ? void 0 : _a.querySelector(selector)) !== null && _b !== void 0 ? _b : null;
-                },
-                enumerable: true,
-                configurable: true,
-            };
-            if (cache) {
-                const key = typeof name === 'symbol' ? Symbol() : `__${name}`;
-                descriptor.get = function () {
-                    var _a, _b;
-                    if (this[key] === undefined) {
-                        this[key] = (_b = (_a = this.renderRoot) === null || _a === void 0 ? void 0 : _a.querySelector(selector)) !== null && _b !== void 0 ? _b : null;
-                    }
-                    return this[key];
-                };
-            }
-            return descriptor;
-        },
-    });
-}
-exports.query = query;

package/dist/reactive-element/decorators/state.d.ts

@@ -1,24 +0,0 @@
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-export interface InternalPropertyDeclaration<Type = unknown> {
-    /**
-     * A function that indicates if a property should be considered changed when
-     * it is set. The function should take the `newValue` and `oldValue` and
-     * return `true` if an update should be requested.
-     */
-    hasChanged?(value: Type, oldValue: Type): boolean;
-}
-/**
- * Declares a private or protected reactive property that still triggers
- * updates to the element when it changes. It does not reflect from the
- * corresponding attribute.
- *
- * Properties declared this way must not be used from HTML or HTML templating
- * systems, they're solely for properties internal to the element. These
- * properties may be renamed by optimization tools like closure compiler.
- * @category Decorator
- */
-export declare function state(options?: InternalPropertyDeclaration): (protoOrDescriptor: Object | import("./base").ClassElement, name?: PropertyKey) => any;

package/dist/reactive-element/decorators/state.js

@@ -1,29 +0,0 @@
-"use strict";
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.state = void 0;
-/*
- * 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.
- */
-const property_1 = require("./property");
-/**
- * Declares a private or protected reactive property that still triggers
- * updates to the element when it changes. It does not reflect from the
- * corresponding attribute.
- *
- * Properties declared this way must not be used from HTML or HTML templating
- * systems, they're solely for properties internal to the element. These
- * properties may be renamed by optimization tools like closure compiler.
- * @category Decorator
- */
-function state(options) {
-    return (0, property_1.property)(Object.assign(Object.assign({}, options), { state: true }));
-}
-exports.state = state;

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

@@ -1,5 +0,0 @@
-export * from './css-tag';
-export * from './decorators';
-import './polyfill-support';
-export * from './reactive-controller';
-export * from './reactive-element';

package/dist/reactive-element/index.js

@@ -1,17 +0,0 @@
-"use strict";
-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("./css-tag"), exports);
-__exportStar(require("./decorators"), exports);
-require("./polyfill-support");
-__exportStar(require("./reactive-controller"), exports);
-__exportStar(require("./reactive-element"), exports);

package/dist/reactive-element/polyfill-support.d.ts

@@ -1,40 +0,0 @@
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-/**
- * ReactiveElement patch to support browsers without native web components.
- *
- * This module should be used in addition to loading the web components
- * polyfills via @webcomponents/webcomponentjs. When using those polyfills
- * support for polyfilled Shadow DOM is automatic via the ShadyDOM polyfill, but
- * support for Shadow DOM like css scoping is opt-in. This module uses ShadyCSS
- * to scope styles defined via the `static styles` property.
- *
- * @packageDocumentation
- */
-interface RenderOptions {
-    readonly renderBefore?: ChildNode | null;
-    scope?: string;
-}
-declare const SCOPED = "__scoped";
-declare type CSSResults = Array<{
-    cssText: string;
-} | CSSStyleSheet>;
-interface PatchableReactiveElementConstructor {
-    [SCOPED]: boolean;
-    elementStyles: CSSResults;
-    shadowRootOptions: ShadowRootInit;
-    _$handlesPrepareStyles?: boolean;
-}
-interface PatchableReactiveElement extends HTMLElement {
-    new (...args: any[]): PatchableReactiveElement;
-    constructor: PatchableReactiveElementConstructor;
-    connectedCallback(): void;
-    hasUpdated: boolean;
-    _$didUpdate(changedProperties: unknown): void;
-    createRenderRoot(): Element | ShadowRoot;
-    renderOptions: RenderOptions;
-}
-declare var DEV_MODE: boolean;

package/dist/reactive-element/polyfill-support.js

@@ -1,89 +0,0 @@
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-var _a;
-var _b;
-const SCOPED = '__scoped';
-// Note, explicitly use `var` here so that this can be re-defined when
-// bundled.
-// eslint-disable-next-line no-var
-var DEV_MODE = true;
-(_a = globalThis[_b = `reactiveElementPolyfillSupport${DEV_MODE ? `DevMode` : ``}`]) !== null && _a !== void 0 ? _a : (globalThis[_b] = ({ ReactiveElement, }) => {
-    // polyfill-support is only needed if ShadyCSS or the ApplyShim is in use
-    // We test at the point of patching, which makes it safe to load
-    // webcomponentsjs and polyfill-support in either order
-    if (window.ShadyCSS === undefined ||
-        (window.ShadyCSS.nativeShadow && !window.ShadyCSS.ApplyShim)) {
-        return;
-    }
-    // console.log(
-    //   '%c Making ReactiveElement compatible with ShadyDOM/CSS.',
-    //   'color: lightgreen; font-style: italic'
-    // );
-    const elementProto = ReactiveElement.prototype;
-    // In noPatch mode, patch the ReactiveElement prototype so that no
-    // ReactiveElements must be wrapped.
-    if (window.ShadyDOM &&
-        window.ShadyDOM.inUse &&
-        window.ShadyDOM.noPatch === true) {
-        window.ShadyDOM.patchElementProto(elementProto);
-    }
-    /**
-     * Patch to apply adoptedStyleSheets via ShadyCSS
-     */
-    const createRenderRoot = elementProto.createRenderRoot;
-    elementProto.createRenderRoot = function () {
-        var _a, _b, _c;
-        // Pass the scope to render options so that it gets to lit-html for proper
-        // scoping via ShadyCSS.
-        const name = this.localName;
-        // If using native Shadow DOM must adoptStyles normally,
-        // otherwise do nothing.
-        if (window.ShadyCSS.nativeShadow) {
-            return createRenderRoot.call(this);
-        }
-        else {
-            if (!this.constructor.hasOwnProperty(SCOPED)) {
-                this.constructor[SCOPED] =
-                    true;
-                // Use ShadyCSS's `prepareAdoptedCssText` to shim adoptedStyleSheets.
-                const css = this.constructor.elementStyles.map((v) => v instanceof CSSStyleSheet
-                    ? Array.from(v.cssRules).reduce((a, r) => (a += r.cssText), '')
-                    : v.cssText);
-                (_b = (_a = window.ShadyCSS) === null || _a === void 0 ? void 0 : _a.ScopingShim) === null || _b === void 0 ? void 0 : _b.prepareAdoptedCssText(css, name);
-                if (this.constructor._$handlesPrepareStyles === undefined) {
-                    window.ShadyCSS.prepareTemplateStyles(document.createElement('template'), name);
-                }
-            }
-            return ((_c = this.shadowRoot) !== null && _c !== void 0 ? _c : this.attachShadow(this.constructor
-                .shadowRootOptions));
-        }
-    };
-    /**
-     * Patch connectedCallback to apply ShadyCSS custom properties shimming.
-     */
-    const connectedCallback = elementProto.connectedCallback;
-    elementProto.connectedCallback = function () {
-        connectedCallback.call(this);
-        // Note, must do first update separately so that we're ensured
-        // that rendering has completed before calling this.
-        if (this.hasUpdated) {
-            window.ShadyCSS.styleElement(this);
-        }
-    };
-    /**
-     * Patch update to apply ShadyCSS custom properties shimming for first
-     * update.
-     */
-    const didUpdate = elementProto._$didUpdate;
-    elementProto._$didUpdate = function (changedProperties) {
-        // Note, must do first update here so rendering has completed before
-        // calling this and styles are correct by updated/firstUpdated.
-        if (!this.hasUpdated) {
-            window.ShadyCSS.styleElement(this);
-        }
-        didUpdate.call(this, changedProperties);
-    };
-});

package/dist/reactive-element/reactive-controller.d.ts

@@ -1,76 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-/**
- * An object that can host Reactive Controllers and call their lifecycle
- * callbacks.
- */
-export interface ReactiveControllerHost {
-    /**
-     * Adds a controller to the host, which sets up the controller's lifecycle
-     * methods to be called with the host's lifecycle.
-     */
-    addController(controller: ReactiveController): void;
-    /**
-     * Removes a controller from the host.
-     */
-    removeController(controller: ReactiveController): void;
-    /**
-     * Requests a host update which is processed asynchronously. The update can
-     * be waited on via the `updateComplete` property.
-     */
-    requestUpdate(): void;
-    /**
-     * Returns a Promise that resolves when the host has completed updating.
-     * The Promise value is a boolean that is `true` if the element completed the
-     * update without triggering another update. The Promise result is `false` if
-     * a property was set inside `updated()`. If the Promise is rejected, an
-     * exception was thrown during the update.
-     *
-     * @return A promise of a boolean that indicates if the update resolved
-     *     without triggering another update.
-     */
-    readonly updateComplete: Promise<boolean>;
-}
-/**
- * A Reactive Controller is an object that enables sub-component code
- * organization and reuse by aggregating the state, behavior, and lifecycle
- * hooks related to a single feature.
- *
- * Controllers are added to a host component, or other object that implements
- * the `ReactiveControllerHost` interface, via the `addController()` method.
- * They can hook their host components's lifecycle by implementing one or more
- * of the lifecycle callbacks, or initiate an update of the host component by
- * calling `requestUpdate()` on the host.
- */
-export interface ReactiveController {
-    /**
-     * Called when the host is connected to the component tree. For custom
-     * element hosts, this corresponds to the `connectedCallback()` lifecycle,
-     * which is only called when the component is connected to the document.
-     */
-    hostConnected?(): void;
-    /**
-     * Called when the host is disconnected from the component tree. For custom
-     * element hosts, this corresponds to the `disconnectedCallback()` lifecycle,
-     * which is called the host or an ancestor component is disconnected from the
-     * document.
-     */
-    hostDisconnected?(): void;
-    /**
-     * Called during the client-side host update, just before the host calls
-     * its own update.
-     *
-     * Code in `update()` can depend on the DOM as it is not called in
-     * server-side rendering.
-     */
-    hostUpdate?(): void;
-    /**
-     * Called after a host update, just before the host calls firstUpdated and
-     * updated. It is not called in server-side rendering.
-     *
-     */
-    hostUpdated?(): void;
-}

package/dist/reactive-element/reactive-controller.js

@@ -1,7 +0,0 @@
-"use strict";
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-Object.defineProperty(exports, "__esModule", { value: true });