datatables.net-autofill-bs4 2.7.0 → 3.0.0-beta.1

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 (8) hide show
  1. package/Readme.md +11 -16
  2. package/css/autoFill.bootstrap4.css +129 -79
  3. package/css/autoFill.bootstrap4.min.css +1 -1
  4. package/js/autoFill.bootstrap4.js +22 -28
  5. package/js/autoFill.bootstrap4.min.js +3 -3
  6. package/js/autoFill.bootstrap4.min.mjs +3 -3
  7. package/js/autoFill.bootstrap4.mjs +4 -7
  8. package/package.json +4 -16
package/Readme.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # AutoFill for DataTables with styling for [Bootstrap4](https://getbootstrap.com/docs/4.6/getting-started/introduction/)
2
2
 
3
- This package contains a built distribution of the [AutoFill extension](https://datatables.net/extensions/autofill) for [DataTables](https://datatables.net/) with styling for [Bootstrap4](https://getbootstrap.com/docs/4.6/getting-started/introduction/).
3
+ This is the distribution package for the [AutoFill extension](https://datatables.net/extensions/autofill) for [DataTables](https://datatables.net/) with styling for [Bootstrap4](https://getbootstrap.com/docs/4.6/getting-started/introduction/).
4
4
 
5
5
  AutoFill adds an Excel like data fill option to DataTables, allowing click and drag over cells, filling in information and incrementing numbers as needed.
6
6
 
@@ -9,43 +9,38 @@ AutoFill adds an Excel like data fill option to DataTables, allowing click and d
9
9
 
10
10
  ### Browser
11
11
 
12
- For inclusion of this library using a standard `<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.
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
13
 
14
14
  ### npm
15
15
 
16
+ For installation via npm, yarn and other similar package managers, install this package with your package manager - e.g.:
17
+
16
18
  ```
19
+ npm install datatables.net-bs4
17
20
  npm install datatables.net-autofill-bs4
18
21
  ```
19
22
 
20
- ES3 Syntax
21
- ```
22
- var $ = require( 'jquery' );
23
- var dt = require( 'datatables.net-autofill-bs4' )( window, $ );
24
- ```
23
+ Then, to load and initialise the software in your code use:
25
24
 
26
- ES6 Syntax
27
25
  ```
26
+ import DataTable from 'datatables.net-bs4';
28
27
  import 'datatables.net-autofill-bs4'
29
- ```
30
28
 
31
- ### bower
32
-
33
- ```
34
- bower install --save datatables.net-autofill-bs4
29
+ new DataTable('#myTable', {
30
+ // initialisation options
31
+ });
35
32
  ```
36
33
 
37
34
 
38
-
39
35
  ## Documentation
40
36
 
41
- Full documentation and examples for AutoFill can be found [on the website](https://datatables.net/extensions/autofill).
37
+ Full documentation and examples for AutoFill can be found [on the DataTables website](https://datatables.net/extensions/autofill).
42
38
 
43
39
 
44
40
  ## Bug / Support
45
41
 
46
42
  Support for DataTables is available through the [DataTables forums](//datatables.net/forums) and [commercial support options](//datatables.net/support) are available.
47
43
 
48
-
49
44
  ### Contributing
50
45
 
51
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/AutoFill](http://github.com/DataTables/AutoFill). For issues / bugs, please direct your questions to the [DataTables forums](//datatables.net/forums).
package/css/autoFill.bootstrap4.css CHANGED
@@ -1,46 +1,119 @@
1
- div.dt-autofill-handle {
1
+ :root {
2
+ --dtaf-handle_height: 10px;
3
+ --dtaf-handle_width: 10px;
4
+ --dtaf-handle_background: #3366ff;
5
+ --dtaf-handle_background-focus: #ff8b33;
6
+ --dtaf-handle_border: none;
7
+ --dtaf-handle_z-index: 10;
8
+ --dtaf-outline_background-color: #4989de;
9
+ --dtaf-outline_background-image: repeating-linear-gradient(45deg,
10
+ transparent,
11
+ transparent 5px,
12
+ rgba(255,255,255,.2) 5px,
13
+ rgba(255,255,255,.2) 10px
14
+ );
15
+ --dtaf-list_background: var(--dt-html_background);
16
+ --dtaf-list_box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
17
+ --dtaf-list_border: none;
18
+ --dtaf-list_width: 500px;
19
+ --dtaf-list_border-radius: 0.75em;
20
+ --dtaf-list_padding-top-closeable: 2.5em;
21
+ --dtaf-option_margin: 1em 0;
22
+ --dtaf-option_padding: 1em;
23
+ --dtaf-option_border-radius: 0.5em;
24
+ --dtaf-option_color: inherit;
25
+ --dtaf-option_border: 1px solid rgba(0, 0, 0, 0.175);
26
+ --dtaf-option_background: #f6f6f6;
27
+ --dtaf-option_background-hover: #ebebeb;
28
+ --dtaf-close_background: transparent;
29
+ --dtaf-close_border: none;
30
+ --dtaf-background_background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
31
+ --dtaf-background_z-index: 103;
32
+ }
33
+
34
+ :root.dark {
35
+ --dtaf-handle_background: rgb(110, 168, 254);
36
+ --dtaf-outline_background-color: #4989de;
37
+ --dtaf-outline_background-image: repeating-linear-gradient(45deg,
38
+ transparent,
39
+ transparent 5px,
40
+ rgba(0,0,0,.2) 5px,
41
+ rgba(0,0,0,.2) 10px
42
+ );
43
+ --dtaf-list_border: 1px solid rgba(255, 255, 255, 0.15);
44
+ --dtaf-option_color: inherit;
45
+ --dtaf-option_border: 1px solid rgba(255, 255, 255, 0.175);
46
+ --dtaf-option_background: rgb(47, 52, 56);
47
+ --dtaf-option_background-hover: rgb(64, 69, 73);
48
+ }
49
+
50
+ @media screen and (max-width: 767px) {
51
+ :root {
52
+ --dtaf-handle_height: 16px;
53
+ --dtaf-handle_width: 16px;
54
+ }
55
+ div.dtaf-list {
56
+ width: 90%;
57
+ }
58
+ }
59
+ div.dtaf-handle {
2
60
  position: absolute;
3
- height: 10px;
4
- width: 10px;
5
- z-index: 10;
61
+ height: var(--dtaf-handle_height);
62
+ width: var(--dtaf-handle_width);
63
+ z-index: var(--dtaf-handle_z-index);
6
64
  box-sizing: border-box;
7
- background: #0275d8;
65
+ background: var(--dtaf-handle_background);
66
+ border: var(--dtaf-handle_border);
8
67
  cursor: pointer;
9
68
  }
10
69
 
11
- div.dtk-focus-alt div.dt-autofill-handle {
12
- background: #ff8b33;
70
+ div.dtk-focus-alt div.dtaf-handle {
71
+ background: var(--dtaf-handle_background-focus);
13
72
  }
14
73
 
15
- div.dt-autofill-select {
74
+ div.dtaf-select {
16
75
  position: absolute;
17
76
  z-index: 1001;
18
- background-color: #0275d8;
19
- background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0.5) 10px);
77
+ background-color: var(--dtaf-outline_background-color);
78
+ background-image: var(--dtaf-outline_background-image);
20
79
  }
21
- div.dt-autofill-select.top, div.dt-autofill-select.bottom {
80
+ div.dtaf-select.top, div.dtaf-select.bottom {
22
81
  height: 3px;
23
82
  margin-top: -1px;
24
83
  }
25
- div.dt-autofill-select.left, div.dt-autofill-select.right {
84
+ div.dtaf-select.left, div.dtaf-select.right {
26
85
  width: 3px;
27
86
  margin-left: -1px;
28
87
  }
29
88
 
30
- div.dt-autofill-list {
89
+ div.dtaf-container {
90
+ display: flex;
31
91
  position: fixed;
32
- top: 50%;
33
- left: 50%;
34
- width: 500px;
35
- margin-left: -250px;
36
- background-color: white;
37
- border-radius: 0.75em;
38
- box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
92
+ top: 0;
93
+ left: 0;
94
+ width: 100%;
95
+ height: 100%;
96
+ background: var(--dtaf-background_background);
97
+ z-index: var(--dtaf-background_z-index);
98
+ justify-content: center;
99
+ align-items: center;
100
+ }
101
+
102
+ div.dtaf-list {
103
+ position: relative;
104
+ width: var(--dtaf-list_width);
105
+ background: var(--dtaf-list_background);
106
+ border: var(--dtaf-list_border);
107
+ border-radius: var(--dtaf-list_border-radius);
108
+ box-shadow: var(--dtaf-list_box-shadow);
39
109
  z-index: 104;
40
110
  box-sizing: border-box;
41
111
  padding: 2em;
42
112
  }
43
- div.dt-autofill-list div.dtaf-popover-close {
113
+ div.dtaf-list.dtaf-list-closeable {
114
+ padding-top: var(--dtaf-list_padding-top-closeable);
115
+ }
116
+ div.dtaf-list button.dtaf-list-close {
44
117
  position: absolute;
45
118
  top: 6px;
46
119
  right: 6px;
@@ -50,86 +123,63 @@ div.dt-autofill-list div.dtaf-popover-close {
50
123
  border-radius: 3px;
51
124
  cursor: pointer;
52
125
  z-index: 12;
126
+ background: var(--dtaf-close_background);
127
+ border: var(--dtaf-close_border);
128
+ font-weight: bold;
129
+ font-size: 18px;
130
+ line-height: 18px;
131
+ opacity: 0.7;
132
+ }
133
+ div.dtaf-list button.dtaf-list-close:hover {
134
+ opacity: 1;
53
135
  }
54
- div.dt-autofill-list > div.dt-autofill-list-items > button {
136
+ div.dtaf-list > div.dtaf-list-items > button {
55
137
  display: block;
56
138
  width: 100%;
57
- margin: 1em 0;
58
- padding: 1em;
59
- border-radius: 0.5em;
60
- border: 1px solid rgba(0, 0, 0, 0.175);
61
- background-color: #f6f6f6;
139
+ margin: var(--dtaf-option_margin);
140
+ padding: var(--dtaf-option_padding);
141
+ border-radius: var(--dtaf-option_border-radius);
142
+ border: var(--dtaf-option_border);
143
+ background-color: var(--dtaf-option_background);
62
144
  text-align: left;
63
145
  cursor: pointer;
146
+ color: var(--dtaf-option_color);
64
147
  }
65
- div.dt-autofill-list > div.dt-autofill-list-items > button:hover {
66
- background-color: #ebebeb;
148
+ div.dtaf-list > div.dtaf-list-items > button:hover {
149
+ background-color: var(--dtaf-option_background-hover);
67
150
  }
68
- div.dt-autofill-list > div.dt-autofill-list-items > button:first-child {
151
+ div.dtaf-list > div.dtaf-list-items > button:first-child {
69
152
  margin-top: 0;
70
153
  }
71
- div.dt-autofill-list > div.dt-autofill-list-items > button:last-child {
154
+ div.dtaf-list > div.dtaf-list-items > button:last-child {
72
155
  margin-bottom: 0;
73
156
  }
74
- div.dt-autofill-list > div.dt-autofill-list-items > button input[type=number] {
157
+ div.dtaf-list > div.dtaf-list-items > button input[type=number] {
75
158
  display: inline-block;
76
159
  box-sizing: border-box;
77
160
  padding: 6px;
78
161
  width: 70px;
79
162
  margin: -2px 0;
80
163
  }
81
- div.dt-autofill-list > div.dt-autofill-list-items > button span {
164
+ div.dtaf-list > div.dtaf-list-items > button span {
82
165
  float: right;
83
166
  }
84
167
 
85
- div.dtaf-popover-closeable {
86
- padding-top: 2.5em;
168
+ :root {
169
+ --dtaf-handle_border: 1px solid #0275d8;
170
+ --dtaf-handle_background: #0275d8;
171
+ --dtaf-list_box-shadow: none;
172
+ --dtaf-list_background: #fff;
173
+ --dtaf-list_border: 1px solid rgba(0,0,0,.2);
174
+ --dtaf-list_border-radius: .3rem;
175
+ --dtaf-list_padding-top-closeable: 3.5em;
176
+ --dtaf-option_border-radius: .25rem;
177
+ --dtaf-outline_background-color: #0275d8;
178
+ --dtaf-background_background: rgba(0, 0, 0, 0.5);
179
+ --dtaf-background_z-index: 1050;
87
180
  }
88
181
 
89
- div.dt-autofill-background {
90
- position: fixed;
91
- top: 0;
92
- left: 0;
93
- width: 100%;
94
- height: 100%;
95
- background: rgba(0, 0, 0, 0.7);
96
- background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);
97
- z-index: 103;
98
- }
99
-
100
- html.dark div.dt-autofill-handle {
101
- background: rgb(110, 168, 254);
102
- }
103
- html.dark div.dt-autofill-select {
104
- position: absolute;
105
- z-index: 1001;
106
- background-color: rgb(110, 168, 254);
107
- background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(0, 0, 0, 0.5) 5px, rgba(0, 0, 0, 0.5) 10px);
108
- }
109
- html.dark div.dt-autofill-list {
110
- background-color: var(--dt-html-background);
111
- border: 1px solid rgba(255, 255, 255, 0.15);
112
- }
113
- html.dark div.dt-autofill-list button {
114
- color: inherit;
115
- border: 1px solid rgba(255, 255, 255, 0.175);
116
- background-color: rgb(47, 52, 56);
117
- }
118
- html.dark div.dt-autofill-list button:hover {
119
- background-color: rgb(64, 69, 73);
120
- }
121
-
122
- @media screen and (max-width: 767px) {
123
- div.dt-autofill-handle {
124
- height: 16px;
125
- width: 16px;
126
- }
127
- div.dt-autofill-list {
128
- width: 90%;
129
- left: 74.5%;
130
- }
131
- }
132
- div.dt-autofill-list div.dt-autofill-question input[type=number] {
182
+ div.dtaf-list div.dtaf-question input[type=number] {
133
183
  padding: 6px;
134
184
  width: 60px;
135
185
  margin: -2px 0;
package/css/autoFill.bootstrap4.min.css CHANGED
@@ -1 +1 @@
1
- div.dt-autofill-handle{position:absolute;height:10px;width:10px;z-index:10;box-sizing:border-box;background:#0275d8;cursor:pointer}div.dtk-focus-alt div.dt-autofill-handle{background:#ff8b33}div.dt-autofill-select{position:absolute;z-index:1001;background-color:#0275d8;background-image:repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.5) 5px, rgba(255, 255, 255, 0.5) 10px)}div.dt-autofill-select.top,div.dt-autofill-select.bottom{height:3px;margin-top:-1px}div.dt-autofill-select.left,div.dt-autofill-select.right{width:3px;margin-left:-1px}div.dt-autofill-list{position:fixed;top:50%;left:50%;width:500px;margin-left:-250px;background-color:white;border-radius:.75em;box-shadow:0 12px 30px rgba(0, 0, 0, 0.6);z-index:104;box-sizing:border-box;padding:2em}div.dt-autofill-list div.dtaf-popover-close{position:absolute;top:6px;right:6px;width:22px;height:22px;text-align:center;border-radius:3px;cursor:pointer;z-index:12}div.dt-autofill-list>div.dt-autofill-list-items>button{display:block;width:100%;margin:1em 0;padding:1em;border-radius:.5em;border:1px solid rgba(0, 0, 0, 0.175);background-color:#f6f6f6;text-align:left;cursor:pointer}div.dt-autofill-list>div.dt-autofill-list-items>button:hover{background-color:#ebebeb}div.dt-autofill-list>div.dt-autofill-list-items>button:first-child{margin-top:0}div.dt-autofill-list>div.dt-autofill-list-items>button:last-child{margin-bottom:0}div.dt-autofill-list>div.dt-autofill-list-items>button input[type=number]{display:inline-block;box-sizing:border-box;padding:6px;width:70px;margin:-2px 0}div.dt-autofill-list>div.dt-autofill-list-items>button span{float:right}div.dtaf-popover-closeable{padding-top:2.5em}div.dt-autofill-background{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);background:radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);z-index:103}html.dark div.dt-autofill-handle{background:rgb(110, 168, 254)}html.dark div.dt-autofill-select{position:absolute;z-index:1001;background-color:rgb(110, 168, 254);background-image:repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(0, 0, 0, 0.5) 5px, rgba(0, 0, 0, 0.5) 10px)}html.dark div.dt-autofill-list{background-color:var(--dt-html-background);border:1px solid rgba(255, 255, 255, 0.15)}html.dark div.dt-autofill-list button{color:inherit;border:1px solid rgba(255, 255, 255, 0.175);background-color:rgb(47, 52, 56)}html.dark div.dt-autofill-list button:hover{background-color:rgb(64, 69, 73)}@media screen and (max-width: 767px){div.dt-autofill-handle{height:16px;width:16px}div.dt-autofill-list{width:90%;left:74.5%}}div.dt-autofill-list div.dt-autofill-question input[type=number]{padding:6px;width:60px;margin:-2px 0}
1
+ :root{--dtaf-handle_height: 10px;--dtaf-handle_width: 10px;--dtaf-handle_background: #3366ff;--dtaf-handle_background-focus: #ff8b33;--dtaf-handle_border: none;--dtaf-handle_z-index: 10;--dtaf-outline_background-color: #4989de;--dtaf-outline_background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(255,255,255,.2) 5px, rgba(255,255,255,.2) 10px );--dtaf-list_background: var(--dt-html_background);--dtaf-list_box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);--dtaf-list_border: none;--dtaf-list_width: 500px;--dtaf-list_border-radius: 0.75em;--dtaf-list_padding-top-closeable: 2.5em;--dtaf-option_margin: 1em 0;--dtaf-option_padding: 1em;--dtaf-option_border-radius: 0.5em;--dtaf-option_color: inherit;--dtaf-option_border: 1px solid rgba(0, 0, 0, 0.175);--dtaf-option_background: #f6f6f6;--dtaf-option_background-hover: #ebebeb;--dtaf-close_background: transparent;--dtaf-close_border: none;--dtaf-background_background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%);--dtaf-background_z-index: 103}:root.dark{--dtaf-handle_background: rgb(110, 168, 254);--dtaf-outline_background-color: #4989de;--dtaf-outline_background-image: repeating-linear-gradient(45deg, transparent, transparent 5px, rgba(0,0,0,.2) 5px, rgba(0,0,0,.2) 10px );--dtaf-list_border: 1px solid rgba(255, 255, 255, 0.15);--dtaf-option_color: inherit;--dtaf-option_border: 1px solid rgba(255, 255, 255, 0.175);--dtaf-option_background: rgb(47, 52, 56);--dtaf-option_background-hover: rgb(64, 69, 73)}@media screen and (max-width: 767px){:root{--dtaf-handle_height: 16px;--dtaf-handle_width: 16px}div.dtaf-list{width:90%}}div.dtaf-handle{position:absolute;height:var(--dtaf-handle_height);width:var(--dtaf-handle_width);z-index:var(--dtaf-handle_z-index);box-sizing:border-box;background:var(--dtaf-handle_background);border:var(--dtaf-handle_border);cursor:pointer}div.dtk-focus-alt div.dtaf-handle{background:var(--dtaf-handle_background-focus)}div.dtaf-select{position:absolute;z-index:1001;background-color:var(--dtaf-outline_background-color);background-image:var(--dtaf-outline_background-image)}div.dtaf-select.top,div.dtaf-select.bottom{height:3px;margin-top:-1px}div.dtaf-select.left,div.dtaf-select.right{width:3px;margin-left:-1px}div.dtaf-container{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background:var(--dtaf-background_background);z-index:var(--dtaf-background_z-index);justify-content:center;align-items:center}div.dtaf-list{position:relative;width:var(--dtaf-list_width);background:var(--dtaf-list_background);border:var(--dtaf-list_border);border-radius:var(--dtaf-list_border-radius);box-shadow:var(--dtaf-list_box-shadow);z-index:104;box-sizing:border-box;padding:2em}div.dtaf-list.dtaf-list-closeable{padding-top:var(--dtaf-list_padding-top-closeable)}div.dtaf-list button.dtaf-list-close{position:absolute;top:6px;right:6px;width:22px;height:22px;text-align:center;border-radius:3px;cursor:pointer;z-index:12;background:var(--dtaf-close_background);border:var(--dtaf-close_border);font-weight:bold;font-size:18px;line-height:18px;opacity:.7}div.dtaf-list button.dtaf-list-close:hover{opacity:1}div.dtaf-list>div.dtaf-list-items>button{display:block;width:100%;margin:var(--dtaf-option_margin);padding:var(--dtaf-option_padding);border-radius:var(--dtaf-option_border-radius);border:var(--dtaf-option_border);background-color:var(--dtaf-option_background);text-align:left;cursor:pointer;color:var(--dtaf-option_color)}div.dtaf-list>div.dtaf-list-items>button:hover{background-color:var(--dtaf-option_background-hover)}div.dtaf-list>div.dtaf-list-items>button:first-child{margin-top:0}div.dtaf-list>div.dtaf-list-items>button:last-child{margin-bottom:0}div.dtaf-list>div.dtaf-list-items>button input[type=number]{display:inline-block;box-sizing:border-box;padding:6px;width:70px;margin:-2px 0}div.dtaf-list>div.dtaf-list-items>button span{float:right}:root{--dtaf-handle_border: 1px solid #0275d8;--dtaf-handle_background: #0275d8;--dtaf-list_box-shadow: none;--dtaf-list_background: #fff;--dtaf-list_border: 1px solid rgba(0,0,0,.2);--dtaf-list_border-radius: .3rem;--dtaf-list_padding-top-closeable: 3.5em;--dtaf-option_border-radius: .25rem;--dtaf-outline_background-color: #0275d8;--dtaf-background_background: rgba(0, 0, 0, 0.5);--dtaf-background_z-index: 1050}div.dtaf-list div.dtaf-question input[type=number]{padding:6px;width:60px;margin:-2px 0}
package/js/autoFill.bootstrap4.js CHANGED
@@ -1,59 +1,53 @@
1
- /*! Bootstrap integration for DataTables' AutoFill
2
- * ©2015 SpryMedia Ltd - datatables.net/license
1
+ /*! AutoFill Bootstrap 4 styling 3.0.0-beta.1 for DataTables
2
+ * Copyright (c) SpryMedia Ltd - datatables.net/license
3
3
  */
4
4
 
5
- (function( factory ){
6
- if ( typeof define === 'function' && define.amd ) {
5
+ (function(factory){
6
+ if (typeof define === 'function' && define.amd) {
7
7
  // AMD
8
- define( ['jquery', 'datatables.net-bs4', 'datatables.net-autofill'], function ( $ ) {
9
- return factory( $, window, document );
10
- } );
8
+ define(['datatables.net-bs4', 'datatables.net-autofill'], function (dt) {
9
+ return factory(window, document, dt);
10
+ });
11
11
  }
12
- else if ( typeof exports === 'object' ) {
12
+ else if (typeof exports === 'object') {
13
13
  // CommonJS
14
- var jq = require('jquery');
15
- var cjsRequires = function (root, $) {
16
- if ( ! $.fn.dataTable ) {
17
- require('datatables.net-bs4')(root, $);
14
+ var cjsRequires = function (root) {
15
+ if (! root.DataTable) {
16
+ require('datatables.net-bs4')(root);
18
17
  }
19
18
 
20
- if ( ! $.fn.dataTable.AutoFill ) {
21
- require('datatables.net-autofill')(root, $);
19
+ if (! window.DataTable.AutoFill) {
20
+ require('datatables.net-autofill')(root);
22
21
  }
23
22
  };
24
23
 
25
24
  if (typeof window === 'undefined') {
26
- module.exports = function (root, $) {
27
- if ( ! root ) {
25
+ module.exports = function (root) {
26
+ if (! root) {
28
27
  // CommonJS environments without a window global must pass a
29
28
  // root. This will give an error otherwise
30
29
  root = window;
31
30
  }
32
31
 
33
- if ( ! $ ) {
34
- $ = jq( root );
35
- }
36
-
37
- cjsRequires( root, $ );
38
- return factory( $, root, root.document );
32
+ cjsRequires(root);
33
+ return factory(root, root.document, root.DataTable);
39
34
  };
40
35
  }
41
36
  else {
42
- cjsRequires( window, jq );
43
- module.exports = factory( jq, window, window.document );
37
+ cjsRequires(window);
38
+ module.exports = factory(window, window.document, window.DataTable);
44
39
  }
45
40
  }
46
41
  else {
47
42
  // Browser
48
- factory( jQuery, window, document );
43
+ factory(window, document, window.DataTable);
49
44
  }
50
- }(function( $, window, document ) {
45
+ }(function(window, document, DataTable) {
51
46
  'use strict';
52
- var DataTable = $.fn.dataTable;
53
47
 
54
48
 
55
49
 
56
- DataTable.AutoFill.classes.btn = 'btn btn-primary';
50
+ DataTable.AutoFill.classes.btn = 'btn btn-secondary';
57
51
 
58
52
 
59
53
  return DataTable;
package/js/autoFill.bootstrap4.min.js CHANGED
@@ -1,4 +1,4 @@
1
- /*! Bootstrap integration for DataTables' AutoFill
2
- * ©2015 SpryMedia Ltd - datatables.net/license
1
+ /*! AutoFill Bootstrap 4 styling 3.0.0-beta.1 for DataTables
2
+ * Copyright (c) SpryMedia Ltd - datatables.net/license
3
3
  */
4
- !function(n){var o,a;"function"==typeof define&&define.amd?define(["jquery","datatables.net-bs4","datatables.net-autofill"],function(e){return n(e,window,document)}):"object"==typeof exports?(o=require("jquery"),a=function(e,t){t.fn.dataTable||require("datatables.net-bs4")(e,t),t.fn.dataTable.AutoFill||require("datatables.net-autofill")(e,t)},"undefined"==typeof window?module.exports=function(e,t){return e=e||window,t=t||o(e),a(e,t),n(t,0,e.document)}:(a(window,o),module.exports=n(o,window,window.document))):n(jQuery,window,document)}(function(e,t,n){"use strict";e=e.fn.dataTable;return e.AutoFill.classes.btn="btn btn-primary",e});
4
+ (t=>{var n;"function"==typeof define&&define.amd?define(["datatables.net-bs4","datatables.net-autofill"],function(e){return t(window,document,e)}):"object"==typeof exports?(n=function(e){e.DataTable||require("datatables.net-bs4")(e),window.DataTable.AutoFill||require("datatables.net-autofill")(e)},"undefined"==typeof window?module.exports=function(e){return e=e||window,n(e),t(0,e.document,e.DataTable)}:(n(window),module.exports=t(window,window.document,window.DataTable))):t(window,document,window.DataTable)})(function(e,t,n){return n.AutoFill.classes.btn="btn btn-secondary",n});
package/js/autoFill.bootstrap4.min.mjs CHANGED
@@ -1,4 +1,4 @@
1
- /*! Bootstrap integration for DataTables' AutoFill
2
- * ©2015 SpryMedia Ltd - datatables.net/license
1
+ /*! AutoFill Bootstrap 4 styling 3.0.0-beta.1 for DataTables
2
+ * Copyright (c) SpryMedia Ltd - datatables.net/license
3
3
  */
4
- import jQuery from"jquery";import DataTable from"datatables.net-bs4";import AutoFill from"datatables.net-autofill";let $=jQuery;DataTable.AutoFill.classes.btn="btn btn-primary";export default DataTable;
4
+ import DataTable from"datatables.net-bs4";import AutoFill from"datatables.net-autofill";DataTable.AutoFill.classes.btn="btn btn-secondary";export default DataTable;
package/js/autoFill.bootstrap4.mjs CHANGED
@@ -1,16 +1,13 @@
1
- /*! Bootstrap integration for DataTables' AutoFill
2
- * ©2015 SpryMedia Ltd - datatables.net/license
1
+ /*! AutoFill Bootstrap 4 styling 3.0.0-beta.1 for DataTables
2
+ * Copyright (c) SpryMedia Ltd - datatables.net/license
3
3
  */
4
4
 
5
- import jQuery from 'jquery';
6
5
  import DataTable from 'datatables.net-bs4';
7
6
  import AutoFill from 'datatables.net-autofill';
8
7
 
9
- // Allow reassignment of the $ variable
10
- let $ = jQuery;
11
8
 
12
-
13
- DataTable.AutoFill.classes.btn = 'btn btn-primary';
9
+ DataTable.AutoFill.classes.btn = 'btn btn-secondary';
14
10
 
15
11
 
16
12
  export default DataTable;
13
+
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "module": "js/autoFill.bootstrap4.mjs",
6
6
  "style": "css/autoFill.bootstrap4.css",
7
7
  "types": "./types/autoFill.bootstrap4.d.ts",
8
- "version": "2.7.0",
8
+ "version": "3.0.0-beta.1",
9
9
  "files": [
10
10
  "css/**/*.css",
11
11
  "js/**/*.js",
@@ -18,26 +18,14 @@
18
18
  "Bootstrap",
19
19
  "Bootstrap4",
20
20
  "Datatables",
21
- "jQuery",
22
21
  "table",
23
22
  "filter",
24
23
  "sort"
25
24
  ],
26
25
  "dependencies": {
27
- "datatables.net-autofill": "2.7.0",
28
- "datatables.net-bs4": ">=1.11",
29
- "jquery": ">=1.7"
26
+ "datatables.net-autofill": "3.0.0-beta.1",
27
+ "datatables.net-bs4": "3.0.0-beta.1"
30
28
  },
31
- "moduleType": [
32
- "globals",
33
- "amd",
34
- "node"
35
- ],
36
- "ignore": [
37
- "composer.json",
38
- "datatables.json",
39
- "package.json"
40
- ],
41
29
  "author": {
42
30
  "name": "SpryMedia Ltd",
43
31
  "url": "http://datatables.net"
@@ -47,6 +35,6 @@
47
35
  "license": "MIT",
48
36
  "repository": {
49
37
  "type": "git",
50
- "url": "https://github.com/DataTables/Dist-DataTables-AutoFill-Bootstrap4.git"
38
+ "url": "https://github.com/DataTables/AutoFill"
51
39
  }
52
40
  }