@neovici/cosmoz-queue 2.5.0 → 2.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/queue/index.d.ts +6 -5
- package/dist/queue/index.d.ts.map +1 -1
- package/dist/queue/index.js +6 -5
- package/dist/queue/queue.d.ts.map +1 -1
- package/dist/queue/queue.js +1 -2
- package/dist/queue/render.d.ts +1 -2
- package/dist/queue/render.d.ts.map +1 -1
- package/dist/queue/render.js +2 -2
- package/dist/queue/style.d.ts +1 -2
- package/dist/queue/style.d.ts.map +1 -1
- package/dist/queue/style.js +11 -15
- package/dist/queue/use-mobile.d.ts +2 -0
- package/dist/queue/use-mobile.d.ts.map +1 -0
- package/dist/queue/use-mobile.js +17 -0
- package/dist/queue/use-queue.js +2 -2
- package/package.json +1 -2
package/dist/queue/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export { default as useQueue } from './use-queue';
|
|
2
|
-
export { default as useDataService } from './use-data-service';
|
|
3
1
|
export { default as useAsyncAction } from './use-async-action';
|
|
4
|
-
export {
|
|
2
|
+
export { default as useDataService } from './use-data-service';
|
|
3
|
+
export { default as useQueue } from './use-queue';
|
|
4
|
+
export { getItems, touch } from './util';
|
|
5
5
|
export * from './render';
|
|
6
6
|
export type * from './types';
|
|
7
7
|
export type * from './use-queue';
|
|
@@ -10,11 +10,12 @@ export { default as omnitable } from './omnitable';
|
|
|
10
10
|
export { usePagination } from './pagination';
|
|
11
11
|
export { queue } from './queue';
|
|
12
12
|
export { base, default as renderStyles } from './style';
|
|
13
|
-
export { default as useFetchActions
|
|
13
|
+
export { actions$, default as useFetchActions } from './use-fetch-actions';
|
|
14
14
|
export type { Item, Props } from './use-fetch-actions';
|
|
15
15
|
export { useListSSE } from './use-list-sse';
|
|
16
16
|
export { default as useDataNav } from './use-data-nav';
|
|
17
|
+
export { useMobile } from './use-mobile';
|
|
17
18
|
export { default as useSplit } from './use-split';
|
|
18
19
|
export { default as useTabs } from './use-tabs';
|
|
19
|
-
export {
|
|
20
|
+
export { filter, notify, useList, useListState } from './use-list';
|
|
20
21
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/queue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/queue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAEzC,cAAc,UAAU,CAAC;AAEzB,mBAAmB,SAAS,CAAC;AAC7B,mBAAmB,aAAa,CAAC;AAGjC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAGzC,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AAGnD,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAG7C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGhC,OAAO,EAAE,IAAI,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,SAAS,CAAC;AAGxD,OAAO,EAAE,QAAQ,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3E,YAAY,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAGvD,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAG5C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,gBAAgB,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,YAAY,CAAC;AAGhD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC"}
|
package/dist/queue/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export { default as useQueue } from './use-queue';
|
|
2
|
-
export { default as useDataService } from './use-data-service';
|
|
3
1
|
export { default as useAsyncAction } from './use-async-action';
|
|
4
|
-
export {
|
|
2
|
+
export { default as useDataService } from './use-data-service';
|
|
3
|
+
export { default as useQueue } from './use-queue';
|
|
4
|
+
export { getItems, touch } from './util';
|
|
5
5
|
export * from './render';
|
|
6
6
|
// Item interactions
|
|
7
7
|
export { itemClick } from './item-click';
|
|
@@ -14,12 +14,13 @@ export { queue } from './queue';
|
|
|
14
14
|
// Styling
|
|
15
15
|
export { base, default as renderStyles } from './style';
|
|
16
16
|
// Fetch actions
|
|
17
|
-
export { default as useFetchActions
|
|
17
|
+
export { actions$, default as useFetchActions } from './use-fetch-actions';
|
|
18
18
|
// SSE
|
|
19
19
|
export { useListSSE } from './use-list-sse';
|
|
20
20
|
// Navigation & layout hooks
|
|
21
21
|
export { default as useDataNav } from './use-data-nav';
|
|
22
|
+
export { useMobile } from './use-mobile';
|
|
22
23
|
export { default as useSplit } from './use-split';
|
|
23
24
|
export { default as useTabs } from './use-tabs';
|
|
24
25
|
// List hooks
|
|
25
|
-
export {
|
|
26
|
+
export { filter, notify, useList, useListState } from './use-list';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"queue.d.ts","sourceRoot":"","sources":["../../src/queue/queue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,OAAO,EAAe,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,OAAO,QAAQ,EAAE,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEjD,KAAK,UAAU,CAAC,CAAC,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AACpD,KAAK,SAAS,CAAC,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG;IAChD,GAAG,EAAE,cAAc,CAAC;IACpB,IAAI,EAAE,CAAC,CAAC;CACR,CAAC;AAEF,UAAU,KAAK,CAAC,CAAC,EAAE,CAAC,CACnB,
|
|
1
|
+
{"version":3,"file":"queue.d.ts","sourceRoot":"","sources":["../../src/queue/queue.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,OAAO,EAAe,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,OAAO,QAAQ,EAAE,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEjD,KAAK,UAAU,CAAC,CAAC,IAAI,UAAU,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;AACpD,KAAK,SAAS,CAAC,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG;IAChD,GAAG,EAAE,cAAc,CAAC;IACpB,IAAI,EAAE,CAAC,CAAC;CACR,CAAC;AAEF,UAAU,KAAK,CAAC,CAAC,EAAE,CAAC,CACnB,SACC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,GAAG,KAAK,GAAG,UAAU,GAAG,OAAO,CAAC,EACtD,IAAI,CAAC,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;IACpD,IAAI,EAAE,CACL,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EACzB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,GAAG;QAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;KAAE,KACpD,cAAc,CAAC;IACpB,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,cAAc,CAAC;IACzE,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,cAAc,CAAC;IAC3E,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,UAAU,CAAC;CACxB;AAMD,eAAO,MAAM,KAAK,GAAI,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,OAAO,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,sBA8FjD,CAAC"}
|
package/dist/queue/queue.js
CHANGED
|
@@ -12,7 +12,7 @@ export const queue = (props) => {
|
|
|
12
12
|
fallback,
|
|
13
13
|
split,
|
|
14
14
|
});
|
|
15
|
-
const { index,
|
|
15
|
+
const { index, hideActions, items, setItems, setSelected, totalAvailable, setTotalAvailable, onItemClick, nav, tabnav, } = queueProps;
|
|
16
16
|
const { listRef, onAsyncSimpleAction } = useAsyncAction(nav);
|
|
17
17
|
const renderProps = {
|
|
18
18
|
...queueProps,
|
|
@@ -22,7 +22,6 @@ export const queue = (props) => {
|
|
|
22
22
|
details,
|
|
23
23
|
heading,
|
|
24
24
|
afterHeading,
|
|
25
|
-
mobile,
|
|
26
25
|
index,
|
|
27
26
|
items,
|
|
28
27
|
tabnav,
|
package/dist/queue/render.d.ts
CHANGED
|
@@ -60,7 +60,6 @@ export interface RenderQueue<I, D> extends Pick<RenderView<I, D>, 'renderItem' |
|
|
|
60
60
|
heading?: string;
|
|
61
61
|
afterHeading?: unknown;
|
|
62
62
|
index?: number;
|
|
63
|
-
mobile?: boolean;
|
|
64
63
|
items: I[];
|
|
65
64
|
totalAvailable?: number;
|
|
66
65
|
list: TemplateResult;
|
|
@@ -70,6 +69,6 @@ export interface RenderQueue<I, D> extends Pick<RenderView<I, D>, 'renderItem' |
|
|
|
70
69
|
index: number;
|
|
71
70
|
};
|
|
72
71
|
}
|
|
73
|
-
export declare const renderQueue: <I, D>({ heading, afterHeading, index,
|
|
72
|
+
export declare const renderQueue: <I, D>({ heading, afterHeading, index, tabnav, items, totalAvailable, nav, list, renderLoader, renderItem, details, pagination: _pagination, }: RenderQueue<I, D>) => TemplateResult<1>;
|
|
74
73
|
export {};
|
|
75
74
|
//# sourceMappingURL=render.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../src/queue/render.ts"],"names":[],"mappings":"AACA,OAAO,EAAc,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAG5E,OAAO,EAAQ,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAIzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAStC,eAAO,MAAM,SAAS,GAAI,iBAGvB;IACF,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;CAClB,sBAkBW,CAAC;AAEb,eAAO,MAAM,gBAAgB,GAAI,aAAa,UAAU,uCA0BvD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,CAAC,EAAE,+DAO5B;IACF,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,GAAG,EAAE;QAAE,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB,uCA0BA,CAAC;AAEF,UAAU,UAAU,CAAC,CAAC,EAAE,CAAC;IACxB,aAAa,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;IAChC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC;IACnC,IAAI,EAAE,CAAC,CAAC;IACR,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB,UAAU,EAAE,CAAC,IAAI,EAAE;QAClB,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC;QACZ,GAAG,EAAE,cAAc,CAAC;QACpB,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;QAClB,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;QAClB,aAAa,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,CAAC;KACjC,KAAK,cAAc,CAAC;IACrB,YAAY,EAAE,CAAC,IAAI,EAAE;QAAE,IAAI,EAAE,CAAC,CAAC;QAAC,GAAG,EAAE,cAAc,CAAA;KAAE,KAAK,cAAc,CAAC;CACzE;AACD,eAAO,MAAM,UAAU,GAAI,CAAC,EAAE,CAAC,EAAE,yEAQ9B,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC;;EAelB,CAAC;AAEF,UAAU,WAAW,CAAC,CAAC,EAAE,CAAC,CAAE,SAAQ,IAAI,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,eAAe,CAAC;IAC1E,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CAClB;AACD,eAAO,MAAM,WAAW,GAAI,CAAC,EAAE,CAAC,EAAE,gCAK/B,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC;;;;;;kBAIF;QAAE,aAAa,EAAE,OAAO,CAAC,OAAO,CAAC,CAAA;KAAE;;;;CAQrC,CAAC;AAEjB,MAAM,WAAW,WAAW,CAAC,CAAC,EAAE,CAAC,CAAE,SAAQ,IAAI,CAC9C,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,EAChB,YAAY,GAAG,cAAc,GAAG,SAAS,CACzC;IACA,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,
|
|
1
|
+
{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../src/queue/render.ts"],"names":[],"mappings":"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"}
|
package/dist/queue/render.js
CHANGED
|
@@ -100,14 +100,14 @@ export const renderSlide = ({ id, forward, item, ...thru }) => item
|
|
|
100
100
|
animation: forward ? slideInRight : slideInLeft,
|
|
101
101
|
}
|
|
102
102
|
: emptySlide();
|
|
103
|
-
export const renderQueue = ({ heading, afterHeading, index,
|
|
103
|
+
export const renderQueue = ({ heading, afterHeading, index, tabnav, items, totalAvailable, nav, list, renderLoader, renderItem, details = nav?.details, pagination: _pagination, }) => {
|
|
104
104
|
const activeTab = tabnav.active?.name;
|
|
105
105
|
const pagination = _pagination
|
|
106
106
|
? { ..._pagination, totalAvailable }
|
|
107
107
|
: undefined;
|
|
108
108
|
return html `
|
|
109
109
|
<style>
|
|
110
|
-
${renderStyles({ index
|
|
110
|
+
${renderStyles({ index })}
|
|
111
111
|
</style>
|
|
112
112
|
|
|
113
113
|
<cosmoz-tabs-next class="tabn">
|
package/dist/queue/style.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../src/queue/style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,QA8KhB,CAAC;yBAEc,
|
|
1
|
+
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../src/queue/style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,QA8KhB,CAAC;yBAEc,WAAW;IAAE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE;AAAtD,wBAoBE"}
|
package/dist/queue/style.js
CHANGED
|
@@ -174,7 +174,7 @@ export const base = css `
|
|
|
174
174
|
transform: translateY(-50%);
|
|
175
175
|
}
|
|
176
176
|
`;
|
|
177
|
-
export default ({ index
|
|
177
|
+
export default ({ index }) => css `
|
|
178
178
|
${base}
|
|
179
179
|
|
|
180
180
|
#list::part(itemRow-${index || '0'}) {
|
|
@@ -184,18 +184,14 @@ export default ({ index, mobile, }) => css `
|
|
|
184
184
|
);
|
|
185
185
|
}
|
|
186
186
|
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
display: none;
|
|
198
|
-
}
|
|
199
|
-
}`) ||
|
|
200
|
-
''}
|
|
187
|
+
:host([data-mobile]) .tabn-heading {
|
|
188
|
+
font-size: 14px;
|
|
189
|
+
margin-left: 12px;
|
|
190
|
+
}
|
|
191
|
+
:host([data-mobile]) .tabn-tab {
|
|
192
|
+
padding: 10px;
|
|
193
|
+
}
|
|
194
|
+
:host([data-mobile]) [name='split'] {
|
|
195
|
+
display: none;
|
|
196
|
+
}
|
|
201
197
|
`;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-mobile.d.ts","sourceRoot":"","sources":["../../src/queue/use-mobile.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS,GAAI,mBAAuB,KAAG,OAiBnD,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { useHost } from '@neovici/cosmoz-utils/hooks/use-host';
|
|
2
|
+
import { useEffect, useState } from '@pionjs/pion';
|
|
3
|
+
const BREAKPOINT = 480;
|
|
4
|
+
export const useMobile = (breakpoint = BREAKPOINT) => {
|
|
5
|
+
const host = useHost(), [mobile, setMobile] = useState(false);
|
|
6
|
+
useEffect(() => {
|
|
7
|
+
const observer = new ResizeObserver(([entry]) => {
|
|
8
|
+
setMobile(entry.contentRect.width <= breakpoint);
|
|
9
|
+
});
|
|
10
|
+
observer.observe(host);
|
|
11
|
+
return () => observer.disconnect();
|
|
12
|
+
}, [host, breakpoint]);
|
|
13
|
+
useEffect(() => {
|
|
14
|
+
host.toggleAttribute('data-mobile', mobile);
|
|
15
|
+
}, [host, mobile]);
|
|
16
|
+
return mobile;
|
|
17
|
+
};
|
package/dist/queue/use-queue.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { array } from '@neovici/cosmoz-utils/array';
|
|
2
2
|
import { memoize } from '@neovici/cosmoz-utils/memoize';
|
|
3
|
-
import { useViewInfo } from '@neovici/cosmoz-viewinfo';
|
|
4
3
|
import { useCallback, useMemo } from '@pionjs/pion';
|
|
5
4
|
import { json } from '../util/fetch/fetch';
|
|
5
|
+
import { useMobile } from './use-mobile';
|
|
6
6
|
import useDataNav from './use-data-nav';
|
|
7
7
|
import useKeyNav from './use-key-nav';
|
|
8
8
|
import { useListState } from './use-list';
|
|
@@ -30,7 +30,7 @@ const useQNav = ({ id, api, items, ...thru }) => {
|
|
|
30
30
|
return { ...pass, id, details };
|
|
31
31
|
};
|
|
32
32
|
const useQueue = ({ id = _id, api, tabHashParam, idHashParam, fallback, onActivate, split, ...thru }) => {
|
|
33
|
-
const { items: _items, selected } = thru,
|
|
33
|
+
const { items: _items, selected } = thru, mobile = useMobile(), items = useMemo(() => normalizeHeaders(_items), [_items]), queueItems = useMemo(() => getItems(items, selected), [items, selected]), { tabnav, activeTab } = useTabs({
|
|
34
34
|
items: queueItems,
|
|
35
35
|
hashParam: tabHashParam,
|
|
36
36
|
fallback,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@neovici/cosmoz-queue",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.6.0",
|
|
4
4
|
"description": "A reusable queue component for master-detail views with list, split, and queue modes",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"web-components",
|
|
@@ -81,7 +81,6 @@
|
|
|
81
81
|
"@neovici/cosmoz-slider": "^5.2.1",
|
|
82
82
|
"@neovici/cosmoz-tabs": "^9.3.2",
|
|
83
83
|
"@neovici/cosmoz-utils": "^6.14.2",
|
|
84
|
-
"@neovici/cosmoz-viewinfo": "^4.1.1",
|
|
85
84
|
"@pionjs/pion": "^2.10.0",
|
|
86
85
|
"i18next": "^25.7.4",
|
|
87
86
|
"lit-html": "^3.3.1",
|