datatables.net-columncontrol-jqui 0.9.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.
Files changed (10) hide show
  1. package/License.txt +22 -0
  2. package/Readme.md +52 -0
  3. package/css/columnControl.jqueryui.css +442 -0
  4. package/css/columnControl.jqueryui.min.css +1 -0
  5. package/js/columnControl.jqueryui.js +58 -0
  6. package/js/columnControl.jqueryui.min.js +4 -0
  7. package/js/columnControl.jqueryui.min.mjs +4 -0
  8. package/js/columnControl.jqueryui.mjs +14 -0
  9. package/package.json +53 -0
  10. package/types/columnControl.jqueryui.d.ts +5 -0
package/License.txt ADDED
@@ -0,0 +1,22 @@
1
+ The MIT License (MIT)
2
+
3
+ Copyright SpryMedia Limited and other contributors
4
+ http://datatables.net
5
+
6
+ Permission is hereby granted, free of charge, to any person obtaining a copy
7
+ of this software and associated documentation files (the "Software"), to deal
8
+ in the Software without restriction, including without limitation the rights
9
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
10
+ copies of the Software, and to permit persons to whom the Software is
11
+ furnished to do so, subject to the following conditions:
12
+
13
+ The above copyright notice and this permission notice shall be included in
14
+ all copies or substantial portions of the Software.
15
+
16
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
17
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
18
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
19
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
20
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
21
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
22
+ THE SOFTWARE.
package/Readme.md ADDED
@@ -0,0 +1,52 @@
1
+ # ColumnControl for DataTables with styling for [jQueryUI](http://jqueryui.com/)
2
+
3
+ This is the distribution package for the [ColumnControl extension](https://datatables.net/extensions/columncontrol) for [DataTables](https://datatables.net/) with styling for [jQueryUI](http://jqueryui.com/).
4
+
5
+ ColumnControl lets you add column specific control content to the header and footer of a DataTable. Built-in content types include ordering buttons, search inputs and search lists. The content shown is fully configurable to suit your use cases.
6
+
7
+
8
+ ## Installation
9
+
10
+ ### Browser
11
+
12
+ To use DataTables with a simple `<script>` tag, rather than using this package, it is recommended that you use the [DataTables download builder](//datatables.net/download) which can create CDN or locally hosted packages for you, will all dependencies satisfied.
13
+
14
+ ### npm
15
+
16
+ For installation via npm, yarn and other similar package managers, install this package with your package manager - e.g.:
17
+
18
+ ```
19
+ npm install datatables.net-jqui
20
+ npm install datatables.net-columncontrol-jqui
21
+ ```
22
+
23
+ Then, to load and initialise the software in your code use:
24
+
25
+ ```
26
+ import DataTable from 'datatables.net-jqui';
27
+ import 'datatables.net-columncontrol-jqui'
28
+
29
+ new DataTable('#myTable', {
30
+ // initialisation options
31
+ });
32
+ ```
33
+
34
+
35
+ ## Documentation
36
+
37
+ Full documentation and examples for ColumnControl can be found [on the DataTables website](https://datatables.net/extensions/columncontrol).
38
+
39
+
40
+ ## Bug / Support
41
+
42
+ Support for DataTables is available through the [DataTables forums](//datatables.net/forums) and [commercial support options](//datatables.net/support) are available.
43
+
44
+ ### Contributing
45
+
46
+ If you are thinking of contributing code to DataTables, first of all, thank you! All fixes, patches and enhancements to DataTables are very warmly welcomed. This repository is a distribution repo, so patches and issues sent to this repo will not be accepted. Instead, please direct pull requests to the [DataTables/ColumnControl](http://github.com/DataTables/ColumnControl). For issues / bugs, please direct your questions to the [DataTables forums](//datatables.net/forums).
47
+
48
+
49
+ ## License
50
+
51
+ This software is released under the [MIT license](//datatables.net/license). You are free to use, modify and distribute this software, but all copyright information must remain.
52
+
package/css/columnControl.jqueryui.css ADDED
@@ -0,0 +1,442 @@
1
+ :root {
2
+ --dtcc-button_background: transparent;
3
+ --dtcc-button_border: none;
4
+ --dtcc-button_border-radius: 3px;
5
+ --dtcc-button_opacity: 0.4;
6
+ --dtcc-button_padding: 3px;
7
+ --dtcc-button_disabled-opacity: 0.6;
8
+ --dtcc-button_hover-border: none;
9
+ --dtcc-button_hover-background: rgba(0, 0, 0, 0.1);
10
+ --dtcc-button_hover-opacity: 0.9;
11
+ --dtcc-button-icon_color: black;
12
+ --dtcc-button-icon_size: 16px;
13
+ --dtcc-button-icon_margin: 0.5em;
14
+ --dtcc-dropdown_background: white;
15
+ --dtcc-dropdown_border: 1px solid rgba(0, 0, 0, 0.2);
16
+ --dtcc-dropdown_border-radius: 5px;
17
+ --dtcc-dropdown_box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.3);
18
+ --dtcc-dropdown_margin: 3px 0 0 0;
19
+ --dtcc-dropdown_padding: 0.75em 0;
20
+ --dtcc-dropdown_width: 200px;
21
+ --dtcc-dropdown_z-index: 2002;
22
+ --dtcc-dropdown-button_background: transparent;
23
+ --dtcc-dropdown-button_border: none;
24
+ --dtcc-dropdown-button_color: black;
25
+ --dtcc-dropdown-button_padding: 0.5em 1em;
26
+ --dtcc-dropdown-button_hover-background: rgba(0, 0, 0, 0.05);
27
+ --dtcc-dropdown-icon_vertical-align: initial;
28
+ --dtcc-dropdown-search_padding: 0.5em 1em;
29
+ --dtcc-spacer_border: 1px solid rgba(0, 0, 0, 0.2);
30
+ --dtcc-spacer_margin: 0.5em;
31
+ --dtcc-title_background: rgba(255, 255, 255, 0.1);
32
+ --dtcc-title_border-left: none;
33
+ --dtcc-title_border-right: none;
34
+ --dtcc-title_border-top: none;
35
+ --dtcc-title_border-bottom: ;
36
+ --dtcc-title_margin: 0;
37
+ --dtcc-title_padding: 0.5em 0;
38
+ --dtcc-title_text-align: center;
39
+ --dtcc-search-icon_color: black;
40
+ --dtcc-search-icon_hover-background: rgba(0, 0, 0, 0.1);
41
+ --dtcc-search-icon_opacity: 0.4;
42
+ --dtcc-search-icon_size: 16px;
43
+ --dtcc-search-clear_right: 8px;
44
+ --dtcc-search-clear_bottom: 2px;
45
+ --dtcc-search-input_padding-right: 24px;
46
+ --dtcc-search-input_border: 1px solid #aaa;
47
+ --dtcc-search-input_background-color: transparent;
48
+ --dtcc-search-input_background: transparent;
49
+ --dtcc-search-input_border-radius: 3px;
50
+ --dtcc-search-input_padding: 5px;
51
+ --dtcc-search-input_flexCalc: 24px;
52
+ --dtcc-list-buttons_max-height: 300px;
53
+ --dtcc-list-buttons_background: rgba(0, 0, 0, 0.05);
54
+ }
55
+
56
+ :root.dark {
57
+ --dtcc-button_hover-background: rgba(255, 255, 255, 0.1);
58
+ --dtcc-button-icon_color: white;
59
+ --dtcc-spacer_border: 1px solid rgba(255, 255, 255, 0.15);
60
+ --dtcc-dropdown_background: rgb(33, 37, 41);
61
+ --dtcc-dropdown_border: 1px solid rgba(255, 255, 255, 0.15);
62
+ --dtcc-dropdown_box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.8);
63
+ --dtcc-dropdown-button_color: white;
64
+ --dtcc-dropdown-button_hover-background: rgba(153, 153, 153, 0.1);
65
+ --dtcc-search-icon_color: white;
66
+ --dtcc-search-icon_hover-background: rgba(255, 255, 255, 0.1);
67
+ --dtcc-search-input_border: 1px solid rgba(255, 255, 255, 0.2);
68
+ --dtcc-list-buttons_background: rgba(255, 255, 255, 0.05);
69
+ }
70
+
71
+ table.dataTable div.dt-column-header span.dt-column-title:empty + span.dtcc {
72
+ flex-grow: 1;
73
+ margin-left: auto;
74
+ }
75
+ table.dataTable .dt-type-numeric div.dt-column-header span.dt-column-title:empty + span.dtcc,
76
+ table.dataTable .dt-type-date div.dt-column-header span.dt-column-title:empty + span.dtcc,
77
+ table.dataTable .dt-right div.dt-column-header span.dt-column-title:empty + span.dtcc {
78
+ margin-right: auto;
79
+ margin-left: 0;
80
+ }
81
+ table.dataTable > thead > tr.dtcc-row_no-bottom-border > * {
82
+ border-bottom: none !important;
83
+ }
84
+ table.dataTable > thead > tr.dtcc-row_no-top-padding > * {
85
+ padding-top: 0 !important;
86
+ }
87
+
88
+ table.dataTable span.dtcc {
89
+ font-weight: normal;
90
+ white-space: nowrap;
91
+ display: inline-flex;
92
+ align-items: center;
93
+ }
94
+ table.dataTable span.dtcc button.dtcc-button {
95
+ display: inline-flex;
96
+ padding: var(--dtcc-button_padding);
97
+ border: var(--dtcc-button_border);
98
+ border-radius: var(--dtcc-button_border-radius);
99
+ background: var(--dtcc-button_background);
100
+ cursor: pointer;
101
+ opacity: var(--dtcc-button_opacity);
102
+ }
103
+ table.dataTable span.dtcc button.dtcc-button:hover {
104
+ border: var(--dtcc-button_hover-border);
105
+ background: var(--dtcc-button_hover-background);
106
+ opacity: var(--dtcc-button_hover-opacity);
107
+ }
108
+ table.dataTable span.dtcc button.dtcc-button.dtcc-button_disabled {
109
+ cursor: initial;
110
+ opacity: var(--dtcc-button_disabled-opacity);
111
+ }
112
+ table.dataTable span.dtcc button.dtcc-button > span.dtcc-button-state {
113
+ display: none;
114
+ }
115
+ table.dataTable span.dtcc button.dtcc-button > span.dtcc-button-extra {
116
+ display: none;
117
+ }
118
+ table.dataTable span.dtcc button.dtcc-button_active {
119
+ opacity: 1;
120
+ }
121
+ table.dataTable span.dtcc input {
122
+ box-sizing: border-box;
123
+ width: 100%;
124
+ }
125
+ table.dataTable span.dtcc span.dtcc-button-icon {
126
+ display: inline-block;
127
+ box-sizing: content-box;
128
+ color: var(--dtcc-button-icon_color);
129
+ vertical-align: middle;
130
+ line-height: var(--dtcc-button-icon_size);
131
+ height: var(--dtcc-button-icon_size);
132
+ }
133
+ table.dataTable span.dtcc span.dtcc-button-icon svg {
134
+ width: var(--dtcc-button-icon_size);
135
+ height: var(--dtcc-button-icon_size);
136
+ vertical-align: initial;
137
+ }
138
+ table.dataTable span.dtcc span.dtcc-button-text {
139
+ display: none;
140
+ }
141
+ table.dataTable span.dtcc div.dtcc-spacer {
142
+ display: inline-block;
143
+ margin: 0 var(--dtcc-spacer_margin);
144
+ padding-left: 0.5em;
145
+ border-left: var(--dtcc-spacer_border);
146
+ vertical-align: middle;
147
+ white-space: nowrap;
148
+ cursor: initial;
149
+ }
150
+ table.dataTable span.dtcc div.dtcc-spacer:empty {
151
+ width: 1px;
152
+ height: 1em;
153
+ padding-left: 0;
154
+ }
155
+ table.dataTable span.dtcc div.dtcc-search div.dtcc-search-title {
156
+ margin-bottom: 0.25em;
157
+ text-align: left;
158
+ }
159
+ table.dataTable span.dtcc div.dtcc-search:empty {
160
+ display: none;
161
+ }
162
+ table.dataTable span.dtcc div.dtcc-search.dtcc-search_active > div div.dtcc-search-type-icon svg {
163
+ opacity: 1;
164
+ }
165
+ table.dataTable span.dtcc div.dtcc-search:not(.dtcc-search_active) span.dtcc-search-clear {
166
+ display: none;
167
+ }
168
+ table.dataTable span.dtcc div.dtcc-search > div {
169
+ position: relative;
170
+ }
171
+ table.dataTable span.dtcc div.dtcc-search > div div.dtcc-search-type-icon {
172
+ display: flex;
173
+ position: absolute;
174
+ top: 0;
175
+ align-items: center;
176
+ justify-content: center;
177
+ width: 30px;
178
+ height: 100%;
179
+ }
180
+ table.dataTable span.dtcc div.dtcc-search > div div.dtcc-search-type-icon svg {
181
+ width: var(--dtcc-search-icon_size);
182
+ height: var(--dtcc-search-icon_size);
183
+ color: var(--dtcc-search-icon_color);
184
+ opacity: var(--dtcc-search-icon_opacity);
185
+ vertical-align: initial;
186
+ }
187
+ table.dataTable span.dtcc div.dtcc-search > div div.dtcc-search-type-icon:hover {
188
+ background-color: var(--dtcc-search-icon_hover-background);
189
+ }
190
+ table.dataTable span.dtcc div.dtcc-search > div select {
191
+ position: absolute;
192
+ top: 0;
193
+ width: 30px;
194
+ height: 100%;
195
+ cursor: pointer;
196
+ opacity: 0;
197
+ background-color: var(--dtcc-search-input_background);
198
+ }
199
+ table.dataTable span.dtcc div.dtcc-search > div span.dtcc-search-clear {
200
+ display: flex;
201
+ position: absolute;
202
+ top: 0;
203
+ align-items: center;
204
+ justify-content: center;
205
+ width: 14px;
206
+ height: 100%;
207
+ cursor: pointer;
208
+ }
209
+ table.dataTable span.dtcc div.dtcc-search > div div.dtcc-search-icon {
210
+ display: none;
211
+ }
212
+ table.dataTable span.dtcc div.dtcc-search > div input {
213
+ padding: var(--dtcc-search-input_padding);
214
+ border: var(--dtcc-search-input_border);
215
+ border-radius: var(--dtcc-search-input_border-radius);
216
+ background-color: var(--dtcc-search-input_background);
217
+ color: inherit;
218
+ }
219
+ table.dataTable span.dtcc div.dtcc-searchText > div div.dtcc-search-type-icon {
220
+ right: 0;
221
+ z-index: 1;
222
+ }
223
+ table.dataTable span.dtcc div.dtcc-searchText > div select {
224
+ right: 0;
225
+ z-index: 2;
226
+ }
227
+ table.dataTable span.dtcc div.dtcc-searchText > div span.dtcc-search-clear {
228
+ right: 28px;
229
+ }
230
+ table.dataTable span.dtcc div.dtcc-searchText > div input {
231
+ padding-right: 46px;
232
+ }
233
+ table.dataTable span.dtcc div.dtcc-searchNumber > div div.dtcc-search-type-icon,
234
+ table.dataTable span.dtcc div.dtcc-searchDate > div div.dtcc-search-type-icon {
235
+ left: 0;
236
+ z-index: 1;
237
+ }
238
+ table.dataTable span.dtcc div.dtcc-searchNumber > div select,
239
+ table.dataTable span.dtcc div.dtcc-searchDate > div select {
240
+ left: 0;
241
+ z-index: 2;
242
+ }
243
+ table.dataTable span.dtcc div.dtcc-searchNumber > div span.dtcc-search-clear,
244
+ table.dataTable span.dtcc div.dtcc-searchDate > div span.dtcc-search-clear {
245
+ left: 28px;
246
+ }
247
+ table.dataTable span.dtcc div.dtcc-searchNumber > div input,
248
+ table.dataTable span.dtcc div.dtcc-searchDate > div input {
249
+ padding-left: 46px;
250
+ text-align: right;
251
+ }
252
+
253
+ div.dtcc-dropdown {
254
+ display: block;
255
+ box-sizing: border-box;
256
+ z-index: var(--dtcc-dropdown_z-index);
257
+ position: absolute;
258
+ width: var(--dtcc-dropdown_width);
259
+ margin: var(--dtcc-dropdown_margin);
260
+ padding: var(--dtcc-dropdown_padding);
261
+ overflow: hidden;
262
+ border: var(--dtcc-dropdown_border);
263
+ border-radius: var(--dtcc-dropdown_border-radius);
264
+ background: var(--dtcc-dropdown_background);
265
+ box-shadow: var(--dtcc-dropdown_box-shadow);
266
+ }
267
+ div.dtcc-dropdown button.dtcc-button {
268
+ display: flex;
269
+ position: relative;
270
+ align-items: center;
271
+ width: 100%;
272
+ padding: var(--dtcc-dropdown-button_padding);
273
+ border: var(--dtcc-dropdown-button_border);
274
+ background: var(--dtcc-dropdown-button_background);
275
+ color: var(--dtcc-dropdown-button_color);
276
+ text-align: left;
277
+ cursor: pointer;
278
+ }
279
+ div.dtcc-dropdown button.dtcc-button:hover {
280
+ background: var(--dtcc-dropdown-button_hover-background);
281
+ }
282
+ div.dtcc-dropdown button.dtcc-button.dtcc-button_disabled {
283
+ cursor: initial;
284
+ opacity: var(--dtcc-button_disabled-opacity);
285
+ }
286
+ div.dtcc-dropdown button.dtcc-button > span.dtcc-button-state {
287
+ display: block;
288
+ width: var(--dtcc-button-icon_size);
289
+ height: var(--dtcc-button-icon_size);
290
+ margin: 0 0 0 var(--dtcc-button-icon_margin);
291
+ }
292
+ div.dtcc-dropdown button.dtcc-button > span.dtcc-button-state:empty {
293
+ display: none;
294
+ }
295
+ div.dtcc-dropdown button.dtcc-button > span.dtcc-button-state svg {
296
+ width: var(--dtcc-button-icon_size);
297
+ height: var(--dtcc-button-icon_size);
298
+ vertical-align: initial;
299
+ }
300
+ div.dtcc-dropdown button.dtcc-button > span.dtcc-button-extra:empty {
301
+ display: none;
302
+ }
303
+ div.dtcc-dropdown button.dtcc-button span.dtcc-button-icon {
304
+ width: var(--dtcc-button-icon_size);
305
+ height: var(--dtcc-button-icon_size);
306
+ margin: 0 var(--dtcc-button-icon_margin) 0 0;
307
+ }
308
+ div.dtcc-dropdown button.dtcc-button span.dtcc-button-icon svg {
309
+ width: var(--dtcc-button-icon_size);
310
+ height: var(--dtcc-button-icon_size);
311
+ vertical-align: var(--dtcc-dropdown-icon_vertical-align);
312
+ }
313
+ div.dtcc-dropdown button.dtcc-button span.dtcc-button-text {
314
+ flex-grow: 1;
315
+ overflow: hidden;
316
+ text-overflow: ellipsis;
317
+ white-space: nowrap;
318
+ }
319
+ div.dtcc-dropdown div.dtcc-spacer {
320
+ margin: var(--dtcc-spacer_margin) 0;
321
+ padding: 0;
322
+ border-bottom: var(--dtcc-spacer_border);
323
+ border-left: none;
324
+ }
325
+ div.dtcc-dropdown div.dtcc-title {
326
+ margin: var(--dtcc-title_margin);
327
+ padding: var(--dtcc-title_padding);
328
+ border-top: var(--dtcc-title_border-top);
329
+ border-right: var(--dtcc-title_border-right);
330
+ border-bottom: var(--dtcc-title_border-bottom);
331
+ border-left: var(--dtcc-title_border-left);
332
+ background: var(--dtcc-title_background);
333
+ text-align: var(--dtcc-title_text-align);
334
+ }
335
+ div.dtcc-dropdown div.dtcc-search {
336
+ padding: var(--dtcc-dropdown-search_padding);
337
+ }
338
+ div.dtcc-dropdown div.dtcc-search > div {
339
+ display: flex;
340
+ position: relative;
341
+ flex-wrap: wrap;
342
+ align-items: center;
343
+ border: var(--dtcc-dropdown-button_border);
344
+ background: var(--dtcc-dropdown-button_background);
345
+ color: var(--dtcc-dropdown-button_color);
346
+ }
347
+ div.dtcc-dropdown div.dtcc-search > div div {
348
+ flex: 0 0 var(--dtcc-button-icon_size);
349
+ width: var(--dtcc-button-icon_size);
350
+ height: var(--dtcc-button-icon_size);
351
+ margin: 0 var(--dtcc-button-icon_margin) 0 0;
352
+ }
353
+ div.dtcc-dropdown div.dtcc-search > div div svg {
354
+ width: var(--dtcc-search-icon_size);
355
+ height: var(--dtcc-search-icon_size);
356
+ color: var(--dtcc-search-icon_color);
357
+ vertical-align: var(--dtcc-dropdown-icon_vertical-align);
358
+ }
359
+ div.dtcc-dropdown div.dtcc-search > div select,
360
+ div.dtcc-dropdown div.dtcc-search > div input {
361
+ box-sizing: border-box;
362
+ flex: 1 1 calc(100% - var(--dtcc-search-input_flexCalc));
363
+ width: 100%;
364
+ min-width: 0;
365
+ padding: var(--dtcc-search-input_padding);
366
+ border: var(--dtcc-search-input_border);
367
+ border-radius: var(--dtcc-search-input_border-radius);
368
+ background-color: var(--dtcc-search-input_background-color);
369
+ }
370
+ div.dtcc-dropdown div.dtcc-search > div select option,
371
+ div.dtcc-dropdown div.dtcc-search > div input option {
372
+ background-color: var(--dtcc-search-input_background-color);
373
+ }
374
+ div.dtcc-dropdown div.dtcc-search > div input,
375
+ div.dtcc-dropdown div.dtcc-search > div div.dtcc-search-icon {
376
+ margin-top: var(--dtcc-search-input_margin-top);
377
+ }
378
+ div.dtcc-dropdown div.dtcc-search > div input {
379
+ padding-right: var(--dtcc-search-input_padding-right);
380
+ }
381
+ div.dtcc-dropdown div.dtcc-search > div span.dtcc-search-clear {
382
+ position: absolute;
383
+ right: var(--dtcc-search-clear_right);
384
+ bottom: var(--dtcc-search-clear_bottom);
385
+ width: 14px;
386
+ cursor: pointer;
387
+ }
388
+ div.dtcc-dropdown div.dtcc-search:not(.dtcc-search_active) span.dtcc-search-clear {
389
+ display: none;
390
+ }
391
+ div.dtcc-dropdown div.dtcc-list div.dtcc-list-title {
392
+ padding: var(--dtcc-dropdown-button_padding);
393
+ font-style: italic;
394
+ }
395
+ div.dtcc-dropdown div.dtcc-list div.dtcc-list-title:empty {
396
+ display: none;
397
+ }
398
+ div.dtcc-dropdown div.dtcc-list div.dtcc-list-controls {
399
+ display: grid;
400
+ padding: var(--dtcc-dropdown-button_padding);
401
+ gap: 0.5em;
402
+ }
403
+ div.dtcc-dropdown div.dtcc-list div.dtcc-list-controls:empty {
404
+ display: none;
405
+ }
406
+ div.dtcc-dropdown div.dtcc-list div.dtcc-list-controls button.dtcc-list-selectAll,
407
+ div.dtcc-dropdown div.dtcc-list div.dtcc-list-controls button.dtcc-list-selectNone {
408
+ width: 100%;
409
+ padding: 0;
410
+ border: none;
411
+ background-color: transparent;
412
+ color: inherit;
413
+ font-size: 80%;
414
+ text-align: center;
415
+ cursor: pointer;
416
+ }
417
+ div.dtcc-dropdown div.dtcc-list div.dtcc-list-controls button.dtcc-list-selectAll:hover,
418
+ div.dtcc-dropdown div.dtcc-list div.dtcc-list-controls button.dtcc-list-selectNone:hover {
419
+ text-decoration: underline;
420
+ }
421
+ div.dtcc-dropdown div.dtcc-list div.dtcc-list-controls button.dtcc-list-selectAll span,
422
+ div.dtcc-dropdown div.dtcc-list div.dtcc-list-controls button.dtcc-list-selectNone span {
423
+ display: inline-block;
424
+ padding-left: 0.25em;
425
+ }
426
+ div.dtcc-dropdown div.dtcc-list div.dtcc-list-controls input.dtcc-list-search {
427
+ box-sizing: border-box;
428
+ grid-column: 1/3;
429
+ width: 100%;
430
+ padding: var(--dtcc-search-input_padding);
431
+ border: var(--dtcc-search-input_border);
432
+ border-radius: var(--dtcc-search-input_border-radius);
433
+ background-color: var(--dtcc-search-input_background-color);
434
+ }
435
+ div.dtcc-dropdown div.dtcc-list div.dtcc-list-buttons {
436
+ max-height: var(--dtcc-list-buttons_max-height);
437
+ overflow: auto;
438
+ background: var(--dtcc-list-buttons_background);
439
+ }
440
+ div.dtcc-dropdown div.dtcc-list span.dtcc-button-icon:empty {
441
+ display: none;
442
+ }
package/css/columnControl.jqueryui.min.css ADDED
@@ -0,0 +1 @@
1
+ :root{--dtcc-button_background: transparent;--dtcc-button_border: none;--dtcc-button_border-radius: 3px;--dtcc-button_opacity: 0.4;--dtcc-button_padding: 3px;--dtcc-button_disabled-opacity: 0.6;--dtcc-button_hover-border: none;--dtcc-button_hover-background: rgba(0, 0, 0, 0.1);--dtcc-button_hover-opacity: 0.9;--dtcc-button-icon_color: black;--dtcc-button-icon_size: 16px;--dtcc-button-icon_margin: 0.5em;--dtcc-dropdown_background: white;--dtcc-dropdown_border: 1px solid rgba(0, 0, 0, 0.2);--dtcc-dropdown_border-radius: 5px;--dtcc-dropdown_box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.3);--dtcc-dropdown_margin: 3px 0 0 0;--dtcc-dropdown_padding: 0.75em 0;--dtcc-dropdown_width: 200px;--dtcc-dropdown_z-index: 2002;--dtcc-dropdown-button_background: transparent;--dtcc-dropdown-button_border: none;--dtcc-dropdown-button_color: black;--dtcc-dropdown-button_padding: 0.5em 1em;--dtcc-dropdown-button_hover-background: rgba(0, 0, 0, 0.05);--dtcc-dropdown-icon_vertical-align: initial;--dtcc-dropdown-search_padding: 0.5em 1em;--dtcc-spacer_border: 1px solid rgba(0, 0, 0, 0.2);--dtcc-spacer_margin: 0.5em;--dtcc-title_background: rgba(255, 255, 255, 0.1);--dtcc-title_border-left: none;--dtcc-title_border-right: none;--dtcc-title_border-top: none;--dtcc-title_border-bottom: ;--dtcc-title_margin: 0;--dtcc-title_padding: 0.5em 0;--dtcc-title_text-align: center;--dtcc-search-icon_color: black;--dtcc-search-icon_hover-background: rgba(0, 0, 0, 0.1);--dtcc-search-icon_opacity: 0.4;--dtcc-search-icon_size: 16px;--dtcc-search-clear_right: 8px;--dtcc-search-clear_bottom: 2px;--dtcc-search-input_padding-right: 24px;--dtcc-search-input_border: 1px solid #aaa;--dtcc-search-input_background-color: transparent;--dtcc-search-input_background: transparent;--dtcc-search-input_border-radius: 3px;--dtcc-search-input_padding: 5px;--dtcc-search-input_flexCalc: 24px;--dtcc-list-buttons_max-height: 300px;--dtcc-list-buttons_background: rgba(0, 0, 0, 0.05)}:root.dark{--dtcc-button_hover-background: rgba(255, 255, 255, 0.1);--dtcc-button-icon_color: white;--dtcc-spacer_border: 1px solid rgba(255, 255, 255, 0.15);--dtcc-dropdown_background: rgb(33, 37, 41);--dtcc-dropdown_border: 1px solid rgba(255, 255, 255, 0.15);--dtcc-dropdown_box-shadow: 3px 4px 10px 1px rgba(0, 0, 0, 0.8);--dtcc-dropdown-button_color: white;--dtcc-dropdown-button_hover-background: rgba(153, 153, 153, 0.1);--dtcc-search-icon_color: white;--dtcc-search-icon_hover-background: rgba(255, 255, 255, 0.1);--dtcc-search-input_border: 1px solid rgba(255, 255, 255, 0.2);--dtcc-list-buttons_background: rgba(255, 255, 255, 0.05)}table.dataTable div.dt-column-header span.dt-column-title:empty+span.dtcc{flex-grow:1;margin-left:auto}table.dataTable .dt-type-numeric div.dt-column-header span.dt-column-title:empty+span.dtcc,table.dataTable .dt-type-date div.dt-column-header span.dt-column-title:empty+span.dtcc,table.dataTable .dt-right div.dt-column-header span.dt-column-title:empty+span.dtcc{margin-right:auto;margin-left:0}table.dataTable>thead>tr.dtcc-row_no-bottom-border>*{border-bottom:none !important}table.dataTable>thead>tr.dtcc-row_no-top-padding>*{padding-top:0 !important}table.dataTable span.dtcc{font-weight:normal;white-space:nowrap;display:inline-flex;align-items:center}table.dataTable span.dtcc button.dtcc-button{display:inline-flex;padding:var(--dtcc-button_padding);border:var(--dtcc-button_border);border-radius:var(--dtcc-button_border-radius);background:var(--dtcc-button_background);cursor:pointer;opacity:var(--dtcc-button_opacity)}table.dataTable span.dtcc button.dtcc-button:hover{border:var(--dtcc-button_hover-border);background:var(--dtcc-button_hover-background);opacity:var(--dtcc-button_hover-opacity)}table.dataTable span.dtcc button.dtcc-button.dtcc-button_disabled{cursor:initial;opacity:var(--dtcc-button_disabled-opacity)}table.dataTable span.dtcc button.dtcc-button>span.dtcc-button-state{display:none}table.dataTable span.dtcc button.dtcc-button>span.dtcc-button-extra{display:none}table.dataTable span.dtcc button.dtcc-button_active{opacity:1}table.dataTable span.dtcc input{box-sizing:border-box;width:100%}table.dataTable span.dtcc span.dtcc-button-icon{display:inline-block;box-sizing:content-box;color:var(--dtcc-button-icon_color);vertical-align:middle;line-height:var(--dtcc-button-icon_size);height:var(--dtcc-button-icon_size)}table.dataTable span.dtcc span.dtcc-button-icon svg{width:var(--dtcc-button-icon_size);height:var(--dtcc-button-icon_size);vertical-align:initial}table.dataTable span.dtcc span.dtcc-button-text{display:none}table.dataTable span.dtcc div.dtcc-spacer{display:inline-block;margin:0 var(--dtcc-spacer_margin);padding-left:.5em;border-left:var(--dtcc-spacer_border);vertical-align:middle;white-space:nowrap;cursor:initial}table.dataTable span.dtcc div.dtcc-spacer:empty{width:1px;height:1em;padding-left:0}table.dataTable span.dtcc div.dtcc-search div.dtcc-search-title{margin-bottom:.25em;text-align:left}table.dataTable span.dtcc div.dtcc-search:empty{display:none}table.dataTable span.dtcc div.dtcc-search.dtcc-search_active>div div.dtcc-search-type-icon svg{opacity:1}table.dataTable span.dtcc div.dtcc-search:not(.dtcc-search_active) span.dtcc-search-clear{display:none}table.dataTable span.dtcc div.dtcc-search>div{position:relative}table.dataTable span.dtcc div.dtcc-search>div div.dtcc-search-type-icon{display:flex;position:absolute;top:0;align-items:center;justify-content:center;width:30px;height:100%}table.dataTable span.dtcc div.dtcc-search>div div.dtcc-search-type-icon svg{width:var(--dtcc-search-icon_size);height:var(--dtcc-search-icon_size);color:var(--dtcc-search-icon_color);opacity:var(--dtcc-search-icon_opacity);vertical-align:initial}table.dataTable span.dtcc div.dtcc-search>div div.dtcc-search-type-icon:hover{background-color:var(--dtcc-search-icon_hover-background)}table.dataTable span.dtcc div.dtcc-search>div select{position:absolute;top:0;width:30px;height:100%;cursor:pointer;opacity:0;background-color:var(--dtcc-search-input_background)}table.dataTable span.dtcc div.dtcc-search>div span.dtcc-search-clear{display:flex;position:absolute;top:0;align-items:center;justify-content:center;width:14px;height:100%;cursor:pointer}table.dataTable span.dtcc div.dtcc-search>div div.dtcc-search-icon{display:none}table.dataTable span.dtcc div.dtcc-search>div input{padding:var(--dtcc-search-input_padding);border:var(--dtcc-search-input_border);border-radius:var(--dtcc-search-input_border-radius);background-color:var(--dtcc-search-input_background);color:inherit}table.dataTable span.dtcc div.dtcc-searchText>div div.dtcc-search-type-icon{right:0;z-index:1}table.dataTable span.dtcc div.dtcc-searchText>div select{right:0;z-index:2}table.dataTable span.dtcc div.dtcc-searchText>div span.dtcc-search-clear{right:28px}table.dataTable span.dtcc div.dtcc-searchText>div input{padding-right:46px}table.dataTable span.dtcc div.dtcc-searchNumber>div div.dtcc-search-type-icon,table.dataTable span.dtcc div.dtcc-searchDate>div div.dtcc-search-type-icon{left:0;z-index:1}table.dataTable span.dtcc div.dtcc-searchNumber>div select,table.dataTable span.dtcc div.dtcc-searchDate>div select{left:0;z-index:2}table.dataTable span.dtcc div.dtcc-searchNumber>div span.dtcc-search-clear,table.dataTable span.dtcc div.dtcc-searchDate>div span.dtcc-search-clear{left:28px}table.dataTable span.dtcc div.dtcc-searchNumber>div input,table.dataTable span.dtcc div.dtcc-searchDate>div input{padding-left:46px;text-align:right}div.dtcc-dropdown{display:block;box-sizing:border-box;z-index:var(--dtcc-dropdown_z-index);position:absolute;width:var(--dtcc-dropdown_width);margin:var(--dtcc-dropdown_margin);padding:var(--dtcc-dropdown_padding);overflow:hidden;border:var(--dtcc-dropdown_border);border-radius:var(--dtcc-dropdown_border-radius);background:var(--dtcc-dropdown_background);box-shadow:var(--dtcc-dropdown_box-shadow)}div.dtcc-dropdown button.dtcc-button{display:flex;position:relative;align-items:center;width:100%;padding:var(--dtcc-dropdown-button_padding);border:var(--dtcc-dropdown-button_border);background:var(--dtcc-dropdown-button_background);color:var(--dtcc-dropdown-button_color);text-align:left;cursor:pointer}div.dtcc-dropdown button.dtcc-button:hover{background:var(--dtcc-dropdown-button_hover-background)}div.dtcc-dropdown button.dtcc-button.dtcc-button_disabled{cursor:initial;opacity:var(--dtcc-button_disabled-opacity)}div.dtcc-dropdown button.dtcc-button>span.dtcc-button-state{display:block;width:var(--dtcc-button-icon_size);height:var(--dtcc-button-icon_size);margin:0 0 0 var(--dtcc-button-icon_margin)}div.dtcc-dropdown button.dtcc-button>span.dtcc-button-state:empty{display:none}div.dtcc-dropdown button.dtcc-button>span.dtcc-button-state svg{width:var(--dtcc-button-icon_size);height:var(--dtcc-button-icon_size);vertical-align:initial}div.dtcc-dropdown button.dtcc-button>span.dtcc-button-extra:empty{display:none}div.dtcc-dropdown button.dtcc-button span.dtcc-button-icon{width:var(--dtcc-button-icon_size);height:var(--dtcc-button-icon_size);margin:0 var(--dtcc-button-icon_margin) 0 0}div.dtcc-dropdown button.dtcc-button span.dtcc-button-icon svg{width:var(--dtcc-button-icon_size);height:var(--dtcc-button-icon_size);vertical-align:var(--dtcc-dropdown-icon_vertical-align)}div.dtcc-dropdown button.dtcc-button span.dtcc-button-text{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}div.dtcc-dropdown div.dtcc-spacer{margin:var(--dtcc-spacer_margin) 0;padding:0;border-bottom:var(--dtcc-spacer_border);border-left:none}div.dtcc-dropdown div.dtcc-title{margin:var(--dtcc-title_margin);padding:var(--dtcc-title_padding);border-top:var(--dtcc-title_border-top);border-right:var(--dtcc-title_border-right);border-bottom:var(--dtcc-title_border-bottom);border-left:var(--dtcc-title_border-left);background:var(--dtcc-title_background);text-align:var(--dtcc-title_text-align)}div.dtcc-dropdown div.dtcc-search{padding:var(--dtcc-dropdown-search_padding)}div.dtcc-dropdown div.dtcc-search>div{display:flex;position:relative;flex-wrap:wrap;align-items:center;border:var(--dtcc-dropdown-button_border);background:var(--dtcc-dropdown-button_background);color:var(--dtcc-dropdown-button_color)}div.dtcc-dropdown div.dtcc-search>div div{flex:0 0 var(--dtcc-button-icon_size);width:var(--dtcc-button-icon_size);height:var(--dtcc-button-icon_size);margin:0 var(--dtcc-button-icon_margin) 0 0}div.dtcc-dropdown div.dtcc-search>div div svg{width:var(--dtcc-search-icon_size);height:var(--dtcc-search-icon_size);color:var(--dtcc-search-icon_color);vertical-align:var(--dtcc-dropdown-icon_vertical-align)}div.dtcc-dropdown div.dtcc-search>div select,div.dtcc-dropdown div.dtcc-search>div input{box-sizing:border-box;flex:1 1 calc(100% - var(--dtcc-search-input_flexCalc));width:100%;min-width:0;padding:var(--dtcc-search-input_padding);border:var(--dtcc-search-input_border);border-radius:var(--dtcc-search-input_border-radius);background-color:var(--dtcc-search-input_background-color)}div.dtcc-dropdown div.dtcc-search>div select option,div.dtcc-dropdown div.dtcc-search>div input option{background-color:var(--dtcc-search-input_background-color)}div.dtcc-dropdown div.dtcc-search>div input,div.dtcc-dropdown div.dtcc-search>div div.dtcc-search-icon{margin-top:var(--dtcc-search-input_margin-top)}div.dtcc-dropdown div.dtcc-search>div input{padding-right:var(--dtcc-search-input_padding-right)}div.dtcc-dropdown div.dtcc-search>div span.dtcc-search-clear{position:absolute;right:var(--dtcc-search-clear_right);bottom:var(--dtcc-search-clear_bottom);width:14px;cursor:pointer}div.dtcc-dropdown div.dtcc-search:not(.dtcc-search_active) span.dtcc-search-clear{display:none}div.dtcc-dropdown div.dtcc-list div.dtcc-list-title{padding:var(--dtcc-dropdown-button_padding);font-style:italic}div.dtcc-dropdown div.dtcc-list div.dtcc-list-title:empty{display:none}div.dtcc-dropdown div.dtcc-list div.dtcc-list-controls{display:grid;padding:var(--dtcc-dropdown-button_padding);gap:.5em}div.dtcc-dropdown div.dtcc-list div.dtcc-list-controls:empty{display:none}div.dtcc-dropdown div.dtcc-list div.dtcc-list-controls button.dtcc-list-selectAll,div.dtcc-dropdown div.dtcc-list div.dtcc-list-controls button.dtcc-list-selectNone{width:100%;padding:0;border:none;background-color:transparent;color:inherit;font-size:80%;text-align:center;cursor:pointer}div.dtcc-dropdown div.dtcc-list div.dtcc-list-controls button.dtcc-list-selectAll:hover,div.dtcc-dropdown div.dtcc-list div.dtcc-list-controls button.dtcc-list-selectNone:hover{text-decoration:underline}div.dtcc-dropdown div.dtcc-list div.dtcc-list-controls button.dtcc-list-selectAll span,div.dtcc-dropdown div.dtcc-list div.dtcc-list-controls button.dtcc-list-selectNone span{display:inline-block;padding-left:.25em}div.dtcc-dropdown div.dtcc-list div.dtcc-list-controls input.dtcc-list-search{box-sizing:border-box;grid-column:1/3;width:100%;padding:var(--dtcc-search-input_padding);border:var(--dtcc-search-input_border);border-radius:var(--dtcc-search-input_border-radius);background-color:var(--dtcc-search-input_background-color)}div.dtcc-dropdown div.dtcc-list div.dtcc-list-buttons{max-height:var(--dtcc-list-buttons_max-height);overflow:auto;background:var(--dtcc-list-buttons_background)}div.dtcc-dropdown div.dtcc-list span.dtcc-button-icon:empty{display:none}
package/js/columnControl.jqueryui.js ADDED
@@ -0,0 +1,58 @@
1
+ /*! jQuery UI styling wrapper for ColumnControl
2
+ * © SpryMedia Ltd - datatables.net/license
3
+ */
4
+
5
+ (function( factory ){
6
+ if ( typeof define === 'function' && define.amd ) {
7
+ // AMD
8
+ define( ['jquery', 'datatables.net-jqui', 'datatables.net-columncontrol'], function ( $ ) {
9
+ return factory( $, window, document );
10
+ } );
11
+ }
12
+ else if ( typeof exports === 'object' ) {
13
+ // CommonJS
14
+ var jq = require('jquery');
15
+ var cjsRequires = function (root, $) {
16
+ if ( ! $.fn.dataTable ) {
17
+ require('datatables.net-jqui')(root, $);
18
+ }
19
+
20
+ if ( ! $.fn.dataTable.ColumnControl ) {
21
+ require('datatables.net-columncontrol')(root, $);
22
+ }
23
+ };
24
+
25
+ if (typeof window === 'undefined') {
26
+ module.exports = function (root, $) {
27
+ if ( ! root ) {
28
+ // CommonJS environments without a window global must pass a
29
+ // root. This will give an error otherwise
30
+ root = window;
31
+ }
32
+
33
+ if ( ! $ ) {
34
+ $ = jq( root );
35
+ }
36
+
37
+ cjsRequires( root, $ );
38
+ return factory( $, root, root.document );
39
+ };
40
+ }
41
+ else {
42
+ cjsRequires( window, jq );
43
+ module.exports = factory( jq, window, window.document );
44
+ }
45
+ }
46
+ else {
47
+ // Browser
48
+ factory( jQuery, window, document );
49
+ }
50
+ }(function( $, window, document ) {
51
+ 'use strict';
52
+ var DataTable = $.fn.dataTable;
53
+
54
+
55
+
56
+
57
+ return DataTable;
58
+ }));
package/js/columnControl.jqueryui.min.js ADDED
@@ -0,0 +1,4 @@
1
+ /*! jQuery UI styling wrapper for ColumnControl
2
+ * © SpryMedia Ltd - datatables.net/license
3
+ */
4
+ (t=>{var o,d;"function"==typeof define&&define.amd?define(["jquery","datatables.net-jqui","datatables.net-columncontrol"],function(e){return t(e,window,document)}):"object"==typeof exports?(o=require("jquery"),d=function(e,n){n.fn.dataTable||require("datatables.net-jqui")(e,n),n.fn.dataTable.ColumnControl||require("datatables.net-columncontrol")(e,n)},"undefined"==typeof window?module.exports=function(e,n){return e=e||window,n=n||o(e),d(e,n),t(n,0,e.document)}:(d(window,o),module.exports=t(o,window,window.document))):t(jQuery,window,document)})(function(e,n,t){return e.fn.dataTable});
package/js/columnControl.jqueryui.min.mjs ADDED
@@ -0,0 +1,4 @@
1
+ /*! jQuery UI styling wrapper for ColumnControl
2
+ * © SpryMedia Ltd - datatables.net/license
3
+ */
4
+ import jQuery from"jquery";import DataTable from"datatables.net-jqui";import ColumnControl from"datatables.net-columncontrol";let $=jQuery;export default DataTable;
package/js/columnControl.jqueryui.mjs ADDED
@@ -0,0 +1,14 @@
1
+ /*! jQuery UI styling wrapper for ColumnControl
2
+ * © SpryMedia Ltd - datatables.net/license
3
+ */
4
+
5
+ import jQuery from 'jquery';
6
+ import DataTable from 'datatables.net-jqui';
7
+ import ColumnControl from 'datatables.net-columncontrol';
8
+
9
+ // Allow reassignment of the $ variable
10
+ let $ = jQuery;
11
+
12
+
13
+
14
+ export default DataTable;
package/package.json ADDED
@@ -0,0 +1,53 @@
1
+ {
2
+ "name": "datatables.net-columncontrol-jqui",
3
+ "description": "ColumnControl for DataTables with styling for [jQueryUI](http://jqueryui.com/)",
4
+ "main": "js/columnControl.jqueryui.js",
5
+ "module": "js/columnControl.jqueryui.mjs",
6
+ "style": "css/columnControl.jqueryui.css",
7
+ "types": "./types/columnControl.jqueryui.d.ts",
8
+ "version": "0.9.2",
9
+ "files": [
10
+ "css/**/*.css",
11
+ "js/**/*.js",
12
+ "js/**/*.mjs",
13
+ "types/**/*.d.ts"
14
+ ],
15
+ "keywords": [
16
+ "ColumnControl",
17
+ "search",
18
+ "filter",
19
+ "buttons",
20
+ "column visibility",
21
+ "jQuery UI",
22
+ "jQueryUI",
23
+ "Datatables",
24
+ "table",
25
+ "filter",
26
+ "sort"
27
+ ],
28
+ "dependencies": {
29
+ "datatables.net-columncontrol": "0.9.2",
30
+ "datatables.net-jqui": "^2.3.0"
31
+ },
32
+ "moduleType": [
33
+ "globals",
34
+ "amd",
35
+ "node"
36
+ ],
37
+ "ignore": [
38
+ "composer.json",
39
+ "datatables.json",
40
+ "package.json"
41
+ ],
42
+ "author": {
43
+ "name": "SpryMedia Ltd",
44
+ "url": "http://datatables.net"
45
+ },
46
+ "homepage": "https://datatables.net",
47
+ "bugs": "https://datatables.net/forums",
48
+ "license": "MIT",
49
+ "repository": {
50
+ "type": "git",
51
+ "url": "https://github.com/DataTables/Dist-DataTables-ColumnControl-jQueryUI.git"
52
+ }
53
+ }
package/types/columnControl.jqueryui.d.ts ADDED
@@ -0,0 +1,5 @@
1
+
2
+ import DataTable from 'datatables.net-columncontrol';
3
+
4
+ export default DataTable;
5
+ export * from 'datatables.net-columncontrol';