@alaarab/ogrid-vue-radix 2.4.1 → 2.4.2
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/esm/ColumnHeaderFilter/ColumnHeaderFilter.css +1 -0
- package/dist/esm/ColumnHeaderFilter/ColumnHeaderFilter.module.css +1 -0
- package/dist/esm/ColumnHeaderFilter/MultiSelectFilterPopover.css +31 -30
- package/dist/esm/ColumnHeaderFilter/MultiSelectFilterPopover.vue.js +1 -1
- package/dist/esm/ColumnHeaderFilter/MultiSelectFilterPopover.vue2.js +1 -1
- package/dist/esm/ColumnHeaderFilter/PeopleFilterPopover.css +1 -0
- package/dist/esm/ColumnHeaderFilter/TextFilterPopover.css +1 -0
- package/package.json +2 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.column-header[data-v-
|
|
1
|
+
.column-header[data-v-b40a6834] {
|
|
2
2
|
display: flex;
|
|
3
3
|
align-items: center;
|
|
4
4
|
gap: 4px;
|
|
@@ -8,14 +8,14 @@
|
|
|
8
8
|
position: relative;
|
|
9
9
|
box-sizing: border-box;
|
|
10
10
|
}
|
|
11
|
-
.header-content[data-v-
|
|
11
|
+
.header-content[data-v-b40a6834] {
|
|
12
12
|
display: flex;
|
|
13
13
|
align-items: center;
|
|
14
14
|
flex: 1;
|
|
15
15
|
min-width: 0;
|
|
16
16
|
overflow: hidden;
|
|
17
17
|
}
|
|
18
|
-
.column-name[data-v-
|
|
18
|
+
.column-name[data-v-b40a6834] {
|
|
19
19
|
display: block;
|
|
20
20
|
min-width: 0;
|
|
21
21
|
max-width: 100%;
|
|
@@ -26,14 +26,14 @@
|
|
|
26
26
|
font-size: 14px;
|
|
27
27
|
color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));
|
|
28
28
|
}
|
|
29
|
-
.header-actions[data-v-
|
|
29
|
+
.header-actions[data-v-b40a6834] {
|
|
30
30
|
display: flex;
|
|
31
31
|
align-items: center;
|
|
32
32
|
gap: 2px;
|
|
33
33
|
margin-left: auto;
|
|
34
34
|
flex-shrink: 0;
|
|
35
35
|
}
|
|
36
|
-
.filter-icon[data-v-
|
|
36
|
+
.filter-icon[data-v-b40a6834] {
|
|
37
37
|
display: flex;
|
|
38
38
|
align-items: center;
|
|
39
39
|
justify-content: center;
|
|
@@ -49,18 +49,18 @@
|
|
|
49
49
|
position: relative;
|
|
50
50
|
font-size: 14px;
|
|
51
51
|
}
|
|
52
|
-
.filter-icon[data-v-
|
|
52
|
+
.filter-icon[data-v-b40a6834]:hover {
|
|
53
53
|
background: var(--ogrid-hover-bg, rgba(0, 0, 0, 0.04));
|
|
54
54
|
color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));
|
|
55
55
|
}
|
|
56
|
-
.filter-icon.filter-active[data-v-
|
|
56
|
+
.filter-icon.filter-active[data-v-b40a6834] {
|
|
57
57
|
background: var(--ogrid-header-bg, rgba(0, 0, 0, 0.04));
|
|
58
58
|
color: var(--ogrid-accent, #0078d4);
|
|
59
59
|
}
|
|
60
|
-
.filter-icon.filter-open[data-v-
|
|
60
|
+
.filter-icon.filter-open[data-v-b40a6834] {
|
|
61
61
|
background: var(--ogrid-header-bg, rgba(0, 0, 0, 0.04));
|
|
62
62
|
}
|
|
63
|
-
.filter-badge[data-v-
|
|
63
|
+
.filter-badge[data-v-b40a6834] {
|
|
64
64
|
position: absolute;
|
|
65
65
|
top: 2px;
|
|
66
66
|
right: 2px;
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
border-radius: 50%;
|
|
71
71
|
border: 1px solid var(--ogrid-bg, #fff);
|
|
72
72
|
}
|
|
73
|
-
.popover-content[data-v-
|
|
73
|
+
.popover-content[data-v-b40a6834] {
|
|
74
74
|
position: absolute;
|
|
75
75
|
top: calc(100% + 4px);
|
|
76
76
|
right: 0;
|
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
overflow: hidden;
|
|
85
85
|
color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));
|
|
86
86
|
}
|
|
87
|
-
.popover-header[data-v-
|
|
87
|
+
.popover-header[data-v-b40a6834] {
|
|
88
88
|
padding: 10px 14px;
|
|
89
89
|
font-size: 12px;
|
|
90
90
|
font-weight: 600;
|
|
@@ -92,11 +92,11 @@
|
|
|
92
92
|
border-bottom: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));
|
|
93
93
|
background: var(--ogrid-header-bg, rgba(0, 0, 0, 0.04));
|
|
94
94
|
}
|
|
95
|
-
.popover-search[data-v-
|
|
95
|
+
.popover-search[data-v-b40a6834] {
|
|
96
96
|
padding: 10px 12px;
|
|
97
97
|
border-bottom: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));
|
|
98
98
|
}
|
|
99
|
-
.search-input[data-v-
|
|
99
|
+
.search-input[data-v-b40a6834] {
|
|
100
100
|
width: 100%;
|
|
101
101
|
padding: 6px 10px;
|
|
102
102
|
border: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));
|
|
@@ -106,23 +106,23 @@
|
|
|
106
106
|
background: var(--ogrid-bg, #fff);
|
|
107
107
|
color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));
|
|
108
108
|
}
|
|
109
|
-
.search-input[data-v-
|
|
109
|
+
.search-input[data-v-b40a6834]:focus {
|
|
110
110
|
outline: none;
|
|
111
111
|
border-color: var(--ogrid-accent, #0078d4);
|
|
112
112
|
}
|
|
113
|
-
.result-count[data-v-
|
|
113
|
+
.result-count[data-v-b40a6834] {
|
|
114
114
|
margin-top: 6px;
|
|
115
115
|
font-size: 11px;
|
|
116
116
|
color: var(--ogrid-fg-muted, rgba(0, 0, 0, 0.5));
|
|
117
117
|
}
|
|
118
|
-
.select-all-row[data-v-
|
|
118
|
+
.select-all-row[data-v-b40a6834] {
|
|
119
119
|
display: flex;
|
|
120
120
|
gap: 8px;
|
|
121
121
|
padding: 6px 12px;
|
|
122
122
|
border-bottom: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));
|
|
123
123
|
background: var(--ogrid-header-bg, rgba(0, 0, 0, 0.04));
|
|
124
124
|
}
|
|
125
|
-
.select-all-button[data-v-
|
|
125
|
+
.select-all-button[data-v-b40a6834] {
|
|
126
126
|
background: none;
|
|
127
127
|
border: none;
|
|
128
128
|
color: var(--ogrid-accent, #0078d4);
|
|
@@ -132,25 +132,26 @@
|
|
|
132
132
|
padding: 4px 8px;
|
|
133
133
|
border-radius: 4px;
|
|
134
134
|
}
|
|
135
|
-
.select-all-button[data-v-
|
|
135
|
+
.select-all-button[data-v-b40a6834]:hover {
|
|
136
136
|
background: var(--ogrid-hover-bg, rgba(0, 0, 0, 0.04));
|
|
137
137
|
}
|
|
138
|
-
.popover-options[data-v-
|
|
138
|
+
.popover-options[data-v-b40a6834] {
|
|
139
139
|
overflow-y: auto;
|
|
140
140
|
max-height: 250px;
|
|
141
141
|
padding: 6px 0;
|
|
142
142
|
}
|
|
143
|
-
.popover-option[data-v-
|
|
143
|
+
.popover-option[data-v-b40a6834] {
|
|
144
144
|
padding: 4px 12px;
|
|
145
145
|
display: flex;
|
|
146
146
|
align-items: center;
|
|
147
147
|
gap: 8px;
|
|
148
|
+
font-size: 13px;
|
|
148
149
|
color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));
|
|
149
150
|
}
|
|
150
|
-
.popover-option[data-v-
|
|
151
|
+
.popover-option[data-v-b40a6834]:hover {
|
|
151
152
|
background: var(--ogrid-hover-bg, rgba(0, 0, 0, 0.04));
|
|
152
153
|
}
|
|
153
|
-
.filter-checkbox[data-v-
|
|
154
|
+
.filter-checkbox[data-v-b40a6834] {
|
|
154
155
|
width: 16px;
|
|
155
156
|
height: 16px;
|
|
156
157
|
border: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));
|
|
@@ -158,7 +159,7 @@
|
|
|
158
159
|
cursor: pointer;
|
|
159
160
|
flex-shrink: 0;
|
|
160
161
|
}
|
|
161
|
-
.popover-actions[data-v-
|
|
162
|
+
.popover-actions[data-v-b40a6834] {
|
|
162
163
|
display: flex;
|
|
163
164
|
justify-content: flex-end;
|
|
164
165
|
gap: 8px;
|
|
@@ -166,7 +167,7 @@
|
|
|
166
167
|
border-top: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));
|
|
167
168
|
background: var(--ogrid-header-bg, rgba(0, 0, 0, 0.04));
|
|
168
169
|
}
|
|
169
|
-
.clear-button[data-v-
|
|
170
|
+
.clear-button[data-v-b40a6834] {
|
|
170
171
|
padding: 6px 12px;
|
|
171
172
|
border: 1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));
|
|
172
173
|
border-radius: 4px;
|
|
@@ -175,15 +176,15 @@
|
|
|
175
176
|
font-size: 12px;
|
|
176
177
|
cursor: pointer;
|
|
177
178
|
}
|
|
178
|
-
.clear-button[data-v-
|
|
179
|
+
.clear-button[data-v-b40a6834]:hover {
|
|
179
180
|
background: var(--ogrid-hover-bg, rgba(0, 0, 0, 0.04));
|
|
180
181
|
color: var(--ogrid-fg, rgba(0, 0, 0, 0.87));
|
|
181
182
|
}
|
|
182
|
-
.clear-button[data-v-
|
|
183
|
+
.clear-button[data-v-b40a6834]:disabled {
|
|
183
184
|
opacity: 0.5;
|
|
184
185
|
cursor: not-allowed;
|
|
185
186
|
}
|
|
186
|
-
.apply-button[data-v-
|
|
187
|
+
.apply-button[data-v-b40a6834] {
|
|
187
188
|
padding: 6px 16px;
|
|
188
189
|
border: none;
|
|
189
190
|
border-radius: 4px;
|
|
@@ -193,11 +194,11 @@
|
|
|
193
194
|
font-weight: 600;
|
|
194
195
|
cursor: pointer;
|
|
195
196
|
}
|
|
196
|
-
.apply-button[data-v-
|
|
197
|
+
.apply-button[data-v-b40a6834]:hover {
|
|
197
198
|
opacity: 0.85;
|
|
198
199
|
}
|
|
199
|
-
.loading-container[data-v-
|
|
200
|
-
.no-results[data-v-
|
|
200
|
+
.loading-container[data-v-b40a6834],
|
|
201
|
+
.no-results[data-v-b40a6834] {
|
|
201
202
|
padding: 20px;
|
|
202
203
|
text-align: center;
|
|
203
204
|
font-size: 13px;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _sfc_main from "./MultiSelectFilterPopover.vue2.js";
|
|
2
2
|
import './MultiSelectFilterPopover.css';
|
|
3
3
|
import _export_sfc from "../_virtual/_plugin-vue_export-helper.js";
|
|
4
|
-
const MultiSelectFilterPopover = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
4
|
+
const MultiSelectFilterPopover = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b40a6834"]]);
|
|
5
5
|
export {
|
|
6
6
|
MultiSelectFilterPopover as default
|
|
7
7
|
};
|
|
@@ -13,7 +13,7 @@ const _hoisted_7 = {
|
|
|
13
13
|
class: "no-results"
|
|
14
14
|
};
|
|
15
15
|
const _hoisted_8 = ["checked", "onChange"];
|
|
16
|
-
const _hoisted_9 = { style: { "margin-left": "8px", "cursor": "pointer" } };
|
|
16
|
+
const _hoisted_9 = { style: { "margin-left": "8px", "cursor": "pointer", "font-size": "13px" } };
|
|
17
17
|
const _hoisted_10 = { class: "popover-actions" };
|
|
18
18
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
19
19
|
__name: "MultiSelectFilterPopover",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alaarab/ogrid-vue-radix",
|
|
3
|
-
"version": "2.4.
|
|
3
|
+
"version": "2.4.2",
|
|
4
4
|
"description": "OGrid Vue Radix – Lightweight data grid with sorting, filtering, pagination, column chooser, and CSV export. Built with Headless UI Vue.",
|
|
5
5
|
"main": "dist/esm/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"node": ">=18"
|
|
43
43
|
},
|
|
44
44
|
"dependencies": {
|
|
45
|
-
"@alaarab/ogrid-vue": "2.4.
|
|
45
|
+
"@alaarab/ogrid-vue": "2.4.2",
|
|
46
46
|
"@headlessui/vue": "^1.7.23"
|
|
47
47
|
},
|
|
48
48
|
"peerDependencies": {
|