@neovici/cosmoz-utils 5.29.0 → 5.31.0

package/dist/array.d.ts

@@ -5,3 +5,4 @@ export declare function array<T>(arr: Iterable<T>): T[];
 export declare function array<T = unknown>(arr: T): T[];
 export declare const without: <E, L = E>(exclude: E | E[], predicate?: <T extends E | L>(value: T) => unknown) => <T_1 extends L = L>(list: T_1 | T_1[]) => T_1[];
 export declare const chunk: <T>(list: T[], size: number) => T[][];
+export declare const intersect: <T>(list: T[][]) => T[];

package/dist/array.js

@@ -22,3 +22,7 @@ export const without = (exclude, predicate = identity) => (list) => {
     return array(list).filter((value) => !excludes.includes(predicate(value)));
 };
 export const chunk = (list, size) => [...Array(Math.ceil(list.length / size)).keys()].map((i) => list.slice(i * size, (i + 1) * size));
+export const intersect = (list) => {
+    const [first = [], ...rest] = list.sort();
+    return first.filter((e) => rest.every((arr) => arr.includes(e)));
+};

package/dist/directives/consume.d.ts

@@ -0,0 +1,18 @@
+import { Context } from 'haunted/lib/create-context';
+import { AttributePart } from 'lit-html';
+import { AsyncDirective } from 'lit-html/async-directive.js';
+import { ChildPart, DirectiveParameters } from 'lit-html/directive.js';
+declare class ConsumeDirective<T> extends AsyncDirective {
+    value: T;
+    context: Context<T>;
+    pluck: (value: T) => unknown;
+    unsubscribe: VoidFunction | null;
+    raf: number;
+    update(part: AttributePart | ChildPart, [context, pluck]: DirectiveParameters<this>): unknown;
+    subscribe(emitter: Node): void;
+    render(context: Context<T>, pluck: (value: T) => unknown): unknown;
+    updater(value: T): void;
+    protected disconnected(): void;
+}
+export declare const consume: (context: Context<unknown>, pluck: (value: unknown) => unknown) => import("lit-html/directive.js").DirectiveResult<typeof ConsumeDirective>;
+export {};

package/dist/directives/consume.js

@@ -0,0 +1,54 @@
+import { contextEvent } from 'haunted/lib/symbols';
+import { noChange } from 'lit-html';
+import { AsyncDirective, directive } from 'lit-html/async-directive.js';
+import { identity } from '../function';
+const getEmitter = (part) => 'element' in part ? part.element : part.parentNode;
+class ConsumeDirective extends AsyncDirective {
+    value;
+    context;
+    pluck;
+    unsubscribe;
+    raf;
+    update(part, [context, pluck = identity]) {
+        // if the context has changed OR we are not yet subscribed
+        if (this.context !== context || !this.unsubscribe) {
+            this.unsubscribe?.();
+            this.context = context;
+            this.pluck = pluck;
+            // when first initialized, the element is not part of the DOM
+            // so we attempt to subscribe in the next animation frame
+            cancelAnimationFrame(this.raf);
+            this.raf = requestAnimationFrame(() => this.subscribe(getEmitter(part)));
+            return noChange;
+        }
+        if (this.pluck === pluck) {
+            return noChange;
+        }
+        this.pluck = pluck;
+        return this.render(context, pluck);
+    }
+    subscribe(emitter) {
+        const detail = { Context: this.context, callback: this.updater.bind(this) };
+        emitter.dispatchEvent(new CustomEvent(contextEvent, {
+            detail,
+            bubbles: true,
+            cancelable: true,
+            composed: true,
+        }));
+        const { unsubscribe = null, value } = detail;
+        this.value = unsubscribe ? value : this.context.defaultValue;
+        this.unsubscribe = unsubscribe;
+        this.setValue(this.pluck(this.value));
+    }
+    render(context, pluck) {
+        return pluck(this.value);
+    }
+    updater(value) {
+        this.value = value;
+        this.setValue(this.pluck(this.value));
+    }
+    disconnected() {
+        this.unsubscribe?.();
+    }
+}
+export const consume = directive(ConsumeDirective);

package/dist/directives/provide.d.ts

@@ -0,0 +1,16 @@
+import { Context, ContextDetail } from 'haunted/lib/create-context';
+import { AsyncDirective } from 'lit-html/async-directive.js';
+import { ChildPart } from 'lit-html/directive.js';
+declare class ProvideDirective<T> extends AsyncDirective {
+    value: T;
+    context: Context<T>;
+    listeners: Set<(value: T) => void>;
+    cleanup: VoidFunction | undefined;
+    update(part: ChildPart, [context, value]: [Context<T>, T]): symbol;
+    render(): symbol;
+    handleEvent(event: CustomEvent<ContextDetail<T>>): void;
+    unsubscribe(callback: (value: T) => void): void;
+    protected disconnected(): void;
+}
+export declare const provide: () => import("lit-html/directive.js").DirectiveResult<typeof ProvideDirective>;
+export {};

package/dist/directives/provide.js

@@ -0,0 +1,43 @@
+import { contextEvent } from 'haunted/lib/symbols';
+import { noChange, nothing } from 'lit-html';
+import { AsyncDirective, directive } from 'lit-html/async-directive.js';
+class ProvideDirective extends AsyncDirective {
+    value;
+    context;
+    listeners = new Set();
+    cleanup;
+    update(part, [context, value]) {
+        this.context = context;
+        if (this.value !== value) {
+            this.value = value;
+            for (const callback of this.listeners) {
+                callback(value);
+            }
+        }
+        if (!this.cleanup) {
+            part.parentNode.addEventListener(contextEvent, this);
+            this.cleanup = () => part.parentNode.removeEventListener(contextEvent, this);
+        }
+        return noChange;
+    }
+    render() {
+        return nothing;
+    }
+    handleEvent(event) {
+        const { detail } = event;
+        if (detail.Context !== this.context)
+            return;
+        detail.value = this.value;
+        detail.unsubscribe = this.unsubscribe.bind(this, detail.callback);
+        this.listeners.add(detail.callback);
+        event.stopPropagation();
+    }
+    unsubscribe(callback) {
+        this.listeners.delete(callback);
+    }
+    disconnected() {
+        this.cleanup?.();
+        this.cleanup = undefined;
+    }
+}
+export const provide = directive(ProvideDirective);

package/package.json

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