@neovici/cosmoz-utils 5.34.0 → 5.36.0

package/dist/haunted-polymer.d.ts

@@ -51,11 +51,15 @@ export declare const hauntedPolymer: (outputPath: string | Hook, hook?: Hook) =>
         readonly offsetTop: number;
         readonly offsetWidth: number;
         outerText: string;
+        popover: string | null;
         spellcheck: boolean;
         title: string;
         translate: boolean;
         attachInternals(): ElementInternals;
         click(): void;
+        hidePopover(): void;
+        showPopover(): void;
+        togglePopover(force?: boolean | undefined): void;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -89,6 +93,7 @@ export declare const hauntedPolymer: (outputPath: string | Hook, hook?: Hook) =>
         closest<K_3 extends keyof SVGElementTagNameMap>(selector: K_3): SVGElementTagNameMap[K_3] | null;
         closest<K_4 extends keyof MathMLElementTagNameMap>(selector: K_4): MathMLElementTagNameMap[K_4] | null;
         closest<E extends Element = Element>(selectors: string): E | null;
+        computedStyleMap(): StylePropertyMapReadOnly;
         getAttribute(qualifiedName: string): string | null;
         getAttributeNS(namespace: string | null, localName: string): string | null;
         getAttributeNames(): string[];
@@ -246,6 +251,7 @@ export declare const hauntedPolymer: (outputPath: string | Hook, hook?: Hook) =>
         querySelectorAll<E_2 extends Element = Element>(selectors: string): NodeListOf<E_2>;
         replaceChildren(...nodes: (string | Node)[]): void;
         readonly assignedSlot: HTMLSlotElement | null;
+        readonly attributeStyleMap: StylePropertyMap;
         readonly style: CSSStyleDeclaration;
         contentEditable: string;
         enterKeyHint: string;
@@ -318,6 +324,7 @@ export declare const hauntedPolymer: (outputPath: string | Hook, hook?: Hook) =>
         onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
         onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
+        onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
         onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;

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

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

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

@@ -1,8 +1,8 @@
 import { useEffect } from 'haunted';
 import { useHost } from './use-host';
-const UPPER = /([A-Z])/gu, 
+const UPPER = /([A-Z])/gu;
 /* Emulate polymer notify props */
-notifyProperty = (host, name, value) => {
+export const notifyProperty = (host, name, value) => {
     // this is required to make polymer double-binding recognize the change
     // @see https://github.com/Polymer/polymer/blob/76c71e186ecc605294c3575dd31ac7983a8b3ae3/lib/mixins/property-effects.js#L382
     host[name] = value;
@@ -10,10 +10,10 @@ notifyProperty = (host, name, value) => {
     host.dispatchEvent(new CustomEvent(name.replace(UPPER, '-$1').toLowerCase() + '-changed', {
         detail: { value },
     }));
-}, useNotifyProperty = (name, value, deps = [value]) => {
+};
+export const useNotifyProperty = (name, value, deps = [value]) => {
     const host = useHost();
     useEffect(() => {
         notifyProperty(host, name, value);
     }, deps);
 };
-export { notifyProperty, useNotifyProperty };

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

@@ -0,0 +1,8 @@
+type Init<T> = T | (() => T);
+type UpdateFn<T> = (prev: T) => T;
+type Update<T> = T | UpdateFn<T>;
+type Setter<T> = (update: Update<T>) => void;
+type Result<T> = [T, Setter<T>];
+export declare function useProperty<T>(prop: string): Result<T | undefined>;
+export declare function useProperty<T>(prop: string, init: Init<T>): Result<T>;
+export {};

package/dist/hooks/use-property.js

@@ -0,0 +1,25 @@
+import { useEffect, useCallback } from 'haunted';
+import { useMeta } from './use-meta';
+import { useHost } from './use-host';
+import { invoke } from '../function';
+import { notifyProperty } from './use-notify-property';
+export function useProperty(prop, init) {
+    const host = useHost();
+    const value = host[prop];
+    const setValue = useCallback((update) => {
+        const val = host[prop];
+        const newVal = typeof update === 'function' ? update(val) : update;
+        if (Object.is(val, newVal)) {
+            return;
+        }
+        notifyProperty(host, prop, newVal);
+    }, []);
+    const meta = useMeta({ init });
+    useEffect(() => {
+        const { init } = meta;
+        if (init == null)
+            return;
+        setValue(invoke(init));
+    }, []);
+    return [value, setValue];
+}

package/dist/promise.js

@@ -5,7 +5,7 @@ export class ManagedPromise extends Promise {
         Object.assign(this, handles);
         callback?.(handles.resolve, handles.reject);
     }
-    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    // eslint-disable-next-line no-empty-function
     resolve = () => { };
 }
 export const timeout$ = (ms) => new Promise((res) => setTimeout(res, ms));

package/package.json

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