@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/query-builder/fluent2.scss CHANGED
@@ -1,16 +1,16 @@
1
- @import 'ej2-base/styles/definition/fluent2.scss';
2
- @import 'ej2-buttons/styles/button/fluent2-definition.scss';
3
- @import 'ej2-buttons/styles/radio-button/fluent2-definition.scss';
4
- @import 'ej2-splitbuttons/styles/button-group/fluent2-definition.scss';
5
- @import 'ej2-splitbuttons/styles/drop-down-button/fluent2-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-list/fluent2-definition.scss';
7
- @import 'ej2-dropdowns/styles/multi-select/fluent2-definition.scss';
8
- @import 'ej2-calendars/styles/datepicker/fluent2-definition.scss';
9
- @import 'ej2-inputs/styles/numerictextbox/fluent2-definition.scss';
10
- @import 'ej2-inputs/styles/textbox/fluent2-definition.scss';
11
- @import 'ej2-popups/styles/tooltip/fluent2-definition.scss';
12
- @import 'ej2-popups/styles/spinner/fluent2-definition.scss';
13
- @import 'fluent2-definition.scss';
14
- @import 'icons/fluent2.scss';
15
- @import 'all.scss';
16
- @import 'bigger.scss';
1
+ @use 'ej2-base/styles/definition/fluent2' as *;
2
+ @use 'ej2-buttons/styles/button/fluent2-definition' as *;
3
+ @use 'ej2-buttons/styles/radio-button/fluent2-definition' as *;
4
+ @use 'ej2-splitbuttons/styles/button-group/fluent2-definition' as *;
5
+ @use 'ej2-splitbuttons/styles/drop-down-button/fluent2-definition' as *;
6
+ @use 'ej2-dropdowns/styles/drop-down-list/fluent2-definition' as *;
7
+ @use 'ej2-dropdowns/styles/multi-select/fluent2-definition' as *;
8
+ @use 'ej2-calendars/styles/datepicker/fluent2-definition' as *;
9
+ @use 'ej2-inputs/styles/numerictextbox/fluent2-definition' as *;
10
+ @use 'ej2-inputs/styles/textbox/fluent2-definition' as *;
11
+ @use 'ej2-popups/styles/tooltip/fluent2-definition' as *;
12
+ @use 'ej2-popups/styles/spinner/fluent2-definition' as *;
13
+ @use 'fluent2-definition' as *;
14
+ @use 'icons/fluent2' as *;
15
+ @use 'all' as *;
16
+ @use 'bigger' as *;
package/styles/query-builder/highcontrast-light.css CHANGED
@@ -778,42 +778,6 @@
778
778
  color: #000;
779
779
  }
780
780
 
781
- .e-querybuilder-spinner::before {
782
- content: "";
783
- position: absolute;
784
- left: 50%;
785
- -webkit-transform: translateX(-50%);
786
- transform: translateX(-50%);
787
- width: 16px;
788
- height: 16px;
789
- border: 2px solid #ffd739;
790
- border-top: 2px solid #ffd939;
791
- border-radius: 50%;
792
- -webkit-animation: spin 1s linear infinite;
793
- animation: spin 1s linear infinite;
794
- }
795
-
796
- @-webkit-keyframes spin {
797
- 0% {
798
- -webkit-transform: translateX(-50%) rotate(0deg);
799
- transform: translateX(-50%) rotate(0deg);
800
- }
801
- 100% {
802
- -webkit-transform: translateX(-50%) rotate(360deg);
803
- transform: translateX(-50%) rotate(360deg);
804
- }
805
- }
806
-
807
- @keyframes spin {
808
- 0% {
809
- -webkit-transform: translateX(-50%) rotate(0deg);
810
- transform: translateX(-50%) rotate(0deg);
811
- }
812
- 100% {
813
- -webkit-transform: translateX(-50%) rotate(360deg);
814
- transform: translateX(-50%) rotate(360deg);
815
- }
816
- }
817
781
  .e-query-builder.e-device.e-multi-connector .e-rule-list .e-group-container,
818
782
  .e-bigger.e-query-builder.e-multi-connector .e-rule-list .e-group-container,
819
783
  .e-bigger .e-query-builder.e-multi-connector .e-rule-list .e-group-container {
package/styles/query-builder/highcontrast-light.scss CHANGED
@@ -1,16 +1,16 @@
1
- @import 'ej2-base/styles/definition/highcontrast-light.scss';
2
- @import 'ej2-buttons/styles/button/highcontrast-light-definition.scss';
3
- @import 'ej2-buttons/styles/radio-button/highcontrast-light-definition.scss';
4
- @import 'ej2-splitbuttons/styles/button-group/highcontrast-light-definition.scss';
5
- @import 'ej2-splitbuttons/styles/drop-down-button/highcontrast-light-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-list/highcontrast-light-definition.scss';
7
- @import 'ej2-dropdowns/styles/multi-select/highcontrast-light-definition.scss';
8
- @import 'ej2-calendars/styles/datepicker/highcontrast-light-definition.scss';
9
- @import 'ej2-inputs/styles/numerictextbox/highcontrast-light-definition.scss';
10
- @import 'ej2-inputs/styles/textbox/highcontrast-light-definition.scss';
11
- @import 'ej2-popups/styles/tooltip/highcontrast-light-definition.scss';
12
- @import 'ej2-popups/styles/spinner/highcontrast-light-definition.scss';
13
- @import 'highcontrast-light-definition.scss';
14
- @import 'icons/highcontrast-light.scss';
15
- @import 'all.scss';
16
- @import 'bigger.scss';
1
+ @use 'ej2-base/styles/definition/highcontrast-light' as *;
2
+ @use 'ej2-buttons/styles/button/highcontrast-light-definition' as *;
3
+ @use 'ej2-buttons/styles/radio-button/highcontrast-light-definition' as *;
4
+ @use 'ej2-splitbuttons/styles/button-group/highcontrast-light-definition' as *;
5
+ @use 'ej2-splitbuttons/styles/drop-down-button/highcontrast-light-definition' as *;
6
+ @use 'ej2-dropdowns/styles/drop-down-list/highcontrast-light-definition' as *;
7
+ @use 'ej2-dropdowns/styles/multi-select/highcontrast-light-definition' as *;
8
+ @use 'ej2-calendars/styles/datepicker/highcontrast-light-definition' as *;
9
+ @use 'ej2-inputs/styles/numerictextbox/highcontrast-light-definition' as *;
10
+ @use 'ej2-inputs/styles/textbox/highcontrast-light-definition' as *;
11
+ @use 'ej2-popups/styles/tooltip/highcontrast-light-definition' as *;
12
+ @use 'ej2-popups/styles/spinner/highcontrast-light-definition' as *;
13
+ @use 'highcontrast-light-definition' as *;
14
+ @use 'icons/highcontrast-light' as *;
15
+ @use 'all' as *;
16
+ @use 'bigger' as *;
package/styles/query-builder/highcontrast.css CHANGED
@@ -806,42 +806,6 @@
806
806
  color: #fff;
807
807
  }
808
808
 
809
- .e-querybuilder-spinner::before {
810
- content: "";
811
- position: absolute;
812
- left: 50%;
813
- -webkit-transform: translateX(-50%);
814
- transform: translateX(-50%);
815
- width: 16px;
816
- height: 16px;
817
- border: 2px solid #ffd739;
818
- border-top: 2px solid #ffd939;
819
- border-radius: 50%;
820
- -webkit-animation: spin 1s linear infinite;
821
- animation: spin 1s linear infinite;
822
- }
823
-
824
- @-webkit-keyframes spin {
825
- 0% {
826
- -webkit-transform: translateX(-50%) rotate(0deg);
827
- transform: translateX(-50%) rotate(0deg);
828
- }
829
- 100% {
830
- -webkit-transform: translateX(-50%) rotate(360deg);
831
- transform: translateX(-50%) rotate(360deg);
832
- }
833
- }
834
-
835
- @keyframes spin {
836
- 0% {
837
- -webkit-transform: translateX(-50%) rotate(0deg);
838
- transform: translateX(-50%) rotate(0deg);
839
- }
840
- 100% {
841
- -webkit-transform: translateX(-50%) rotate(360deg);
842
- transform: translateX(-50%) rotate(360deg);
843
- }
844
- }
845
809
  .e-query-builder.e-device.e-multi-connector .e-rule-list .e-group-container,
846
810
  .e-bigger.e-query-builder.e-multi-connector .e-rule-list .e-group-container,
847
811
  .e-bigger .e-query-builder.e-multi-connector .e-rule-list .e-group-container {
package/styles/query-builder/highcontrast.scss CHANGED
@@ -1,16 +1,16 @@
1
- @import 'ej2-base/styles/definition/highcontrast.scss';
2
- @import 'ej2-buttons/styles/button/highcontrast-definition.scss';
3
- @import 'ej2-buttons/styles/radio-button/highcontrast-definition.scss';
4
- @import 'ej2-splitbuttons/styles/button-group/highcontrast-definition.scss';
5
- @import 'ej2-splitbuttons/styles/drop-down-button/highcontrast-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-list/highcontrast-definition.scss';
7
- @import 'ej2-dropdowns/styles/multi-select/highcontrast-definition.scss';
8
- @import 'ej2-calendars/styles/datepicker/highcontrast-definition.scss';
9
- @import 'ej2-inputs/styles/numerictextbox/highcontrast-definition.scss';
10
- @import 'ej2-inputs/styles/textbox/highcontrast-definition.scss';
11
- @import 'ej2-popups/styles/tooltip/highcontrast-definition.scss';
12
- @import 'ej2-popups/styles/spinner/highcontrast-definition.scss';
13
- @import 'highcontrast-definition.scss';
14
- @import 'icons/highcontrast.scss';
15
- @import 'all.scss';
16
- @import 'bigger.scss';
1
+ @use 'ej2-base/styles/definition/highcontrast' as *;
2
+ @use 'ej2-buttons/styles/button/highcontrast-definition' as *;
3
+ @use 'ej2-buttons/styles/radio-button/highcontrast-definition' as *;
4
+ @use 'ej2-splitbuttons/styles/button-group/highcontrast-definition' as *;
5
+ @use 'ej2-splitbuttons/styles/drop-down-button/highcontrast-definition' as *;
6
+ @use 'ej2-dropdowns/styles/drop-down-list/highcontrast-definition' as *;
7
+ @use 'ej2-dropdowns/styles/multi-select/highcontrast-definition' as *;
8
+ @use 'ej2-calendars/styles/datepicker/highcontrast-definition' as *;
9
+ @use 'ej2-inputs/styles/numerictextbox/highcontrast-definition' as *;
10
+ @use 'ej2-inputs/styles/textbox/highcontrast-definition' as *;
11
+ @use 'ej2-popups/styles/tooltip/highcontrast-definition' as *;
12
+ @use 'ej2-popups/styles/spinner/highcontrast-definition' as *;
13
+ @use 'highcontrast-definition' as *;
14
+ @use 'icons/highcontrast' as *;
15
+ @use 'all' as *;
16
+ @use 'bigger' as *;
package/styles/query-builder/icons/_bds.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use 'ej2-base/styles/common/mixin' as *;
1
2
  @include export-module('query-builder-bds-icons') {
2
3
  .e-query-builder {
3
4
  & .e-collapse-rule::before {
package/styles/query-builder/icons/_bootstrap-dark.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use 'ej2-base/styles/common/mixin' as *;
1
2
  @include export-module('query-builder-material-icons') {
2
3
  .e-query-builder {
3
4
  & .e-collapse-rule::before {
package/styles/query-builder/icons/_bootstrap.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use 'ej2-base/styles/common/mixin' as *;
1
2
  @include export-module('query-builder-material-icons') {
2
3
  .e-query-builder {
3
4
  & .e-collapse-rule::before {
package/styles/query-builder/icons/_bootstrap4.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use 'ej2-base/styles/common/mixin' as *;
1
2
  @include export-module('query-builder-bootstrap4-icons') {
2
3
  .e-query-builder {
3
4
  & .e-collapse-rule::before {
package/styles/query-builder/icons/_bootstrap5-dark.scss CHANGED
@@ -1 +1 @@
1
- @import './bootstrap5.scss';
1
+ @use './bootstrap5' as *;
package/styles/query-builder/icons/_bootstrap5.3.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use 'ej2-base/styles/common/mixin' as *;
1
2
  @include export-module('query-builder-bootstrap5-icons') {
2
3
  .e-query-builder {
3
4
  & .e-collapse-rule::before {
package/styles/query-builder/icons/_bootstrap5.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use 'ej2-base/styles/common/mixin' as *;
1
2
  @include export-module('query-builder-bootstrap5-icons') {
2
3
  .e-query-builder {
3
4
  & .e-collapse-rule::before {
package/styles/query-builder/icons/_fabric-dark.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use 'ej2-base/styles/common/mixin' as *;
1
2
  @include export-module('query-builder-material-icons') {
2
3
  .e-query-builder {
3
4
  & .e-collapse-rule::before {
package/styles/query-builder/icons/_fabric.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use 'ej2-base/styles/common/mixin' as *;
1
2
  @include export-module('query-builder-material-icons') {
2
3
  .e-query-builder {
3
4
  & .e-collapse-rule::before {
package/styles/query-builder/icons/_fluent-dark.scss CHANGED
@@ -1 +1 @@
1
- @import './fluent.scss';
1
+ @use './fluent' as *;
package/styles/query-builder/icons/_fluent.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use 'ej2-base/styles/common/mixin' as *;
1
2
  @include export-module('query-builder-fluent-icons') {
2
3
  .e-query-builder {
3
4
  & .e-collapse-rule::before {
package/styles/query-builder/icons/_fluent2.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use 'ej2-base/styles/common/mixin' as *;
1
2
  @include export-module('query-builder-fluent2-icons') {
2
3
  .e-query-builder {
3
4
  & .e-collapse-rule::before {
package/styles/query-builder/icons/_fusionnew.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use 'ej2-base/styles/common/mixin' as *;
1
2
  @include export-module('query-builder-fusionnew-icons') {
2
3
  .e-query-builder {
3
4
  & .e-collapse-rule::before {
package/styles/query-builder/icons/_highcontrast-light.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use 'ej2-base/styles/common/mixin' as *;
1
2
  @include export-module('query-builder-material-icons') {
2
3
  .e-query-builder {
3
4
  & .e-collapse-rule::before {
package/styles/query-builder/icons/_highcontrast.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use 'ej2-base/styles/common/mixin' as *;
1
2
  @include export-module('query-builder-material-icons') {
2
3
  .e-query-builder {
3
4
  & .e-collapse-rule::before {
package/styles/query-builder/icons/_material-dark.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use 'ej2-base/styles/common/mixin' as *;
1
2
  @include export-module('query-builder-material-icons') {
2
3
  .e-query-builder {
3
4
  & .e-collapse-rule::before {
package/styles/query-builder/icons/_material.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use 'ej2-base/styles/common/mixin' as *;
1
2
  @include export-module('query-builder-material-icons') {
2
3
  .e-query-builder {
3
4
  & .e-collapse-rule::before {
package/styles/query-builder/icons/_material3-dark.scss CHANGED
@@ -1 +1 @@
1
- @import './material3.scss';
1
+ @use './material3' as *;
package/styles/query-builder/icons/_material3.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use 'ej2-base/styles/common/mixin' as *;
1
2
  @include export-module('query-builder-material3-icons') {
2
3
  .e-query-builder {
3
4
  & .e-collapse-rule::before {
package/styles/query-builder/icons/_tailwind-dark.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use 'ej2-base/styles/common/mixin' as *;
1
2
  @include export-module('query-builder-tailwind-dark-icons') {
2
3
  .e-query-builder {
3
4
  & .e-collapse-rule::before {
package/styles/query-builder/icons/_tailwind.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use 'ej2-base/styles/common/mixin' as *;
1
2
  @include export-module('query-builder-tailwind-icons') {
2
3
  .e-query-builder {
3
4
  & .e-collapse-rule::before {
package/styles/query-builder/icons/_tailwind3.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use 'ej2-base/styles/common/mixin' as *;
1
2
  @include export-module('query-builder-tailwind3-icons') {
2
3
  .e-query-builder {
3
4
  & .e-collapse-rule::before {
package/styles/query-builder/material-dark.css CHANGED
@@ -730,42 +730,6 @@
730
730
  color: #f44336;
731
731
  }
732
732
 
733
- .e-querybuilder-spinner::before {
734
- content: "";
735
- position: absolute;
736
- left: 50%;
737
- -webkit-transform: translateX(-50%);
738
- transform: translateX(-50%);
739
- width: 16px;
740
- height: 16px;
741
- border: 2px solid #7986cb;
742
- border-top: 2px solid #3f51b5;
743
- border-radius: 50%;
744
- -webkit-animation: spin 1s linear infinite;
745
- animation: spin 1s linear infinite;
746
- }
747
-
748
- @-webkit-keyframes spin {
749
- 0% {
750
- -webkit-transform: translateX(-50%) rotate(0deg);
751
- transform: translateX(-50%) rotate(0deg);
752
- }
753
- 100% {
754
- -webkit-transform: translateX(-50%) rotate(360deg);
755
- transform: translateX(-50%) rotate(360deg);
756
- }
757
- }
758
-
759
- @keyframes spin {
760
- 0% {
761
- -webkit-transform: translateX(-50%) rotate(0deg);
762
- transform: translateX(-50%) rotate(0deg);
763
- }
764
- 100% {
765
- -webkit-transform: translateX(-50%) rotate(360deg);
766
- transform: translateX(-50%) rotate(360deg);
767
- }
768
- }
769
733
  .e-query-builder.e-device.e-multi-connector .e-rule-list .e-group-container,
770
734
  .e-bigger.e-query-builder.e-multi-connector .e-rule-list .e-group-container,
771
735
  .e-bigger .e-query-builder.e-multi-connector .e-rule-list .e-group-container {
package/styles/query-builder/material-dark.scss CHANGED
@@ -1,16 +1,16 @@
1
- @import 'ej2-base/styles/definition/material-dark.scss';
2
- @import 'ej2-buttons/styles/button/material-dark-definition.scss';
3
- @import 'ej2-buttons/styles/radio-button/material-dark-definition.scss';
4
- @import 'ej2-splitbuttons/styles/button-group/material-dark-definition.scss';
5
- @import 'ej2-splitbuttons/styles/drop-down-button/material-dark-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-list/material-dark-definition.scss';
7
- @import 'ej2-dropdowns/styles/multi-select/material-dark-definition.scss';
8
- @import 'ej2-calendars/styles/datepicker/material-dark-definition.scss';
9
- @import 'ej2-inputs/styles/numerictextbox/material-dark-definition.scss';
10
- @import 'ej2-inputs/styles/textbox/material-dark-definition.scss';
11
- @import 'ej2-popups/styles/tooltip/material-dark-definition.scss';
12
- @import 'ej2-popups/styles/spinner/material-dark-definition.scss';
13
- @import 'material-dark-definition.scss';
14
- @import 'icons/material-dark.scss';
15
- @import 'all.scss';
16
- @import 'bigger.scss';
1
+ @use 'ej2-base/styles/definition/material-dark' as *;
2
+ @use 'ej2-buttons/styles/button/material-dark-definition' as *;
3
+ @use 'ej2-buttons/styles/radio-button/material-dark-definition' as *;
4
+ @use 'ej2-splitbuttons/styles/button-group/material-dark-definition' as *;
5
+ @use 'ej2-splitbuttons/styles/drop-down-button/material-dark-definition' as *;
6
+ @use 'ej2-dropdowns/styles/drop-down-list/material-dark-definition' as *;
7
+ @use 'ej2-dropdowns/styles/multi-select/material-dark-definition' as *;
8
+ @use 'ej2-calendars/styles/datepicker/material-dark-definition' as *;
9
+ @use 'ej2-inputs/styles/numerictextbox/material-dark-definition' as *;
10
+ @use 'ej2-inputs/styles/textbox/material-dark-definition' as *;
11
+ @use 'ej2-popups/styles/tooltip/material-dark-definition' as *;
12
+ @use 'ej2-popups/styles/spinner/material-dark-definition' as *;
13
+ @use 'material-dark-definition' as *;
14
+ @use 'icons/material-dark' as *;
15
+ @use 'all' as *;
16
+ @use 'bigger' as *;
package/styles/query-builder/material.css CHANGED
@@ -614,11 +614,9 @@
614
614
  width: 8px;
615
615
  }
616
616
  .e-query-builder.e-multi-connector .e-rule-list .e-group-container::before, .e-query-builder.e-multi-connector .e-rule-list .e-group-container::after {
617
- left: -12px !important; /* stylelint-disable-line declaration-no-important */
618
617
  left: -12.8px !important; /* stylelint-disable-line declaration-no-important */
619
618
  }
620
619
  .e-query-builder.e-multi-connector .e-rule-list .e-btn-group::before, .e-query-builder.e-multi-connector .e-rule-list .e-btn-group::after {
621
- left: -11.2px !important; /* stylelint-disable-line declaration-no-important */
622
620
  left: -12px !important; /* stylelint-disable-line declaration-no-important */
623
621
  }
624
622
  .e-query-builder.e-multi-connector .e-qb-toggle-btn {
@@ -745,42 +743,6 @@
745
743
  color: #f44336;
746
744
  }
747
745
 
748
- .e-querybuilder-spinner::before {
749
- content: "";
750
- position: absolute;
751
- left: 50%;
752
- -webkit-transform: translateX(-50%);
753
- transform: translateX(-50%);
754
- width: 16px;
755
- height: 16px;
756
- border: 2px solid #7986cb;
757
- border-top: 2px solid #3f51b5;
758
- border-radius: 50%;
759
- -webkit-animation: spin 1s linear infinite;
760
- animation: spin 1s linear infinite;
761
- }
762
-
763
- @-webkit-keyframes spin {
764
- 0% {
765
- -webkit-transform: translateX(-50%) rotate(0deg);
766
- transform: translateX(-50%) rotate(0deg);
767
- }
768
- 100% {
769
- -webkit-transform: translateX(-50%) rotate(360deg);
770
- transform: translateX(-50%) rotate(360deg);
771
- }
772
- }
773
-
774
- @keyframes spin {
775
- 0% {
776
- -webkit-transform: translateX(-50%) rotate(0deg);
777
- transform: translateX(-50%) rotate(0deg);
778
- }
779
- 100% {
780
- -webkit-transform: translateX(-50%) rotate(360deg);
781
- transform: translateX(-50%) rotate(360deg);
782
- }
783
- }
784
746
  .e-query-builder.e-device.e-multi-connector .e-rule-list .e-group-container,
785
747
  .e-bigger.e-query-builder.e-multi-connector .e-rule-list .e-group-container,
786
748
  .e-bigger .e-query-builder.e-multi-connector .e-rule-list .e-group-container {
package/styles/query-builder/material.scss CHANGED
@@ -1,16 +1,16 @@
1
- @import 'ej2-base/styles/definition/material.scss';
2
- @import 'ej2-buttons/styles/button/material-definition.scss';
3
- @import 'ej2-buttons/styles/radio-button/material-definition.scss';
4
- @import 'ej2-splitbuttons/styles/button-group/material-definition.scss';
5
- @import 'ej2-splitbuttons/styles/drop-down-button/material-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-list/material-definition.scss';
7
- @import 'ej2-dropdowns/styles/multi-select/material-definition.scss';
8
- @import 'ej2-calendars/styles/datepicker/material-definition.scss';
9
- @import 'ej2-inputs/styles/numerictextbox/material-definition.scss';
10
- @import 'ej2-inputs/styles/textbox/material-definition.scss';
11
- @import 'ej2-popups/styles/tooltip/material-definition.scss';
12
- @import 'ej2-popups/styles/spinner/material-definition.scss';
13
- @import 'material-definition.scss';
14
- @import 'icons/material.scss';
15
- @import 'all.scss';
16
- @import 'bigger.scss';
1
+ @use 'ej2-base/styles/definition/material' as *;
2
+ @use 'ej2-buttons/styles/button/material-definition' as *;
3
+ @use 'ej2-buttons/styles/radio-button/material-definition' as *;
4
+ @use 'ej2-splitbuttons/styles/button-group/material-definition' as *;
5
+ @use 'ej2-splitbuttons/styles/drop-down-button/material-definition' as *;
6
+ @use 'ej2-dropdowns/styles/drop-down-list/material-definition' as *;
7
+ @use 'ej2-dropdowns/styles/multi-select/material-definition' as *;
8
+ @use 'ej2-calendars/styles/datepicker/material-definition' as *;
9
+ @use 'ej2-inputs/styles/numerictextbox/material-definition' as *;
10
+ @use 'ej2-inputs/styles/textbox/material-definition' as *;
11
+ @use 'ej2-popups/styles/tooltip/material-definition' as *;
12
+ @use 'ej2-popups/styles/spinner/material-definition' as *;
13
+ @use 'material-definition' as *;
14
+ @use 'icons/material' as *;
15
+ @use 'all' as *;
16
+ @use 'bigger' as *;