datatables.net-searchbuilder-bs 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 div.dtsb-logicContainer{border:1px solid #ccc;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:.8em}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;padding:6px 9px}div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer button.dtsb-clearGroup{border:none;border-radius:0px;min-width:2em;margin:0px}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-condition{border-color:#4cae4c}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-data{border-color:#d43f3a}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:#2e6da4}
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 div.dtsb-logicContainer{border:1px solid #ccc;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:.8em}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;padding:6px 9px}div.dtsb-searchBuilder div.dtsb-group div.dtsb-logicContainer button.dtsb-clearGroup{border:none;border-radius:0px;min-width:2em;margin:0px}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-condition{border-color:#4cae4c}div.dtsb-searchBuilder div.dtsb-group div.dtsb-criteria select.dtsb-data{border-color:#d43f3a}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:#2e6da4}
@@ -1,59 +1,52 @@
1
- /*! SearchBuilder 1.3.0
2
- * ©SpryMedia Ltd - datatables.net/license/mit
1
+ /*! Bootstrap ui integration for DataTables' SearchBuilder
2
+ * ©2016 SpryMedia Ltd - datatables.net/license
3
3
  */
4
- (function () {
5
- 'use strict';
6
-
7
- /*! Bootstrap ui integration for DataTables' SearchBuilder
8
- * ©2016 SpryMedia Ltd - datatables.net/license
9
- */
10
- (function (factory) {
11
- if (typeof define === 'function' && define.amd) {
12
- // AMD
13
- define(['jquery', 'datatables.net-bs', 'datatables.net-searchbuilder'], function ($) {
14
- return factory($);
15
- });
16
- }
17
- else if (typeof exports === 'object') {
18
- // CommonJS
19
- module.exports = function (root, $) {
20
- if (!root) {
21
- root = window;
22
- }
23
- if (!$ || !$.fn.dataTable) {
24
- // eslint-disable-next-line @typescript-eslint/no-var-requires
25
- $ = require('datatables.net-bs')(root, $).$;
26
- }
27
- if (!$.fn.dataTable.searchBuilder) {
28
- // eslint-disable-next-line @typescript-eslint/no-var-requires
29
- require('datatables.net-searchbuilder')(root, $);
30
- }
31
- return factory($);
32
- };
33
- }
34
- else {
35
- // Browser
36
- factory(jQuery);
37
- }
38
- }(function ($) {
39
- var dataTable = $.fn.dataTable;
40
- $.extend(true, dataTable.SearchBuilder.classes, {
41
- clearAll: 'btn btn-default dtsb-clearAll'
42
- });
43
- $.extend(true, dataTable.Group.classes, {
44
- add: 'btn btn-default dtsb-add',
45
- clearGroup: 'btn btn-default dtsb-clearGroup',
46
- logic: 'btn btn-default dtsb-logic'
4
+ (function (factory) {
5
+ if (typeof define === 'function' && define.amd) {
6
+ // AMD
7
+ define(['jquery', 'datatables.net-bs', 'datatables.net-searchbuilder'], function ($) {
8
+ return factory($);
47
9
  });
48
- $.extend(true, dataTable.Criteria.classes, {
49
- condition: 'form-control dtsb-condition',
50
- data: 'form-control dtsb-data',
51
- "delete": 'btn btn-default dtsb-delete',
52
- left: 'btn btn-default dtsb-left',
53
- right: 'btn btn-default dtsb-right',
54
- value: 'form-control dtsb-value'
55
- });
56
- return dataTable.searchPanes;
57
- }));
58
-
59
- }());
10
+ }
11
+ else if (typeof exports === 'object') {
12
+ // CommonJS
13
+ module.exports = function (root, $) {
14
+ if (!root) {
15
+ root = window;
16
+ }
17
+ if (!$ || !$.fn.dataTable) {
18
+ // eslint-disable-next-line @typescript-eslint/no-var-requires
19
+ $ = require('datatables.net-bs')(root, $).$;
20
+ }
21
+ if (!$.fn.dataTable.searchBuilder) {
22
+ // eslint-disable-next-line @typescript-eslint/no-var-requires
23
+ require('datatables.net-searchbuilder')(root, $);
24
+ }
25
+ return factory($);
26
+ };
27
+ }
28
+ else {
29
+ // Browser
30
+ factory(jQuery);
31
+ }
32
+ }(function ($) {
33
+ 'use strict';
34
+ var dataTable = $.fn.dataTable;
35
+ $.extend(true, dataTable.SearchBuilder.classes, {
36
+ clearAll: 'btn btn-default dtsb-clearAll'
37
+ });
38
+ $.extend(true, dataTable.Group.classes, {
39
+ add: 'btn btn-default dtsb-add',
40
+ clearGroup: 'btn btn-default dtsb-clearGroup',
41
+ logic: 'btn btn-default dtsb-logic'
42
+ });
43
+ $.extend(true, dataTable.Criteria.classes, {
44
+ condition: 'form-control dtsb-condition',
45
+ data: 'form-control dtsb-data',
46
+ "delete": 'btn btn-default dtsb-delete',
47
+ left: 'btn btn-default dtsb-left',
48
+ right: 'btn btn-default dtsb-right',
49
+ value: 'form-control dtsb-value'
50
+ });
51
+ return dataTable.searchPanes;
52
+ }));
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "main": "js/searchBuilder.bootstrap.js",
5
5
  "style": "css/searchBuilder.bootstrap.css",
6
6
  "types": "./types/searchBuilder.bootstrap.d.ts",
7
- "version": "1.3.0",
7
+ "version": "1.3.3",
8
8
  "files": [
9
9
  "css/**/*.css",
10
10
  "js/**/*.js",