@a11d/lit 0.0.12 → 0.0.13

package/dist/Component/Component.d.ts

@@ -1,7 +1,7 @@
 import { LitElement, PropertyValues } from 'lit';
-export declare const component: (tagName: string) => (classOrDescriptor: import("@lit/reactive-element/decorators/base").ClassDescriptor | {
+export declare const component: (tagName: string) => (classOrDescriptor: {
     prototype: HTMLElement;
-}) => any;
+} | import("@lit/reactive-element/decorators/base").ClassDescriptor) => any;
 export declare abstract class Component extends LitElement {
     /** Invoked after first update i.e. render is completed */
     protected initialized(): void;
@@ -10,9 +10,9 @@ export declare abstract class Component extends LitElement {
     /** Invoked every time the component is disconnected from the Document Object Model (DOM) */
     protected disconnected(): void;
     /** @deprecated Use template getter instead */
-    protected render(): import("lit-html").TemplateResult<2 | 1>;
-    protected get template(): import("lit-html").TemplateResult<2 | 1>;
-    firstUpdated(props: PropertyValues): void;
+    protected render(): import("lit-html").TemplateResult<1 | 2>;
+    protected get template(): import("lit-html").TemplateResult<1 | 2>;
+    protected firstUpdated(props: PropertyValues): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@a11d/lit",
-	"version": "0.0.12",
+	"version": "0.0.13",
 	"description": "A thin wrapper around the Lit library",
 	"repository": {
 		"type": "git",

package/dist/Component/nothing.d.ts

@@ -1,2 +0,0 @@
-import { TemplateResult } from 'lit';
-export declare const nothing: TemplateResult<2 | 1>;

package/dist/Component/nothing.js

@@ -1,2 +0,0 @@
-import { nothing as litNothing } from 'lit';
-export const nothing = litNothing;

package/dist/Controller/Controller.d.ts

@@ -1,9 +0,0 @@
-import { ReactiveController, ReactiveControllerHost } from 'lit';
-export declare abstract class Controller implements ReactiveController {
-    protected readonly host: ReactiveControllerHost;
-    constructor(host: ReactiveControllerHost);
-    hostConnected?(): void;
-    hostDisconnected?(): void;
-    hostUpdate?(): void;
-    hostUpdated?(): void;
-}

package/dist/Controller/Controller.js

@@ -1,6 +0,0 @@
-export class Controller {
-    constructor(host) {
-        this.host = host;
-        this.host.addController(this);
-    }
-}

package/dist/Controller/index.d.ts

@@ -1 +0,0 @@
-export * from './Controller';

package/dist/Controller/index.js

@@ -1 +0,0 @@
-export * from './Controller';

package/dist/decorateLitElement.d.ts

@@ -1,7 +0,0 @@
-import { LitElement } from 'lit';
-export declare const decorateLitElement: <T>({ constructorPropertyName, prototype, initialValue, lifecycleHooks }: {
-    constructorPropertyName: string;
-    prototype: LitElement;
-    initialValue: T;
-    lifecycleHooks: Map<string, (this: LitElement, data: T, ...args: Array<any>) => any>;
-}) => T;

package/dist/decorateLitElement.js

@@ -1,19 +0,0 @@
-export const decorateLitElement = ({ constructorPropertyName, prototype, initialValue, lifecycleHooks }) => {
-    const p = prototype;
-    const constructor = prototype.constructor;
-    const existingValue = Object.getOwnPropertyDescriptor(constructor, constructorPropertyName)?.value;
-    if (existingValue) {
-        return existingValue;
-    }
-    const inheritedValue = constructor[constructorPropertyName];
-    const value = inheritedValue ? Object.assign(initialValue, inheritedValue) : initialValue;
-    Object.defineProperty(constructor, constructorPropertyName, { value });
-    for (const [lifecycleName, lifecycleFunction] of lifecycleHooks) {
-        const originalFunction = p[lifecycleName];
-        p[lifecycleName] = function (...args) {
-            originalFunction.call(this, ...args);
-            lifecycleFunction.call(this, value, ...args);
-        };
-    }
-    return value;
-};

package/dist/event/EventDispatcher.d.ts

@@ -1,6 +0,0 @@
-declare type EventHandler<T> = (data: T) => void;
-interface EventDispatcher<T = void> {
-    dispatch(value: T): void;
-    subscribe(handler: EventHandler<T>): void;
-    unsubscribe(handler: EventHandler<T>): void;
-}

package/dist/event/EventDispatcher.js

@@ -1 +0,0 @@
-"use strict";

package/dist/event/HTMLElementEventDispatcher.d.ts

@@ -1,10 +0,0 @@
-export declare class HTMLElementEventDispatcher<T = void> implements EventDispatcher<T> {
-    private readonly element;
-    private readonly type;
-    private readonly options?;
-    private readonly handlersMap;
-    constructor(element: HTMLElement, type: string, options?: EventInit | undefined);
-    dispatch(value: T): void;
-    subscribe(handler: EventHandler<T>): void;
-    unsubscribe(handler: EventHandler<T>): void;
-}

package/dist/event/HTMLElementEventDispatcher.js

@@ -1,23 +0,0 @@
-export class HTMLElementEventDispatcher {
-    constructor(element, type, options) {
-        this.element = element;
-        this.type = type;
-        this.options = options;
-        this.handlersMap = new Map();
-    }
-    dispatch(value) {
-        this.element.dispatchEvent(new CustomEvent(this.type, { detail: value, ...this.options }));
-    }
-    subscribe(handler) {
-        const nativeHandler = (event) => handler(event.detail);
-        this.element.addEventListener(this.type, nativeHandler);
-        this.handlersMap.set(handler, nativeHandler);
-    }
-    unsubscribe(handler) {
-        const nativeHandler = this.handlersMap.get(handler);
-        if (nativeHandler) {
-            this.element.removeEventListener(this.type, nativeHandler);
-        }
-        this.handlersMap.delete(handler);
-    }
-}

package/dist/event/PureEventDispatcher.d.ts

@@ -1,6 +0,0 @@
-export declare class PureEventDispatcher<T = void> implements EventDispatcher<T> {
-    private readonly handlers;
-    subscribe(handler: EventHandler<T>): void;
-    unsubscribe(handler: EventHandler<T>): void;
-    dispatch(data: T): void;
-}

package/dist/event/PureEventDispatcher.js

@@ -1,16 +0,0 @@
-export class PureEventDispatcher {
-    constructor() {
-        this.handlers = new Set();
-    }
-    subscribe(handler) {
-        this.handlers.add(handler);
-    }
-    unsubscribe(handler) {
-        this.handlers.delete(handler);
-    }
-    dispatch(data) {
-        for (const handler of this.handlers) {
-            handler(data);
-        }
-    }
-}

package/dist/event/event.d.ts

@@ -1 +0,0 @@
-export declare function event(options?: EventInit): (prototype: unknown, propertyKey?: string) => void;

package/dist/event/event.js

@@ -1,20 +0,0 @@
-import { HTMLElementEventDispatcher } from './HTMLElementEventDispatcher';
-import { PureEventDispatcher } from './PureEventDispatcher';
-export function event(options) {
-    return (prototype, propertyKey) => {
-        if (propertyKey === undefined) {
-            return;
-        }
-        const eventFieldName = `$${propertyKey}Event$`;
-        Object.defineProperty(prototype, propertyKey, {
-            get() {
-                if (!this[eventFieldName]) {
-                    this[eventFieldName] = this instanceof HTMLElement
-                        ? new HTMLElementEventDispatcher(this, propertyKey, options)
-                        : new PureEventDispatcher();
-                }
-                return this[eventFieldName];
-            }
-        });
-    };
-}

package/dist/event/index.d.ts

@@ -1,3 +0,0 @@
-export * from './PureEventDispatcher';
-export * from './HTMLElementEventDispatcher';
-export * from './event';

package/dist/event/index.js

@@ -1,3 +0,0 @@
-export * from './PureEventDispatcher';
-export * from './HTMLElementEventDispatcher';
-export * from './event';

package/dist/eventListener/eventListener.d.ts

@@ -1,13 +0,0 @@
-import { LitElement } from 'lit';
-declare type ShorthandEventListenerDecoratorOptions = [type: string, options?: EventListenerOptions | boolean];
-declare type FullEventListenerDecoratorOptions = [
-    {
-        type: string;
-        target?: EventTarget | ((this: any) => EventTarget);
-        options?: EventListenerOptions | boolean;
-    }
-];
-declare type EventListenerDecoratorOptions = ShorthandEventListenerDecoratorOptions | FullEventListenerDecoratorOptions;
-export declare const eventListener: (...eventListenerOptions: EventListenerDecoratorOptions) => (prototype: LitElement, propertyKey: string, descriptor?: PropertyDescriptor) => void;
-export declare const extractEventHandler: <TEvent extends Event = Event>(eventListener: EventListenerOrEventListenerObject) => (event: TEvent) => void;
-export {};

package/dist/eventListener/eventListener.js

@@ -1,76 +0,0 @@
-import { decorateLitElement } from '../decorateLitElement';
-function extractArguments(args) {
-    const short = ((args) => typeof args[0] === 'string')(args);
-    return {
-        type: short ? args[0] : args[0].type,
-        target: short ? undefined : args[0].target,
-        options: short ? args[1] : args[0].options,
-    };
-}
-function extractEventTarget(target) {
-    return typeof target === 'function' ? target.call(this) : target ?? this;
-}
-export const eventListener = (...eventListenerOptions) => {
-    return (prototype, propertyKey, descriptor) => {
-        decorateLitElement({
-            prototype,
-            constructorPropertyName: '$eventListeners$',
-            initialValue: new Map,
-            lifecycleHooks: new Map([
-                ['connectedCallback', function (eventListeners) {
-                        for (const [key, { type, target, options, descriptor, property }] of eventListeners) {
-                            if (this.constructor.name === extractConstructorNameFromUniquePropertyKey(key)) {
-                                defineBoundListener.call(this, property, descriptor);
-                                extractEventTarget.call(this, target)
-                                    ?.addEventListener(type, getBoundListener.call(this, property), options);
-                            }
-                        }
-                    }],
-                ['disconnectedCallback', function (eventListeners) {
-                        for (const { type, target, options, property } of eventListeners.values()) {
-                            extractEventTarget.call(this, target)
-                                ?.removeEventListener(type, getBoundListener.call(this, property), options);
-                        }
-                    }],
-            ])
-        }).set(getUniquePropertyKey(prototype.constructor, propertyKey), { descriptor, property: propertyKey, ...extractArguments(eventListenerOptions) });
-    };
-};
-const getUniquePropertyKey = (constructor, property) => `${constructor.name}.${property}`;
-const extractConstructorNameFromUniquePropertyKey = (uniquePropertyKey) => uniquePropertyKey.split('.')[0];
-function getBoundListener(propertyKey) {
-    return Object.getOwnPropertyDescriptor(this, getBoundMethodKey(propertyKey))?.value;
-}
-function defineBoundListener(propertyKey, descriptor) {
-    const unboundFunction = !descriptor
-        ? Object.getOwnPropertyDescriptor(this, propertyKey)?.value
-        : typeof descriptor.get === 'function'
-            ? descriptor.get
-            : descriptor.value;
-    if (isEventListenerOrEventListenerObject(unboundFunction) === false) {
-        throw new TypeError(`${getUniquePropertyKey(this.constructor, propertyKey)} is not a function`);
-    }
-    Object.defineProperty(this, getBoundMethodKey(propertyKey), {
-        // eslint-disable-next-line no-restricted-syntax
-        value: unboundFunction.bind(this),
-        configurable: true,
-        enumerable: false,
-        writable: false,
-    });
-}
-const getBoundMethodKey = (method) => `$BOUND_${method}$`;
-const isEventListenerOrEventListenerObject = (listener) => {
-    const isListener = typeof listener === 'function';
-    // @ts-expect-error 'in' operator seemingly does not narrow down the type
-    const isListenerObject = typeof listener === 'object' && listener !== null && 'handleEvent' in listener && typeof listener.handleEvent === 'function';
-    return isListener || isListenerObject;
-};
-export const extractEventHandler = (eventListener) => {
-    if ('_$committedValue' in eventListener) {
-        const eventPart = eventListener;
-        const handler = eventListener['_$committedValue'];
-        // eslint-disable-next-line no-restricted-syntax
-        return handler.bind(eventPart.element);
-    }
-    return typeof eventListener === 'function' ? eventListener : eventListener.handleEvent;
-};

package/dist/eventListener/index.d.ts

@@ -1 +0,0 @@
-export * from './eventListener';

package/dist/eventListener/index.js

@@ -1 +0,0 @@
-export * from './eventListener';

package/dist/index.js

@@ -1,32 +0,0 @@
-/* eslint-disable import/export */
-export * from 'lit';
-export { eventOptions, queryAssignedElements, queryAssignedNodes, queryAsync } from 'lit/decorators.js';
-export * from 'lit-html';
-export * from 'lit-html/directive.js';
-export * from 'lit-html/directives/async-append.js';
-export * from 'lit-html/directives/async-replace.js';
-export * from 'lit-html/directives/cache.js';
-export * from 'lit-html/directives/choose.js';
-export * from 'lit-html/directives/class-map.js';
-export * from 'lit-html/directives/guard.js';
-export * from 'lit-html/directives/if-defined.js';
-export * from 'lit-html/directives/join.js';
-export * from 'lit-html/directives/keyed.js';
-export * from 'lit-html/directives/live.js';
-export * from 'lit-html/directives/map.js';
-export * from 'lit-html/directives/range.js';
-export * from 'lit-html/directives/ref.js';
-export * from 'lit-html/directives/repeat.js';
-export * from 'lit-html/directives/style-map.js';
-export * from 'lit-html/directives/template-content.js';
-export * from 'lit-html/directives/unsafe-html.js';
-export * from 'lit-html/directives/unsafe-svg.js';
-export * from 'lit-html/directives/until.js';
-export * from 'lit-html/directives/when.js';
-import './types';
-export { Component, nothing, component } from './Component';
-export * from './Controller';
-export * from './query';
-export * from './updated';
-export * from './eventListener';
-export * from './event';

package/dist/query/index.d.ts

@@ -1,3 +0,0 @@
-export * from './query';
-export * from './queryAll';
-export * from './queryAllAsNodeList';

package/dist/query/index.js

@@ -1,3 +0,0 @@
-export * from './query';
-export * from './queryAll';
-export * from './queryAllAsNodeList';

package/dist/query/query.d.ts

@@ -1,2 +0,0 @@
-import { LitElement } from 'lit';
-export declare const query: (selector: string) => (prototype: LitElement, propertyKey: PropertyKey) => void;

package/dist/query/query.js

@@ -1,9 +0,0 @@
-export const query = (selector) => {
-    return (prototype, propertyKey) => {
-        Object.defineProperty(prototype, propertyKey, {
-            get() {
-                return this.renderRoot.querySelector(selector) ?? undefined;
-            }
-        });
-    };
-};

package/dist/query/queryAll.d.ts

@@ -1,2 +0,0 @@
-import { LitElement } from 'lit';
-export declare const queryAll: (selector: string) => (prototype: LitElement, propertyKey: PropertyKey) => void;

package/dist/query/queryAll.js

@@ -1,9 +0,0 @@
-export const queryAll = (selector) => {
-    return (prototype, propertyKey) => {
-        Object.defineProperty(prototype, propertyKey, {
-            get() {
-                return [...this.renderRoot.querySelectorAll(selector)];
-            }
-        });
-    };
-};

package/dist/query/queryAllAsNodeList.d.ts

@@ -1,2 +0,0 @@
-import { queryAll as litQueryAll } from 'lit/decorators.js';
-export declare const queryAllAsNodeList: typeof litQueryAll;

package/dist/query/queryAllAsNodeList.js

@@ -1,2 +0,0 @@
-import { queryAll as litQueryAll } from 'lit/decorators.js';
-export const queryAllAsNodeList = litQueryAll;

package/dist/types.d.ts

@@ -1,2 +0,0 @@
-declare type AbstractConstructor<T> = abstract new (...args: Array<any>) => T;
-declare type Constructor<T> = new (...args: Array<any>) => T;

package/dist/types.js

@@ -1 +0,0 @@
-"use strict";

package/dist/updated/index.d.ts

@@ -1,3 +0,0 @@
-export * from './updated';
-export * from './property';
-export * from './state';

package/dist/updated/index.js

@@ -1,3 +0,0 @@
-export * from './updated';
-export * from './property';
-export * from './state';

package/dist/updated/property.d.ts

@@ -1,5 +0,0 @@
-import { PropertyDeclaration, LitElement } from 'lit';
-import { updated, UpdatedCallback } from './updated';
-export declare const property: <T>(options?: (PropertyDeclaration<unknown, unknown> & {
-    updated?: UpdatedCallback<T> | undefined;
-}) | undefined) => (prototype: LitElement, propertyKey: PropertyKey) => any;

package/dist/updated/property.js

@@ -1,10 +0,0 @@
-import { property as litProperty } from 'lit/decorators.js';
-import { updated } from './updated';
-export const property = (options) => {
-    return (prototype, propertyKey) => {
-        if (options?.updated) {
-            updated(options.updated)(prototype, propertyKey);
-        }
-        return litProperty(options)(prototype, propertyKey);
-    };
-};

package/dist/updated/state.d.ts

@@ -1,6 +0,0 @@
-import { LitElement } from 'lit';
-import { InternalPropertyDeclaration } from 'lit/decorators.js';
-import { updated, UpdatedCallback } from './updated';
-export declare const state: <T>(options?: (InternalPropertyDeclaration<unknown> & {
-    updated?: UpdatedCallback<T> | undefined;
-}) | undefined) => (prototype: LitElement, propertyKey: PropertyKey) => any;

package/dist/updated/state.js

@@ -1,10 +0,0 @@
-import { state as litState } from 'lit/decorators.js';
-import { updated } from './updated';
-export const state = (options) => {
-    return (prototype, propertyKey) => {
-        if (options?.updated) {
-            updated(options.updated)(prototype, propertyKey);
-        }
-        return litState(options)(prototype, propertyKey);
-    };
-};

package/dist/updated/updated.d.ts

@@ -1,3 +0,0 @@
-import { LitElement } from 'lit';
-export declare type UpdatedCallback<T> = (value: T, oldValue: T) => void;
-export declare const updated: <T>(callback: UpdatedCallback<T>) => (prototype: LitElement, propertyKey: PropertyKey) => void;

package/dist/updated/updated.js

@@ -1,21 +0,0 @@
-import { decorateLitElement } from '../decorateLitElement';
-export const updated = (callback) => {
-    return (prototype, propertyKey) => {
-        decorateLitElement({
-            prototype,
-            constructorPropertyName: '$observers$',
-            initialValue: new Map,
-            lifecycleHooks: new Map([
-                ['updated', function (observers, changedProperties) {
-                        for (const [propertyKey, value] of changedProperties) {
-                            const key = propertyKey;
-                            const observer = observers?.get(key);
-                            if (observer !== undefined) {
-                                observer.call(this, this[key], value);
-                            }
-                        }
-                    }]
-            ])
-        }).set(propertyKey, callback);
-    };
-};