@syncfusion/ej2-querybuilder 31.2.16 → 32.1.19

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 (180) hide show
  1. package/dist/ej2-querybuilder.min.js +0 -9
  2. package/dist/ej2-querybuilder.umd.min.js +0 -9
  3. package/dist/global/ej2-querybuilder.min.js +0 -9
  4. package/dist/global/index.d.ts +0 -9
  5. package/package.json +7 -7
  6. package/styles/bds-lite.css +0 -37
  7. package/styles/bds-lite.scss +14 -15
  8. package/styles/bds.css +0 -36
  9. package/styles/bds.scss +15 -16
  10. package/styles/bootstrap-dark-lite.css +0 -37
  11. package/styles/bootstrap-dark-lite.scss +14 -15
  12. package/styles/bootstrap-dark.css +0 -36
  13. package/styles/bootstrap-dark.scss +15 -16
  14. package/styles/bootstrap-lite.css +0 -37
  15. package/styles/bootstrap-lite.scss +14 -15
  16. package/styles/bootstrap.css +0 -36
  17. package/styles/bootstrap.scss +15 -16
  18. package/styles/bootstrap4-lite.css +0 -37
  19. package/styles/bootstrap4-lite.scss +14 -15
  20. package/styles/bootstrap4.css +0 -36
  21. package/styles/bootstrap4.scss +15 -16
  22. package/styles/bootstrap5-dark-lite.css +0 -37
  23. package/styles/bootstrap5-dark-lite.scss +14 -15
  24. package/styles/bootstrap5-dark.css +0 -36
  25. package/styles/bootstrap5-dark.scss +15 -16
  26. package/styles/bootstrap5-lite.css +0 -37
  27. package/styles/bootstrap5-lite.scss +15 -15
  28. package/styles/bootstrap5.3-lite.css +117 -74
  29. package/styles/bootstrap5.3-lite.scss +15 -15
  30. package/styles/bootstrap5.3.css +117 -73
  31. package/styles/bootstrap5.3.scss +16 -16
  32. package/styles/bootstrap5.css +0 -36
  33. package/styles/bootstrap5.scss +16 -16
  34. package/styles/fabric-dark-lite.css +0 -37
  35. package/styles/fabric-dark-lite.scss +15 -15
  36. package/styles/fabric-dark.css +0 -36
  37. package/styles/fabric-dark.scss +16 -16
  38. package/styles/fabric-lite.css +0 -37
  39. package/styles/fabric-lite.scss +15 -15
  40. package/styles/fabric.css +0 -36
  41. package/styles/fabric.scss +16 -16
  42. package/styles/fluent-dark-lite.css +0 -37
  43. package/styles/fluent-dark-lite.scss +15 -15
  44. package/styles/fluent-dark.css +0 -36
  45. package/styles/fluent-dark.scss +16 -16
  46. package/styles/fluent-lite.css +0 -37
  47. package/styles/fluent-lite.scss +15 -15
  48. package/styles/fluent.css +0 -36
  49. package/styles/fluent.scss +16 -16
  50. package/styles/fluent2-lite.css +455 -79
  51. package/styles/fluent2-lite.scss +15 -15
  52. package/styles/fluent2.css +459 -82
  53. package/styles/fluent2.scss +16 -16
  54. package/styles/highcontrast-light-lite.css +0 -37
  55. package/styles/highcontrast-light-lite.scss +15 -15
  56. package/styles/highcontrast-light.css +0 -36
  57. package/styles/highcontrast-light.scss +16 -16
  58. package/styles/highcontrast-lite.css +0 -37
  59. package/styles/highcontrast-lite.scss +15 -15
  60. package/styles/highcontrast.css +0 -36
  61. package/styles/highcontrast.scss +16 -16
  62. package/styles/material-dark-lite.css +0 -37
  63. package/styles/material-dark-lite.scss +15 -15
  64. package/styles/material-dark.css +0 -36
  65. package/styles/material-dark.scss +16 -16
  66. package/styles/material-lite.css +0 -39
  67. package/styles/material-lite.scss +14 -15
  68. package/styles/material.css +0 -38
  69. package/styles/material.scss +15 -16
  70. package/styles/material3-dark-lite.css +461 -77
  71. package/styles/material3-dark-lite.scss +15 -15
  72. package/styles/material3-dark.css +461 -76
  73. package/styles/material3-dark.scss +16 -18
  74. package/styles/material3-lite.css +461 -77
  75. package/styles/material3-lite.scss +15 -15
  76. package/styles/material3.css +461 -76
  77. package/styles/material3.scss +16 -18
  78. package/styles/query-builder/_all.scss +2 -2
  79. package/styles/query-builder/_bds-definition.scss +69 -2
  80. package/styles/query-builder/_bigger.scss +21 -18
  81. package/styles/query-builder/_bootstrap-dark-definition.scss +34 -2
  82. package/styles/query-builder/_bootstrap-definition.scss +34 -4
  83. package/styles/query-builder/_bootstrap4-definition.scss +34 -3
  84. package/styles/query-builder/_bootstrap5-dark-definition.scss +150 -1
  85. package/styles/query-builder/_bootstrap5-definition.scss +35 -2
  86. package/styles/query-builder/_bootstrap5.3-definition.scss +37 -2
  87. package/styles/query-builder/_fabric-dark-definition.scss +34 -4
  88. package/styles/query-builder/_fabric-definition.scss +34 -4
  89. package/styles/query-builder/_fluent-dark-definition.scss +149 -1
  90. package/styles/query-builder/_fluent-definition.scss +35 -2
  91. package/styles/query-builder/_fluent2-definition.scss +55 -2
  92. package/styles/query-builder/_fusionnew-definition.scss +32 -2
  93. package/styles/query-builder/_highcontrast-definition.scss +34 -4
  94. package/styles/query-builder/_highcontrast-light-definition.scss +34 -4
  95. package/styles/query-builder/_layout.scss +100 -112
  96. package/styles/query-builder/_material-dark-definition.scss +34 -3
  97. package/styles/query-builder/_material-definition.scss +34 -3
  98. package/styles/query-builder/_material3-dark-definition.scss +158 -1
  99. package/styles/query-builder/_material3-definition.scss +41 -2
  100. package/styles/query-builder/_tailwind-dark-definition.scss +148 -1
  101. package/styles/query-builder/_tailwind-definition.scss +34 -2
  102. package/styles/query-builder/_tailwind3-definition.scss +38 -2
  103. package/styles/query-builder/_theme-variables.scss +1 -0
  104. package/styles/query-builder/_theme.scss +2 -23
  105. package/styles/query-builder/bds.css +0 -36
  106. package/styles/query-builder/bds.scss +16 -16
  107. package/styles/query-builder/bootstrap-dark.css +0 -36
  108. package/styles/query-builder/bootstrap-dark.scss +16 -16
  109. package/styles/query-builder/bootstrap.css +0 -36
  110. package/styles/query-builder/bootstrap.scss +16 -16
  111. package/styles/query-builder/bootstrap4.css +0 -36
  112. package/styles/query-builder/bootstrap4.scss +16 -16
  113. package/styles/query-builder/bootstrap5-dark.css +0 -36
  114. package/styles/query-builder/bootstrap5-dark.scss +16 -16
  115. package/styles/query-builder/bootstrap5.3.css +117 -73
  116. package/styles/query-builder/bootstrap5.3.scss +16 -16
  117. package/styles/query-builder/bootstrap5.css +0 -36
  118. package/styles/query-builder/bootstrap5.scss +16 -16
  119. package/styles/query-builder/fabric-dark.css +0 -36
  120. package/styles/query-builder/fabric-dark.scss +16 -16
  121. package/styles/query-builder/fabric.css +0 -36
  122. package/styles/query-builder/fabric.scss +16 -16
  123. package/styles/query-builder/fluent-dark.css +0 -36
  124. package/styles/query-builder/fluent-dark.scss +16 -16
  125. package/styles/query-builder/fluent.css +0 -36
  126. package/styles/query-builder/fluent.scss +16 -16
  127. package/styles/query-builder/fluent2.css +459 -82
  128. package/styles/query-builder/fluent2.scss +16 -16
  129. package/styles/query-builder/highcontrast-light.css +0 -36
  130. package/styles/query-builder/highcontrast-light.scss +16 -16
  131. package/styles/query-builder/highcontrast.css +0 -36
  132. package/styles/query-builder/highcontrast.scss +16 -16
  133. package/styles/query-builder/icons/_bds.scss +1 -0
  134. package/styles/query-builder/icons/_bootstrap-dark.scss +1 -0
  135. package/styles/query-builder/icons/_bootstrap.scss +1 -0
  136. package/styles/query-builder/icons/_bootstrap4.scss +1 -0
  137. package/styles/query-builder/icons/_bootstrap5-dark.scss +1 -1
  138. package/styles/query-builder/icons/_bootstrap5.3.scss +1 -0
  139. package/styles/query-builder/icons/_bootstrap5.scss +1 -0
  140. package/styles/query-builder/icons/_fabric-dark.scss +1 -0
  141. package/styles/query-builder/icons/_fabric.scss +1 -0
  142. package/styles/query-builder/icons/_fluent-dark.scss +1 -1
  143. package/styles/query-builder/icons/_fluent.scss +1 -0
  144. package/styles/query-builder/icons/_fluent2.scss +1 -0
  145. package/styles/query-builder/icons/_fusionnew.scss +1 -0
  146. package/styles/query-builder/icons/_highcontrast-light.scss +1 -0
  147. package/styles/query-builder/icons/_highcontrast.scss +1 -0
  148. package/styles/query-builder/icons/_material-dark.scss +1 -0
  149. package/styles/query-builder/icons/_material.scss +1 -0
  150. package/styles/query-builder/icons/_material3-dark.scss +1 -1
  151. package/styles/query-builder/icons/_material3.scss +1 -0
  152. package/styles/query-builder/icons/_tailwind-dark.scss +1 -0
  153. package/styles/query-builder/icons/_tailwind.scss +1 -0
  154. package/styles/query-builder/icons/_tailwind3.scss +1 -0
  155. package/styles/query-builder/material-dark.css +0 -36
  156. package/styles/query-builder/material-dark.scss +16 -16
  157. package/styles/query-builder/material.css +0 -38
  158. package/styles/query-builder/material.scss +16 -16
  159. package/styles/query-builder/material3-dark.css +461 -76
  160. package/styles/query-builder/material3-dark.scss +16 -17
  161. package/styles/query-builder/material3.css +461 -76
  162. package/styles/query-builder/material3.scss +16 -17
  163. package/styles/query-builder/tailwind-dark.css +0 -36
  164. package/styles/query-builder/tailwind-dark.scss +16 -16
  165. package/styles/query-builder/tailwind.css +0 -36
  166. package/styles/query-builder/tailwind.scss +16 -16
  167. package/styles/query-builder/tailwind3.css +110 -76
  168. package/styles/query-builder/tailwind3.scss +16 -16
  169. package/styles/tailwind-dark-lite.css +0 -37
  170. package/styles/tailwind-dark-lite.scss +15 -15
  171. package/styles/tailwind-dark.css +0 -36
  172. package/styles/tailwind-dark.scss +16 -16
  173. package/styles/tailwind-lite.css +0 -37
  174. package/styles/tailwind-lite.scss +15 -15
  175. package/styles/tailwind.css +0 -36
  176. package/styles/tailwind.scss +16 -16
  177. package/styles/tailwind3-lite.css +110 -77
  178. package/styles/tailwind3-lite.scss +15 -15
  179. package/styles/tailwind3.css +110 -76
  180. package/styles/tailwind3.scss +16 -16
package/styles/bds-lite.scss CHANGED
@@ -1,15 +1,14 @@
1
- @import 'ej2-base/styles/definition/bds.scss';
2
- @import 'ej2-buttons/styles/button/bds-definition.scss';
3
- @import 'ej2-buttons/styles/radio-button/bds-definition.scss';
4
- @import 'ej2-splitbuttons/styles/button-group/bds-definition.scss';
5
- @import 'ej2-splitbuttons/styles/drop-down-button/bds-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-list/bds-definition.scss';
7
- @import 'ej2-dropdowns/styles/multi-select/bds-definition.scss';
8
- @import 'ej2-calendars/styles/datepicker/bds-definition.scss';
9
- @import 'ej2-inputs/styles/numerictextbox/bds-definition.scss';
10
- @import 'ej2-inputs/styles/textbox/bds-definition.scss';
11
- @import 'ej2-popups/styles/tooltip/bds-definition.scss';
12
- @import 'ej2-popups/styles/spinner/bds-definition.scss';
13
- @import 'query-builder/bds-definition.scss';
14
- @import 'query-builder/icons/bds.scss';
15
- @import 'query-builder/all.scss';
1
+ @use 'ej2-buttons/styles/button/bds-definition' as *;
2
+ @use 'ej2-buttons/styles/radio-button/bds-definition' as *;
3
+ @use 'ej2-splitbuttons/styles/button-group/bds-definition' as *;
4
+ @use 'ej2-splitbuttons/styles/drop-down-button/bds-definition' as *;
5
+ @use 'ej2-dropdowns/styles/drop-down-list/bds-definition' as *;
6
+ @use 'ej2-dropdowns/styles/multi-select/bds-definition' as *;
7
+ @use 'ej2-calendars/styles/datepicker/bds-definition' as *;
8
+ @use 'ej2-inputs/styles/numerictextbox/bds-definition' as *;
9
+ @use 'ej2-inputs/styles/textbox/bds-definition' as *;
10
+ @use 'ej2-popups/styles/tooltip/bds-definition' as *;
11
+ @use 'ej2-popups/styles/spinner/bds-definition' as *;
12
+ @use 'query-builder/bds-definition' as *;
13
+ @use 'query-builder/icons/bds' as *;
14
+ @use 'query-builder/all' as *;
package/styles/bds.css CHANGED
@@ -836,42 +836,6 @@
836
836
  color: #d92c20;
837
837
  }
838
838
 
839
- .e-querybuilder-spinner::before {
840
- content: "";
841
- position: absolute;
842
- left: 50%;
843
- -webkit-transform: translateX(-50%);
844
- transform: translateX(-50%);
845
- width: 16px;
846
- height: 16px;
847
- border: 2px solid var(--color-sf-utility-primary-light);
848
- border-top: 2px solid var(--color-sf-brand-primary);
849
- border-radius: 50%;
850
- -webkit-animation: spin 1s linear infinite;
851
- animation: spin 1s linear infinite;
852
- }
853
-
854
- @-webkit-keyframes spin {
855
- 0% {
856
- -webkit-transform: translateX(-50%) rotate(0deg);
857
- transform: translateX(-50%) rotate(0deg);
858
- }
859
- 100% {
860
- -webkit-transform: translateX(-50%) rotate(360deg);
861
- transform: translateX(-50%) rotate(360deg);
862
- }
863
- }
864
-
865
- @keyframes spin {
866
- 0% {
867
- -webkit-transform: translateX(-50%) rotate(0deg);
868
- transform: translateX(-50%) rotate(0deg);
869
- }
870
- 100% {
871
- -webkit-transform: translateX(-50%) rotate(360deg);
872
- transform: translateX(-50%) rotate(360deg);
873
- }
874
- }
875
839
  .e-query-builder.e-device.e-multi-connector .e-rule-list .e-group-container,
876
840
  .e-bigger.e-query-builder.e-multi-connector .e-rule-list .e-group-container,
877
841
  .e-bigger .e-query-builder.e-multi-connector .e-rule-list .e-group-container {
package/styles/bds.scss CHANGED
@@ -1,16 +1,15 @@
1
- @import 'ej2-base/styles/definition/bds.scss';
2
- @import 'ej2-buttons/styles/button/bds-definition.scss';
3
- @import 'ej2-buttons/styles/radio-button/bds-definition.scss';
4
- @import 'ej2-splitbuttons/styles/button-group/bds-definition.scss';
5
- @import 'ej2-splitbuttons/styles/drop-down-button/bds-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-list/bds-definition.scss';
7
- @import 'ej2-dropdowns/styles/multi-select/bds-definition.scss';
8
- @import 'ej2-calendars/styles/datepicker/bds-definition.scss';
9
- @import 'ej2-inputs/styles/numerictextbox/bds-definition.scss';
10
- @import 'ej2-inputs/styles/textbox/bds-definition.scss';
11
- @import 'ej2-popups/styles/tooltip/bds-definition.scss';
12
- @import 'ej2-popups/styles/spinner/bds-definition.scss';
13
- @import 'query-builder/bds-definition.scss';
14
- @import 'query-builder/icons/bds.scss';
15
- @import 'query-builder/all.scss';
16
- @import 'query-builder/bigger.scss';
1
+ @use 'ej2-buttons/styles/button/bds-definition' as *;
2
+ @use 'ej2-buttons/styles/radio-button/bds-definition' as *;
3
+ @use 'ej2-splitbuttons/styles/button-group/bds-definition' as *;
4
+ @use 'ej2-splitbuttons/styles/drop-down-button/bds-definition' as *;
5
+ @use 'ej2-dropdowns/styles/drop-down-list/bds-definition' as *;
6
+ @use 'ej2-dropdowns/styles/multi-select/bds-definition' as *;
7
+ @use 'ej2-calendars/styles/datepicker/bds-definition' as *;
8
+ @use 'ej2-inputs/styles/numerictextbox/bds-definition' as *;
9
+ @use 'ej2-inputs/styles/textbox/bds-definition' as *;
10
+ @use 'ej2-popups/styles/tooltip/bds-definition' as *;
11
+ @use 'ej2-popups/styles/spinner/bds-definition' as *;
12
+ @use 'query-builder/bds-definition' as *;
13
+ @use 'query-builder/icons/bds' as *;
14
+ @use 'query-builder/all' as *;
15
+ @use 'query-builder/bigger' as *;
package/styles/bootstrap-dark-lite.css CHANGED
@@ -731,41 +731,4 @@
731
731
  .e-tooltip-wrap.e-querybuilder-error .e-tip-content,
732
732
  .e-tooltip-wrap.e-querybuilder-error .e-tip-content label {
733
733
  color: #f44336;
734
- }
735
-
736
- .e-querybuilder-spinner::before {
737
- content: "";
738
- position: absolute;
739
- left: 50%;
740
- -webkit-transform: translateX(-50%);
741
- transform: translateX(-50%);
742
- width: 16px;
743
- height: 16px;
744
- border: 2px solid rgb(189, 219.8, 255);
745
- border-top: 2px solid #0070f0;
746
- border-radius: 50%;
747
- -webkit-animation: spin 1s linear infinite;
748
- animation: spin 1s linear infinite;
749
- }
750
-
751
- @-webkit-keyframes spin {
752
- 0% {
753
- -webkit-transform: translateX(-50%) rotate(0deg);
754
- transform: translateX(-50%) rotate(0deg);
755
- }
756
- 100% {
757
- -webkit-transform: translateX(-50%) rotate(360deg);
758
- transform: translateX(-50%) rotate(360deg);
759
- }
760
- }
761
-
762
- @keyframes spin {
763
- 0% {
764
- -webkit-transform: translateX(-50%) rotate(0deg);
765
- transform: translateX(-50%) rotate(0deg);
766
- }
767
- 100% {
768
- -webkit-transform: translateX(-50%) rotate(360deg);
769
- transform: translateX(-50%) rotate(360deg);
770
- }
771
734
  }
package/styles/bootstrap-dark-lite.scss CHANGED
@@ -1,15 +1,14 @@
1
- @import 'ej2-base/styles/definition/bootstrap-dark.scss';
2
- @import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
3
- @import 'ej2-buttons/styles/radio-button/bootstrap-dark-definition.scss';
4
- @import 'ej2-splitbuttons/styles/button-group/bootstrap-dark-definition.scss';
5
- @import 'ej2-splitbuttons/styles/drop-down-button/bootstrap-dark-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition.scss';
7
- @import 'ej2-dropdowns/styles/multi-select/bootstrap-dark-definition.scss';
8
- @import 'ej2-calendars/styles/datepicker/bootstrap-dark-definition.scss';
9
- @import 'ej2-inputs/styles/numerictextbox/bootstrap-dark-definition.scss';
10
- @import 'ej2-inputs/styles/textbox/bootstrap-dark-definition.scss';
11
- @import 'ej2-popups/styles/tooltip/bootstrap-dark-definition.scss';
12
- @import 'ej2-popups/styles/spinner/bootstrap-dark-definition.scss';
13
- @import 'query-builder/bootstrap-dark-definition.scss';
14
- @import 'query-builder/icons/bootstrap-dark.scss';
15
- @import 'query-builder/all.scss';
1
+ @use 'ej2-buttons/styles/button/bootstrap-dark-definition' as *;
2
+ @use 'ej2-buttons/styles/radio-button/bootstrap-dark-definition' as *;
3
+ @use 'ej2-splitbuttons/styles/button-group/bootstrap-dark-definition' as *;
4
+ @use 'ej2-splitbuttons/styles/drop-down-button/bootstrap-dark-definition' as *;
5
+ @use 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition' as *;
6
+ @use 'ej2-dropdowns/styles/multi-select/bootstrap-dark-definition' as *;
7
+ @use 'ej2-calendars/styles/datepicker/bootstrap-dark-definition' as *;
8
+ @use 'ej2-inputs/styles/numerictextbox/bootstrap-dark-definition' as *;
9
+ @use 'ej2-inputs/styles/textbox/bootstrap-dark-definition' as *;
10
+ @use 'ej2-popups/styles/tooltip/bootstrap-dark-definition' as *;
11
+ @use 'ej2-popups/styles/spinner/bootstrap-dark-definition' as *;
12
+ @use 'query-builder/bootstrap-dark-definition' as *;
13
+ @use 'query-builder/icons/bootstrap-dark' as *;
14
+ @use 'query-builder/all' as *;
package/styles/bootstrap-dark.css CHANGED
@@ -733,42 +733,6 @@
733
733
  color: #f44336;
734
734
  }
735
735
 
736
- .e-querybuilder-spinner::before {
737
- content: "";
738
- position: absolute;
739
- left: 50%;
740
- -webkit-transform: translateX(-50%);
741
- transform: translateX(-50%);
742
- width: 16px;
743
- height: 16px;
744
- border: 2px solid rgb(189, 219.8, 255);
745
- border-top: 2px solid #0070f0;
746
- border-radius: 50%;
747
- -webkit-animation: spin 1s linear infinite;
748
- animation: spin 1s linear infinite;
749
- }
750
-
751
- @-webkit-keyframes spin {
752
- 0% {
753
- -webkit-transform: translateX(-50%) rotate(0deg);
754
- transform: translateX(-50%) rotate(0deg);
755
- }
756
- 100% {
757
- -webkit-transform: translateX(-50%) rotate(360deg);
758
- transform: translateX(-50%) rotate(360deg);
759
- }
760
- }
761
-
762
- @keyframes spin {
763
- 0% {
764
- -webkit-transform: translateX(-50%) rotate(0deg);
765
- transform: translateX(-50%) rotate(0deg);
766
- }
767
- 100% {
768
- -webkit-transform: translateX(-50%) rotate(360deg);
769
- transform: translateX(-50%) rotate(360deg);
770
- }
771
- }
772
736
  .e-query-builder.e-device.e-multi-connector .e-rule-list .e-group-container,
773
737
  .e-bigger.e-query-builder.e-multi-connector .e-rule-list .e-group-container,
774
738
  .e-bigger .e-query-builder.e-multi-connector .e-rule-list .e-group-container {
package/styles/bootstrap-dark.scss CHANGED
@@ -1,16 +1,15 @@
1
- @import 'ej2-base/styles/definition/bootstrap-dark.scss';
2
- @import 'ej2-buttons/styles/button/bootstrap-dark-definition.scss';
3
- @import 'ej2-buttons/styles/radio-button/bootstrap-dark-definition.scss';
4
- @import 'ej2-splitbuttons/styles/button-group/bootstrap-dark-definition.scss';
5
- @import 'ej2-splitbuttons/styles/drop-down-button/bootstrap-dark-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition.scss';
7
- @import 'ej2-dropdowns/styles/multi-select/bootstrap-dark-definition.scss';
8
- @import 'ej2-calendars/styles/datepicker/bootstrap-dark-definition.scss';
9
- @import 'ej2-inputs/styles/numerictextbox/bootstrap-dark-definition.scss';
10
- @import 'ej2-inputs/styles/textbox/bootstrap-dark-definition.scss';
11
- @import 'ej2-popups/styles/tooltip/bootstrap-dark-definition.scss';
12
- @import 'ej2-popups/styles/spinner/bootstrap-dark-definition.scss';
13
- @import 'query-builder/bootstrap-dark-definition.scss';
14
- @import 'query-builder/icons/bootstrap-dark.scss';
15
- @import 'query-builder/all.scss';
16
- @import 'query-builder/bigger.scss';
1
+ @use 'ej2-buttons/styles/button/bootstrap-dark-definition' as *;
2
+ @use 'ej2-buttons/styles/radio-button/bootstrap-dark-definition' as *;
3
+ @use 'ej2-splitbuttons/styles/button-group/bootstrap-dark-definition' as *;
4
+ @use 'ej2-splitbuttons/styles/drop-down-button/bootstrap-dark-definition' as *;
5
+ @use 'ej2-dropdowns/styles/drop-down-list/bootstrap-dark-definition' as *;
6
+ @use 'ej2-dropdowns/styles/multi-select/bootstrap-dark-definition' as *;
7
+ @use 'ej2-calendars/styles/datepicker/bootstrap-dark-definition' as *;
8
+ @use 'ej2-inputs/styles/numerictextbox/bootstrap-dark-definition' as *;
9
+ @use 'ej2-inputs/styles/textbox/bootstrap-dark-definition' as *;
10
+ @use 'ej2-popups/styles/tooltip/bootstrap-dark-definition' as *;
11
+ @use 'ej2-popups/styles/spinner/bootstrap-dark-definition' as *;
12
+ @use 'query-builder/bootstrap-dark-definition' as *;
13
+ @use 'query-builder/icons/bootstrap-dark' as *;
14
+ @use 'query-builder/all' as *;
15
+ @use 'query-builder/bigger' as *;
package/styles/bootstrap-lite.css CHANGED
@@ -716,41 +716,4 @@
716
716
  .e-tooltip-wrap.e-querybuilder-error .e-tip-content,
717
717
  .e-tooltip-wrap.e-querybuilder-error .e-tip-content label {
718
718
  color: #f44336;
719
- }
720
-
721
- .e-querybuilder-spinner::before {
722
- content: "";
723
- position: absolute;
724
- left: 50%;
725
- -webkit-transform: translateX(-50%);
726
- transform: translateX(-50%);
727
- width: 16px;
728
- height: 16px;
729
- border: 2px solid #5bc0de;
730
- border-top: 2px solid #317ab9;
731
- border-radius: 50%;
732
- -webkit-animation: spin 1s linear infinite;
733
- animation: spin 1s linear infinite;
734
- }
735
-
736
- @-webkit-keyframes spin {
737
- 0% {
738
- -webkit-transform: translateX(-50%) rotate(0deg);
739
- transform: translateX(-50%) rotate(0deg);
740
- }
741
- 100% {
742
- -webkit-transform: translateX(-50%) rotate(360deg);
743
- transform: translateX(-50%) rotate(360deg);
744
- }
745
- }
746
-
747
- @keyframes spin {
748
- 0% {
749
- -webkit-transform: translateX(-50%) rotate(0deg);
750
- transform: translateX(-50%) rotate(0deg);
751
- }
752
- 100% {
753
- -webkit-transform: translateX(-50%) rotate(360deg);
754
- transform: translateX(-50%) rotate(360deg);
755
- }
756
719
  }
package/styles/bootstrap-lite.scss CHANGED
@@ -1,15 +1,14 @@
1
- @import 'ej2-base/styles/definition/bootstrap.scss';
2
- @import 'ej2-buttons/styles/button/bootstrap-definition.scss';
3
- @import 'ej2-buttons/styles/radio-button/bootstrap-definition.scss';
4
- @import 'ej2-splitbuttons/styles/button-group/bootstrap-definition.scss';
5
- @import 'ej2-splitbuttons/styles/drop-down-button/bootstrap-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-list/bootstrap-definition.scss';
7
- @import 'ej2-dropdowns/styles/multi-select/bootstrap-definition.scss';
8
- @import 'ej2-calendars/styles/datepicker/bootstrap-definition.scss';
9
- @import 'ej2-inputs/styles/numerictextbox/bootstrap-definition.scss';
10
- @import 'ej2-inputs/styles/textbox/bootstrap-definition.scss';
11
- @import 'ej2-popups/styles/tooltip/bootstrap-definition.scss';
12
- @import 'ej2-popups/styles/spinner/bootstrap-definition.scss';
13
- @import 'query-builder/bootstrap-definition.scss';
14
- @import 'query-builder/icons/bootstrap.scss';
15
- @import 'query-builder/all.scss';
1
+ @use 'ej2-buttons/styles/button/bootstrap-definition' as *;
2
+ @use 'ej2-buttons/styles/radio-button/bootstrap-definition' as *;
3
+ @use 'ej2-splitbuttons/styles/button-group/bootstrap-definition' as *;
4
+ @use 'ej2-splitbuttons/styles/drop-down-button/bootstrap-definition' as *;
5
+ @use 'ej2-dropdowns/styles/drop-down-list/bootstrap-definition' as *;
6
+ @use 'ej2-dropdowns/styles/multi-select/bootstrap-definition' as *;
7
+ @use 'ej2-calendars/styles/datepicker/bootstrap-definition' as *;
8
+ @use 'ej2-inputs/styles/numerictextbox/bootstrap-definition' as *;
9
+ @use 'ej2-inputs/styles/textbox/bootstrap-definition' as *;
10
+ @use 'ej2-popups/styles/tooltip/bootstrap-definition' as *;
11
+ @use 'ej2-popups/styles/spinner/bootstrap-definition' as *;
12
+ @use 'query-builder/bootstrap-definition' as *;
13
+ @use 'query-builder/icons/bootstrap' as *;
14
+ @use 'query-builder/all' as *;
package/styles/bootstrap.css CHANGED
@@ -718,42 +718,6 @@
718
718
  color: #f44336;
719
719
  }
720
720
 
721
- .e-querybuilder-spinner::before {
722
- content: "";
723
- position: absolute;
724
- left: 50%;
725
- -webkit-transform: translateX(-50%);
726
- transform: translateX(-50%);
727
- width: 16px;
728
- height: 16px;
729
- border: 2px solid #5bc0de;
730
- border-top: 2px solid #317ab9;
731
- border-radius: 50%;
732
- -webkit-animation: spin 1s linear infinite;
733
- animation: spin 1s linear infinite;
734
- }
735
-
736
- @-webkit-keyframes spin {
737
- 0% {
738
- -webkit-transform: translateX(-50%) rotate(0deg);
739
- transform: translateX(-50%) rotate(0deg);
740
- }
741
- 100% {
742
- -webkit-transform: translateX(-50%) rotate(360deg);
743
- transform: translateX(-50%) rotate(360deg);
744
- }
745
- }
746
-
747
- @keyframes spin {
748
- 0% {
749
- -webkit-transform: translateX(-50%) rotate(0deg);
750
- transform: translateX(-50%) rotate(0deg);
751
- }
752
- 100% {
753
- -webkit-transform: translateX(-50%) rotate(360deg);
754
- transform: translateX(-50%) rotate(360deg);
755
- }
756
- }
757
721
  .e-query-builder.e-device.e-multi-connector .e-rule-list .e-group-container,
758
722
  .e-bigger.e-query-builder.e-multi-connector .e-rule-list .e-group-container,
759
723
  .e-bigger .e-query-builder.e-multi-connector .e-rule-list .e-group-container {
package/styles/bootstrap.scss CHANGED
@@ -1,16 +1,15 @@
1
- @import 'ej2-base/styles/definition/bootstrap.scss';
2
- @import 'ej2-buttons/styles/button/bootstrap-definition.scss';
3
- @import 'ej2-buttons/styles/radio-button/bootstrap-definition.scss';
4
- @import 'ej2-splitbuttons/styles/button-group/bootstrap-definition.scss';
5
- @import 'ej2-splitbuttons/styles/drop-down-button/bootstrap-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-list/bootstrap-definition.scss';
7
- @import 'ej2-dropdowns/styles/multi-select/bootstrap-definition.scss';
8
- @import 'ej2-calendars/styles/datepicker/bootstrap-definition.scss';
9
- @import 'ej2-inputs/styles/numerictextbox/bootstrap-definition.scss';
10
- @import 'ej2-inputs/styles/textbox/bootstrap-definition.scss';
11
- @import 'ej2-popups/styles/tooltip/bootstrap-definition.scss';
12
- @import 'ej2-popups/styles/spinner/bootstrap-definition.scss';
13
- @import 'query-builder/bootstrap-definition.scss';
14
- @import 'query-builder/icons/bootstrap.scss';
15
- @import 'query-builder/all.scss';
16
- @import 'query-builder/bigger.scss';
1
+ @use 'ej2-buttons/styles/button/bootstrap-definition' as *;
2
+ @use 'ej2-buttons/styles/radio-button/bootstrap-definition' as *;
3
+ @use 'ej2-splitbuttons/styles/button-group/bootstrap-definition' as *;
4
+ @use 'ej2-splitbuttons/styles/drop-down-button/bootstrap-definition' as *;
5
+ @use 'ej2-dropdowns/styles/drop-down-list/bootstrap-definition' as *;
6
+ @use 'ej2-dropdowns/styles/multi-select/bootstrap-definition' as *;
7
+ @use 'ej2-calendars/styles/datepicker/bootstrap-definition' as *;
8
+ @use 'ej2-inputs/styles/numerictextbox/bootstrap-definition' as *;
9
+ @use 'ej2-inputs/styles/textbox/bootstrap-definition' as *;
10
+ @use 'ej2-popups/styles/tooltip/bootstrap-definition' as *;
11
+ @use 'ej2-popups/styles/spinner/bootstrap-definition' as *;
12
+ @use 'query-builder/bootstrap-definition' as *;
13
+ @use 'query-builder/icons/bootstrap' as *;
14
+ @use 'query-builder/all' as *;
15
+ @use 'query-builder/bigger' as *;
package/styles/bootstrap4-lite.css CHANGED
@@ -792,41 +792,4 @@
792
792
  .e-tooltip-wrap.e-querybuilder-error .e-tip-content,
793
793
  .e-tooltip-wrap.e-querybuilder-error .e-tip-content label {
794
794
  color: #f44336;
795
- }
796
-
797
- .e-querybuilder-spinner::before {
798
- content: "";
799
- position: absolute;
800
- left: 50%;
801
- -webkit-transform: translateX(-50%);
802
- transform: translateX(-50%);
803
- width: 16px;
804
- height: 16px;
805
- border: 2px solid #f8f9fa;
806
- border-top: 2px solid #007bff;
807
- border-radius: 50%;
808
- -webkit-animation: spin 1s linear infinite;
809
- animation: spin 1s linear infinite;
810
- }
811
-
812
- @-webkit-keyframes spin {
813
- 0% {
814
- -webkit-transform: translateX(-50%) rotate(0deg);
815
- transform: translateX(-50%) rotate(0deg);
816
- }
817
- 100% {
818
- -webkit-transform: translateX(-50%) rotate(360deg);
819
- transform: translateX(-50%) rotate(360deg);
820
- }
821
- }
822
-
823
- @keyframes spin {
824
- 0% {
825
- -webkit-transform: translateX(-50%) rotate(0deg);
826
- transform: translateX(-50%) rotate(0deg);
827
- }
828
- 100% {
829
- -webkit-transform: translateX(-50%) rotate(360deg);
830
- transform: translateX(-50%) rotate(360deg);
831
- }
832
795
  }
package/styles/bootstrap4-lite.scss CHANGED
@@ -1,15 +1,14 @@
1
- @import 'ej2-base/styles/definition/bootstrap4.scss';
2
- @import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
3
- @import 'ej2-buttons/styles/radio-button/bootstrap4-definition.scss';
4
- @import 'ej2-splitbuttons/styles/button-group/bootstrap4-definition.scss';
5
- @import 'ej2-splitbuttons/styles/drop-down-button/bootstrap4-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-list/bootstrap4-definition.scss';
7
- @import 'ej2-dropdowns/styles/multi-select/bootstrap4-definition.scss';
8
- @import 'ej2-calendars/styles/datepicker/bootstrap4-definition.scss';
9
- @import 'ej2-inputs/styles/numerictextbox/bootstrap4-definition.scss';
10
- @import 'ej2-inputs/styles/textbox/bootstrap4-definition.scss';
11
- @import 'ej2-popups/styles/tooltip/bootstrap4-definition.scss';
12
- @import 'ej2-popups/styles/spinner/bootstrap4-definition.scss';
13
- @import 'query-builder/bootstrap4-definition.scss';
14
- @import 'query-builder/icons/bootstrap4.scss';
15
- @import 'query-builder/all.scss';
1
+ @use 'ej2-buttons/styles/button/bootstrap4-definition' as *;
2
+ @use 'ej2-buttons/styles/radio-button/bootstrap4-definition' as *;
3
+ @use 'ej2-splitbuttons/styles/button-group/bootstrap4-definition' as *;
4
+ @use 'ej2-splitbuttons/styles/drop-down-button/bootstrap4-definition' as *;
5
+ @use 'ej2-dropdowns/styles/drop-down-list/bootstrap4-definition' as *;
6
+ @use 'ej2-dropdowns/styles/multi-select/bootstrap4-definition' as *;
7
+ @use 'ej2-calendars/styles/datepicker/bootstrap4-definition' as *;
8
+ @use 'ej2-inputs/styles/numerictextbox/bootstrap4-definition' as *;
9
+ @use 'ej2-inputs/styles/textbox/bootstrap4-definition' as *;
10
+ @use 'ej2-popups/styles/tooltip/bootstrap4-definition' as *;
11
+ @use 'ej2-popups/styles/spinner/bootstrap4-definition' as *;
12
+ @use 'query-builder/bootstrap4-definition' as *;
13
+ @use 'query-builder/icons/bootstrap4' as *;
14
+ @use 'query-builder/all' as *;
package/styles/bootstrap4.css CHANGED
@@ -794,42 +794,6 @@
794
794
  color: #f44336;
795
795
  }
796
796
 
797
- .e-querybuilder-spinner::before {
798
- content: "";
799
- position: absolute;
800
- left: 50%;
801
- -webkit-transform: translateX(-50%);
802
- transform: translateX(-50%);
803
- width: 16px;
804
- height: 16px;
805
- border: 2px solid #f8f9fa;
806
- border-top: 2px solid #007bff;
807
- border-radius: 50%;
808
- -webkit-animation: spin 1s linear infinite;
809
- animation: spin 1s linear infinite;
810
- }
811
-
812
- @-webkit-keyframes spin {
813
- 0% {
814
- -webkit-transform: translateX(-50%) rotate(0deg);
815
- transform: translateX(-50%) rotate(0deg);
816
- }
817
- 100% {
818
- -webkit-transform: translateX(-50%) rotate(360deg);
819
- transform: translateX(-50%) rotate(360deg);
820
- }
821
- }
822
-
823
- @keyframes spin {
824
- 0% {
825
- -webkit-transform: translateX(-50%) rotate(0deg);
826
- transform: translateX(-50%) rotate(0deg);
827
- }
828
- 100% {
829
- -webkit-transform: translateX(-50%) rotate(360deg);
830
- transform: translateX(-50%) rotate(360deg);
831
- }
832
- }
833
797
  .e-query-builder.e-device.e-multi-connector .e-rule-list .e-group-container,
834
798
  .e-bigger.e-query-builder.e-multi-connector .e-rule-list .e-group-container,
835
799
  .e-bigger .e-query-builder.e-multi-connector .e-rule-list .e-group-container {
package/styles/bootstrap4.scss CHANGED
@@ -1,16 +1,15 @@
1
- @import 'ej2-base/styles/definition/bootstrap4.scss';
2
- @import 'ej2-buttons/styles/button/bootstrap4-definition.scss';
3
- @import 'ej2-buttons/styles/radio-button/bootstrap4-definition.scss';
4
- @import 'ej2-splitbuttons/styles/button-group/bootstrap4-definition.scss';
5
- @import 'ej2-splitbuttons/styles/drop-down-button/bootstrap4-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-list/bootstrap4-definition.scss';
7
- @import 'ej2-dropdowns/styles/multi-select/bootstrap4-definition.scss';
8
- @import 'ej2-calendars/styles/datepicker/bootstrap4-definition.scss';
9
- @import 'ej2-inputs/styles/numerictextbox/bootstrap4-definition.scss';
10
- @import 'ej2-inputs/styles/textbox/bootstrap4-definition.scss';
11
- @import 'ej2-popups/styles/tooltip/bootstrap4-definition.scss';
12
- @import 'ej2-popups/styles/spinner/bootstrap4-definition.scss';
13
- @import 'query-builder/bootstrap4-definition.scss';
14
- @import 'query-builder/icons/bootstrap4.scss';
15
- @import 'query-builder/all.scss';
16
- @import 'query-builder/bigger.scss';
1
+ @use 'ej2-buttons/styles/button/bootstrap4-definition' as *;
2
+ @use 'ej2-buttons/styles/radio-button/bootstrap4-definition' as *;
3
+ @use 'ej2-splitbuttons/styles/button-group/bootstrap4-definition' as *;
4
+ @use 'ej2-splitbuttons/styles/drop-down-button/bootstrap4-definition' as *;
5
+ @use 'ej2-dropdowns/styles/drop-down-list/bootstrap4-definition' as *;
6
+ @use 'ej2-dropdowns/styles/multi-select/bootstrap4-definition' as *;
7
+ @use 'ej2-calendars/styles/datepicker/bootstrap4-definition' as *;
8
+ @use 'ej2-inputs/styles/numerictextbox/bootstrap4-definition' as *;
9
+ @use 'ej2-inputs/styles/textbox/bootstrap4-definition' as *;
10
+ @use 'ej2-popups/styles/tooltip/bootstrap4-definition' as *;
11
+ @use 'ej2-popups/styles/spinner/bootstrap4-definition' as *;
12
+ @use 'query-builder/bootstrap4-definition' as *;
13
+ @use 'query-builder/icons/bootstrap4' as *;
14
+ @use 'query-builder/all' as *;
15
+ @use 'query-builder/bigger' as *;
package/styles/bootstrap5-dark-lite.css CHANGED
@@ -771,41 +771,4 @@
771
771
  .e-tooltip-wrap.e-querybuilder-error .e-tip-content,
772
772
  .e-tooltip-wrap.e-querybuilder-error .e-tip-content label {
773
773
  color: #dc3545;
774
- }
775
-
776
- .e-querybuilder-spinner::before {
777
- content: "";
778
- position: absolute;
779
- left: 50%;
780
- -webkit-transform: translateX(-50%);
781
- transform: translateX(-50%);
782
- width: 16px;
783
- height: 16px;
784
- border: 2px solid rgb(134, 182.5, 254);
785
- border-top: 2px solid #0d6efd;
786
- border-radius: 50%;
787
- -webkit-animation: spin 1s linear infinite;
788
- animation: spin 1s linear infinite;
789
- }
790
-
791
- @-webkit-keyframes spin {
792
- 0% {
793
- -webkit-transform: translateX(-50%) rotate(0deg);
794
- transform: translateX(-50%) rotate(0deg);
795
- }
796
- 100% {
797
- -webkit-transform: translateX(-50%) rotate(360deg);
798
- transform: translateX(-50%) rotate(360deg);
799
- }
800
- }
801
-
802
- @keyframes spin {
803
- 0% {
804
- -webkit-transform: translateX(-50%) rotate(0deg);
805
- transform: translateX(-50%) rotate(0deg);
806
- }
807
- 100% {
808
- -webkit-transform: translateX(-50%) rotate(360deg);
809
- transform: translateX(-50%) rotate(360deg);
810
- }
811
774
  }