@neovici/cosmoz-queue 3.7.0 → 3.9.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/actions/index.d.ts +1 -0
- package/dist/actions/index.d.ts.map +1 -1
- package/dist/actions/index.js +3 -3
- package/dist/list/more/render-more.d.ts +3 -1
- package/dist/list/more/render-more.d.ts.map +1 -1
- package/dist/list/more/render-more.js +7 -18
- package/dist/list/render-list-core.d.ts +3 -1
- package/dist/list/render-list-core.d.ts.map +1 -1
- package/dist/list/render-list-core.js +3 -1
- package/dist/list/style.css.d.ts.map +1 -1
- package/dist/list/style.css.js +1 -4
- package/dist/queue/icon.js +2 -2
- package/dist/queue/render.js +4 -4
- package/dist/styles/shared-styles.d.ts +0 -1
- package/dist/styles/shared-styles.d.ts.map +1 -1
- package/dist/styles/shared-styles.js +0 -102
- package/package.json +7 -3
package/dist/actions/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/actions/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAQ,OAAO,EAAE,MAAM,UAAU,CAAC;AAIzC,eAAO,MAAM,WAAW,GAAI,CAAC,EAAE,OAAO,CAAC,EAAE,EAAE,kBAAiB,CAAC,EAAU,qDASrE,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,SAAS,MAAM,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;AAC3E,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,SAAS,MAAM,EAC1C,MAAM,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,KAC7B,IAAI,CAAC;AAEV,MAAM,WAAW,UAAU,CAC1B,KAAK,SAAS,MAAM,EACpB,KAAK,SAAS,UAAU,GAAG,WAAW,GAAG,WAAW;IAEpD,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,IAAI,EAAE,KAAK,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,UAAU,CAAC,KAAK,SAAS,MAAM;IAC/C,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,MAAM,CAAC,KAAK,SAAS,MAAM,EAAE,OAAO,SAAS,MAAM,GAAG,MAAM;IAC5E,KAAK,EAAE,MAAM,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,OAAO,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,CACR,IAAI,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,UAAU,GAAG,WAAW,CAAC,KACtE,OAAO,CAAC;IACb,MAAM,EAAE,CACP,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,KAC3D,UAAU,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,aAAa,GACzB,KAAK,SAAS,MAAM,EACpB,OAAO,SAAS,MAAM,GAAG,MAAM,EAC/B,KAAK,SAAS,UAAU,GAAG,WAAW,GAAG,WAAW,EAEpD,MAAM,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/actions/index.ts"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAC;AAChC,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAQ,OAAO,EAAE,MAAM,UAAU,CAAC;AAIzC,eAAO,MAAM,WAAW,GAAI,CAAC,EAAE,OAAO,CAAC,EAAE,EAAE,kBAAiB,CAAC,EAAU,qDASrE,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,SAAS,MAAM,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;AAC3E,MAAM,MAAM,WAAW,GAAG,CAAC,CAAC,SAAS,MAAM,EAC1C,MAAM,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,KAC7B,IAAI,CAAC;AAEV,MAAM,WAAW,UAAU,CAC1B,KAAK,SAAS,MAAM,EACpB,KAAK,SAAS,UAAU,GAAG,WAAW,GAAG,WAAW;IAEpD,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,IAAI,EAAE,KAAK,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,UAAU,CAAC,KAAK,SAAS,MAAM;IAC/C,KAAK,EAAE,KAAK,EAAE,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,MAAM,CAAC,KAAK,SAAS,MAAM,EAAE,OAAO,SAAS,MAAM,GAAG,MAAM;IAC5E,KAAK,EAAE,MAAM,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,KAAK,OAAO,CAAC;IACtC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,CACR,IAAI,EAAE,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,UAAU,GAAG,WAAW,CAAC,KACtE,OAAO,CAAC;IACb,MAAM,EAAE,CACP,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,GAAG,UAAU,CAAC,KAAK,CAAC,KAC3D,UAAU,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC;CACxD;AAED,eAAO,MAAM,aAAa,GACzB,KAAK,SAAS,MAAM,EACpB,OAAO,SAAS,MAAM,GAAG,MAAM,EAC/B,KAAK,SAAS,UAAU,GAAG,WAAW,GAAG,WAAW,EAEpD,MAAM,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,0DAevD,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,KAAK,SAAS,MAAM,EAAE,OAAO,SAAS,MAAM,EAClE,QAAQ,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,2BACpB,CAAC;AAEZ,eAAO,MAAM,aAAa,GAExB,KAAK,SAAS,MAAM,EACpB,OAAO,SAAS,MAAM,GAAG,MAAM,EAC/B,KAAK,SAAS,UAAU,GAAG,WAAW,GAAG,WAAW,EAEpD,MAAM,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,MAE9B,SAAS,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,cAK/B,CAAC"}
|
package/dist/actions/index.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import '@neovici/cosmoz-button';
|
|
1
2
|
import { html, nothing } from 'lit-html';
|
|
2
3
|
import { ifDefined } from 'lit-html/directives/if-defined.js';
|
|
3
4
|
import { when } from 'lit-html/directives/when.js';
|
|
@@ -8,15 +9,14 @@ export const defaultButton = (opts) => {
|
|
|
8
9
|
const applicableItems = applicable ? items.filter(applicable) : items;
|
|
9
10
|
if (!applicableItems.length)
|
|
10
11
|
return nothing;
|
|
11
|
-
return html `<button
|
|
12
|
-
class="button"
|
|
12
|
+
return html `<cosmoz-button
|
|
13
13
|
slot="${ifDefined(slot)}"
|
|
14
14
|
title="${title}"
|
|
15
15
|
data-priority="${ifDefined(opts.priority)}"
|
|
16
16
|
@click=${() => open(dialog({ ...opts, items: applicableItems, title }))}
|
|
17
17
|
>
|
|
18
18
|
${title} ${actionCount(items, applicableItems)}
|
|
19
|
-
</button>`;
|
|
19
|
+
</cosmoz-button>`;
|
|
20
20
|
};
|
|
21
21
|
export const action = (action) => action;
|
|
22
22
|
export const renderActions = (opts) => (actions) => actions.map((action) => {
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
+
import '@neovici/cosmoz-button';
|
|
1
2
|
import '@neovici/cosmoz-spinner';
|
|
2
|
-
export declare const style: string;
|
|
3
3
|
export declare const renderLoadMore: ({ loading, data$, hasItems, onMore, }: {
|
|
4
4
|
loading?: boolean;
|
|
5
5
|
data$?: PromiseLike<unknown>;
|
|
6
6
|
hasItems?: boolean;
|
|
7
7
|
onMore?: () => void;
|
|
8
8
|
}) => import("lit-html").TemplateResult<1>;
|
|
9
|
+
/** @deprecated Button presentation is provided by cosmoz-button. */
|
|
10
|
+
export declare const style = "";
|
|
9
11
|
//# sourceMappingURL=render-more.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"render-more.d.ts","sourceRoot":"","sources":["../../../src/list/more/render-more.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"render-more.d.ts","sourceRoot":"","sources":["../../../src/list/more/render-more.ts"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAC;AAChC,OAAO,yBAAyB,CAAC;AAMjC,eAAO,MAAM,cAAc,GAAI,uCAK5B;IACF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACpB,yCAoBiB,CAAC;AAEnB,oEAAoE;AACpE,eAAO,MAAM,KAAK,KAAK,CAAC"}
|
|
@@ -1,25 +1,12 @@
|
|
|
1
|
+
import '@neovici/cosmoz-button';
|
|
1
2
|
import '@neovici/cosmoz-spinner';
|
|
2
|
-
import { css } from '@pionjs/pion';
|
|
3
3
|
import { t } from 'i18next';
|
|
4
4
|
import { html, nothing } from 'lit-html';
|
|
5
5
|
import { until } from 'lit-html/directives/until.js';
|
|
6
6
|
import { when } from 'lit-html/directives/when.js';
|
|
7
|
-
export const
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
font-size: 14px;
|
|
11
|
-
font-weight: 500;
|
|
12
|
-
line-height: 40px;
|
|
13
|
-
background: inherit;
|
|
14
|
-
color: var(--cz-text-color);
|
|
15
|
-
border: none;
|
|
16
|
-
cursor: pointer;
|
|
17
|
-
}
|
|
18
|
-
.more:hover {
|
|
19
|
-
color: var(--secondary-text-color);
|
|
20
|
-
}
|
|
21
|
-
`;
|
|
22
|
-
export const renderLoadMore = ({ loading, data$, hasItems, onMore, }) => html `<button
|
|
7
|
+
export const renderLoadMore = ({ loading, data$, hasItems, onMore, }) => html `<cosmoz-button
|
|
8
|
+
variant="primary"
|
|
9
|
+
size="lg"
|
|
23
10
|
class="more"
|
|
24
11
|
slot="extraContent"
|
|
25
12
|
?hidden="${!onMore}"
|
|
@@ -28,4 +15,6 @@ export const renderLoadMore = ({ loading, data$, hasItems, onMore, }) => html `<
|
|
|
28
15
|
${when(loading, () => html `<cosmoz-spinner></cosmoz-spinner>`)}
|
|
29
16
|
${when(hasItems && data$, (data$) => until(data$.then(() => nothing, () => nothing), html `<cosmoz-spinner></cosmoz-spinner>`))}
|
|
30
17
|
<span>${t('Load more')}</span>
|
|
31
|
-
</button>`;
|
|
18
|
+
</cosmoz-button>`;
|
|
19
|
+
/** @deprecated Button presentation is provided by cosmoz-button. */
|
|
20
|
+
export const style = '';
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import '@neovici/cosmoz-omnitable';
|
|
2
|
+
import { type Breakpoint } from '@neovici/cosmoz-utils/directives/breakpoints';
|
|
2
3
|
import { type Renderable } from '@pionjs/pion';
|
|
3
4
|
import { Action } from '../actions';
|
|
4
5
|
import type { Columns } from './column';
|
|
@@ -11,6 +12,7 @@ export interface RenderListCoreProps<TItem extends object> {
|
|
|
11
12
|
enabledColumns?: string[];
|
|
12
13
|
noLocal?: boolean;
|
|
13
14
|
miniBreakpoint?: number;
|
|
15
|
+
breakpoints?: () => Breakpoint[];
|
|
14
16
|
actions?: Action<TItem, any>[];
|
|
15
17
|
content?: (opts: {
|
|
16
18
|
selectedItems: TItem[];
|
|
@@ -21,7 +23,7 @@ export interface RenderListCoreProps<TItem extends object> {
|
|
|
21
23
|
export interface RenderListCore<TColumns extends Columns, TItem extends object> extends UseListCoreResult<TColumns, TItem>, RenderListCoreProps<TItem> {
|
|
22
24
|
}
|
|
23
25
|
export declare const renderColumns: <T extends Columns>(columns: T) => import("../types/lit").LitRenderable[];
|
|
24
|
-
export declare const renderListCore: <TColumns extends Columns, TItem extends object>({ settingsId, hashParam, enabledColumns, csvFilename, exposedParts, data$, noLocal, miniBreakpoint, sortOn, setSortOn, descending, setDescending, groupOn, setGroupOn, selectedItems, setSelectedItems, setVisibleItems, hasItems, setFilters, setIsMini, columns, actions, dialog, open, content, loadMore, compareItemsFn, rowPartFn, }: RenderListCore<TColumns, TItem>) => (import("lit-html/directive.js").DirectiveResult<new (_partInfo: import("lit-html/directive.js").PartInfo) => import("lit-html/directives/until.js").UntilDirective<import("lit-html").TemplateResult<1> | Promise<symbol | {
|
|
26
|
+
export declare const renderListCore: <TColumns extends Columns, TItem extends object>({ settingsId, hashParam, enabledColumns, csvFilename, exposedParts, data$, noLocal, miniBreakpoint, breakpoints, sortOn, setSortOn, descending, setDescending, groupOn, setGroupOn, selectedItems, setSelectedItems, setVisibleItems, hasItems, setFilters, setIsMini, columns, actions, dialog, open, content, loadMore, compareItemsFn, rowPartFn, }: RenderListCore<TColumns, TItem>) => (import("lit-html/directive.js").DirectiveResult<new (_partInfo: import("lit-html/directive.js").PartInfo) => import("lit-html/directives/until.js").UntilDirective<import("lit-html").TemplateResult<1> | Promise<symbol | {
|
|
25
27
|
toString(): string;
|
|
26
28
|
} | readonly import("@neovici/cosmoz-form").Renderable[] | null | undefined>>> | undefined)[];
|
|
27
29
|
//# sourceMappingURL=render-list-core.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"render-list-core.d.ts","sourceRoot":"","sources":["../../src/list/render-list-core.ts"],"names":[],"mappings":"AACA,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAKrD,OAAO,EAAE,MAAM,EAAiB,MAAM,YAAY,CAAC;AACnD,OAAO,KAAK,EAAU,OAAO,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEpD,MAAM,WAAW,mBAAmB,CAAC,KAAK,SAAS,MAAM;IACxD,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"render-list-core.d.ts","sourceRoot":"","sources":["../../src/list/render-list-core.ts"],"names":[],"mappings":"AACA,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAEN,KAAK,UAAU,EACf,MAAM,8CAA8C,CAAC;AACtD,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,cAAc,CAAC;AAKrD,OAAO,EAAE,MAAM,EAAiB,MAAM,YAAY,CAAC;AACnD,OAAO,KAAK,EAAU,OAAO,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEpD,MAAM,WAAW,mBAAmB,CAAC,KAAK,SAAS,MAAM;IACxD,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,UAAU,EAAE,CAAC;IAEjC,OAAO,CAAC,EAAE,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,aAAa,EAAE,KAAK,EAAE,CAAA;KAAE,KAAK,UAAU,CAAC;IAC3D,cAAc,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,KAAK,OAAO,CAAC;IACjD,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,SAAS,CAAC;CAC/D;AAED,MAAM,WAAW,cAAc,CAAC,QAAQ,SAAS,OAAO,EAAE,KAAK,SAAS,MAAM,CAC7E,SAAQ,iBAAiB,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC;CAAG;AAE1E,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,OAAO,EAAE,SAAS,CAAC,2CAGzD,CAAC;AAEH,eAAO,MAAM,cAAc,GAAI,QAAQ,SAAS,OAAO,EAAE,KAAK,SAAS,MAAM,EAAE,wVAmC5E,cAAc,CAAC,QAAQ,EAAE,KAAK,CAAC;;6FA6CjC,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { formDialog$ } from '@neovici/cosmoz-form';
|
|
2
2
|
import '@neovici/cosmoz-omnitable';
|
|
3
|
+
import { breakpoints as breakpointsDirective, } from '@neovici/cosmoz-utils/directives/breakpoints';
|
|
3
4
|
import { lift } from '@pionjs/pion';
|
|
4
5
|
import { html } from 'lit-html';
|
|
5
6
|
import { guard } from 'lit-html/directives/guard.js';
|
|
@@ -8,7 +9,7 @@ import { when } from 'lit-html/directives/when.js';
|
|
|
8
9
|
import { renderActions } from '../actions';
|
|
9
10
|
import { renderLoadMore } from './more/render-more';
|
|
10
11
|
export const renderColumns = (columns) => Object.entries(columns).map(([name, column]) => column.render({ ...column, name }));
|
|
11
|
-
export const renderListCore = ({ settingsId, hashParam, enabledColumns, csvFilename, exposedParts = 'itemRow, itemRow-active', data$, noLocal = true, miniBreakpoint, sortOn, setSortOn, descending, setDescending, groupOn, setGroupOn, selectedItems, setSelectedItems, setVisibleItems, hasItems, setFilters, setIsMini, columns, actions, dialog, open, content, loadMore, compareItemsFn, rowPartFn, }) => [
|
|
12
|
+
export const renderListCore = ({ settingsId, hashParam, enabledColumns, csvFilename, exposedParts = 'itemRow, itemRow-active', data$, noLocal = true, miniBreakpoint, breakpoints, sortOn, setSortOn, descending, setDescending, groupOn, setGroupOn, selectedItems, setSelectedItems, setVisibleItems, hasItems, setFilters, setIsMini, columns, actions, dialog, open, content, loadMore, compareItemsFn, rowPartFn, }) => [
|
|
12
13
|
html `<cosmoz-omnitable
|
|
13
14
|
id="omnitable"
|
|
14
15
|
?no-local=${noLocal}
|
|
@@ -32,6 +33,7 @@ export const renderListCore = ({ settingsId, hashParam, enabledColumns, csvFilen
|
|
|
32
33
|
@sort-on-changed=${lift(setSortOn)}
|
|
33
34
|
descending=${descending}
|
|
34
35
|
@descending-changed=${lift(setDescending)}
|
|
36
|
+
${when(breakpoints, () => breakpointsDirective(breakpoints, []))}
|
|
35
37
|
.miniBreakpoint=${miniBreakpoint}
|
|
36
38
|
@is-mini-changed=${lift(setIsMini)}
|
|
37
39
|
>${[
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.css.d.ts","sourceRoot":"","sources":["../../src/list/style.css.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"style.css.d.ts","sourceRoot":"","sources":["../../src/list/style.css.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,KAAK,QAajB,CAAC"}
|
package/dist/list/style.css.js
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { css } from '@pionjs/pion';
|
|
2
|
-
import { bottomBarInfoStyles,
|
|
3
|
-
import { style as loadMoreStyle } from './more/render-more';
|
|
2
|
+
import { bottomBarInfoStyles, statusStyle } from '../styles/shared-styles';
|
|
4
3
|
export const style = css `
|
|
5
4
|
:host {
|
|
6
5
|
display: flex;
|
|
@@ -13,7 +12,5 @@ export const style = css `
|
|
|
13
12
|
min-height: 200px;
|
|
14
13
|
}
|
|
15
14
|
${bottomBarInfoStyles}
|
|
16
|
-
${buttonStyles}
|
|
17
15
|
${statusStyle}
|
|
18
|
-
${loadMoreStyle}
|
|
19
16
|
`;
|
package/dist/queue/icon.js
CHANGED
package/dist/queue/render.js
CHANGED
|
@@ -17,7 +17,7 @@ const _emptySlide = {
|
|
|
17
17
|
};
|
|
18
18
|
const emptySlide = () => _emptySlide;
|
|
19
19
|
export const renderNav = ({ next, prev, }) => html ` <cosmoz-button
|
|
20
|
-
variant="
|
|
20
|
+
variant="tertiary"
|
|
21
21
|
icon-only
|
|
22
22
|
class="button-nav prev"
|
|
23
23
|
title="${t('Previous item')}"
|
|
@@ -28,7 +28,7 @@ export const renderNav = ({ next, prev, }) => html ` <cosmoz-button
|
|
|
28
28
|
${arrow}
|
|
29
29
|
</cosmoz-button>
|
|
30
30
|
<cosmoz-button
|
|
31
|
-
variant="
|
|
31
|
+
variant="tertiary"
|
|
32
32
|
icon-only
|
|
33
33
|
title="${t('Next item')}"
|
|
34
34
|
class="button-nav next"
|
|
@@ -49,7 +49,7 @@ export const renderPagination = (pagination) => {
|
|
|
49
49
|
title="${t('Previous page')}"
|
|
50
50
|
class="button-page page-prev"
|
|
51
51
|
size="sm"
|
|
52
|
-
variant="
|
|
52
|
+
variant="tertiary"
|
|
53
53
|
icon-only
|
|
54
54
|
?disabled=${!(pageNumber > 1)}
|
|
55
55
|
@click=${(e) => onPage(e.ctrlKey ? 1 : pageNumber - 1)}
|
|
@@ -58,7 +58,7 @@ export const renderPagination = (pagination) => {
|
|
|
58
58
|
</cosmoz-button>
|
|
59
59
|
<cosmoz-button
|
|
60
60
|
title="${t('Next page')}"
|
|
61
|
-
variant="
|
|
61
|
+
variant="tertiary"
|
|
62
62
|
icon-only
|
|
63
63
|
class="button-page page-next"
|
|
64
64
|
size="sm"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"shared-styles.d.ts","sourceRoot":"","sources":["../../src/styles/shared-styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,QAiHvB,CAAC;AAEF,eAAO,MAAM,mBAAmB,QAa/B,CAAC
|
|
1
|
+
{"version":3,"file":"shared-styles.d.ts","sourceRoot":"","sources":["../../src/styles/shared-styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,WAAW,QAiHvB,CAAC;AAEF,eAAO,MAAM,mBAAmB,QAa/B,CAAC"}
|
|
@@ -127,105 +127,3 @@ export const bottomBarInfoStyles = css `
|
|
|
127
127
|
margin: 0;
|
|
128
128
|
}
|
|
129
129
|
`;
|
|
130
|
-
export const buttonStyles = css `
|
|
131
|
-
.button {
|
|
132
|
-
font-family: inherit;
|
|
133
|
-
}
|
|
134
|
-
.button:not([slot='bottom-bar-menu']),
|
|
135
|
-
.file::-webkit-file-upload-button,
|
|
136
|
-
.file::file-selector-button {
|
|
137
|
-
background-color: var(--cz-color-bg-action-solid);
|
|
138
|
-
color: var(--cz-color-text-on-action);
|
|
139
|
-
background-image: var(--cz-action-sheen, none);
|
|
140
|
-
box-shadow: var(--cz-shadow-action);
|
|
141
|
-
box-sizing: border-box;
|
|
142
|
-
cursor: pointer;
|
|
143
|
-
outline: none;
|
|
144
|
-
flex: none;
|
|
145
|
-
border: none;
|
|
146
|
-
padding: calc(var(--cz-spacing) * 2.5) calc(var(--cz-spacing) * 4);
|
|
147
|
-
border-radius: var(--cz-radius-md);
|
|
148
|
-
height: 40px;
|
|
149
|
-
min-width: 78px;
|
|
150
|
-
font-family: inherit;
|
|
151
|
-
font-size: var(--cz-text-sm);
|
|
152
|
-
font-weight: var(--cz-font-weight-semibold);
|
|
153
|
-
line-height: var(--cz-text-sm-line-height);
|
|
154
|
-
text-overflow: ellipsis;
|
|
155
|
-
white-space: nowrap;
|
|
156
|
-
}
|
|
157
|
-
.button:not([slot='bottom-bar-menu']):hover,
|
|
158
|
-
.button:not([slot='bottom-bar-menu']):active,
|
|
159
|
-
.file::-webkit-file-upload-button:hover,
|
|
160
|
-
.file::file-selector-button:hover {
|
|
161
|
-
background-color: var(--cz-color-bg-action-solid-hover);
|
|
162
|
-
}
|
|
163
|
-
.button[disabled],
|
|
164
|
-
.button:disabled {
|
|
165
|
-
opacity: var(--cosmoz-button-disabled-opacity, 0.15);
|
|
166
|
-
pointer-events: none;
|
|
167
|
-
}
|
|
168
|
-
a.button {
|
|
169
|
-
text-decoration: none;
|
|
170
|
-
}
|
|
171
|
-
.buttons {
|
|
172
|
-
display: flex;
|
|
173
|
-
justify-content: flex-end;
|
|
174
|
-
padding: 8px 8px 8px 24px;
|
|
175
|
-
}
|
|
176
|
-
.buttons .button {
|
|
177
|
-
margin: 0 4px;
|
|
178
|
-
}
|
|
179
|
-
.button-ricon {
|
|
180
|
-
border: none;
|
|
181
|
-
border-radius: 50%;
|
|
182
|
-
fill: var(--primary-button-icon-fill);
|
|
183
|
-
padding: 8px;
|
|
184
|
-
display: inline-flex;
|
|
185
|
-
background: transparent;
|
|
186
|
-
cursor: pointer;
|
|
187
|
-
transition: background 0.15s ease;
|
|
188
|
-
}
|
|
189
|
-
.button-ricon:active {
|
|
190
|
-
background: rgb(56, 62, 74, 0.15);
|
|
191
|
-
}
|
|
192
|
-
.actionButton {
|
|
193
|
-
border: transparent;
|
|
194
|
-
background: var(--cz-action-button-bg, #fff);
|
|
195
|
-
border-radius: 500px;
|
|
196
|
-
font-size: 1.08em;
|
|
197
|
-
letter-spacing: -0.01em;
|
|
198
|
-
padding: 0.5em 0.9em;
|
|
199
|
-
cursor: pointer;
|
|
200
|
-
display: flex;
|
|
201
|
-
align-items: center;
|
|
202
|
-
overflow: hidden;
|
|
203
|
-
justify-content: center;
|
|
204
|
-
white-space: nowrap;
|
|
205
|
-
transition: background 0.25s;
|
|
206
|
-
}
|
|
207
|
-
.actionButton:hover {
|
|
208
|
-
background: var(--cz-action-button-hover-bg, #f0f0f0);
|
|
209
|
-
}
|
|
210
|
-
.actionButton span {
|
|
211
|
-
overflow: hidden;
|
|
212
|
-
text-overflow: ellipsis;
|
|
213
|
-
min-width: 10px;
|
|
214
|
-
}
|
|
215
|
-
|
|
216
|
-
.actionButton iron-icon {
|
|
217
|
-
margin-left: 4px;
|
|
218
|
-
flex: none;
|
|
219
|
-
--iron-icon-width: 18px;
|
|
220
|
-
--iron-icon-height: 18px;
|
|
221
|
-
}
|
|
222
|
-
.actionButton iron-icon:hover {
|
|
223
|
-
color: var(--cz-accent-color);
|
|
224
|
-
}
|
|
225
|
-
.expand-more-icon {
|
|
226
|
-
fill: var(--cz-expand-more-icon-color, inherit);
|
|
227
|
-
}
|
|
228
|
-
cosmoz-tab-card::part(collapse-icon) svg {
|
|
229
|
-
fill: var(--cz-expand-more-icon-color, inherit);
|
|
230
|
-
}
|
|
231
|
-
`;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@neovici/cosmoz-queue",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.9.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",
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
"./list/more/render": "./dist/list/more/render-more.js"
|
|
64
64
|
},
|
|
65
65
|
"dependencies": {
|
|
66
|
-
"@neovici/cosmoz-button": "^
|
|
66
|
+
"@neovici/cosmoz-button": "^2.3.0",
|
|
67
67
|
"@neovici/cosmoz-form": "^4.0.0",
|
|
68
68
|
"@neovici/cosmoz-icons": "^1.6.0",
|
|
69
69
|
"@neovici/cosmoz-omnitable": "^19.0.0",
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
"@neovici/cosmoz-slider": "^5.2.1",
|
|
73
73
|
"@neovici/cosmoz-tabs": "^11.1.0",
|
|
74
74
|
"@neovici/cosmoz-tokens": "^4.9.0",
|
|
75
|
-
"@neovici/cosmoz-utils": "^6.
|
|
75
|
+
"@neovici/cosmoz-utils": "^6.26.0",
|
|
76
76
|
"@pionjs/pion": "^2.10.0",
|
|
77
77
|
"i18next": ">=23.0.0 <27.0.0",
|
|
78
78
|
"lit-html": "^3.3.1"
|
|
@@ -100,5 +100,9 @@
|
|
|
100
100
|
"storybook": "^10.0.0",
|
|
101
101
|
"typescript": "^5.4.3",
|
|
102
102
|
"vitest": "^4.0.0"
|
|
103
|
+
},
|
|
104
|
+
"overrides": {
|
|
105
|
+
"@neovici/cosmoz-button": "$@neovici/cosmoz-button",
|
|
106
|
+
"@neovici/cosmoz-tokens": "$@neovici/cosmoz-tokens"
|
|
103
107
|
}
|
|
104
108
|
}
|