@a11d/lit 0.2.7 → 0.2.9

package/dist/eventListener/eventListener.js

@@ -1,31 +1,31 @@
-import { EventListenerController } from './EventListenerController.js';
-export function extractOptions(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,
-    };
-}
-export const eventListener = (...eventListenerOptions) => {
-    return (prototype, propertyKey, descriptor) => {
-        const Constructor = prototype.constructor;
-        Constructor.addInitializer(element => {
-            element.addController(new class extends EventListenerController {
-                constructor() {
-                    const { type, target, options } = extractOptions(eventListenerOptions);
-                    super(element, { type, target, options, listener: undefined });
-                }
-                hostConnected() {
-                    const unboundListener = !descriptor
-                        ? Object.getOwnPropertyDescriptor(element, propertyKey)?.value
-                        : typeof descriptor.get === 'function'
-                            ? descriptor.get
-                            : descriptor.value;
-                    this.options.listener = unboundListener.bind(element);
-                    return super.hostConnected();
-                }
-            });
-        });
-    };
-};
+import { EventListenerController } from './EventListenerController.js';
+export function extractOptions(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,
+    };
+}
+export const eventListener = (...eventListenerOptions) => {
+    return (prototype, propertyKey, descriptor) => {
+        const Constructor = prototype.constructor;
+        Constructor.addInitializer(element => {
+            element.addController(new class extends EventListenerController {
+                constructor() {
+                    const { type, target, options } = extractOptions(eventListenerOptions);
+                    super(element, { type, target, options, listener: undefined });
+                }
+                hostConnected() {
+                    const unboundListener = !descriptor
+                        ? Object.getOwnPropertyDescriptor(element, propertyKey)?.value
+                        : typeof descriptor.get === 'function'
+                            ? descriptor.get
+                            : descriptor.value;
+                    this.options.listener = unboundListener.bind(element);
+                    return super.hostConnected();
+                }
+            });
+        });
+    };
+};

package/dist/eventListener/extractEventHandler.d.ts

@@ -1 +1 @@
-export declare const extractEventHandler: <TEvent extends Event = Event>(eventListener: EventListenerOrEventListenerObject) => (event: TEvent) => void;
+export declare const extractEventHandler: <TEvent extends Event = Event>(eventListener: EventListenerOrEventListenerObject) => (event: TEvent) => void;

package/dist/eventListener/extractEventHandler.js

@@ -1,9 +1,9 @@
-export const extractEventHandler = (eventListener) => {
-    return eventListener.type === 5
-        // @ts-expect-error - _$committedValue does actually exist on EventPart
-        // eslint-disable-next-line no-restricted-syntax
-        ? eventListener._$committedValue.bind(eventListener.element)
-        : typeof eventListener === 'function'
-            ? eventListener
-            : eventListener.handleEvent;
-};
+export const extractEventHandler = (eventListener) => {
+    return eventListener.type === 5
+        // @ts-expect-error - _$committedValue does actually exist on EventPart
+        // eslint-disable-next-line no-restricted-syntax
+        ? eventListener._$committedValue.bind(eventListener.element)
+        : typeof eventListener === 'function'
+            ? eventListener
+            : eventListener.handleEvent;
+};

package/dist/eventListener/index.d.ts

@@ -1,4 +1,4 @@
-export * from './EventListenerTarget.js';
-export * from './eventListener.js';
-export * from './extractEventHandler.js';
-export * from './EventListenerController.js';
+export * from './EventListenerTarget.js';
+export * from './eventListener.js';
+export * from './extractEventHandler.js';
+export * from './EventListenerController.js';

package/dist/eventListener/index.js

@@ -1,4 +1,4 @@
-export * from './EventListenerTarget.js';
-export * from './eventListener.js';
-export * from './extractEventHandler.js';
-export * from './EventListenerController.js';
+export * from './EventListenerTarget.js';
+export * from './eventListener.js';
+export * from './extractEventHandler.js';
+export * from './EventListenerController.js';

package/dist/index.d.ts

@@ -1,35 +1,35 @@
-export * from 'lit';
-export { InternalPropertyDeclaration, QueryAssignedElementsOptions, QueryAssignedNodesOptions, eventOptions, queryAssignedElements, queryAssignedNodes, queryAsync } from 'lit/decorators.js';
-export { withStatic, literal, unsafeStatic, html as staticHtml, svg as staticSvg } from 'lit/static-html.js';
-export * from 'lit-html';
-export * from 'lit-html/directive-helpers.js';
-export * from 'lit-html/directive.js';
-export * from 'lit-html/async-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.js';
-export { Component, nothing, component } from './Component/index.js';
-export * from './Controller/index.js';
-export * from './query/index.js';
-export * from './style/index.js';
-export * from './updated/index.js';
-export * from './eventListener/index.js';
-export * from './event/index.js';
+export * from 'lit';
+export { InternalPropertyDeclaration, QueryAssignedElementsOptions, QueryAssignedNodesOptions, eventOptions, queryAssignedElements, queryAssignedNodes, queryAsync } from 'lit/decorators.js';
+export { withStatic, literal, unsafeStatic, html as staticHtml, svg as staticSvg } from 'lit/static-html.js';
+export * from 'lit-html';
+export * from 'lit-html/directive-helpers.js';
+export * from 'lit-html/directive.js';
+export * from 'lit-html/async-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.js';
+export { Component, nothing, component } from './Component/index.js';
+export * from './Controller/index.js';
+export * from './query/index.js';
+export * from './style/index.js';
+export * from './updated/index.js';
+export * from './eventListener/index.js';
+export * from './event/index.js';

package/dist/index.js

@@ -1,35 +1,35 @@
-export * from 'lit';
-export { eventOptions, queryAssignedElements, queryAssignedNodes, queryAsync } from 'lit/decorators.js';
-export { withStatic, literal, unsafeStatic, html as staticHtml, svg as staticSvg } from 'lit/static-html.js';
-export * from 'lit-html';
-export * from 'lit-html/directive-helpers.js';
-export * from 'lit-html/directive.js';
-export * from 'lit-html/async-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.js';
-export { Component, nothing, component } from './Component/index.js';
-export * from './Controller/index.js';
-export * from './query/index.js';
-export * from './style/index.js';
-export * from './updated/index.js';
-export * from './eventListener/index.js';
-export * from './event/index.js';
+export * from 'lit';
+export { eventOptions, queryAssignedElements, queryAssignedNodes, queryAsync } from 'lit/decorators.js';
+export { withStatic, literal, unsafeStatic, html as staticHtml, svg as staticSvg } from 'lit/static-html.js';
+export * from 'lit-html';
+export * from 'lit-html/directive-helpers.js';
+export * from 'lit-html/directive.js';
+export * from 'lit-html/async-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.js';
+export { Component, nothing, component } from './Component/index.js';
+export * from './Controller/index.js';
+export * from './query/index.js';
+export * from './style/index.js';
+export * from './updated/index.js';
+export * from './eventListener/index.js';
+export * from './event/index.js';

package/dist/query/index.d.ts

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

package/dist/query/index.js

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

package/dist/query/query.d.ts

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

package/dist/query/query.js

@@ -1,9 +1,9 @@
-export const query = (selector) => {
-    return (prototype, propertyKey) => {
-        Object.defineProperty(prototype, propertyKey, {
-            get() {
-                return this.renderRoot?.querySelector(selector) ?? undefined;
-            }
-        });
-    };
-};
+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 +1,2 @@
-import type { ReactiveElement } from 'lit';
-export declare const queryAll: (selector: string) => (prototype: ReactiveElement, propertyKey: PropertyKey) => void;
+import type { ReactiveElement } from 'lit';
+export declare const queryAll: (selector: string) => (prototype: ReactiveElement, propertyKey: PropertyKey) => void;

package/dist/query/queryAll.js

@@ -1,9 +1,9 @@
-export const queryAll = (selector) => {
-    return (prototype, propertyKey) => {
-        Object.defineProperty(prototype, propertyKey, {
-            get() {
-                return [...this.renderRoot?.querySelectorAll(selector) ?? []];
-            }
-        });
-    };
-};
+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 +1,2 @@
-import { queryAll as litQueryAll } from 'lit/decorators.js';
-export declare const queryAllAsNodeList: typeof litQueryAll;
+import { queryAll as litQueryAll } from 'lit/decorators.js';
+export declare const queryAllAsNodeList: typeof litQueryAll;

package/dist/query/queryAllAsNodeList.js

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

package/dist/style/CustomPropertyStyleHandler.d.ts

@@ -1,5 +1,5 @@
-import { StyleEntry, StyleHandler } from './style.js';
-export declare class CustomPropertyStyleHandler implements StyleHandler {
-    handles(_: HTMLElement, [key]: StyleEntry): boolean;
-    apply(element: HTMLElement, [key, value]: StyleEntry): void;
-}
+import { StyleEntry, StyleHandler } from './style.js';
+export declare class CustomPropertyStyleHandler implements StyleHandler {
+    handles(_: HTMLElement, [key]: StyleEntry): boolean;
+    apply(element: HTMLElement, [key, value]: StyleEntry): void;
+}

package/dist/style/CustomPropertyStyleHandler.js

@@ -1,14 +1,14 @@
-import { __decorate } from "tslib";
-import { styleHandler } from './style.js';
-let CustomPropertyStyleHandler = class CustomPropertyStyleHandler {
-    handles(_, [key]) {
-        return key.startsWith('--');
-    }
-    apply(element, [key, value]) {
-        element.style.setProperty(key, value);
-    }
-};
-CustomPropertyStyleHandler = __decorate([
-    styleHandler()
-], CustomPropertyStyleHandler);
-export { CustomPropertyStyleHandler };
+import { __decorate } from "tslib";
+import { styleHandler } from './style.js';
+let CustomPropertyStyleHandler = class CustomPropertyStyleHandler {
+    handles(_, [key]) {
+        return key.startsWith('--');
+    }
+    apply(element, [key, value]) {
+        element.style.setProperty(key, value);
+    }
+};
+CustomPropertyStyleHandler = __decorate([
+    styleHandler()
+], CustomPropertyStyleHandler);
+export { CustomPropertyStyleHandler };

package/dist/style/index.d.ts

@@ -1,2 +1,2 @@
-export * from './style.js';
-export * from './CustomPropertyStyleHandler.js';
+export * from './style.js';
+export * from './CustomPropertyStyleHandler.js';

package/dist/style/index.js

@@ -1,2 +1,2 @@
-export * from './style.js';
-export * from './CustomPropertyStyleHandler.js';
+export * from './style.js';
+export * from './CustomPropertyStyleHandler.js';

package/dist/style/style.d.ts

@@ -1,16 +1,16 @@
-import { Directive, PartInfo } from '../index.js';
-import type { StandardProperties } from 'csstype';
-export type StyleEntry = [key: string, value: string];
-export interface StyleHandler {
-    handles(element: HTMLElement, entry: StyleEntry): boolean;
-    apply(element: HTMLElement, entry: StyleEntry): void;
-}
-export declare const styleHandler: () => (Constructor: Constructor<StyleHandler>) => void;
-export declare class StyleDirective extends Directive {
-    static readonly handlers: Set<StyleHandler>;
-    private static readonly defaultHandler;
-    private readonly element;
-    constructor(partInfo: PartInfo);
-    render(styles: StandardProperties | (Record<string, string> & {})): void;
-}
-export declare const style: (styles: StandardProperties<0 | (string & {}), string & {}> | Record<string, string>) => import("lit-html/directive.js").DirectiveResult<typeof StyleDirective>;
+import { Directive, PartInfo } from '../index.js';
+import type { StandardProperties } from 'csstype';
+export type StyleEntry = [key: string, value: string];
+export interface StyleHandler {
+    handles(element: HTMLElement, entry: StyleEntry): boolean;
+    apply(element: HTMLElement, entry: StyleEntry): void;
+}
+export declare const styleHandler: () => (Constructor: Constructor<StyleHandler>) => void;
+export declare class StyleDirective extends Directive {
+    static readonly handlers: Set<StyleHandler>;
+    private static readonly defaultHandler;
+    private readonly element;
+    constructor(partInfo: PartInfo);
+    render(styles: StandardProperties | (Record<string, string> & {})): void;
+}
+export declare const style: (styles: StandardProperties<0 | (string & {}), string & {}> | Record<string, string>) => import("lit-html/directive.js").DirectiveResult<typeof StyleDirective>;

package/dist/style/style.js

@@ -1,32 +1,33 @@
-import { Directive, directive, PartType } from '../index.js';
-export const styleHandler = () => {
-    return (Constructor) => {
-        const handler = new Constructor();
-        StyleDirective.handlers.add(handler);
-    };
-};
-export class StyleDirective extends Directive {
-    constructor(partInfo) {
-        super(partInfo);
-        if (partInfo.type !== PartType.ELEMENT) {
-            throw new Error('style directive can only be used on an element');
-        }
-        const part = partInfo;
-        this.element = part.element;
-    }
-    // eslint-disable-next-line @typescript-eslint/ban-types
-    render(styles) {
-        for (const [key, value] of Object.entries(styles)) {
-            const handler = [...StyleDirective.handlers].find(handler => handler.handles(this.element, [key, value])) ?? StyleDirective.defaultHandler;
-            handler.apply(this.element, [key, value]);
-        }
-    }
-}
-StyleDirective.handlers = new Set();
-StyleDirective.defaultHandler = new class {
-    handles() { return true; }
-    apply(element, [key, value]) {
-        element.style[key] = value === null || value === undefined ? '' : value;
-    }
-};
-export const style = directive(StyleDirective);
+import { Directive, directive, PartType } from '../index.js';
+export const styleHandler = () => {
+    return (Constructor) => {
+        const handler = new Constructor();
+        StyleDirective.handlers.add(handler);
+    };
+};
+class StyleDirective extends Directive {
+    constructor(partInfo) {
+        super(partInfo);
+        if (partInfo.type !== PartType.ELEMENT) {
+            throw new Error('style directive can only be used on an element');
+        }
+        const part = partInfo;
+        this.element = part.element;
+    }
+    // eslint-disable-next-line @typescript-eslint/ban-types
+    render(styles) {
+        for (const [key, value] of Object.entries(styles)) {
+            const handler = [...StyleDirective.handlers].find(handler => handler.handles(this.element, [key, value])) ?? StyleDirective.defaultHandler;
+            handler.apply(this.element, [key, value]);
+        }
+    }
+}
+StyleDirective.handlers = new Set();
+StyleDirective.defaultHandler = new class {
+    handles() { return true; }
+    apply(element, [key, value]) {
+        element.style[key] = value === null || value === undefined ? '' : value;
+    }
+};
+export { StyleDirective };
+export const style = directive(StyleDirective);

package/dist/test/ComponentTestFixture.d.ts

@@ -1,10 +1,10 @@
-export declare class ComponentTestFixture<TComponent extends import('lit').LitElement> {
-    private readonly constructComponentOrTagName;
-    private _component?;
-    get component(): TComponent;
-    constructor(constructComponentOrTagName: string | (() => TComponent));
-    initialize(): Promise<TComponent>;
-    get updateComplete(): Promise<boolean> | undefined;
-    requestUpdate(): void;
-    update(): Promise<void>;
-}
+export declare class ComponentTestFixture<TComponent extends import('lit').LitElement> {
+    private readonly constructComponentOrTagName;
+    private _component?;
+    get component(): TComponent;
+    constructor(constructComponentOrTagName: string | (() => TComponent));
+    initialize(): Promise<TComponent>;
+    get updateComplete(): Promise<boolean> | undefined;
+    requestUpdate(): void;
+    update(): Promise<void>;
+}

package/dist/test/ComponentTestFixture.js

@@ -1,28 +1,28 @@
-export class ComponentTestFixture {
-    get component() { return this._component; }
-    constructor(constructComponentOrTagName) {
-        this.constructComponentOrTagName = constructComponentOrTagName;
-        beforeEach(() => this.initialize());
-        afterEach(() => this._component?.remove());
-    }
-    async initialize() {
-        this._component?.remove();
-        const constructComponent = typeof this.constructComponentOrTagName === 'string'
-            ? () => document.createElement(this.constructComponentOrTagName)
-            : this.constructComponentOrTagName;
-        this._component = constructComponent();
-        document.body.appendChild(this._component);
-        await this._component.updateComplete;
-        return this._component;
-    }
-    get updateComplete() {
-        return this._component?.updateComplete;
-    }
-    requestUpdate() {
-        this._component?.requestUpdate();
-    }
-    async update() {
-        this.requestUpdate();
-        await this.updateComplete;
-    }
-}
+export class ComponentTestFixture {
+    get component() { return this._component; }
+    constructor(constructComponentOrTagName) {
+        this.constructComponentOrTagName = constructComponentOrTagName;
+        beforeEach(() => this.initialize());
+        afterEach(() => this._component?.remove());
+    }
+    async initialize() {
+        this._component?.remove();
+        const constructComponent = typeof this.constructComponentOrTagName === 'string'
+            ? () => document.createElement(this.constructComponentOrTagName)
+            : this.constructComponentOrTagName;
+        this._component = constructComponent();
+        document.body.appendChild(this._component);
+        await this._component.updateComplete;
+        return this._component;
+    }
+    get updateComplete() {
+        return this._component?.updateComplete;
+    }
+    requestUpdate() {
+        this._component?.requestUpdate();
+    }
+    async update() {
+        this.requestUpdate();
+        await this.updateComplete;
+    }
+}

package/dist/test/index.d.ts

@@ -1 +1 @@
-export * from './ComponentTestFixture.js';
+export * from './ComponentTestFixture.js';

package/dist/test/index.js

@@ -1 +1 @@
-export * from './ComponentTestFixture.js';
+export * from './ComponentTestFixture.js';