@neovici/cosmoz-utils 5.38.0 → 6.0.0

package/dist/date.js

@@ -105,8 +105,8 @@ timeago = (date, locale) => {
         return '';
     }
     return new Intl.RelativeTimeFormat(locale, {
-        localeMatcher: 'best fit',
-        numeric: 'auto',
+        localeMatcher: 'best fit', // other values: "lookup"
+        numeric: 'auto', // other values: "auto"
         style: 'long', // other values: "short" or "narrow"
     }).format(...getValUnitDiff(d, new Date()));
 }, 

package/dist/directives/consume.d.ts

@@ -1,4 +1,4 @@
-import { Context } from 'haunted/lib/create-context';
+import { Context } from '@pionjs/pion/lib/create-context';
 import { AttributePart } from 'lit-html';
 import { AsyncDirective } from 'lit-html/async-directive.js';
 import { ChildPart, DirectiveParameters } from 'lit-html/directive.js';

package/dist/directives/consume.js

@@ -1,4 +1,4 @@
-import { contextEvent } from 'haunted/lib/symbols';
+import { contextEvent } from '@pionjs/pion/lib/symbols';
 import { noChange } from 'lit-html';
 import { AsyncDirective, directive } from 'lit-html/async-directive.js';
 import { identity } from '../function';

package/dist/directives/provide.d.ts

@@ -1,4 +1,4 @@
-import { Context, ContextDetail } from 'haunted/lib/create-context';
+import { Context, ContextDetail } from '@pionjs/pion/lib/create-context';
 import { AsyncDirective } from 'lit-html/async-directive.js';
 import { ChildPart } from 'lit-html/directive.js';
 declare class ProvideDirective<T> extends AsyncDirective {

package/dist/directives/provide.js

@@ -1,4 +1,4 @@
-import { contextEvent } from 'haunted/lib/symbols';
+import { contextEvent } from '@pionjs/pion/lib/symbols';
 import { noChange, nothing } from 'lit-html';
 import { AsyncDirective, directive } from 'lit-html/async-directive.js';
 class ProvideDirective extends AsyncDirective {

package/dist/elements/cz-icon.js

@@ -1,15 +1,15 @@
 import { html, svg } from 'lit-html';
 import { ifDefined } from 'lit-html/directives/if-defined';
-import { component } from 'haunted';
+import { component } from '@pionjs/pion';
 export const arrowDropDown = svg `<path d="M7 10l5 5 5-5z"></path>`, cancel = svg `<path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"></path>`, check = svg `<path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path>`, clear = svg `<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path>`, warning = svg `<path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z" fill="currentColor"></path>`, undo = svg `<path d="M12.5 8c-2.65 0-5.05.99-6.9 2.6L2 7v9h9l-3.62-3.62c1.39-1.16 3.16-1.88 5.12-1.88 3.54 0 6.55 2.31 7.6 5.5l2.37-.78C21.08 11.03 17.15 8 12.5 8z"></path>`, edit = svg `<path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"></path>`, rightArrow = svg `<path d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z" fill="currentColor"></path>`, leftArrow = svg `<path d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z" fill="currentColor"></path>`, download = svg `<path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z" fill="currentColor"></path>`, print = svg `<path d="M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66-1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm-1-9H6v4h12V3z" fill="currentColor"></path>`, renderIcon = ({ icon, width = 24, height } = {}) => html `<svg
-		viewBox="0 0 24 24"
-		preserveAspectRatio="xMidYMid meet"
-		focusable="false"
-		width=${width}
-		height=${ifDefined(height)}
-	>
-		${icon}
-	</svg>`;
+			viewBox="0 0 24 24"
+			preserveAspectRatio="xMidYMid meet"
+			focusable="false"
+			width=${width}
+			height=${ifDefined(height)}
+		>
+			${icon}
+		</svg>`;
 customElements.define('cz-icon', component(renderIcon, {
     observedAttributes: ['width', 'height'],
 }));

package/dist/elements/cz-spinner.js

@@ -1,4 +1,4 @@
-import { component, html } from 'haunted';
+import { component, html } from '@pionjs/pion';
 export const Spinner = () => html `<style>
 	@keyframes rotating {
 		100% {

package/dist/haunted-polymer.d.ts

@@ -1,4 +1,4 @@
-import { BaseScheduler, GenericRenderer, ComponentOrVirtualComponent } from 'haunted';
+import { BaseScheduler, GenericRenderer, ComponentOrVirtualComponent } from '@pionjs/pion';
 import { ChildPart } from 'lit-html';
 import { Rec } from './object';
 export type Constructor<T> = new (...args: any[]) => T;

package/dist/haunted-polymer.js

@@ -1,4 +1,4 @@
-import { BaseScheduler, render, } from 'haunted';
+import { BaseScheduler, render, } from '@pionjs/pion';
 class Scheduler extends BaseScheduler {
     _commit;
     constructor(renderer, host, commitCallback) {

package/dist/hooks/use-abort-signal.js

@@ -1,4 +1,4 @@
-import { useEffect, useMemo } from 'haunted';
+import { useEffect, useMemo } from '@pionjs/pion';
 export const useAbortSignal = () => {
     const { controller, signal } = useMemo(() => {
         const controller = new AbortController(), signal = controller.signal;

package/dist/hooks/use-debounce-raf.js

@@ -1,4 +1,4 @@
-import { useState, useEffect } from 'haunted';
+import { useState, useEffect } from '@pionjs/pion';
 /**
  * Debounces a value by updating it via a double requestAnimationFrame call.
  *

package/dist/hooks/use-drag-items.js

@@ -1,4 +1,4 @@
-import { useCallback } from 'haunted';
+import { useCallback } from '@pionjs/pion';
 import { useMeta } from './use-meta';
 import { parse } from '../number';
 export const applyMove = (list, from, to) => {

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

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

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

@@ -1,4 +1,4 @@
-import { useEffect } from 'haunted';
+import { useEffect } from '@pionjs/pion';
 export const useHandleDrop = (el, callback) => useEffect(() => {
     const dragStop = (event) => {
         event.stopPropagation();

package/dist/hooks/use-host-bounds.js

@@ -1,4 +1,4 @@
-import { useLayoutEffect, useState } from 'haunted';
+import { useLayoutEffect, useState } from '@pionjs/pion';
 import { useHost } from './use-host';
 const useHostBounds = () => {
     const host = useHost(), [bounds, setBounds] = useState();

package/dist/hooks/use-host.js

@@ -1,4 +1,4 @@
-import { hook, Hook } from 'haunted';
+import { hook, Hook } from '@pionjs/pion';
 export const useHost = hook(class extends Hook {
     update() {
         return this.state.host;

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

@@ -1,4 +1,4 @@
-import { Hook, hook } from 'haunted';
+import { Hook, hook } from '@pionjs/pion';
 export const useImperativeApi = hook(class extends Hook {
     values;
     constructor(id, state, api, values) {

package/dist/hooks/use-meta.js

@@ -1,4 +1,4 @@
-import { useMemo } from 'haunted';
+import { useMemo } from '@pionjs/pion';
 /**
  * Copies properties of an Object into a memoized object.
  * Useful to create an object that does not change.

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

@@ -1,4 +1,4 @@
-import { useEffect } from 'haunted';
+import { useEffect } from '@pionjs/pion';
 import { useHost } from './use-host';
 const UPPER = /([A-Z])/gu;
 /* Emulate polymer notify props */

package/dist/hooks/use-promise.js

@@ -1,31 +1,40 @@
-import { useReducer, useEffect } from 'haunted';
+import { useReducer, useEffect } from '@pionjs/pion';
 import { reduce, action } from '../reduce';
 const states = {
     pending: 'pending',
     rejected: 'rejected',
-    resolved: 'resolved'
+    resolved: 'resolved',
 }, initial = {
     error: undefined,
     result: undefined,
-    state: states.pending
-}, pending = action(states.pending), resolved = action(states.resolved, result => ({ result })), rejected = action(states.rejected, error => ({ error })), reducer = reduce(initial, [
-    [pending, () => ({
+    state: states.pending,
+}, pending = action(states.pending), resolved = action(states.resolved, (result) => ({ result })), rejected = action(states.rejected, (error) => ({ error })), reducer = reduce(initial, [
+    [
+        pending,
+        () => ({
             error: undefined,
             result: undefined,
-            state: states.pending
-        })],
-    [resolved, (state, { result }) => ({
+            state: states.pending,
+        }),
+    ],
+    [
+        resolved,
+        (state, { result }) => ({
             error: undefined,
             result,
-            state: states.resolved
-        })],
-    [rejected, (state, { error }) => ({
+            state: states.resolved,
+        }),
+    ],
+    [
+        rejected,
+        (state, { error }) => ({
             error,
             result: undefined,
-            state: states.rejected
-        })]
+            state: states.rejected,
+        }),
+    ],
 ]);
-export const usePromise = promise => {
+export const usePromise = (promise) => {
     const [{ error, result, state }, dispatch] = useReducer(reducer, initial);
     useEffect(() => {
         if (!promise) {
@@ -33,7 +42,7 @@ export const usePromise = promise => {
         }
         let canceled = false;
         dispatch(pending());
-        promise.then(result => !canceled && dispatch(resolved(result)), error => !canceled && dispatch(rejected(error)));
+        promise.then((result) => !canceled && dispatch(resolved(result)), (error) => !canceled && dispatch(rejected(error)));
         return () => {
             canceled = true;
         };

package/dist/hooks/use-property.js

@@ -1,4 +1,4 @@
-import { useEffect, useCallback } from 'haunted';
+import { useEffect, useCallback } from '@pionjs/pion';
 import { useMeta } from './use-meta';
 import { useHost } from './use-host';
 import { invoke } from '../function';

package/dist/tag.d.ts

@@ -1,23 +1,21 @@
-export declare const 
-/**
- * Dynamic component support for lit-html.
- *
- * Normally lit-html does not support interpolating the component tag, but we can trick it
- * by calling the template function manually.
- *
- * NOTE: You can only use this function for interpolating a single tag and it must be the
- * first interpolated value. If you need multiple components, you can do multiple interpolations.
- *
- * @example
- *  tag`<${name} some=${param}/>`
- *
- * @example
- * 	html`A: ${ tag`<${ aTag }/>` } - B: ${ tag`${ bTag }` }`
- *
- * @param   {string[]}     strings    The static strings.
- * @param   {string}       component  The interpolated component name.
- * @param   {any[]}        values     The interpolated values.
- *
- * @return  {TemplateResult}          The lit template result.
- */
-tag: (strings: string[], component: string, ...values: unknown[]) => import("lit-html").TemplateResult<1>;
+export declare const /**
+     * Dynamic component support for lit-html.
+     *
+     * Normally lit-html does not support interpolating the component tag, but we can trick it
+     * by calling the template function manually.
+     *
+     * NOTE: You can only use this function for interpolating a single tag and it must be the
+     * first interpolated value. If you need multiple components, you can do multiple interpolations.
+     *
+     * @example
+     *  tag`<${name} some=${param}/>`
+     *
+     * @example
+     * 	html`A: ${ tag`<${ aTag }/>` } - B: ${ tag`${ bTag }` }`
+     *
+     * @param   {string[]}     strings    The static strings.
+     * @param   {string}       component  The interpolated component name.
+     * @param   {any[]}        values     The interpolated values.
+     *
+     * @return  {TemplateResult}          The lit template result.
+     */ tag: (strings: string[], component: string, ...values: unknown[]) => import("lit-html").TemplateResult<1>;

package/dist/tag.js

@@ -1,28 +1,26 @@
-import { html as htm } from 'haunted';
+import { html as htm } from 'lit-html';
 const html = (arr, ...thru) => htm(Object.assign(arr, { raw: true }), ...thru);
-export const 
-/**
- * Dynamic component support for lit-html.
- *
- * Normally lit-html does not support interpolating the component tag, but we can trick it
- * by calling the template function manually.
- *
- * NOTE: You can only use this function for interpolating a single tag and it must be the
- * first interpolated value. If you need multiple components, you can do multiple interpolations.
- *
- * @example
- *  tag`<${name} some=${param}/>`
- *
- * @example
- * 	html`A: ${ tag`<${ aTag }/>` } - B: ${ tag`${ bTag }` }`
- *
- * @param   {string[]}     strings    The static strings.
- * @param   {string}       component  The interpolated component name.
- * @param   {any[]}        values     The interpolated values.
- *
- * @return  {TemplateResult}          The lit template result.
- */
-tag = (strings, component, ...values) => html([
+export const /**
+     * Dynamic component support for lit-html.
+     *
+     * Normally lit-html does not support interpolating the component tag, but we can trick it
+     * by calling the template function manually.
+     *
+     * NOTE: You can only use this function for interpolating a single tag and it must be the
+     * first interpolated value. If you need multiple components, you can do multiple interpolations.
+     *
+     * @example
+     *  tag`<${name} some=${param}/>`
+     *
+     * @example
+     * 	html`A: ${ tag`<${ aTag }/>` } - B: ${ tag`${ bTag }` }`
+     *
+     * @param   {string[]}     strings    The static strings.
+     * @param   {string}       component  The interpolated component name.
+     * @param   {any[]}        values     The interpolated values.
+     *
+     * @return  {TemplateResult}          The lit template result.
+     */ tag = (strings, component, ...values) => html([
     strings[0] + component + strings[1],
-    ...strings.slice(2)
+    ...strings.slice(2),
 ], ...values);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@neovici/cosmoz-utils",
-	"version": "5.38.0",
+	"version": "6.0.0",
 	"description": "Date, money and template management functions commonly needed in Cosmoz views.",
 	"keywords": [
 		"polymer",
@@ -71,19 +71,20 @@
 		"./memoize": "./dist/memoize.js"
 	},
 	"dependencies": {
-		"haunted": "^5.0.0"
+		"@pionjs/pion": "^2.0.0"
 	},
 	"devDependencies": {
 		"@commitlint/cli": "^18.0.0",
 		"@commitlint/config-conventional": "^18.0.0",
 		"@neovici/cfg": "^1.15.1",
-		"@open-wc/testing": "^3.1.0",
+		"@open-wc/testing": "^4.0.0",
 		"@polymer/polymer": "^3.3.1",
 		"@semantic-release/changelog": "^6.0.0",
 		"@semantic-release/git": "^10.0.0",
+		"@types/mocha": "^10.0.3",
 		"husky": "^8.0.0",
 		"lit-html": "^2.0.0 || ^3.0.0",
-		"semantic-release": "^21.0.0",
-		"sinon": "^15.0.0"
+		"semantic-release": "^22.0.0",
+		"sinon": "^17.0.0"
 	}
 }