@orangelogic/design-system 2.57.0 → 2.58.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/library/chunks/{button.2-Io1Wm4.js → button.kTTrlOjj.js} +2 -2
- package/library/chunks/{color-swatch-group.VXPK-2tU.js → color-swatch-group.ClKQ2WzZ.js} +4 -4
- package/library/chunks/{color-swatch.8OhqVqb6.js → color-swatch.BdV7Nsvx.js} +2 -2
- package/library/chunks/{confirm-popover.DGvyB12c.js → confirm-popover.CMeOJWvb.js} +3 -3
- package/library/chunks/{dialog.CIeu0rVD.js → dialog.B_63yVcD.js} +2 -2
- package/library/chunks/{dom.CaZCTJCL.js → dom.Dc-BF08t.js} +28 -22
- package/library/chunks/{dot-pagination.CyCA3kSP.js → dot-pagination.C8zQgnjD.js} +1 -1
- package/library/chunks/{file-on-demand.aux9gsvH.js → file-on-demand.CAxlBbwj.js} +10 -10
- package/library/chunks/{folder-select.B7u40ijN.js → folder-select.DMyWzPjA.js} +5 -5
- package/library/chunks/{form.DycFDdkp.js → form.D1R9s3Mf.js} +1 -1
- package/library/chunks/{format-time.C56HetWv.js → format-time.CxG-siAa.js} +1 -1
- package/library/chunks/{header.RvymymCe.js → header.NqYF4Nlq.js} +1 -1
- package/library/chunks/{i18n.dCiJrmqj.js → i18n.DwnDne7p.js} +10 -8
- package/library/chunks/{iframe.Cwqniwf2.js → iframe.qomerN2u.js} +1 -1
- package/library/chunks/{image.gpleN29o.js → image.2h_mxSth.js} +3 -3
- package/library/chunks/{list-editor.BToq5cqp.js → list-editor.Cofa7Vyh.js} +7 -7
- package/library/chunks/{option.CJ1p2V0m.js → option.B4tI5rHw.js} +1 -1
- package/library/chunks/pagination.Bp5dTjrN.js +339 -0
- package/library/chunks/{popup.BE5MfEQJ.js → popup.CQSGj4zE.js} +1 -1
- package/library/chunks/{select.xBh4yerC.js → select.D_Ee1gDW.js} +5 -6
- package/library/chunks/{string.DPf4puTr.js → string.BF2AikHa.js} +13 -9
- package/library/chunks/{tab-group.CjvHb3OJ.js → tab-group.CT6rt4_n.js} +3 -3
- package/library/chunks/{table.CrX_NJiY.js → table.keGRLyqZ.js} +3165 -2612
- package/library/chunks/{timecode.XXmVg6tU.js → timecode.DE8W5tFV.js} +1 -1
- package/library/chunks/{tree.CDaFhGjU.js → tree.CBc6xKk4.js} +1 -1
- package/library/components/alert.js +1 -1
- package/library/components/asset-link-format.js +4 -4
- package/library/components/atoms.js +15 -15
- package/library/components/border-input-group.js +1 -1
- package/library/components/breadcrumb.js +1 -1
- package/library/components/button.js +3 -3
- package/library/components/checkbox.js +1 -1
- package/library/components/color-picker.js +4 -4
- package/library/components/color-swatch-group.js +5 -5
- package/library/components/color-swatch.js +3 -3
- package/library/components/confirm-popover.js +4 -4
- package/library/components/copy-button.js +1 -1
- package/library/components/corner-position-input-group.js +3 -3
- package/library/components/details.js +1 -1
- package/library/components/dialog.js +3 -3
- package/library/components/dot-pagination.js +2 -2
- package/library/components/drawer.js +1 -1
- package/library/components/dropdown.js +2 -2
- package/library/components/dynamic-select.js +5 -5
- package/library/components/element-clamp.js +2 -2
- package/library/components/file-on-demand.js +11 -11
- package/library/components/folder-select.js +4 -4
- package/library/components/format-bytes.js +1 -1
- package/library/components/format-date.js +1 -1
- package/library/components/format-number.js +1 -1
- package/library/components/format-time.js +2 -2
- package/library/components/header.js +2 -2
- package/library/components/icon-button.js +1 -1
- package/library/components/iframe.js +2 -2
- package/library/components/image-comparer.js +1 -1
- package/library/components/image.js +3 -3
- package/library/components/input.js +2 -2
- package/library/components/line-clamp.js +2 -2
- package/library/components/list-editor.js +6 -6
- package/library/components/masonry.js +1 -1
- package/library/components/menu-item.js +2 -2
- package/library/components/menu.js +1 -1
- package/library/components/molecules.js +4 -4
- package/library/components/option.js +2 -2
- package/library/components/organisms.js +2 -2
- package/library/components/pagination.js +16 -336
- package/library/components/popup.js +2 -2
- package/library/components/position-picker.js +1 -1
- package/library/components/progress-bar.js +1 -1
- package/library/components/progress-ring.js +1 -1
- package/library/components/radio-group.js +1 -1
- package/library/components/range.js +3 -3
- package/library/components/rating.js +1 -1
- package/library/components/relative-time.js +1 -1
- package/library/components/select.js +5 -5
- package/library/components/share-option-list.js +2 -2
- package/library/components/size-input-group.js +2 -2
- package/library/components/spinner.js +1 -1
- package/library/components/split-panel.js +1 -1
- package/library/components/switch.js +1 -1
- package/library/components/tab-group.js +4 -4
- package/library/components/tab.js +1 -1
- package/library/components/table.js +65 -57
- package/library/components/tag.js +1 -1
- package/library/components/textarea.js +51 -51
- package/library/components/timecode.js +2 -2
- package/library/components/tooltip.js +2 -2
- package/library/components/tree-item.js +2 -2
- package/library/components/tree.js +2 -2
- package/library/components/typeface.js +1 -1
- package/library/components/types.js +30 -30
- package/library/components/video.js +2 -2
- package/library/css/ol-base.css +4 -4
- package/library/package.json +1 -1
- package/library/packages/atoms/src/components/space/space.d.ts +1 -2
- package/library/packages/atoms/src/components/table/components/table-row-actions/table-row-actions-dropdown.d.ts +2 -1
- package/library/packages/atoms/src/components/table/components/table-row-actions/table-row-actions.d.ts +4 -4
- package/library/packages/atoms/src/components/table/components/table-toolbar/table-dropdown-filter.d.ts +36 -0
- package/library/packages/atoms/src/components/table/components/table-toolbar/table-toolbar.d.ts +10 -1
- package/library/packages/atoms/src/components/table/filter-controller.d.ts +84 -0
- package/library/packages/atoms/src/components/table/modules/HoverMenu.d.ts +9 -1
- package/library/packages/atoms/src/components/table/table.d.ts +41 -4
- package/library/packages/atoms/src/components/table/tabulator-tables/core/ColumnManager.d.ts +1 -0
- package/library/packages/atoms/src/components/table/tabulator-tables/core/RowManager.d.ts +3 -0
- package/library/packages/atoms/src/components/table/tabulator-tables/core/TabulatorFull.d.ts +1 -0
- package/library/packages/atoms/src/components/table/tabulator-tables/core/cell/Cell.d.ts +1 -0
- package/library/packages/atoms/src/components/table/tabulator-tables/core/cell/CellComponent.d.ts +1 -1
- package/library/packages/atoms/src/components/table/tabulator-tables/index.d.ts +1 -0
- package/library/packages/atoms/src/components/table/tabulator-tables/modules/Edit/List.d.ts +49 -58
- package/library/packages/atoms/src/components/table/tabulator-tables/modules/Edit/defaults/editors/list.d.ts +3 -2
- package/library/packages/atoms/src/components/table/tabulator-tables/modules/Filter/Filter.d.ts +15 -8
- package/library/packages/atoms/src/components/table/tabulator-tables/modules/Format/Format.d.ts +1 -3
- package/library/packages/atoms/src/components/table/tabulator-tables/modules/Format/defaults/formatters/composite.d.ts +5 -0
- package/library/packages/atoms/src/components/table/tabulator-tables/modules/Format/defaults/formatters/icon.d.ts +13 -0
- package/library/packages/atoms/src/components/table/tabulator-tables/modules/Format/defaults/formatters/image.d.ts +4 -1
- package/library/packages/atoms/src/components/table/tabulator-tables/modules/Format/defaults/formatters/number.d.ts +13 -0
- package/library/packages/atoms/src/components/table/tabulator-tables/modules/Format/defaults/formatters/plaintext.d.ts +6 -1
- package/library/packages/atoms/src/components/table/tabulator-tables/modules/Format/defaults/formatters/textarea.d.ts +4 -1
- package/library/packages/atoms/src/components/table/tabulator-tables/modules/Format/defaults/formatters/time.d.ts +9 -0
- package/library/packages/atoms/src/components/table/tabulator-tables/modules/Format/defaults/formatters/traffic.d.ts +3 -7
- package/library/packages/atoms/src/components/table/tabulator-tables/modules/Format/defaults/formatters/typography.d.ts +13 -0
- package/library/packages/atoms/src/components/table/tabulator-tables/modules/Format/defaults/formatters.d.ts +10 -0
- package/library/packages/events/src/cx-table-dropdown-filter-change.d.ts +13 -0
- package/library/packages/events/src/cx-table-row-action-click.d.ts +2 -1
- package/library/packages/events/src/events.d.ts +1 -0
- package/library/packages/types/src/table.d.ts +195 -22
- package/library/packages/utils/src/custom-element/i18n.d.ts +2 -0
- package/library/packages/utils/src/dom/dom.d.ts +2 -1
- package/library/packages/utils/src/string/string.d.ts +1 -0
- package/library/react-web-component.d.ts +18 -6
- package/package.json +1 -1
- package/library/chunks/pagination.y5oqoPVr.js +0 -4
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { i as k, x as h, n as r, C as S, c as C } from "../chunks/custom-element.vnXBMQxc.js";
|
|
2
2
|
import { c as w } from "../chunks/component.styles.CI-v8BZa.js";
|
|
3
|
-
import { d as v, L as _ } from "../chunks/i18n.
|
|
3
|
+
import { d as v, L as _ } from "../chunks/i18n.DwnDne7p.js";
|
|
4
4
|
import { H as M, g as L } from "../chunks/slot.DJLm4Dig.js";
|
|
5
5
|
import { w as b } from "../chunks/watch.BCJD77bD.js";
|
|
6
6
|
import { e as d } from "../chunks/query.BBf1UFkC.js";
|
|
7
7
|
import { e as x } from "../chunks/class-map.CoZTSvbM.js";
|
|
8
8
|
import { o as m } from "../chunks/if-defined.MfEgpxEN.js";
|
|
9
9
|
import P from "./icon.js";
|
|
10
|
-
import { C as E } from "../chunks/popup.
|
|
10
|
+
import { C as E } from "../chunks/popup.CQSGj4zE.js";
|
|
11
11
|
import z from "./spinner.js";
|
|
12
12
|
import { e as D, n as R } from "../chunks/ref.BaCjlzLO.js";
|
|
13
13
|
const $ = k`
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { i as f, n as c, C as p, x as d, c as b } from "../chunks/custom-element.vnXBMQxc.js";
|
|
2
2
|
import { c as g } from "../chunks/component.styles.CI-v8BZa.js";
|
|
3
|
-
import { L as v } from "../chunks/i18n.
|
|
3
|
+
import { L as v } from "../chunks/i18n.DwnDne7p.js";
|
|
4
4
|
import { r as y } from "../chunks/state.Cw55xXlb.js";
|
|
5
5
|
import { e as w } from "../chunks/query.BBf1UFkC.js";
|
|
6
6
|
import { n as x } from "../chunks/when.Dr1es41R.js";
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { default as e } from "./bicolor-picker.js";
|
|
2
2
|
import { default as a } from "./border-input-group.js";
|
|
3
|
-
import { C as p } from "../chunks/color-swatch.
|
|
4
|
-
import { C } from "../chunks/confirm-popover.
|
|
3
|
+
import { C as p } from "../chunks/color-swatch.BdV7Nsvx.js";
|
|
4
|
+
import { C } from "../chunks/confirm-popover.CMeOJWvb.js";
|
|
5
5
|
import { default as u } from "./corner-position-input-group.js";
|
|
6
6
|
import { C as m } from "../chunks/cropper.aA0v16xS.js";
|
|
7
7
|
import { default as i } from "./dynamic-select.js";
|
|
8
|
-
import { C as c } from "../chunks/folder-select.
|
|
9
|
-
import { C as P } from "../chunks/list-editor.
|
|
8
|
+
import { C as c } from "../chunks/folder-select.DMyWzPjA.js";
|
|
9
|
+
import { C as P } from "../chunks/list-editor.Cofa7Vyh.js";
|
|
10
10
|
import { default as I } from "./masonry.js";
|
|
11
11
|
import { default as y } from "./padding-input-group.js";
|
|
12
12
|
import { default as w } from "./position-picker.js";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "../chunks/custom-element.vnXBMQxc.js";
|
|
2
2
|
import "../chunks/component.styles.CI-v8BZa.js";
|
|
3
|
-
import { C as u } from "../chunks/option.
|
|
4
|
-
import "../chunks/i18n.
|
|
3
|
+
import { C as u } from "../chunks/option.B4tI5rHw.js";
|
|
4
|
+
import "../chunks/i18n.DwnDne7p.js";
|
|
5
5
|
import "../chunks/watch.BCJD77bD.js";
|
|
6
6
|
import "../chunks/state.Cw55xXlb.js";
|
|
7
7
|
import "../chunks/query.BBf1UFkC.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { default as a } from "./asset-link-format.js";
|
|
2
|
-
import { C as t } from "../chunks/color-swatch-group.
|
|
3
|
-
import { C } from "../chunks/file-on-demand.
|
|
2
|
+
import { C as t } from "../chunks/color-swatch-group.ClKQ2WzZ.js";
|
|
3
|
+
import { C } from "../chunks/file-on-demand.CAxlBbwj.js";
|
|
4
4
|
export {
|
|
5
5
|
a as CxAssetLinkFormat,
|
|
6
6
|
t as CxColorSwatchGroup,
|
|
@@ -1,338 +1,18 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import
|
|
12
|
-
import
|
|
13
|
-
import
|
|
14
|
-
import
|
|
15
|
-
import
|
|
16
|
-
import { c as w } from "../chunks/component.styles.CI-v8BZa.js";
|
|
17
|
-
const B = _`
|
|
18
|
-
${w}
|
|
19
|
-
|
|
20
|
-
:host {
|
|
21
|
-
--width: 100px;
|
|
22
|
-
display: block;
|
|
23
|
-
width: fit-content;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
cx-typography::part(base) {
|
|
27
|
-
margin-block: 0;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.pagination {
|
|
31
|
-
display: flex;
|
|
32
|
-
align-items: center;
|
|
33
|
-
gap: var(--cx-spacing-small);
|
|
34
|
-
font-size: var(--cx-font-size-small);
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.pagination .pagination__label__container {
|
|
38
|
-
display: inline-flex;
|
|
39
|
-
gap: var(--cx-spacing-small);
|
|
40
|
-
align-items: center;
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
.pagination .pagination__select::part(combobox) {
|
|
44
|
-
width: var(--width);
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
.pagination .pagination__navigation-buttons {
|
|
48
|
-
display: flex;
|
|
49
|
-
align-items: center;
|
|
50
|
-
gap: 0;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
.pagination .pagination_count,
|
|
54
|
-
.pagination .pagination__pages {
|
|
55
|
-
font-variant-numeric: tabular-nums;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
.pagination__page--active::part(base) {
|
|
59
|
-
color: var(--cx-color-primary);
|
|
60
|
-
}
|
|
61
|
-
`;
|
|
62
|
-
var O = Object.defineProperty, F = Object.getOwnPropertyDescriptor, i = (t, a, o, r) => {
|
|
63
|
-
for (var n = r > 1 ? void 0 : r ? F(a, o) : a, h = t.length - 1, u; h >= 0; h--)
|
|
64
|
-
(u = t[h]) && (n = (r ? u(a, o, n) : u(n)) || n);
|
|
65
|
-
return r && n && O(a, o, n), n;
|
|
66
|
-
};
|
|
67
|
-
let e = class extends b {
|
|
68
|
-
constructor() {
|
|
69
|
-
super(...arguments), this.localize = new y(this), this.count = 0, this.pageSizeOptions = [10, 20, 50, 100], this.pageSize = this.pageSizeOptions[0], this.label = this.localize.term("rowsPerPage"), this.showFirst = !1, this.showLast = !1, this.showPaginationButtons = !1, this.paginationButtonCount = 5, this.paginationCounter = l.Rows, this._pageIndex = 1, this._pageCount = Math.max(1, Math.ceil(this.count / this.pageSize));
|
|
70
|
-
}
|
|
71
|
-
get pageIndex() {
|
|
72
|
-
return this._pageIndex;
|
|
73
|
-
}
|
|
74
|
-
set pageIndex(t) {
|
|
75
|
-
this._pageIndex = c(t, 1, this._pageCount);
|
|
76
|
-
}
|
|
77
|
-
get pageStart() {
|
|
78
|
-
return c((this._pageIndex - 1) * this.pageSize + 1, 0, this.count);
|
|
79
|
-
}
|
|
80
|
-
get pageEnd() {
|
|
81
|
-
return c(this._pageIndex * this.pageSize, 0, this.count);
|
|
82
|
-
}
|
|
83
|
-
get prevDisabled() {
|
|
84
|
-
return this._pageIndex <= 1;
|
|
85
|
-
}
|
|
86
|
-
get nextDisabled() {
|
|
87
|
-
return this._pageIndex >= this._pageCount;
|
|
88
|
-
}
|
|
89
|
-
updatePageCount() {
|
|
90
|
-
const t = Number.isFinite(this.pageSize) && this.pageSize > 0 ? this.pageSize : 1;
|
|
91
|
-
this._pageCount = Math.max(1, Math.ceil(this.count / t)), this.pageIndex = c(this.pageIndex, 1, this._pageCount);
|
|
92
|
-
}
|
|
93
|
-
handlePageSizeSelectChange(t) {
|
|
94
|
-
const a = t.target;
|
|
95
|
-
a && (this.pageSize = Number(a.value), this.pageIndex = 1);
|
|
96
|
-
}
|
|
97
|
-
handleFirst() {
|
|
98
|
-
this._pageIndex = 1;
|
|
99
|
-
}
|
|
100
|
-
handleBack() {
|
|
101
|
-
this._pageIndex -= 1, this._pageIndex < 1 && this.handleFirst();
|
|
102
|
-
}
|
|
103
|
-
handleForward() {
|
|
104
|
-
this._pageIndex += 1, this._pageIndex > this._pageCount && this.handleLast();
|
|
105
|
-
}
|
|
106
|
-
handleLast() {
|
|
107
|
-
this._pageIndex = this._pageCount;
|
|
108
|
-
}
|
|
109
|
-
async handleCountChange() {
|
|
110
|
-
this.updatePageCount();
|
|
111
|
-
}
|
|
112
|
-
handlePageChange() {
|
|
113
|
-
this.emit("cx-page-change", {
|
|
114
|
-
detail: {
|
|
115
|
-
pageIndex: this._pageIndex
|
|
116
|
-
}
|
|
117
|
-
});
|
|
118
|
-
}
|
|
119
|
-
handlePageSizeChange() {
|
|
120
|
-
this.updatePageCount(), this.emit("cx-page-size-change", {
|
|
121
|
-
detail: {
|
|
122
|
-
pageSize: this.pageSize
|
|
123
|
-
}
|
|
124
|
-
});
|
|
125
|
-
}
|
|
126
|
-
handlePageClick(t) {
|
|
127
|
-
const a = t.target;
|
|
128
|
-
a && (this.pageIndex = Number(a.dataset.page));
|
|
129
|
-
}
|
|
130
|
-
renderPageButton(t) {
|
|
131
|
-
return s`
|
|
132
|
-
<cx-button
|
|
133
|
-
data-page=${t}
|
|
134
|
-
variant="text"
|
|
135
|
-
size="small"
|
|
136
|
-
class=${f({
|
|
137
|
-
pagination__page: !0,
|
|
138
|
-
"pagination__page--active": t === this.pageIndex
|
|
139
|
-
})}
|
|
140
|
-
>
|
|
141
|
-
${t}
|
|
142
|
-
</cx-button>
|
|
143
|
-
`;
|
|
144
|
-
}
|
|
145
|
-
renderPageButtons() {
|
|
146
|
-
const t = Math.floor((this.paginationButtonCount - 1) / 2), a = Math.ceil((this.paginationButtonCount - 1) / 2), o = Math.max(
|
|
147
|
-
1,
|
|
148
|
-
this._pageCount - this.pageIndex + t + 1 < this.paginationButtonCount ? this._pageCount - this.paginationButtonCount + 1 : this.pageIndex - t
|
|
149
|
-
), r = Math.min(
|
|
150
|
-
this._pageCount,
|
|
151
|
-
this.pageIndex <= a ? this.paginationButtonCount : this.pageIndex + a
|
|
152
|
-
);
|
|
153
|
-
return s`
|
|
154
|
-
<div class="pagination__pages" @click=${this.handlePageClick}>
|
|
155
|
-
${x(
|
|
156
|
-
Array.from({ length: r - o + 1 }, (n, h) => h + o),
|
|
157
|
-
(n) => n,
|
|
158
|
-
(n) => this.renderPageButton(n)
|
|
159
|
-
)}
|
|
160
|
-
</div>
|
|
161
|
-
`;
|
|
162
|
-
}
|
|
163
|
-
renderPageCount() {
|
|
164
|
-
return s`<cx-typography variant="body3" class="pagination_count"
|
|
165
|
-
>${this.localize.term(
|
|
166
|
-
"itemOfTotal",
|
|
167
|
-
this.pageIndex,
|
|
168
|
-
this._pageCount
|
|
169
|
-
)}</cx-typography
|
|
170
|
-
>`;
|
|
171
|
-
}
|
|
172
|
-
renderRowCount() {
|
|
173
|
-
return s`<cx-typography variant="body3" class="pagination_count"
|
|
174
|
-
>${this.localize.term(
|
|
175
|
-
"itemRangeOfTotal",
|
|
176
|
-
this.pageStart,
|
|
177
|
-
this.pageEnd,
|
|
178
|
-
this.count
|
|
179
|
-
)}</cx-typography
|
|
180
|
-
>`;
|
|
181
|
-
}
|
|
182
|
-
render() {
|
|
183
|
-
return s`
|
|
184
|
-
<div class="pagination">
|
|
185
|
-
${g(
|
|
186
|
-
this.pageSizeOptions.length > 1,
|
|
187
|
-
() => s`
|
|
188
|
-
<label class="pagination__label__container">
|
|
189
|
-
<cx-typography variant="body3" class="pagination__label">
|
|
190
|
-
${this.label}
|
|
191
|
-
</cx-typography>
|
|
192
|
-
<cx-select
|
|
193
|
-
class="pagination__select"
|
|
194
|
-
size="small"
|
|
195
|
-
hoist
|
|
196
|
-
value=${this.pageSize.toString()}
|
|
197
|
-
@cx-change=${this.handlePageSizeSelectChange}
|
|
198
|
-
>
|
|
199
|
-
${x(
|
|
200
|
-
this.pageSizeOptions,
|
|
201
|
-
(t) => t,
|
|
202
|
-
(t) => s`
|
|
203
|
-
<cx-option value=${t}>${t}</cx-option>
|
|
204
|
-
`
|
|
205
|
-
)}
|
|
206
|
-
</cx-select>
|
|
207
|
-
</label>
|
|
208
|
-
`
|
|
209
|
-
)}
|
|
210
|
-
${g(
|
|
211
|
-
this.paginationCounter === l.Both || this.paginationCounter === l.Rows,
|
|
212
|
-
() => this.renderRowCount(),
|
|
213
|
-
() => this.renderPageCount()
|
|
214
|
-
)}
|
|
215
|
-
<div class="pagination__navigation-buttons">
|
|
216
|
-
${g(
|
|
217
|
-
this.showFirst,
|
|
218
|
-
() => s`
|
|
219
|
-
<cx-tooltip hoist content=${this.localize.term("first")}>
|
|
220
|
-
<cx-icon-button
|
|
221
|
-
class="pagination__first"
|
|
222
|
-
label=${this.localize.term("first")}
|
|
223
|
-
name="first_page"
|
|
224
|
-
?disabled=${this.prevDisabled}
|
|
225
|
-
@click=${this.handleFirst}
|
|
226
|
-
></cx-icon-button>
|
|
227
|
-
</cx-tooltip>
|
|
228
|
-
`
|
|
229
|
-
)}
|
|
230
|
-
<cx-tooltip hoist content=${this.localize.term("previous")}>
|
|
231
|
-
<cx-icon-button
|
|
232
|
-
class="pagination__back"
|
|
233
|
-
label=${this.localize.term("previous")}
|
|
234
|
-
name="chevron_left"
|
|
235
|
-
?disabled=${this.prevDisabled}
|
|
236
|
-
@click=${this.handleBack}
|
|
237
|
-
></cx-icon-button>
|
|
238
|
-
</cx-tooltip>
|
|
239
|
-
${g(
|
|
240
|
-
this.paginationCounter === l.Both,
|
|
241
|
-
() => this.renderPageCount()
|
|
242
|
-
)}
|
|
243
|
-
${g(this.showPaginationButtons, () => this.renderPageButtons())}
|
|
244
|
-
<cx-tooltip hoist content=${this.localize.term("next")}>
|
|
245
|
-
<cx-icon-button
|
|
246
|
-
class="pagination__forward"
|
|
247
|
-
label=${this.localize.term("next")}
|
|
248
|
-
name="chevron_right"
|
|
249
|
-
?disabled=${this.nextDisabled}
|
|
250
|
-
@click=${this.handleForward}
|
|
251
|
-
></cx-icon-button>
|
|
252
|
-
</cx-tooltip>
|
|
253
|
-
${g(
|
|
254
|
-
this.showLast,
|
|
255
|
-
() => s`
|
|
256
|
-
<cx-tooltip hoist content=${this.localize.term("last")}>
|
|
257
|
-
<cx-icon-button
|
|
258
|
-
class="pagination__last"
|
|
259
|
-
label=${this.localize.term("last")}
|
|
260
|
-
name="last_page"
|
|
261
|
-
?disabled=${this.nextDisabled}
|
|
262
|
-
@click=${this.handleLast}
|
|
263
|
-
></cx-icon-button>
|
|
264
|
-
</cx-tooltip>
|
|
265
|
-
`
|
|
266
|
-
)}
|
|
267
|
-
</div>
|
|
268
|
-
</div>
|
|
269
|
-
`;
|
|
270
|
-
}
|
|
271
|
-
};
|
|
272
|
-
e.styles = B;
|
|
273
|
-
e.dependencies = {
|
|
274
|
-
"cx-button": z,
|
|
275
|
-
"cx-icon-button": v,
|
|
276
|
-
"cx-option": $,
|
|
277
|
-
"cx-select": S,
|
|
278
|
-
"cx-tooltip": I,
|
|
279
|
-
"cx-typography": P
|
|
280
|
-
};
|
|
281
|
-
i([
|
|
282
|
-
p({ type: Number })
|
|
283
|
-
], e.prototype, "count", 2);
|
|
284
|
-
i([
|
|
285
|
-
p({
|
|
286
|
-
attribute: "page-size-options",
|
|
287
|
-
converter: {
|
|
288
|
-
fromAttribute: (t) => {
|
|
289
|
-
const a = (t ?? "").trim().split(/\s+/).map((o) => Number.parseInt(o, 10)).filter((o) => Number.isFinite(o) && o > 0);
|
|
290
|
-
return a.length ? a : [];
|
|
291
|
-
},
|
|
292
|
-
toAttribute: (t) => t.join(" ")
|
|
293
|
-
},
|
|
294
|
-
type: String
|
|
295
|
-
})
|
|
296
|
-
], e.prototype, "pageSizeOptions", 2);
|
|
297
|
-
i([
|
|
298
|
-
p({ attribute: "page-size", type: Number })
|
|
299
|
-
], e.prototype, "pageSize", 2);
|
|
300
|
-
i([
|
|
301
|
-
p({ type: String })
|
|
302
|
-
], e.prototype, "label", 2);
|
|
303
|
-
i([
|
|
304
|
-
p({ attribute: "show-first", type: Boolean })
|
|
305
|
-
], e.prototype, "showFirst", 2);
|
|
306
|
-
i([
|
|
307
|
-
p({ attribute: "show-last", type: Boolean })
|
|
308
|
-
], e.prototype, "showLast", 2);
|
|
309
|
-
i([
|
|
310
|
-
p({ attribute: "show-pagination-buttons", type: Boolean })
|
|
311
|
-
], e.prototype, "showPaginationButtons", 2);
|
|
312
|
-
i([
|
|
313
|
-
p({ attribute: "pagination-button-count", type: Number })
|
|
314
|
-
], e.prototype, "paginationButtonCount", 2);
|
|
315
|
-
i([
|
|
316
|
-
p({ attribute: "pagination-counter", type: String })
|
|
317
|
-
], e.prototype, "paginationCounter", 2);
|
|
318
|
-
i([
|
|
319
|
-
m()
|
|
320
|
-
], e.prototype, "_pageIndex", 2);
|
|
321
|
-
i([
|
|
322
|
-
m()
|
|
323
|
-
], e.prototype, "_pageCount", 2);
|
|
324
|
-
i([
|
|
325
|
-
d("count")
|
|
326
|
-
], e.prototype, "handleCountChange", 1);
|
|
327
|
-
i([
|
|
328
|
-
d(["_pageIndex"])
|
|
329
|
-
], e.prototype, "handlePageChange", 1);
|
|
330
|
-
i([
|
|
331
|
-
d(["pageSize"])
|
|
332
|
-
], e.prototype, "handlePageSizeChange", 1);
|
|
333
|
-
e = i([
|
|
334
|
-
C("cx-pagination")
|
|
335
|
-
], e);
|
|
1
|
+
import "../chunks/custom-element.vnXBMQxc.js";
|
|
2
|
+
import { C as c } from "../chunks/pagination.Bp5dTjrN.js";
|
|
3
|
+
import "../chunks/i18n.DwnDne7p.js";
|
|
4
|
+
import "../chunks/math.DqTA6ya4.js";
|
|
5
|
+
import "../chunks/watch.BCJD77bD.js";
|
|
6
|
+
import "../chunks/state.Cw55xXlb.js";
|
|
7
|
+
import "../chunks/class-map.CoZTSvbM.js";
|
|
8
|
+
import "../chunks/repeat.CauKaXyy.js";
|
|
9
|
+
import "../chunks/when.Dr1es41R.js";
|
|
10
|
+
import "../chunks/button.kTTrlOjj.js";
|
|
11
|
+
import "./icon-button.js";
|
|
12
|
+
import "../chunks/option.B4tI5rHw.js";
|
|
13
|
+
import "../chunks/select.D_Ee1gDW.js";
|
|
14
|
+
import "./tooltip.js";
|
|
15
|
+
import "../chunks/typography.BFpl0WMA.js";
|
|
336
16
|
export {
|
|
337
|
-
|
|
17
|
+
c as default
|
|
338
18
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { C as d } from "../chunks/popup.
|
|
1
|
+
import { C as d } from "../chunks/popup.CQSGj4zE.js";
|
|
2
2
|
import "../chunks/custom-element.vnXBMQxc.js";
|
|
3
3
|
import "../chunks/component.styles.CI-v8BZa.js";
|
|
4
4
|
import "../chunks/browser.Va59Ix3P.js";
|
|
5
|
-
import "../chunks/i18n.
|
|
5
|
+
import "../chunks/i18n.DwnDne7p.js";
|
|
6
6
|
import "../chunks/query.BBf1UFkC.js";
|
|
7
7
|
import "../chunks/class-map.CoZTSvbM.js";
|
|
8
8
|
import "../chunks/when.Dr1es41R.js";
|
|
@@ -4,7 +4,7 @@ import m from "./radio.js";
|
|
|
4
4
|
import x from "./radio-group.js";
|
|
5
5
|
import { i as h, n as u, C as g, x as _, c as f } from "../chunks/custom-element.vnXBMQxc.js";
|
|
6
6
|
import { c as v } from "../chunks/component.styles.CI-v8BZa.js";
|
|
7
|
-
import { L as C } from "../chunks/i18n.
|
|
7
|
+
import { L as C } from "../chunks/i18n.DwnDne7p.js";
|
|
8
8
|
var r = /* @__PURE__ */ ((e) => (e.BottomCenter = "bottom-center", e.BottomLeft = "bottom-left", e.BottomRight = "bottom-right", e.CenterCenter = "center-center", e.CenterLeft = "center-left", e.CenterRight = "center-right", e.TopCenter = "top-center", e.TopLeft = "top-left", e.TopRight = "top-right", e))(r || {});
|
|
9
9
|
const b = h`
|
|
10
10
|
.position-picker__column {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { i as d, n as i, C as h, x as c, c as m } from "../chunks/custom-element.vnXBMQxc.js";
|
|
2
2
|
import { c as b } from "../chunks/component.styles.CI-v8BZa.js";
|
|
3
|
-
import { L as g } from "../chunks/i18n.
|
|
3
|
+
import { L as g } from "../chunks/i18n.DwnDne7p.js";
|
|
4
4
|
import { e as u } from "../chunks/class-map.CoZTSvbM.js";
|
|
5
5
|
import { o as v } from "../chunks/if-defined.MfEgpxEN.js";
|
|
6
6
|
import { o as f } from "../chunks/style-map.CZovMmo_.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { i as p, n as l, C as d, x as g, c as u } from "../chunks/custom-element.vnXBMQxc.js";
|
|
2
2
|
import { c as v } from "../chunks/component.styles.CI-v8BZa.js";
|
|
3
|
-
import { L as f } from "../chunks/i18n.
|
|
3
|
+
import { L as f } from "../chunks/i18n.DwnDne7p.js";
|
|
4
4
|
import { r as h } from "../chunks/state.Cw55xXlb.js";
|
|
5
5
|
import { e as m } from "../chunks/query.BBf1UFkC.js";
|
|
6
6
|
const _ = p`
|
|
@@ -2,7 +2,7 @@ import { i as f, n as d, C as g, x as u, c as y } from "../chunks/custom-element
|
|
|
2
2
|
import { c as v } from "../chunks/component.styles.CI-v8BZa.js";
|
|
3
3
|
import { f as x } from "../chunks/form-control.styles.NE2Q-quE.js";
|
|
4
4
|
import { d as b } from "../chunks/default-value.CIKAvD5l.js";
|
|
5
|
-
import { F as C, c as w, a as R, v as V } from "../chunks/form.
|
|
5
|
+
import { F as C, c as w, a as R, v as V } from "../chunks/form.D1R9s3Mf.js";
|
|
6
6
|
import { H as E } from "../chunks/slot.DJLm4Dig.js";
|
|
7
7
|
import { w as h } from "../chunks/watch.BCJD77bD.js";
|
|
8
8
|
import { r as p } from "../chunks/state.Cw55xXlb.js";
|
|
@@ -2,11 +2,11 @@ import R from "./resize-observer.js";
|
|
|
2
2
|
import { x as M, i as I, n as u, C as P, c as F } from "../chunks/custom-element.vnXBMQxc.js";
|
|
3
3
|
import { c as U } from "../chunks/component.styles.CI-v8BZa.js";
|
|
4
4
|
import { f as O } from "../chunks/form-control.styles.NE2Q-quE.js";
|
|
5
|
-
import { d as $ } from "../chunks/popup.
|
|
5
|
+
import { d as $ } from "../chunks/popup.CQSGj4zE.js";
|
|
6
6
|
import { d as N } from "../chunks/default-value.CIKAvD5l.js";
|
|
7
7
|
import { d as w } from "../chunks/drag.DXEXVXPv.js";
|
|
8
|
-
import { F as A } from "../chunks/form.
|
|
9
|
-
import { L as S } from "../chunks/i18n.
|
|
8
|
+
import { F as A } from "../chunks/form.D1R9s3Mf.js";
|
|
9
|
+
import { L as S } from "../chunks/i18n.DwnDne7p.js";
|
|
10
10
|
import { c as d } from "../chunks/math.DqTA6ya4.js";
|
|
11
11
|
import { H as B } from "../chunks/slot.DJLm4Dig.js";
|
|
12
12
|
import { w as v } from "../chunks/watch.BCJD77bD.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { i as g, n as l, C as y, x as c, c as b } from "../chunks/custom-element.vnXBMQxc.js";
|
|
2
2
|
import { c as f } from "../chunks/component.styles.CI-v8BZa.js";
|
|
3
|
-
import { L as _ } from "../chunks/i18n.
|
|
3
|
+
import { L as _ } from "../chunks/i18n.DwnDne7p.js";
|
|
4
4
|
import { c as x } from "../chunks/math.DqTA6ya4.js";
|
|
5
5
|
import { w as p } from "../chunks/watch.BCJD77bD.js";
|
|
6
6
|
import { r as v } from "../chunks/state.Cw55xXlb.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { i as h, n as l, C as v, x as p, c as d } from "../chunks/custom-element.vnXBMQxc.js";
|
|
2
2
|
import { c as y } from "../chunks/component.styles.CI-v8BZa.js";
|
|
3
|
-
import { L as f } from "../chunks/i18n.
|
|
3
|
+
import { L as f } from "../chunks/i18n.DwnDne7p.js";
|
|
4
4
|
import { r as c } from "../chunks/state.Cw55xXlb.js";
|
|
5
5
|
const T = h`
|
|
6
6
|
:host {
|
|
@@ -6,11 +6,11 @@ import "../chunks/form-control.styles.NE2Q-quE.js";
|
|
|
6
6
|
import "../chunks/animation-registry.DavRkTTr.js";
|
|
7
7
|
import "../chunks/default-value.CIKAvD5l.js";
|
|
8
8
|
import "../chunks/event.mFzZi4sr.js";
|
|
9
|
-
import "../chunks/form.
|
|
10
|
-
import "../chunks/i18n.
|
|
9
|
+
import "../chunks/form.D1R9s3Mf.js";
|
|
10
|
+
import "../chunks/i18n.DwnDne7p.js";
|
|
11
11
|
import "../chunks/scroll.DwPiX2Ox.js";
|
|
12
12
|
import "../chunks/slot.DJLm4Dig.js";
|
|
13
|
-
import { C as y } from "../chunks/select.
|
|
13
|
+
import { C as y } from "../chunks/select.D_Ee1gDW.js";
|
|
14
14
|
import "../chunks/watch.BCJD77bD.js";
|
|
15
15
|
import "../chunks/state.Cw55xXlb.js";
|
|
16
16
|
import "../chunks/query.BBf1UFkC.js";
|
|
@@ -18,8 +18,8 @@ import "../chunks/class-map.CoZTSvbM.js";
|
|
|
18
18
|
import "../chunks/unsafe-html.DyO9_Rsq.js";
|
|
19
19
|
import "../chunks/when.Dr1es41R.js";
|
|
20
20
|
import "./icon.js";
|
|
21
|
-
import "../chunks/option.
|
|
22
|
-
import "../chunks/popup.
|
|
21
|
+
import "../chunks/option.B4tI5rHw.js";
|
|
22
|
+
import "../chunks/popup.CQSGj4zE.js";
|
|
23
23
|
import "./spinner.js";
|
|
24
24
|
import "./tag.js";
|
|
25
25
|
export {
|
|
@@ -3,10 +3,10 @@ import I from "./resize-observer.js";
|
|
|
3
3
|
import { i as P, n as h, C, x as g, c as w } from "../chunks/custom-element.vnXBMQxc.js";
|
|
4
4
|
import { c as z } from "../chunks/component.styles.CI-v8BZa.js";
|
|
5
5
|
import { e as O } from "../chunks/animation-registry.DavRkTTr.js";
|
|
6
|
-
import { L as E } from "../chunks/i18n.
|
|
6
|
+
import { L as E } from "../chunks/i18n.DwnDne7p.js";
|
|
7
7
|
import { c as b } from "../chunks/math.DqTA6ya4.js";
|
|
8
8
|
import { w as m } from "../chunks/watch.BCJD77bD.js";
|
|
9
|
-
import { c as x } from "../chunks/dom.
|
|
9
|
+
import { c as x } from "../chunks/dom.Dc-BF08t.js";
|
|
10
10
|
import { r as v } from "../chunks/state.Cw55xXlb.js";
|
|
11
11
|
import { t as L } from "../chunks/event-options.CYHYGOd8.js";
|
|
12
12
|
import { e as S } from "../chunks/query.BBf1UFkC.js";
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import f from "./icon-button.js";
|
|
2
2
|
import d from "./input.js";
|
|
3
|
-
import { C as g } from "../chunks/select.
|
|
3
|
+
import { C as g } from "../chunks/select.D_Ee1gDW.js";
|
|
4
4
|
import v from "./space.js";
|
|
5
5
|
import k from "./tooltip.js";
|
|
6
6
|
import { i as P, n as r, C as $, x as h, c as b } from "../chunks/custom-element.vnXBMQxc.js";
|
|
7
7
|
import { c as _ } from "../chunks/component.styles.CI-v8BZa.js";
|
|
8
8
|
import { d as y } from "../chunks/default-value.CIKAvD5l.js";
|
|
9
|
-
import { L as V } from "../chunks/i18n.
|
|
9
|
+
import { L as V } from "../chunks/i18n.DwnDne7p.js";
|
|
10
10
|
import { w } from "../chunks/watch.BCJD77bD.js";
|
|
11
11
|
import { r as c } from "../chunks/state.Cw55xXlb.js";
|
|
12
12
|
import { e as m } from "../chunks/query.BBf1UFkC.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { i as c, C as l, x as m, c as p } from "../chunks/custom-element.vnXBMQxc.js";
|
|
2
2
|
import { c as d } from "../chunks/component.styles.CI-v8BZa.js";
|
|
3
|
-
import { L as h } from "../chunks/i18n.
|
|
3
|
+
import { L as h } from "../chunks/i18n.DwnDne7p.js";
|
|
4
4
|
const f = c`
|
|
5
5
|
:host {
|
|
6
6
|
--track-width: 2px;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { i as v, n, C as u, x as m, c as g } from "../chunks/custom-element.vnXBMQxc.js";
|
|
2
2
|
import { c as f } from "../chunks/component.styles.CI-v8BZa.js";
|
|
3
3
|
import { d as y } from "../chunks/drag.DXEXVXPv.js";
|
|
4
|
-
import { L as x } from "../chunks/i18n.
|
|
4
|
+
import { L as x } from "../chunks/i18n.DwnDne7p.js";
|
|
5
5
|
import { c as p } from "../chunks/math.DqTA6ya4.js";
|
|
6
6
|
import { w as c } from "../chunks/watch.BCJD77bD.js";
|
|
7
7
|
import { e as b } from "../chunks/query.BBf1UFkC.js";
|
|
@@ -2,7 +2,7 @@ import { i as p, n as r, C as m, x as n, c as f } from "../chunks/custom-element
|
|
|
2
2
|
import { c as v } from "../chunks/component.styles.CI-v8BZa.js";
|
|
3
3
|
import { f as w } from "../chunks/form-control.styles.NE2Q-quE.js";
|
|
4
4
|
import { d as b } from "../chunks/default-value.CIKAvD5l.js";
|
|
5
|
-
import { F as x } from "../chunks/form.
|
|
5
|
+
import { F as x } from "../chunks/form.D1R9s3Mf.js";
|
|
6
6
|
import { H as _ } from "../chunks/slot.DJLm4Dig.js";
|
|
7
7
|
import { w as u } from "../chunks/watch.BCJD77bD.js";
|
|
8
8
|
import { r as g } from "../chunks/state.Cw55xXlb.js";
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import "./resize-observer.js";
|
|
2
2
|
import "../chunks/custom-element.vnXBMQxc.js";
|
|
3
3
|
import "../chunks/component.styles.CI-v8BZa.js";
|
|
4
|
-
import { C as y } from "../chunks/tab-group.
|
|
5
|
-
import "../chunks/i18n.
|
|
4
|
+
import { C as y } from "../chunks/tab-group.CT6rt4_n.js";
|
|
5
|
+
import "../chunks/i18n.DwnDne7p.js";
|
|
6
6
|
import "../chunks/scroll.DwPiX2Ox.js";
|
|
7
7
|
import "../chunks/watch.BCJD77bD.js";
|
|
8
|
-
import "../chunks/dom.
|
|
8
|
+
import "../chunks/dom.Dc-BF08t.js";
|
|
9
9
|
import "../chunks/parse.Cu5nBDTb.js";
|
|
10
10
|
import "../chunks/state.Cw55xXlb.js";
|
|
11
11
|
import "../chunks/event-options.CYHYGOd8.js";
|
|
@@ -16,7 +16,7 @@ import "../chunks/guard.BDP4A85K.js";
|
|
|
16
16
|
import "../chunks/map.D8heArFD.js";
|
|
17
17
|
import "../chunks/style-map.CZovMmo_.js";
|
|
18
18
|
import "../chunks/when.Dr1es41R.js";
|
|
19
|
-
import "../chunks/button.
|
|
19
|
+
import "../chunks/button.kTTrlOjj.js";
|
|
20
20
|
import "./dropdown.js";
|
|
21
21
|
import "./icon-button.js";
|
|
22
22
|
import "./menu.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { i as b, n as a, C as v, x as m, c as u } from "../chunks/custom-element.vnXBMQxc.js";
|
|
2
2
|
import { c as h } from "../chunks/component.styles.CI-v8BZa.js";
|
|
3
|
-
import { L as x } from "../chunks/i18n.
|
|
3
|
+
import { L as x } from "../chunks/i18n.DwnDne7p.js";
|
|
4
4
|
import { H as _ } from "../chunks/slot.DJLm4Dig.js";
|
|
5
5
|
import { w as p } from "../chunks/watch.BCJD77bD.js";
|
|
6
6
|
import { e as f } from "../chunks/query.BBf1UFkC.js";
|