datatables.net-searchbuilder-bs4 1.3.0 → 1.3.3

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.
@@ -8,6 +8,10 @@ div.dt-button-collection div.dtsb-searchBuilder {
8
8
  padding-right: 10px !important;
9
9
  }
10
10
 
11
+ div.dt-button-collection.dtb-collection-closeable div.dtsb-titleRow {
12
+ padding-right: 40px;
13
+ }
14
+
11
15
  .dtsb-greyscale {
12
16
  border: 1px solid #cecece !important;
13
17
  }
@@ -34,6 +38,9 @@ div.dtsb-searchBuilder div.dtsb-titleRow div.dtsb-title {
34
38
  display: inline-block;
35
39
  padding-top: 6px;
36
40
  }
41
+ div.dtsb-searchBuilder div.dtsb-titleRow div.dtsb-title:empty {
42
+ display: inline;
43
+ }
37
44
  div.dtsb-searchBuilder div.dtsb-titleRow button.dtsb-clearAll {
38
45
  float: right;
39
46
  margin-bottom: 0.333em;
@@ -63,11 +70,15 @@ div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer {
63
70
  }
64
71
  div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria {
65
72
  margin-bottom: 0.8em;
73
+ display: flex;
74
+ justify-content: start;
75
+ flex-flow: row wrap;
66
76
  }
67
77
  div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown,
68
78
  div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input {
69
79
  padding: 0.4em;
70
80
  margin-right: 0.8em;
81
+ min-width: 5em;
71
82
  max-width: 20em;
72
83
  background-color: rgba(200, 200, 200, 0.3);
73
84
  }
@@ -78,8 +89,18 @@ div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input option.
78
89
  div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-italic {
79
90
  font-style: italic;
80
91
  }
92
+ div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont {
93
+ flex: 1;
94
+ white-space: nowrap;
95
+ }
96
+ div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont span.dtsp-joiner {
97
+ margin-right: 0.8em;
98
+ }
99
+ div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont input.dtsb-value {
100
+ width: 33%;
101
+ }
81
102
  div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer {
82
- float: right;
103
+ margin-left: auto;
83
104
  display: inline-block;
84
105
  }
85
106
  div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-delete, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-right, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-left {
@@ -88,8 +109,41 @@ div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer
88
109
  div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-delete:last-child, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-right:last-child, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-left:last-child {
89
110
  margin-right: 0;
90
111
  }
91
- div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria span.dtsp-joiner {
92
- margin-right: 0.8em;
112
+ @media screen and (max-width: 550px) {
113
+ div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria {
114
+ display: flex;
115
+ flex-flow: none;
116
+ flex-direction: column;
117
+ justify-content: start;
118
+ padding-right: calc(35px + 0.8em);
119
+ margin-bottom: 0px;
120
+ }
121
+ div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:not(:first-child), div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:not(:nth-child(2)), div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:not(:last-child) {
122
+ padding-top: 0.8em;
123
+ }
124
+ div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:first-child, div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:nth-child(2), div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:last-child {
125
+ padding-top: 0em;
126
+ }
127
+ div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown,
128
+ div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input {
129
+ max-width: none;
130
+ width: 100%;
131
+ margin-bottom: 0.8em;
132
+ margin-right: 0.8em;
133
+ }
134
+ div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont {
135
+ margin-right: 0.8em;
136
+ }
137
+ div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer {
138
+ position: absolute;
139
+ width: 35px;
140
+ display: flex;
141
+ flex-wrap: wrap-reverse;
142
+ right: 0;
143
+ }
144
+ div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button {
145
+ margin-right: 0px !important;
146
+ }
93
147
  }
94
148
 
95
149
  div.dtsb-searchBuilder div.dtsb-titleRow {
@@ -1 +1 @@
1
- div.dt-button-collection{overflow:visible !important;z-index:2002 !important}div.dt-button-collection div.dtsb-searchBuilder{width:99% !important;padding-left:10px !important;padding-right:10px !important}.dtsb-greyscale{border:1px solid #cecece !important}div.dtsb-logicContainer .dtsb-greyscale{border:none !important}div.dtsb-searchBuilder{justify-content:space-evenly;cursor:default;margin-bottom:1em;text-align:left}div.dtsb-searchBuilder button.dtsb-button,div.dtsb-searchBuilder select{font-size:1em}div.dtsb-searchBuilder div.dtsb-titleRow{justify-content:space-evenly;margin-bottom:.5em}div.dtsb-searchBuilder div.dtsb-titleRow div.dtsb-title{display:inline-block;padding-top:6px}div.dtsb-searchBuilder div.dtsb-titleRow button.dtsb-clearAll{float:right;margin-bottom:.333em}div.dtsb-searchBuilder div.dtsb-vertical .dtsb-value,div.dtsb-searchBuilder div.dtsb-vertical .dtsb-data,div.dtsb-searchBuilder div.dtsb-vertical .dtsb-condition{display:block}div.dtsb-searchBuilder div.dtsb-group{position:relative;clear:both;margin-bottom:.8em}div.dtsb-searchBuilder div.dtsb-group button.dtsb-clearGroup{margin:2px;text-align:center;padding:0}div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);position:absolute;margin-top:.8em;margin-right:.8em}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria{margin-bottom:.8em}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input{padding:.4em;margin-right:.8em;max-width:20em;background-color:rgba(200, 200, 200, 0.3)}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown option.dtsb-notItalic,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input option.dtsb-notItalic{font-style:normal}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-italic{font-style:italic}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer{float:right;display:inline-block}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-delete,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-right,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-left{margin-right:.8em}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-delete:last-child,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-right:last-child,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-left:last-child{margin-right:0}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria span.dtsp-joiner{margin-right:.8em}div.dtsb-searchBuilder div.dtsb-titleRow{height:40px}div.dtsb-searchBuilder div.dtsb-titleRow div.dtsb-title{padding-top:10px}div.dtsb-searchBuilder div.dtsb-group button.dtsb-clearGroup{margin-right:8px}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria .form-control{width:auto;display:inline-block}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-condition{border-color:#28a745}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-data{border-color:#dc3545}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-value,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-value{border-color:#007bff}div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer{border-radius:4px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start;margin-top:10px}div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer button.dtsb-logic{border:none;border-radius:0px;flex-grow:1;flex-shrink:0;flex-basis:3em;margin:0px}div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer button.dtsb-clearGroup{border:none;border-radius:0px;width:2em;margin:0px}div.dt-button-collection div.dtsb-searchBuilder{padding-left:10px;padding-right:10px}
1
+ div.dt-button-collection{overflow:visible !important;z-index:2002 !important}div.dt-button-collection div.dtsb-searchBuilder{width:99% !important;padding-left:10px !important;padding-right:10px !important}div.dt-button-collection.dtb-collection-closeable div.dtsb-titleRow{padding-right:40px}.dtsb-greyscale{border:1px solid #cecece !important}div.dtsb-logicContainer .dtsb-greyscale{border:none !important}div.dtsb-searchBuilder{justify-content:space-evenly;cursor:default;margin-bottom:1em;text-align:left}div.dtsb-searchBuilder button.dtsb-button,div.dtsb-searchBuilder select{font-size:1em}div.dtsb-searchBuilder div.dtsb-titleRow{justify-content:space-evenly;margin-bottom:.5em}div.dtsb-searchBuilder div.dtsb-titleRow div.dtsb-title{display:inline-block;padding-top:6px}div.dtsb-searchBuilder div.dtsb-titleRow div.dtsb-title:empty{display:inline}div.dtsb-searchBuilder div.dtsb-titleRow button.dtsb-clearAll{float:right;margin-bottom:.333em}div.dtsb-searchBuilder div.dtsb-vertical .dtsb-value,div.dtsb-searchBuilder div.dtsb-vertical .dtsb-data,div.dtsb-searchBuilder div.dtsb-vertical .dtsb-condition{display:block}div.dtsb-searchBuilder div.dtsb-group{position:relative;clear:both;margin-bottom:.8em}div.dtsb-searchBuilder div.dtsb-group button.dtsb-clearGroup{margin:2px;text-align:center;padding:0}div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-o-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);position:absolute;margin-top:.8em;margin-right:.8em}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria{margin-bottom:.8em;display:flex;justify-content:start;flex-flow:row wrap}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input{padding:.4em;margin-right:.8em;min-width:5em;max-width:20em;background-color:rgba(200, 200, 200, 0.3)}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown option.dtsb-notItalic,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input option.dtsb-notItalic{font-style:normal}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-italic{font-style:italic}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont{flex:1;white-space:nowrap}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont span.dtsp-joiner{margin-right:.8em}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont input.dtsb-value{width:33%}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer{margin-left:auto;display:inline-block}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-delete,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-right,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-left{margin-right:.8em}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-delete:last-child,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-right:last-child,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button.dtsb-left:last-child{margin-right:0}@media screen and (max-width: 550px){div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria{display:flex;flex-flow:none;flex-direction:column;justify-content:start;padding-right:calc(35px + 0.8em);margin-bottom:0px}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:not(:first-child),div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:not(:nth-child(2)),div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:not(:last-child){padding-top:.8em}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:first-child,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:nth-child(2),div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria:last-child{padding-top:0em}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-dropDown,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-input{max-width:none;width:100%;margin-bottom:.8em;margin-right:.8em}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-inputCont{margin-right:.8em}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer{position:absolute;width:35px;display:flex;flex-wrap:wrap-reverse;right:0}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria div.dtsb-buttonContainer button{margin-right:0px !important}}div.dtsb-searchBuilder div.dtsb-titleRow{height:40px}div.dtsb-searchBuilder div.dtsb-titleRow div.dtsb-title{padding-top:10px}div.dtsb-searchBuilder div.dtsb-group button.dtsb-clearGroup{margin-right:8px}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria .form-control{width:auto;display:inline-block}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-condition{border-color:#28a745}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-data{border-color:#dc3545}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-value,div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria input.dtsb-value{border-color:#007bff}div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer{border-radius:4px;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start;margin-top:10px}div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer button.dtsb-logic{border:none;border-radius:0px;flex-grow:1;flex-shrink:0;flex-basis:3em;margin:0px}div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer button.dtsb-clearGroup{border:none;border-radius:0px;width:2em;margin:0px}div.dt-button-collection div.dtsb-searchBuilder{padding-left:10px;padding-right:10px}
@@ -1,56 +1,49 @@
1
- /*! SearchBuilder 1.3.0
2
- * ©SpryMedia Ltd - datatables.net/license/mit
3
- */
4
- (function () {
5
- 'use strict';
6
-
7
- (function (factory) {
8
- if (typeof define === 'function' && define.amd) {
9
- // AMD
10
- define(['jquery', 'datatables.net-bs4', 'datatables.net-searchbuilder'], function ($) {
11
- return factory($);
12
- });
13
- }
14
- else if (typeof exports === 'object') {
15
- // CommonJS
16
- module.exports = function (root, $) {
17
- if (!root) {
18
- root = window;
19
- }
20
- if (!$ || !$.fn.dataTable) {
21
- // eslint-disable-next-line @typescript-eslint/no-var-requires
22
- $ = require('datatables.net-bs4')(root, $).$;
23
- }
24
- if (!$.fn.dataTable.searchBuilder) {
25
- // eslint-disable-next-line @typescript-eslint/no-var-requires
26
- require('datatables.net-searchbuilder')(root, $);
27
- }
28
- return factory($);
29
- };
30
- }
31
- else {
32
- // Browser
33
- factory(jQuery);
34
- }
35
- }(function ($) {
36
- var dataTable = $.fn.dataTable;
37
- $.extend(true, dataTable.SearchBuilder.classes, {
38
- clearAll: 'btn btn-light dtsb-clearAll'
39
- });
40
- $.extend(true, dataTable.Group.classes, {
41
- add: 'btn btn-light dtsb-add',
42
- clearGroup: 'btn btn-light dtsb-clearGroup',
43
- logic: 'btn btn-light dtsb-logic'
1
+ (function (factory) {
2
+ if (typeof define === 'function' && define.amd) {
3
+ // AMD
4
+ define(['jquery', 'datatables.net-bs4', 'datatables.net-searchbuilder'], function ($) {
5
+ return factory($);
44
6
  });
45
- $.extend(true, dataTable.Criteria.classes, {
46
- condition: 'form-control dtsb-condition',
47
- data: 'form-control dtsb-data',
48
- "delete": 'btn btn-light dtsb-delete',
49
- left: 'btn btn-light dtsb-left',
50
- right: 'btn btn-light dtsb-right',
51
- value: 'form-control dtsb-value'
52
- });
53
- return dataTable.searchPanes;
54
- }));
55
-
56
- }());
7
+ }
8
+ else if (typeof exports === 'object') {
9
+ // CommonJS
10
+ module.exports = function (root, $) {
11
+ if (!root) {
12
+ root = window;
13
+ }
14
+ if (!$ || !$.fn.dataTable) {
15
+ // eslint-disable-next-line @typescript-eslint/no-var-requires
16
+ $ = require('datatables.net-bs4')(root, $).$;
17
+ }
18
+ if (!$.fn.dataTable.searchBuilder) {
19
+ // eslint-disable-next-line @typescript-eslint/no-var-requires
20
+ require('datatables.net-searchbuilder')(root, $);
21
+ }
22
+ return factory($);
23
+ };
24
+ }
25
+ else {
26
+ // Browser
27
+ factory(jQuery);
28
+ }
29
+ }(function ($) {
30
+ 'use strict';
31
+ var dataTable = $.fn.dataTable;
32
+ $.extend(true, dataTable.SearchBuilder.classes, {
33
+ clearAll: 'btn btn-light dtsb-clearAll'
34
+ });
35
+ $.extend(true, dataTable.Group.classes, {
36
+ add: 'btn btn-light dtsb-add',
37
+ clearGroup: 'btn btn-light dtsb-clearGroup',
38
+ logic: 'btn btn-light dtsb-logic'
39
+ });
40
+ $.extend(true, dataTable.Criteria.classes, {
41
+ condition: 'form-control dtsb-condition',
42
+ data: 'form-control dtsb-data',
43
+ "delete": 'btn btn-light dtsb-delete',
44
+ left: 'btn btn-light dtsb-left',
45
+ right: 'btn btn-light dtsb-right',
46
+ value: 'form-control dtsb-value'
47
+ });
48
+ return dataTable.searchPanes;
49
+ }));
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "main": "js/searchBuilder.bootstrap4.js",
5
5
  "style": "css/searchBuilder.bootstrap4.css",
6
6
  "types": "./types/searchBuilder.bootstrap4.d.ts",
7
- "version": "1.3.0",
7
+ "version": "1.3.3",
8
8
  "files": [
9
9
  "css/**/*.css",
10
10
  "js/**/*.js",