@neovici/cosmoz-queue 3.0.0-beta.3 → 3.0.0-beta.5
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../src/queue/render.ts"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAC;AAEhC,OAAO,EAAc,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAG5E,OAAO,EAAQ,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAKzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,YAAY,CAAC;AAQtC,eAAO,MAAM,SAAS,GAAI,iBAGvB;IACF,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,IAAI,CAAC;CAClB,sBAoBkB,CAAC;AAEpB,eAAO,MAAM,gBAAgB,GAAI,aAAa,UAAU,
|
|
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
|
@@ -41,22 +41,26 @@ export const renderPagination = (pagination) => {
|
|
|
41
41
|
const totalPages = pagination.totalPages ??
|
|
42
42
|
Math.ceil((pagination.totalAvailable ?? 0) / (pagination.pageSize ?? 0));
|
|
43
43
|
return html ` <div class="tabn-pagination">
|
|
44
|
-
<button
|
|
44
|
+
<cosmoz-button
|
|
45
45
|
title="${t('Previous page')}"
|
|
46
46
|
class="button-page page-prev"
|
|
47
|
+
size="sm"
|
|
48
|
+
variant="secondary"
|
|
47
49
|
?disabled=${!(pageNumber > 1)}
|
|
48
50
|
@click=${(e) => onPage(e.ctrlKey ? 1 : pageNumber - 1)}
|
|
49
51
|
>
|
|
50
52
|
${arrow}
|
|
51
|
-
</button>
|
|
52
|
-
<button
|
|
53
|
+
</cosmoz-button>
|
|
54
|
+
<cosmoz-button
|
|
53
55
|
title="${t('Next page')}"
|
|
56
|
+
variant="secondary"
|
|
54
57
|
class="button-page page-next"
|
|
58
|
+
size="sm"
|
|
55
59
|
?disabled=${!(pageNumber < totalPages)}
|
|
56
60
|
@click=${(e) => onPage(e.ctrlKey ? totalPages : pageNumber + 1)}
|
|
57
61
|
>
|
|
58
62
|
${arrow}
|
|
59
|
-
</button>
|
|
63
|
+
</cosmoz-button>
|
|
60
64
|
</div>`;
|
|
61
65
|
};
|
|
62
66
|
export const renderStats = ({ pagination, index, items, totalAvailable, nav, activeTab, }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../src/queue/style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../src/queue/style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,QAwHhB,CAAC;yBAEc,WAAW;IAAE,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE;AAAtD,wBAkBE"}
|
package/dist/queue/style.js
CHANGED
|
@@ -3,21 +3,17 @@ export const base = css `
|
|
|
3
3
|
:host {
|
|
4
4
|
display: flex;
|
|
5
5
|
flex-direction: column;
|
|
6
|
-
height:
|
|
6
|
+
height: 100%;
|
|
7
7
|
position: relative;
|
|
8
8
|
font-size: var(--cz-text-sm);
|
|
9
9
|
line-height: var(--cz-text-sm-line-height);
|
|
10
|
-
padding-block: calc(var(--cz-spacing) * 3) 0;
|
|
11
|
-
border: 1px solid var(--cz-color-border-primary);
|
|
12
|
-
background: var(--cz-color-bg-secondary);
|
|
13
|
-
border-radius: var(--cz-radius-xl);
|
|
14
|
-
margin-inline: calc(var(--cz-spacing) * 3);
|
|
15
10
|
}
|
|
16
11
|
|
|
17
12
|
.tabn {
|
|
18
13
|
box-shadow: none;
|
|
19
14
|
position: relative;
|
|
20
|
-
|
|
15
|
+
padding-block: calc(var(--cz-spacing) * 2);
|
|
16
|
+
border-bottom: 1px solid var(--cz-color-border-secondary);
|
|
21
17
|
}
|
|
22
18
|
.tabn-tab {
|
|
23
19
|
flex: 0 1 0.000001px;
|
|
@@ -42,13 +38,16 @@ export const base = css `
|
|
|
42
38
|
font-weight: var(--cz-font-weight-semibold);
|
|
43
39
|
line-height: var(--cz-text-lg-line-height);
|
|
44
40
|
color: var(--cz-color-text-secondary);
|
|
45
|
-
margin-left: 18px;
|
|
46
41
|
white-space: nowrap;
|
|
42
|
+
display: flex;
|
|
43
|
+
align-items: center;
|
|
47
44
|
}
|
|
48
45
|
.tabn-stats {
|
|
49
46
|
margin: 0 calc(var(--cz-spacing) * 4);
|
|
50
47
|
color: var(--cz-color-text-secondary);
|
|
51
48
|
white-space: nowrap;
|
|
49
|
+
display: flex;
|
|
50
|
+
align-items: center;
|
|
52
51
|
}
|
|
53
52
|
|
|
54
53
|
.split {
|
|
@@ -62,7 +61,7 @@ export const base = css `
|
|
|
62
61
|
cursor: col-resize;
|
|
63
62
|
flex: none;
|
|
64
63
|
display: flex;
|
|
65
|
-
background: var(--cz-color-
|
|
64
|
+
background: var(--cz-color-border-primary);
|
|
66
65
|
z-index: 2;
|
|
67
66
|
position: relative;
|
|
68
67
|
}
|
|
@@ -70,7 +69,7 @@ export const base = css `
|
|
|
70
69
|
content: '';
|
|
71
70
|
display: block;
|
|
72
71
|
flex: none;
|
|
73
|
-
background: var(--cz-color-
|
|
72
|
+
background: var(--cz-color-border-primary);
|
|
74
73
|
width: 1px;
|
|
75
74
|
margin-left: auto;
|
|
76
75
|
pointer-events: none;
|
|
@@ -119,41 +118,6 @@ export const base = css `
|
|
|
119
118
|
.tabn-pagination {
|
|
120
119
|
font-size: 0;
|
|
121
120
|
display: flex;
|
|
122
|
-
border: var(--cz-pagination-border-color);
|
|
123
|
-
border-radius: var(--cz-pagination-border-radius);
|
|
124
|
-
}
|
|
125
|
-
.button-page {
|
|
126
|
-
width: 30px;
|
|
127
|
-
height: 30px;
|
|
128
|
-
padding: 0 5px;
|
|
129
|
-
cursor: pointer;
|
|
130
|
-
outline: none;
|
|
131
|
-
border: none;
|
|
132
|
-
border-radius: var(--cz-pagination-border);
|
|
133
|
-
fill: var(--cz-pagination-color);
|
|
134
|
-
position: relative;
|
|
135
|
-
background-color: transparent;
|
|
136
|
-
}
|
|
137
|
-
.button-page[disabled] {
|
|
138
|
-
opacity: 0.45;
|
|
139
|
-
pointer-events: none;
|
|
140
|
-
fill: var(--cz-pagination-inactive-color);
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
.button-page:active,
|
|
144
|
-
.button-page:hover {
|
|
145
|
-
fill: var(--cz-pagination-active-color);
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
.tabn-pagination .button-page + .button-page::before {
|
|
149
|
-
content: '';
|
|
150
|
-
position: absolute;
|
|
151
|
-
width: 1px;
|
|
152
|
-
height: 18.5px;
|
|
153
|
-
background-color: var(--cz-pagination-border-divider-color);
|
|
154
|
-
left: -0.5px;
|
|
155
|
-
top: 50%;
|
|
156
|
-
transform: translateY(-50%);
|
|
157
121
|
}
|
|
158
122
|
`;
|
|
159
123
|
export default ({ index }) => css `
|