@neovici/cosmoz-utils 5.0.0 → 5.1.0

package/dist/directives/lazy-until.d.ts

@@ -1,10 +1,19 @@
-export class UntilDirective extends AsyncDirective {
-    __lastRenderedIndex: number;
-    __values: any[];
-    __weakThis: PseudoWeakRef;
-    __pauser: Pauser;
-    render(...args: any[]): any;
-    update(_part: any, args: any): any;
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+import { Part } from 'lit-html';
+import { AsyncDirective } from 'lit-html/async-directive.js';
+export declare class UntilDirective extends AsyncDirective {
+    private __lastRenderedIndex;
+    private __values;
+    private __weakThis;
+    private __pauser;
+    render(...args: Array<unknown>): unknown;
+    update(_part: Part, args: Array<unknown>): unknown;
+    disconnected(): void;
+    reconnected(): void;
 }
 /**
  * Renders one of a series of values, including Promises, to a Part.
@@ -27,20 +36,8 @@ export class UntilDirective extends AsyncDirective {
  * html`${until(content, html`<span>Loading...</span>`)}`
  * ```
  */
-export const lazyUntil: (...values: any[]) => import("lit-html/directive.js").DirectiveResult<typeof UntilDirective>;
-import { AsyncDirective } from "lit-html/async-directive.js";
-declare class PseudoWeakRef {
-    constructor(ref: any);
-    _ref: any;
-    disconnect(): void;
-    reconnect(ref: any): void;
-    deref(): any;
-}
-declare class Pauser {
-    _promise: undefined;
-    _resolve: undefined;
-    get(): undefined;
-    pause(): void;
-    resume(): void;
-}
-export {};
+export declare const lazyUntil: (...values: unknown[]) => import("lit-html/directive.js").DirectiveResult<typeof UntilDirective>;
+/**
+ * The type of the class that powers this directive. Necessary for naming the
+ * directive's return type.
+ */

package/dist/directives/lazy-until.js

@@ -9,6 +9,7 @@ import { directive } from 'lit-html/directive.js';
 import { isPrimitive } from 'lit-html/directive-helpers.js';
 import { AsyncDirective } from 'lit-html/async-directive.js';
 class PseudoWeakRef {
+    _ref;
     constructor(ref) {
         this._ref = ref;
     }
@@ -37,10 +38,8 @@ class Pauser {
     }
 }
 const isPromise = (x) => {
-    return !isPrimitive(x) && typeof x.then === 'function';
-}, 
-// Effectively infinity, but a SMI.
-_infinity = 0x3fffffff;
+    return (!isPrimitive(x) && typeof x.then === 'function');
+}, _infinity = 0x3fffffff;
 export class UntilDirective extends AsyncDirective {
     __lastRenderedIndex = _infinity;
     __values = [];

package/dist/directives/measure.d.ts

@@ -1,9 +1,12 @@
-export const measure: () => import("lit-html/directive.js").DirectiveResult<typeof MeasureDirective>;
+import { AttributePart } from 'lit-html';
+import { Directive } from 'lit-html/directive.js';
+declare type OnMeasure = (rects: DOMRectReadOnly[]) => void;
+declare type Select = (el: HTMLElement) => HTMLElement[];
 declare class MeasureDirective extends Directive {
+    _observer?: ResizeObserver;
     render(): symbol;
-    update(part: any, [select, onMeasure]: [any, any]): symbol;
-    measure(element: any, select: any, onMeasure: any): symbol;
-    _observer: ResizeObserver | undefined;
+    update(part: AttributePart, [select, onMeasure]: [Select, OnMeasure]): symbol;
+    measure(element: HTMLElement, select: Select, onMeasure: OnMeasure): symbol;
 }
-import { Directive } from "lit-html/directive.js";
+export declare const measure: () => import("lit-html/directive.js").DirectiveResult<typeof MeasureDirective>;
 export {};

package/dist/directives/measure.js

@@ -1,13 +1,14 @@
-import { nothing } from 'lit-html';
+import { noChange } from 'lit-html';
 import { Directive, directive } from 'lit-html/directive.js';
 import { array } from '../array';
 class MeasureDirective extends Directive {
+    _observer;
     render() {
-        return nothing;
+        return noChange;
     }
     update(part, [select, onMeasure]) {
         this.measure(part.element, select, onMeasure);
-        return nothing;
+        return noChange;
     }
     measure(element, select, onMeasure) {
         this._observer?.disconnect();
@@ -17,7 +18,7 @@ class MeasureDirective extends Directive {
                 .map((e) => e.contentRect));
         }));
         elements.forEach((el) => observer.observe(el));
-        return nothing;
+        return noChange;
     }
 }
 export const measure = directive(MeasureDirective);

package/dist/directives/portal.d.ts

@@ -1,12 +1,15 @@
-export const portal: () => import("lit-html/directive").DirectiveResult<typeof PortalDirective>;
+import { Part, ChildPart } from 'lit-html';
+import { AsyncDirective } from 'lit-html/async-directive.js';
 declare class PortalDirective extends AsyncDirective {
+    _op?: ChildPart;
+    _outlet?: HTMLElement;
+    _content?: Part;
     render(): import("lit-html").TemplateResult<1>;
-    update(part: any, [content, outlet]: [any, (HTMLElement | undefined)?]): import("lit-html").TemplateResult<1>;
-    updateOutlet(outlet: any, content: any): void;
-    _outlet: any;
-    content: any;
+    update(part: Part, [content, outlet]: [Part, HTMLElement]): import("lit-html").TemplateResult<1>;
+    updateOutlet(outlet: HTMLElement, content: Part): void;
     clearOutlet(): void;
-    _op: any;
+    disconnected(): void;
+    reconnected(): void;
 }
-import { AsyncDirective } from "lit-html/async-directive.js";
+export declare const portal: () => import("lit-html/directive").DirectiveResult<typeof PortalDirective>;
 export {};

package/dist/directives/portal.js

@@ -1,17 +1,22 @@
 import { html, nothing, render } from 'lit-html';
 import { AsyncDirective, directive } from 'lit-html/async-directive.js';
 import { setChildPartValue, clearPart, removePart, } from 'lit-html/directive-helpers.js';
-const createMarker = () => document.createComment(''), ChildPart = render(nothing, new DocumentFragment()).constructor;
+const createMarker = () => document.createComment(''), ChildPartC = render(nothing, new DocumentFragment())
+    .constructor;
 /**
  * Helper element with a customizable disconnect behavior.
  */
 class DisconnectObserver extends HTMLElement {
+    onDisconnect;
     disconnectedCallback() {
-        this.onDisconnect();
+        this.onDisconnect?.();
     }
 }
 customElements.define('disconnect-observer', DisconnectObserver);
 class PortalDirective extends AsyncDirective {
+    _op;
+    _outlet;
+    _content;
     render() {
         return html `<disconnect-observer
 			.onDisconnect=${() => {
@@ -29,8 +34,8 @@ class PortalDirective extends AsyncDirective {
             this.clearOutlet();
         }
         this._outlet = outlet;
-        const part = (this._op ??= new ChildPart(outlet.appendChild(createMarker()), outlet.appendChild(createMarker())));
-        setChildPartValue(part, (this.content = content));
+        const part = (this._op ??= new ChildPartC(outlet.appendChild(createMarker()), outlet.appendChild(createMarker())));
+        setChildPartValue(part, (this._content = content));
     }
     clearOutlet() {
         const part = this._op;
@@ -45,7 +50,9 @@ class PortalDirective extends AsyncDirective {
         this.clearOutlet();
     }
     reconnected() {
-        this.updateOutlet(this._outlet, this._content);
+        if (this._outlet && this._content) {
+            this.updateOutlet(this._outlet, this._content);
+        }
     }
 }
 export const portal = directive(PortalDirective);

package/dist/directives/spread-props.d.ts

@@ -1,8 +1,9 @@
-export const spreadProps: () => import("lit-html/directive.js").DirectiveResult<typeof SpreadPropsDirective>;
-declare class SpreadPropsDirective extends Directive {
+import { AttributePart } from 'lit-html';
+import { Directive } from 'lit-html/directive.js';
+declare class SpreadPropsDirective<T extends object> extends Directive {
+    _props?: T;
     render(): symbol;
-    update(part: any, [props]: [any]): symbol;
-    _props: any;
+    update(part: AttributePart, [props]: [T]): symbol;
 }
-import { Directive } from "lit-html/directive.js";
+export declare const spreadProps: () => import("lit-html/directive.js").DirectiveResult<typeof SpreadPropsDirective>;
 export {};

package/dist/directives/spread-props.js

@@ -1,4 +1,4 @@
-import { nothing } from 'lit-html';
+import { noChange } from 'lit-html';
 import { Directive, directive } from 'lit-html/directive.js';
 const undefs = (prev, obj) => {
     if (!prev || !obj) {
@@ -8,14 +8,15 @@ const undefs = (prev, obj) => {
     return Object.fromEntries(Object.keys(prev).flatMap((k) => (keys.includes(k) ? [] : [[k, undefined]])));
 };
 class SpreadPropsDirective extends Directive {
+    _props;
     render() {
-        return nothing;
+        return noChange;
     }
     update(part, [props]) {
         if (this._props !== props) {
             Object.assign(part.element, undefs(this._props, props), (this._props = props));
         }
-        return nothing;
+        return noChange;
     }
 }
 export const spreadProps = directive(SpreadPropsDirective);

package/dist/hooks/use-dropped-files.d.ts

@@ -1 +1 @@
-export function useDroppedFiles(el: any): never[];
+export declare const useDroppedFiles: <T extends HTMLElement>(el: T) => File[];

package/dist/hooks/use-dropped-files.js

@@ -1,7 +1,7 @@
 import { useState, useCallback } from 'haunted';
 import { useHandleDrop } from './use-handle-drop';
-export const useDroppedFiles = el => {
-    const [files, setFiles] = useState([]), handleDrop = useCallback(event => setFiles(event.dataTransfer.files), [setFiles]);
+export const useDroppedFiles = (el) => {
+    const [files, setFiles] = useState([]), handleDrop = useCallback((event) => setFiles(Array.from(event.dataTransfer?.files ?? [])), [setFiles]);
     useHandleDrop(el, handleDrop);
     return files;
 };

package/dist/hooks/use-handle-drop.d.ts

@@ -1 +1 @@
-export function useHandleDrop(el: any, callback: any): void;
+export declare const useHandleDrop: <T extends HTMLElement>(el: T, callback: (e: DragEvent) => void) => void;

package/dist/hooks/use-handle-drop.js

@@ -1,9 +1,9 @@
 import { useEffect } from 'haunted';
 export const useHandleDrop = (el, callback) => useEffect(() => {
-    const dragStop = event => {
+    const dragStop = (event) => {
         event.stopPropagation();
         event.preventDefault();
-    }, handleDrop = event => {
+    }, handleDrop = (event) => {
         dragStop(event);
         callback(event);
     };

package/dist/hooks/use-imperative-api.d.ts

@@ -1 +1 @@
-export const useImperativeApi: (api?: any, values?: any) => void;
+export declare const useImperativeApi: <A, D extends unknown[] = unknown[]>(api: A, values: D[]) => void;

package/dist/hooks/use-imperative-api.js

@@ -1,5 +1,6 @@
 import { Hook, hook } from 'haunted';
 export const useImperativeApi = hook(class extends Hook {
+    values;
     constructor(id, state, api, values) {
         super(id, state);
         Object.assign(state.host, api);

package/dist/hooks/use-notify-property.d.ts

@@ -1,2 +1,2 @@
-export function notifyProperty(host: any, name: any, value: any): void;
-export function useNotifyProperty(name: any, value: any): void;
+declare const notifyProperty: <T extends HTMLElement, K extends Extract<keyof T, string>, V extends T[K]>(host: T, name: K, value: V) => void, useNotifyProperty: <T extends HTMLElement, K extends Extract<keyof T, string>, V extends T[K]>(name: K, value: V) => void;
+export { notifyProperty, useNotifyProperty };

package/dist/hooks/use-notify-property.js

@@ -7,7 +7,9 @@ notifyProperty = (host, name, value) => {
     // @see https://github.com/Polymer/polymer/blob/76c71e186ecc605294c3575dd31ac7983a8b3ae3/lib/mixins/property-effects.js#L382
     host[name] = value;
     // emulate polymer notify event
-    host.dispatchEvent(new CustomEvent(name.replace(UPPER, '-$1').toLowerCase() + '-changed', { detail: { value } }));
+    host.dispatchEvent(new CustomEvent(name.replace(UPPER, '-$1').toLowerCase() + '-changed', {
+        detail: { value },
+    }));
 }, useNotifyProperty = (name, value) => {
     const host = useHost();
     useEffect(() => {

package/dist/reduce/action.d.ts

@@ -1,8 +1,13 @@
-export function action(type: any, create?: () => {}): ((...args: any[]) => {
-    type: any;
-    toString(): any;
+declare type Creator<T extends [], R extends object> = (...args: T) => R;
+export interface Action<T = unknown> {
+    type?: T;
+    toString: () => string;
+}
+declare const action: <T, A extends [], R extends object>(type: T, create?: Creator<A, R>) => ((...args: A) => R & {
+    type: T;
+    toString(): T;
 }) & {
-    type: any;
-    toString(): any;
-};
-export function type(action: any): any;
+    type: T;
+    toString(): T;
+}, type: <T>(action: Action<T>) => string | T;
+export { action, type };

package/dist/reduce/action.js

@@ -3,8 +3,8 @@ const action = (type, create = () => ({})) => {
         type,
         toString() {
             return type;
-        }
+        },
     }, callable = (...args) => Object.assign(create(...args), common);
     return Object.assign(callable, common);
-}, type = action => action.type || action.toString();
+}, type = (action) => action.type || action.toString();
 export { action, type };

package/dist/reduce/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./action";
-export * from "./reduce";
+export * from './action';
+export * from './reduce';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@neovici/cosmoz-utils",
-	"version": "5.0.0",
+	"version": "5.1.0",
 	"description": "Date, money and template management functions commonly needed in Cosmoz views.",
 	"keywords": [
 		"polymer",