@neovici/cosmoz-queue 1.0.0

package/dist/queue/use-list.d.ts

@@ -0,0 +1,33 @@
+import { Rec } from '@neovici/cosmoz-utils/object';
+type NewState<T> = T | ((previousState?: T) => T);
+type StateUpdater<T> = (value: NewState<T>) => void;
+interface FilterMeta<F extends Rec<string>> {
+    filters: F;
+    onFilter: (name: PropertyKey, value: any) => void;
+    setFilters: StateUpdater<F>;
+}
+export declare const filter: <F extends Rec<string>>(meta: FilterMeta<F>) => (name: keyof F) => (e: CustomEvent<{
+    value: F[typeof name];
+}>) => void;
+export declare const notify: (host: EventTarget) => (name: string) => (e: CustomEvent) => void;
+export declare const useList: <F extends Rec<string>>() => {
+    sortOn: string | undefined;
+    descending: boolean;
+    filters: F;
+    onSort: (e: CustomEvent<import("@pionjs/pion/lib/use-state.js").NewState<string | undefined>>) => void;
+    onDescending: (e: CustomEvent<import("@pionjs/pion/lib/use-state.js").NewState<boolean>>) => void;
+    filter: (name: string) => (e: CustomEvent<{
+        value: any;
+    }>) => void;
+    notify: (name: string) => (e: CustomEvent) => void;
+};
+export declare const useListState: <I>() => {
+    totalAvailable: number | undefined;
+    setTotalAvailable: import("@pionjs/pion").StateUpdater<number | undefined>;
+    items: I[];
+    setItems: import("@pionjs/pion").StateUpdater<I[]>;
+    selected: I[];
+    setSelected: import("@pionjs/pion").StateUpdater<I[]>;
+};
+export {};
+//# sourceMappingURL=use-list.d.ts.map

package/dist/queue/use-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-list.d.ts","sourceRoot":"","sources":["../../src/queue/use-list.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,GAAG,EAAE,MAAM,8BAA8B,CAAC;AAGnD,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AAClD,KAAK,YAAY,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;AAEpD,UAAU,UAAU,CAAC,CAAC,SAAS,GAAG,CAAC,MAAM,CAAC;IACzC,OAAO,EAAE,CAAC,CAAC;IACX,QAAQ,EAAE,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAClD,UAAU,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;CAC5B;AAED,eAAO,MAAM,MAAM,GACjB,CAAC,SAAS,GAAG,CAAC,MAAM,CAAC,EAAE,MAAM,UAAU,CAAC,CAAC,CAAC,MAC1C,MAAM,MAAM,CAAC,MACb,GAAG,WAAW,CAAC;IAAE,KAAK,EAAE,CAAC,CAAC,OAAO,IAAI,CAAC,CAAA;CAAE,CAAC,SAKzC,CAAC;AAEH,eAAO,MAAM,MAAM,GACjB,MAAM,WAAW,MAAM,MAAM,MAAM,MAAM,GAAG,WAAW,SAEvD,CAAC;AAEH,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,GAAG,CAAC,MAAM,CAAC;;;;;;+BAZ3C;;MAAyC;mBAQZ,MAAM,MAAM,GAAG,WAAW;CA4BxD,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,CAAC;;;;;;;CAa7B,CAAC"}

package/dist/queue/use-list.js

@@ -0,0 +1,42 @@
+import { useMemo, useState, useCallback } from '@pionjs/pion';
+import { useHost } from '@neovici/cosmoz-utils/hooks/use-host';
+import { useMeta } from '@neovici/cosmoz-utils/hooks/use-meta';
+import { updateWith } from '../util/polymer-property-changed-event.js';
+export const filter = (meta) => (name) => (e) => {
+    const { value } = e.detail;
+    if (value === meta.filters?.[name])
+        return;
+    meta.setFilters((f) => ({ ...f, [name]: value }));
+    meta.onFilter(name, value);
+};
+export const notify = (host) => (name) => (e) => {
+    host.dispatchEvent(new CustomEvent(name, { detail: e.detail }));
+};
+export const useList = () => {
+    const host = useHost();
+    const [sortOn, setSortOn] = useState();
+    const [descending, setDescending] = useState(false);
+    const [filters, setFilters] = useState({});
+    const onFilter = useCallback((name, value) => host.dispatchEvent(new CustomEvent('filter', { detail: { name, value } })), []);
+    const meta = useMeta({ filters, setFilters, onFilter });
+    return {
+        sortOn,
+        descending,
+        filters,
+        onSort: useMemo(() => updateWith(setSortOn), []),
+        onDescending: useMemo(() => updateWith(setDescending), []),
+        filter: useMemo(() => filter(meta), []),
+        notify: useMemo(() => notify(host), []),
+    };
+};
+export const useListState = () => {
+    const [totalAvailable, setTotalAvailable] = useState(), [items, setItems] = useState([]), [selected, setSelected] = useState([]);
+    return {
+        totalAvailable,
+        setTotalAvailable,
+        items,
+        setItems,
+        selected,
+        setSelected,
+    };
+};

package/dist/queue/use-pref.d.ts

@@ -0,0 +1,5 @@
+type Returned<T> = [T, (v: T) => void];
+export declare function usePref<T extends string>(key: string): Returned<T>;
+export declare function usePref<T extends string>(key: string, defaultValue: T): Returned<T>;
+export {};
+//# sourceMappingURL=use-pref.d.ts.map

package/dist/queue/use-pref.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-pref.d.ts","sourceRoot":"","sources":["../../src/queue/use-pref.ts"],"names":[],"mappings":"AAEA,KAAK,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC,CAAC;AACvC,wBAAgB,OAAO,CAAC,CAAC,SAAS,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;AACpE,wBAAgB,OAAO,CAAC,CAAC,SAAS,MAAM,EACvC,GAAG,EAAE,MAAM,EACX,YAAY,EAAE,CAAC,GACb,QAAQ,CAAC,CAAC,CAAC,CAAC"}

package/dist/queue/use-pref.js

@@ -0,0 +1,11 @@
+import { useState, useCallback } from '@pionjs/pion';
+export function usePref(key, defaultValue) {
+    const [pref, setPref] = useState(() => localStorage.getItem(`pref-${key}`) || defaultValue);
+    return [
+        pref,
+        useCallback((value) => {
+            localStorage.setItem(`pref-${key}`, value);
+            setPref(value);
+        }, [setPref]),
+    ];
+}

package/dist/queue/use-queue.d.ts

@@ -0,0 +1,132 @@
+import { useListState } from './use-list';
+import { SplitOpts } from './use-split';
+import { Options as UseTabsOptions } from './use-tabs';
+interface Opts<I> extends ReturnType<typeof useListState<I>>, Pick<UseTabsOptions<I>, 'fallback'> {
+    tabHashParam?: string;
+    idHashParam?: string;
+    onActivate?: (name: string) => void;
+    api?: (id: string, item: I) => string;
+    id?: (i: I) => string;
+    split?: SplitOpts;
+}
+declare const useQueue: <I>({ id, api, tabHashParam, idHashParam, fallback, onActivate, split, ...thru }: Opts<I>) => {
+    tabnav: import("@neovici/cosmoz-tabs/next/use-tabs.js").Result<{
+        readonly name: "overview";
+        readonly title: string;
+        readonly disabled: false;
+        readonly content: import("lit-html").TemplateResult<1>;
+    } | {
+        readonly name: "split";
+        readonly disabled: boolean;
+        readonly title: string;
+        readonly content: import("lit-html").TemplateResult<1>;
+    } | {
+        readonly name: "queue";
+        readonly disabled: boolean;
+        readonly title: string;
+        readonly content: import("lit-html").TemplateResult<1>;
+    } | {
+        fallback: boolean;
+        name: "overview";
+        title: string;
+        disabled: false;
+        content: import("lit-html").TemplateResult<1>;
+    } | {
+        fallback: boolean;
+        name: "split";
+        disabled: boolean;
+        title: string;
+        content: import("lit-html").TemplateResult<1>;
+    } | {
+        fallback: boolean;
+        name: "queue";
+        disabled: boolean;
+        title: string;
+        content: import("lit-html").TemplateResult<1>;
+    }>;
+    activeTab: "split" | "overview" | "queue";
+    mobile: boolean;
+    hideActions: boolean;
+    index: number;
+    onItemClick: (e: Event) => void;
+    ensue: (itemId: string) => void;
+    nav: {
+        id: import("./use-data-nav").MapId<I>;
+        details: ((item: I) => Promise<any>) | undefined;
+        forward: boolean;
+        index: number;
+        item: I;
+        items: I[];
+        setItem: import("@pionjs/pion").StateUpdater<I>;
+        prev: (() => void) | undefined;
+        next: (() => void) | undefined;
+    };
+    totalAvailable: number | undefined;
+    setTotalAvailable: import("@pionjs/pion").StateUpdater<number | undefined>;
+    items: I[];
+    setItems: import("@pionjs/pion").StateUpdater<I[]>;
+    selected: I[];
+    setSelected: import("@pionjs/pion").StateUpdater<I[]>;
+};
+export type UseQueue<I> = Omit<Parameters<typeof useQueue<I>>[0], keyof ReturnType<typeof useListState<I>>>;
+declare const _default: <I>(thru: UseQueue<I>) => {
+    tabnav: import("@neovici/cosmoz-tabs/next/use-tabs.js").Result<{
+        readonly name: "overview";
+        readonly title: string;
+        readonly disabled: false;
+        readonly content: import("lit-html").TemplateResult<1>;
+    } | {
+        readonly name: "split";
+        readonly disabled: boolean;
+        readonly title: string;
+        readonly content: import("lit-html").TemplateResult<1>;
+    } | {
+        readonly name: "queue";
+        readonly disabled: boolean;
+        readonly title: string;
+        readonly content: import("lit-html").TemplateResult<1>;
+    } | {
+        fallback: boolean;
+        name: "overview";
+        title: string;
+        disabled: false;
+        content: import("lit-html").TemplateResult<1>;
+    } | {
+        fallback: boolean;
+        name: "split";
+        disabled: boolean;
+        title: string;
+        content: import("lit-html").TemplateResult<1>;
+    } | {
+        fallback: boolean;
+        name: "queue";
+        disabled: boolean;
+        title: string;
+        content: import("lit-html").TemplateResult<1>;
+    }>;
+    activeTab: "split" | "overview" | "queue";
+    mobile: boolean;
+    hideActions: boolean;
+    index: number;
+    onItemClick: (e: Event) => void;
+    ensue: (itemId: string) => void;
+    nav: {
+        id: import("./use-data-nav").MapId<I>;
+        details: ((item: I) => Promise<any>) | undefined;
+        forward: boolean;
+        index: number;
+        item: I;
+        items: I[];
+        setItem: import("@pionjs/pion").StateUpdater<I>;
+        prev: (() => void) | undefined;
+        next: (() => void) | undefined;
+    };
+    totalAvailable: number | undefined;
+    setTotalAvailable: import("@pionjs/pion").StateUpdater<number | undefined>;
+    items: I[];
+    setItems: import("@pionjs/pion").StateUpdater<I[]>;
+    selected: I[];
+    setSelected: import("@pionjs/pion").StateUpdater<I[]>;
+};
+export default _default;
+//# sourceMappingURL=use-queue.d.ts.map

package/dist/queue/use-queue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-queue.d.ts","sourceRoot":"","sources":["../../src/queue/use-queue.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAiB,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAClD,OAAgB,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,YAAY,CAAC;AA8BhE,UAAU,IAAI,CAAC,CAAC,CACf,SACC,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,EAClC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,UAAU,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACtC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,QAAA,MAAM,QAAQ,GAAI,CAAC,EAAE,8EASlB,IAAI,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA2CH,KAAK;oBAtBA,MAAM;;;;;;;;;;;;;;;;;;CAkDjB,CAAC;AAEF,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,IAAI,CAC7B,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACjC,MAAM,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC,CAAC,CACxC,CAAC;yBAEc,CAAC,EAAE,MAAM,QAAQ,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAnC7B,KAAK;oBAtBA,MAAM;;;;;;;;;;;;;;;;;;;AAyDlB,wBACgD"}

package/dist/queue/use-queue.js

@@ -0,0 +1,69 @@
+import { array } from '@neovici/cosmoz-utils/array';
+import { memoize } from '@neovici/cosmoz-utils/memoize';
+import { useViewInfo } from '@neovici/cosmoz-viewinfo';
+import { useCallback, useMemo } from '@pionjs/pion';
+import { json } from '../util/fetch/fetch';
+import useDataNav from './use-data-nav';
+import useKeyNav from './use-key-nav';
+import { useListState } from './use-list';
+import useSplit from './use-split';
+import useTabs from './use-tabs';
+import useUpdates from './use-updates';
+import { getItems, normalizeHeaders } from './util';
+const _id = (item) => item['id'];
+const useQNav = ({ id, api, items, ...thru }) => {
+    const details = useMemo(() => api && memoize((item) => json(api(id(item), item))), [id, api]), pass = useDataNav(items, {
+        ...thru,
+        id,
+    });
+    return { ...pass, id, details };
+};
+const useQueue = ({ id = _id, api, tabHashParam, idHashParam, fallback, onActivate, split, ...thru }) => {
+    const { items: _items, selected } = thru, { mobile } = useViewInfo(), items = useMemo(() => normalizeHeaders(_items), [_items]), queueItems = useMemo(() => getItems(items, selected), [items, selected]), { tabnav, activeTab } = useTabs({
+        items: queueItems,
+        hashParam: tabHashParam,
+        fallback,
+        onActivate,
+        mobile,
+    }), nav = useQNav({
+        id,
+        api,
+        items: queueItems,
+        hashParam: idHashParam,
+        maintainSelection: ['queue', 'split'].includes(activeTab),
+    }), { item, setItem } = nav, ensue = useCallback((itemId) => {
+        if (id(item) !== itemId) {
+            return;
+        }
+        const idx = items.indexOf(item);
+        setItem(items[Math.min(idx + 1, items.length - 1)]);
+    }, [item, id, items]);
+    useKeyNav({ activeTab, ...nav });
+    useSplit({ activeTab, ...split });
+    useUpdates({ ensue, ...nav });
+    return {
+        ...thru,
+        tabnav,
+        activeTab,
+        mobile,
+        hideActions: selected?.length > 0 && activeTab === 'split',
+        index: useMemo(() => items.indexOf(item), [item, items]),
+        onItemClick: useCallback((e) => {
+            const { index, activate: mustActivate } = e.detail;
+            const mini = e
+                .composedPath()
+                .find((el) => el instanceof Element && el.matches?.('[mini]'));
+            const activate = mustActivate ?? (mini ? ['split', 'queue'] : undefined);
+            setItem(items[index]);
+            if (activate) {
+                const next = array(activate).find((name) => tabnav.tabs.find((tab) => tab.name === name && !tab.disabled));
+                if (next)
+                    tabnav.activate(next);
+            }
+            e.preventDefault();
+        }, [activeTab, items]),
+        ensue,
+        nav,
+    };
+};
+export default (thru) => useQueue({ ...thru, ...useListState() });

package/dist/queue/use-split.d.ts

@@ -0,0 +1,8 @@
+import Split from 'split.js';
+export type SplitOpts = Pick<Split.Options, 'sizes' | 'minSize' | 'expandToMin' | 'snapOffset'>;
+interface Opts extends SplitOpts {
+    activeTab: string;
+}
+declare const _default: ({ activeTab, ...opts }: Opts) => void;
+export default _default;
+//# sourceMappingURL=use-split.d.ts.map

package/dist/queue/use-split.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-split.d.ts","sourceRoot":"","sources":["../../src/queue/use-split.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,UAAU,CAAC;AAE7B,MAAM,MAAM,SAAS,GAAG,IAAI,CAC3B,KAAK,CAAC,OAAO,EACb,OAAO,GAAG,SAAS,GAAG,aAAa,GAAG,YAAY,CAClD,CAAC;AAEF,UAAU,IAAK,SAAQ,SAAS;IAC/B,SAAS,EAAE,MAAM,CAAC;CAClB;yBAEe,wBAAwB,IAAI;AAA5C,wBAyBE"}

package/dist/queue/use-split.js

@@ -0,0 +1,30 @@
+import { useRef, useEffect } from '@pionjs/pion';
+import { useMeta } from '@neovici/cosmoz-utils/hooks/use-meta';
+import { useHost } from '@neovici/cosmoz-utils/hooks/use-host';
+import Split from 'split.js';
+export default ({ activeTab, ...opts }) => {
+    const splitRef = useRef(undefined);
+    const host = useHost();
+    const meta = useMeta(opts);
+    useEffect(() => {
+        if (activeTab !== 'split')
+            return;
+        const root = host.shadowRoot;
+        const list = root.querySelector('#list');
+        const queue = root.querySelector('#queue');
+        const listMinWidth = Array.isArray(meta.minSize)
+            ? meta.minSize[0]
+            : undefined;
+        if (listMinWidth != null && list) {
+            list.style.minWidth = `${listMinWidth}px`;
+        }
+        splitRef.current = Split([list, queue], {
+            gutterSize: 2,
+            ...meta,
+        });
+        return () => {
+            splitRef.current?.destroy();
+            list.style.minWidth = '';
+        };
+    }, [activeTab]);
+};

package/dist/queue/use-tabs.d.ts

@@ -0,0 +1,54 @@
+import { RenderTab } from '@neovici/cosmoz-tabs/next/index.js';
+export interface Options<I> {
+    items: I[];
+    hashParam?: string;
+    mobile?: boolean;
+    onActivate?: (name: string) => void;
+    fallback?: string;
+    sizes?: {
+        list?: string;
+        view?: string;
+    };
+}
+export interface Tab extends RenderTab {
+    content: unknown;
+}
+declare const _default: <I = unknown>({ items, hashParam, mobile, fallback, onActivate, }: Options<I>) => {
+    activeTab: "split" | "overview" | "queue";
+    tabnav: import("@neovici/cosmoz-tabs/next/use-tabs.js").Result<{
+        readonly name: "overview";
+        readonly title: string;
+        readonly disabled: false;
+        readonly content: import("lit-html").TemplateResult<1>;
+    } | {
+        readonly name: "split";
+        readonly disabled: boolean;
+        readonly title: string;
+        readonly content: import("lit-html").TemplateResult<1>;
+    } | {
+        readonly name: "queue";
+        readonly disabled: boolean;
+        readonly title: string;
+        readonly content: import("lit-html").TemplateResult<1>;
+    } | {
+        fallback: boolean;
+        name: "overview";
+        title: string;
+        disabled: false;
+        content: import("lit-html").TemplateResult<1>;
+    } | {
+        fallback: boolean;
+        name: "split";
+        disabled: boolean;
+        title: string;
+        content: import("lit-html").TemplateResult<1>;
+    } | {
+        fallback: boolean;
+        name: "queue";
+        disabled: boolean;
+        title: string;
+        content: import("lit-html").TemplateResult<1>;
+    }>;
+};
+export default _default;
+//# sourceMappingURL=use-tabs.d.ts.map

package/dist/queue/use-tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tabs.d.ts","sourceRoot":"","sources":["../../src/queue/use-tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAW,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAKxE,MAAM,WAAW,OAAO,CAAC,CAAC;IACzB,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE;QAAE,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CACzC;AAED,MAAM,WAAW,GAAI,SAAQ,SAAS;IACrC,OAAO,EAAE,OAAO,CAAC;CACjB;yBAEe,CAAC,GAAG,OAAO,EAAE,qDAM1B,OAAO,CAAC,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AANb,wBA4CE"}

package/dist/queue/use-tabs.js

@@ -0,0 +1,31 @@
+import { useMemo } from '@pionjs/pion';
+import { useTabs } from '@neovici/cosmoz-tabs/next/index.js';
+import { _ } from '@neovici/cosmoz-i18next';
+import * as icons from './icons';
+export default ({ items, hashParam, mobile, fallback, onActivate, }) => {
+    const tabs = useMemo(() => [
+        {
+            name: 'overview',
+            title: _('List'),
+            disabled: false,
+            content: icons.list,
+        },
+        {
+            name: 'split',
+            disabled: mobile || !(items.length > 0),
+            title: _('Split'),
+            content: icons.split,
+        },
+        {
+            name: 'queue',
+            disabled: !(items.length > 0),
+            title: _('Queue'),
+            content: icons.queue,
+        },
+    ].map((tab) => tab.name === fallback ? { ...tab, fallback: true } : tab), [items.length, mobile, fallback]);
+    const _tabnav = useTabs(tabs, { hashParam, onActivate }), tabnav = useMemo(() => _tabnav, Object.values(_tabnav)), activeTab = tabnav.active?.name;
+    return {
+        activeTab,
+        tabnav,
+    };
+};

package/dist/queue/use-updates.d.ts

@@ -0,0 +1,9 @@
+export interface ListItemDetail {
+    id: string;
+    remove: () => void;
+}
+declare const _default: ({ ensue }: {
+    ensue: (id: string) => void;
+}) => void;
+export default _default;
+//# sourceMappingURL=use-updates.d.ts.map

package/dist/queue/use-updates.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-updates.d.ts","sourceRoot":"","sources":["../../src/queue/use-updates.ts"],"names":[],"mappings":"AAKA,MAAM,WAAW,cAAc;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,IAAI,CAAC;CACnB;yBAEe,WAAW;IAAE,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE;AAA1D,wBAiBE"}

package/dist/queue/use-updates.js

@@ -0,0 +1,17 @@
+import { useEffect } from '@pionjs/pion';
+import { useMeta } from '@neovici/cosmoz-utils/hooks/use-meta';
+import { useHost } from '@neovici/cosmoz-utils/hooks/use-host';
+export default ({ ensue }) => {
+    const host = useHost(), meta = useMeta({ ensue });
+    useEffect(() => {
+        const onRemove = (e) => {
+            const { id, remove } = e
+                .detail;
+            e.preventDefault();
+            meta?.ensue(id);
+            remove();
+        };
+        host.addEventListener('list-item-remove', onRemove);
+        return () => host.removeEventListener('list-item-remove', onRemove);
+    }, []);
+};

package/dist/queue/util.d.ts

@@ -0,0 +1,4 @@
+export declare const getItems: <I>(items: I[], selected: I[]) => I[];
+export declare const normalizeHeaders: <I>(headers?: I[]) => I[];
+export declare const touch: <L extends HTMLElement>(list: L, id: string) => void;
+//# sourceMappingURL=util.d.ts.map

package/dist/queue/util.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.d.ts","sourceRoot":"","sources":["../../src/queue/util.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,QAAQ,GAAI,CAAC,EAAE,OAAO,CAAC,EAAE,EAAE,UAAU,CAAC,EAAE,QACL,CAAC;AAEjD,eAAO,MAAM,gBAAgB,GAAI,CAAC,EAAE,UAAU,CAAC,EAAE,KAAG,CAAC,EAMpD,CAAC;AAMF,eAAO,MAAM,KAAK,GAAI,CAAC,SAAS,WAAW,EAAE,MAAM,CAAC,EAAE,IAAI,MAAM,SAO/D,CAAC"}

package/dist/queue/util.js

@@ -0,0 +1,16 @@
+export const getItems = (items, selected) => (selected?.length > 0 ? selected : items) ?? [];
+export const normalizeHeaders = (headers) => {
+    if (!headers)
+        return [];
+    const items = headers[0]?.['items'];
+    return Array.isArray(items)
+        ? headers.flatMap((group) => group.items ?? [])
+        : headers;
+};
+export const touch = (list, id) => {
+    const ot = list?.shadowRoot?.querySelector('cosmoz-omnitable'), item = ot?.data?.find((i) => id === i.id);
+    if (!item) {
+        return;
+    }
+    ot.replaceItem(item, { ...item });
+};

package/dist/types/dialogable.d.ts

@@ -0,0 +1,39 @@
+/**
+ * @deprecated These types are temporary copies from @neovici/core.
+ * TODO: Refactor once cz-form is its own repo and import from there instead.
+ */
+import type { TemplateResult } from 'lit';
+export type Renderable = null | undefined | string | number | TemplateResult | ReadonlyArray<Renderable>;
+export type Progress = [string | number, string | number];
+export interface Field<T extends object, K extends keyof T = keyof T> {
+    id: K;
+    label?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    hidden?: boolean;
+    mandatory?: boolean;
+}
+export type Fields<T extends object> = readonly Field<T, keyof T>[];
+export interface Dialog<T extends object> {
+    heading: string;
+    title?: string;
+    name?: string;
+    description?: Renderable;
+    fields: Fields<T>;
+    initial: T;
+    onClose?: () => void;
+    onSave?: (values: T, initial: T, setProgress?: (p: Progress) => void) => PromiseLike<unknown>;
+    allowEmpty?: boolean;
+    auto?: boolean;
+    uncancelable?: boolean;
+    hideCancelButton?: boolean;
+    saveText?: string;
+    renderInPortal?: boolean;
+    backdrop?: boolean;
+    manualFocus?: boolean;
+}
+export interface Dialogable<T extends object> extends Dialog<T> {
+    preventClose?: boolean;
+    preventRefresh?: boolean;
+}
+//# sourceMappingURL=dialogable.d.ts.map

package/dist/types/dialogable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialogable.d.ts","sourceRoot":"","sources":["../../src/types/dialogable.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAE1C,MAAM,MAAM,UAAU,GACnB,IAAI,GACJ,SAAS,GACT,MAAM,GACN,MAAM,GACN,cAAc,GACd,aAAa,CAAC,UAAU,CAAC,CAAC;AAE7B,MAAM,MAAM,QAAQ,GAAG,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;AAE1D,MAAM,WAAW,KAAK,CAAC,CAAC,SAAS,MAAM,EAAE,CAAC,SAAS,MAAM,CAAC,GAAG,MAAM,CAAC;IACnE,EAAE,EAAE,CAAC,CAAC;IACN,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,MAAM,CAAC,CAAC,SAAS,MAAM,IAAI,SAAS,KAAK,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC;AAEpE,MAAM,WAAW,MAAM,CAAC,CAAC,SAAS,MAAM;IACvC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,UAAU,CAAC;IACzB,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC;IAClB,OAAO,EAAE,CAAC,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,KAAK,IAAI,KAAK,WAAW,CAAC,OAAO,CAAC,CAAC;IAC9F,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,UAAU,CAAC,CAAC,SAAS,MAAM,CAAE,SAAQ,MAAM,CAAC,CAAC,CAAC;IAC9D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;CACzB"}

package/dist/types/dialogable.js

@@ -0,0 +1,5 @@
+/**
+ * @deprecated These types are temporary copies from @neovici/core.
+ * TODO: Refactor once cz-form is its own repo and import from there instead.
+ */
+export {};

package/dist/types/performable.d.ts

@@ -0,0 +1,5 @@
+export type Performable<TAvailableAction = string> = {
+    action: TAvailableAction;
+    reasonCodeIds?: string[] | null;
+};
+//# sourceMappingURL=performable.d.ts.map

package/dist/types/performable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"performable.d.ts","sourceRoot":"","sources":["../../src/types/performable.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,CAAC,gBAAgB,GAAG,MAAM,IAAI;IACpD,MAAM,EAAE,gBAAgB,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;CAChC,CAAC"}

package/dist/types/performable.js

@@ -0,0 +1 @@
+export {};

package/dist/util/dom/active-element.d.ts

@@ -0,0 +1,3 @@
+declare const getActiveElement: (root?: Document | ShadowRoot) => HTMLElement | null;
+export default getActiveElement;
+//# sourceMappingURL=active-element.d.ts.map

package/dist/util/dom/active-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"active-element.d.ts","sourceRoot":"","sources":["../../../src/util/dom/active-element.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,gBAAgB,GACrB,OAAM,QAAQ,GAAG,UAAqB,KACpC,WAAW,GAAG,IAYhB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/util/dom/active-element.js

@@ -0,0 +1,11 @@
+const getActiveElement = (root = document) => {
+    const activeEl = root.activeElement;
+    if (!activeEl) {
+        return null;
+    }
+    if (activeEl.shadowRoot) {
+        return getActiveElement(activeEl.shadowRoot);
+    }
+    return activeEl;
+};
+export default getActiveElement;

package/dist/util/fetch/fetch.d.ts

@@ -0,0 +1,41 @@
+export declare class RequestError extends Error {
+    response: Response;
+    data: unknown;
+    constructor(message: string, response: Response, data?: unknown);
+}
+export declare const notice: (data: unknown) => string;
+export declare const setBaseInit: <T extends RequestInit>(init: T) => Partial<RequestInit> & {
+    body?: (BodyInit | null) | undefined;
+    cache?: RequestCache | undefined;
+    credentials?: RequestCredentials | undefined;
+    headers?: HeadersInit | undefined;
+    integrity?: string | undefined;
+    keepalive?: boolean | undefined;
+    method?: string | undefined;
+    mode?: RequestMode | undefined;
+    priority?: RequestPriority | undefined;
+    redirect?: RequestRedirect | undefined;
+    referrer?: string | undefined;
+    referrerPolicy?: ReferrerPolicy | undefined;
+    signal?: (AbortSignal | null) | undefined;
+    window?: null | undefined;
+} & T & {
+    headers: {};
+};
+export declare const fetch: (url: string, opts?: RequestInit) => Promise<Response>;
+export declare const handleJSON: (res: Response) => Promise<any> | "";
+/**
+ * @deprecated
+ */
+export declare const json: (url: string, { fetch: _fetch, handleJSON: _handleJSON, ...opts }?: RequestInit & {
+    fetch?: typeof fetch;
+    handleJSON?: typeof handleJSON;
+}) => Promise<any>;
+/**
+ * @deprecated
+ */
+export declare const jsonPost: (url: string, body?: object | BodyInit, opts?: Omit<RequestInit, "body">) => Promise<any>;
+export declare const jsonPut: (url: string, body?: object | BodyInit, opts?: Omit<RequestInit, "body">) => Promise<any>;
+export declare const jsonPatch: (url: string, body: object | BodyInit, opts?: Omit<RequestInit, "body">) => Promise<any>;
+export declare const jsonDelete: (url: string, body?: object | BodyInit, opts?: Omit<RequestInit, "body">) => Promise<any>;
+//# sourceMappingURL=fetch.d.ts.map

package/dist/util/fetch/fetch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetch.d.ts","sourceRoot":"","sources":["../../../src/util/fetch/fetch.ts"],"names":[],"mappings":"AAAA,qBAAa,YAAa,SAAQ,KAAK;IACtC,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,EAAE,OAAO,CAAC;gBACF,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,EAAE,OAAO;CAM/D;AAUD,eAAO,MAAM,MAAM,GAAI,MAAM,OAAO,WAYnC,CAAC;AAIF,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,WAAW,EAAE,MAAM,CAAC;;;;;;;;;;;;;;;;;CAOzD,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,KAAK,MAAM,EAAE,OAAO,WAAW,sBAUlD,CAAC;AAEJ,eAAO,MAAM,UAAU,GAAI,KAAK,QAAQ,sBAkBvC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,IAAI,GAChB,KAAK,MAAM,EACX,sDAIG,WAAW,GAAG;IAChB,KAAK,CAAC,EAAE,OAAO,KAAK,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,UAAU,CAAC;CAC1B,iBACiC,CAAC;AAEzC;;GAEG;AACH,eAAO,MAAM,QAAQ,GACpB,KAAK,MAAM,EACX,OAAO,MAAM,GAAG,QAAQ,EACxB,OAAO,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,iBAU9B,CAAC;AAEJ,eAAO,MAAM,OAAO,GACnB,KAAK,MAAM,EACX,OAAO,MAAM,GAAG,QAAQ,EACxB,OAAO,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,iBACmB,CAAC;AAErD,eAAO,MAAM,SAAS,GACrB,KAAK,MAAM,EACX,MAAM,MAAM,GAAG,QAAQ,EACvB,OAAO,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,iBACqB,CAAC;AAEvD,eAAO,MAAM,UAAU,GACtB,KAAK,MAAM,EACX,OAAO,MAAM,GAAG,QAAQ,EACxB,OAAO,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,iBACsB,CAAC"}