@syncfusion/ej2-querybuilder 31.2.16 → 32.1.21

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 (187) hide show
  1. package/dist/ej2-querybuilder.min.js +2 -2
  2. package/dist/ej2-querybuilder.umd.min.js +2 -2
  3. package/dist/ej2-querybuilder.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-querybuilder.es2015.js +1 -1
  5. package/dist/es6/ej2-querybuilder.es2015.js.map +1 -1
  6. package/dist/es6/ej2-querybuilder.es5.js +1 -1
  7. package/dist/es6/ej2-querybuilder.es5.js.map +1 -1
  8. package/dist/global/ej2-querybuilder.min.js +2 -2
  9. package/dist/global/ej2-querybuilder.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +7 -7
  12. package/src/query-builder/query-builder.js +1 -1
  13. package/styles/bds-lite.css +0 -37
  14. package/styles/bds-lite.scss +14 -15
  15. package/styles/bds.css +0 -36
  16. package/styles/bds.scss +15 -16
  17. package/styles/bootstrap-dark-lite.css +0 -37
  18. package/styles/bootstrap-dark-lite.scss +14 -15
  19. package/styles/bootstrap-dark.css +0 -36
  20. package/styles/bootstrap-dark.scss +15 -16
  21. package/styles/bootstrap-lite.css +0 -37
  22. package/styles/bootstrap-lite.scss +14 -15
  23. package/styles/bootstrap.css +0 -36
  24. package/styles/bootstrap.scss +15 -16
  25. package/styles/bootstrap4-lite.css +0 -37
  26. package/styles/bootstrap4-lite.scss +14 -15
  27. package/styles/bootstrap4.css +0 -36
  28. package/styles/bootstrap4.scss +15 -16
  29. package/styles/bootstrap5-dark-lite.css +0 -37
  30. package/styles/bootstrap5-dark-lite.scss +14 -15
  31. package/styles/bootstrap5-dark.css +0 -36
  32. package/styles/bootstrap5-dark.scss +15 -16
  33. package/styles/bootstrap5-lite.css +0 -37
  34. package/styles/bootstrap5-lite.scss +15 -15
  35. package/styles/bootstrap5.3-lite.css +117 -74
  36. package/styles/bootstrap5.3-lite.scss +15 -15
  37. package/styles/bootstrap5.3.css +117 -73
  38. package/styles/bootstrap5.3.scss +16 -16
  39. package/styles/bootstrap5.css +0 -36
  40. package/styles/bootstrap5.scss +16 -16
  41. package/styles/fabric-dark-lite.css +0 -37
  42. package/styles/fabric-dark-lite.scss +15 -15
  43. package/styles/fabric-dark.css +0 -36
  44. package/styles/fabric-dark.scss +16 -16
  45. package/styles/fabric-lite.css +0 -37
  46. package/styles/fabric-lite.scss +15 -15
  47. package/styles/fabric.css +0 -36
  48. package/styles/fabric.scss +16 -16
  49. package/styles/fluent-dark-lite.css +0 -37
  50. package/styles/fluent-dark-lite.scss +15 -15
  51. package/styles/fluent-dark.css +0 -36
  52. package/styles/fluent-dark.scss +16 -16
  53. package/styles/fluent-lite.css +0 -37
  54. package/styles/fluent-lite.scss +15 -15
  55. package/styles/fluent.css +0 -36
  56. package/styles/fluent.scss +16 -16
  57. package/styles/fluent2-lite.css +455 -79
  58. package/styles/fluent2-lite.scss +15 -15
  59. package/styles/fluent2.css +459 -82
  60. package/styles/fluent2.scss +16 -16
  61. package/styles/highcontrast-light-lite.css +0 -37
  62. package/styles/highcontrast-light-lite.scss +15 -15
  63. package/styles/highcontrast-light.css +0 -36
  64. package/styles/highcontrast-light.scss +16 -16
  65. package/styles/highcontrast-lite.css +0 -37
  66. package/styles/highcontrast-lite.scss +15 -15
  67. package/styles/highcontrast.css +0 -36
  68. package/styles/highcontrast.scss +16 -16
  69. package/styles/material-dark-lite.css +0 -37
  70. package/styles/material-dark-lite.scss +15 -15
  71. package/styles/material-dark.css +0 -36
  72. package/styles/material-dark.scss +16 -16
  73. package/styles/material-lite.css +0 -39
  74. package/styles/material-lite.scss +14 -15
  75. package/styles/material.css +0 -38
  76. package/styles/material.scss +15 -16
  77. package/styles/material3-dark-lite.css +461 -77
  78. package/styles/material3-dark-lite.scss +15 -15
  79. package/styles/material3-dark.css +461 -76
  80. package/styles/material3-dark.scss +16 -18
  81. package/styles/material3-lite.css +461 -77
  82. package/styles/material3-lite.scss +15 -15
  83. package/styles/material3.css +461 -76
  84. package/styles/material3.scss +16 -18
  85. package/styles/query-builder/_all.scss +2 -2
  86. package/styles/query-builder/_bds-definition.scss +69 -2
  87. package/styles/query-builder/_bigger.scss +21 -18
  88. package/styles/query-builder/_bootstrap-dark-definition.scss +34 -2
  89. package/styles/query-builder/_bootstrap-definition.scss +34 -4
  90. package/styles/query-builder/_bootstrap4-definition.scss +34 -3
  91. package/styles/query-builder/_bootstrap5-dark-definition.scss +150 -1
  92. package/styles/query-builder/_bootstrap5-definition.scss +35 -2
  93. package/styles/query-builder/_bootstrap5.3-definition.scss +37 -2
  94. package/styles/query-builder/_fabric-dark-definition.scss +34 -4
  95. package/styles/query-builder/_fabric-definition.scss +34 -4
  96. package/styles/query-builder/_fluent-dark-definition.scss +149 -1
  97. package/styles/query-builder/_fluent-definition.scss +35 -2
  98. package/styles/query-builder/_fluent2-definition.scss +55 -2
  99. package/styles/query-builder/_fusionnew-definition.scss +32 -2
  100. package/styles/query-builder/_highcontrast-definition.scss +34 -4
  101. package/styles/query-builder/_highcontrast-light-definition.scss +34 -4
  102. package/styles/query-builder/_layout.scss +100 -112
  103. package/styles/query-builder/_material-dark-definition.scss +34 -3
  104. package/styles/query-builder/_material-definition.scss +34 -3
  105. package/styles/query-builder/_material3-dark-definition.scss +158 -1
  106. package/styles/query-builder/_material3-definition.scss +41 -2
  107. package/styles/query-builder/_tailwind-dark-definition.scss +148 -1
  108. package/styles/query-builder/_tailwind-definition.scss +34 -2
  109. package/styles/query-builder/_tailwind3-definition.scss +38 -2
  110. package/styles/query-builder/_theme-variables.scss +1 -0
  111. package/styles/query-builder/_theme.scss +2 -23
  112. package/styles/query-builder/bds.css +0 -36
  113. package/styles/query-builder/bds.scss +16 -16
  114. package/styles/query-builder/bootstrap-dark.css +0 -36
  115. package/styles/query-builder/bootstrap-dark.scss +16 -16
  116. package/styles/query-builder/bootstrap.css +0 -36
  117. package/styles/query-builder/bootstrap.scss +16 -16
  118. package/styles/query-builder/bootstrap4.css +0 -36
  119. package/styles/query-builder/bootstrap4.scss +16 -16
  120. package/styles/query-builder/bootstrap5-dark.css +0 -36
  121. package/styles/query-builder/bootstrap5-dark.scss +16 -16
  122. package/styles/query-builder/bootstrap5.3.css +117 -73
  123. package/styles/query-builder/bootstrap5.3.scss +16 -16
  124. package/styles/query-builder/bootstrap5.css +0 -36
  125. package/styles/query-builder/bootstrap5.scss +16 -16
  126. package/styles/query-builder/fabric-dark.css +0 -36
  127. package/styles/query-builder/fabric-dark.scss +16 -16
  128. package/styles/query-builder/fabric.css +0 -36
  129. package/styles/query-builder/fabric.scss +16 -16
  130. package/styles/query-builder/fluent-dark.css +0 -36
  131. package/styles/query-builder/fluent-dark.scss +16 -16
  132. package/styles/query-builder/fluent.css +0 -36
  133. package/styles/query-builder/fluent.scss +16 -16
  134. package/styles/query-builder/fluent2.css +459 -82
  135. package/styles/query-builder/fluent2.scss +16 -16
  136. package/styles/query-builder/highcontrast-light.css +0 -36
  137. package/styles/query-builder/highcontrast-light.scss +16 -16
  138. package/styles/query-builder/highcontrast.css +0 -36
  139. package/styles/query-builder/highcontrast.scss +16 -16
  140. package/styles/query-builder/icons/_bds.scss +1 -0
  141. package/styles/query-builder/icons/_bootstrap-dark.scss +1 -0
  142. package/styles/query-builder/icons/_bootstrap.scss +1 -0
  143. package/styles/query-builder/icons/_bootstrap4.scss +1 -0
  144. package/styles/query-builder/icons/_bootstrap5-dark.scss +1 -1
  145. package/styles/query-builder/icons/_bootstrap5.3.scss +1 -0
  146. package/styles/query-builder/icons/_bootstrap5.scss +1 -0
  147. package/styles/query-builder/icons/_fabric-dark.scss +1 -0
  148. package/styles/query-builder/icons/_fabric.scss +1 -0
  149. package/styles/query-builder/icons/_fluent-dark.scss +1 -1
  150. package/styles/query-builder/icons/_fluent.scss +1 -0
  151. package/styles/query-builder/icons/_fluent2.scss +1 -0
  152. package/styles/query-builder/icons/_fusionnew.scss +1 -0
  153. package/styles/query-builder/icons/_highcontrast-light.scss +1 -0
  154. package/styles/query-builder/icons/_highcontrast.scss +1 -0
  155. package/styles/query-builder/icons/_material-dark.scss +1 -0
  156. package/styles/query-builder/icons/_material.scss +1 -0
  157. package/styles/query-builder/icons/_material3-dark.scss +1 -1
  158. package/styles/query-builder/icons/_material3.scss +1 -0
  159. package/styles/query-builder/icons/_tailwind-dark.scss +1 -0
  160. package/styles/query-builder/icons/_tailwind.scss +1 -0
  161. package/styles/query-builder/icons/_tailwind3.scss +1 -0
  162. package/styles/query-builder/material-dark.css +0 -36
  163. package/styles/query-builder/material-dark.scss +16 -16
  164. package/styles/query-builder/material.css +0 -38
  165. package/styles/query-builder/material.scss +16 -16
  166. package/styles/query-builder/material3-dark.css +461 -76
  167. package/styles/query-builder/material3-dark.scss +16 -17
  168. package/styles/query-builder/material3.css +461 -76
  169. package/styles/query-builder/material3.scss +16 -17
  170. package/styles/query-builder/tailwind-dark.css +0 -36
  171. package/styles/query-builder/tailwind-dark.scss +16 -16
  172. package/styles/query-builder/tailwind.css +0 -36
  173. package/styles/query-builder/tailwind.scss +16 -16
  174. package/styles/query-builder/tailwind3.css +110 -76
  175. package/styles/query-builder/tailwind3.scss +16 -16
  176. package/styles/tailwind-dark-lite.css +0 -37
  177. package/styles/tailwind-dark-lite.scss +15 -15
  178. package/styles/tailwind-dark.css +0 -36
  179. package/styles/tailwind-dark.scss +16 -16
  180. package/styles/tailwind-lite.css +0 -37
  181. package/styles/tailwind-lite.scss +15 -15
  182. package/styles/tailwind.css +0 -36
  183. package/styles/tailwind.scss +16 -16
  184. package/styles/tailwind3-lite.css +110 -77
  185. package/styles/tailwind3-lite.scss +15 -15
  186. package/styles/tailwind3.css +110 -76
  187. package/styles/tailwind3.scss +16 -16
package/styles/query-builder/fabric-dark.css CHANGED
@@ -695,42 +695,6 @@
695
695
  color: #f44336;
696
696
  }
697
697
 
698
- .e-querybuilder-spinner::before {
699
- content: "";
700
- position: absolute;
701
- left: 50%;
702
- -webkit-transform: translateX(-50%);
703
- transform: translateX(-50%);
704
- width: 16px;
705
- height: 16px;
706
- border: 2px solid hsl(205.8823529412, 100%, -9%);
707
- border-top: 2px solid #0074cc;
708
- border-radius: 50%;
709
- -webkit-animation: spin 1s linear infinite;
710
- animation: spin 1s linear infinite;
711
- }
712
-
713
- @-webkit-keyframes spin {
714
- 0% {
715
- -webkit-transform: translateX(-50%) rotate(0deg);
716
- transform: translateX(-50%) rotate(0deg);
717
- }
718
- 100% {
719
- -webkit-transform: translateX(-50%) rotate(360deg);
720
- transform: translateX(-50%) rotate(360deg);
721
- }
722
- }
723
-
724
- @keyframes spin {
725
- 0% {
726
- -webkit-transform: translateX(-50%) rotate(0deg);
727
- transform: translateX(-50%) rotate(0deg);
728
- }
729
- 100% {
730
- -webkit-transform: translateX(-50%) rotate(360deg);
731
- transform: translateX(-50%) rotate(360deg);
732
- }
733
- }
734
698
  .e-query-builder.e-device.e-multi-connector .e-rule-list .e-group-container,
735
699
  .e-bigger.e-query-builder.e-multi-connector .e-rule-list .e-group-container,
736
700
  .e-bigger .e-query-builder.e-multi-connector .e-rule-list .e-group-container {
package/styles/query-builder/fabric-dark.scss CHANGED
@@ -1,16 +1,16 @@
1
- @import 'ej2-base/styles/definition/fabric-dark.scss';
2
- @import 'ej2-buttons/styles/button/fabric-dark-definition.scss';
3
- @import 'ej2-buttons/styles/radio-button/fabric-dark-definition.scss';
4
- @import 'ej2-splitbuttons/styles/button-group/fabric-dark-definition.scss';
5
- @import 'ej2-splitbuttons/styles/drop-down-button/fabric-dark-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-list/fabric-dark-definition.scss';
7
- @import 'ej2-dropdowns/styles/multi-select/fabric-dark-definition.scss';
8
- @import 'ej2-calendars/styles/datepicker/fabric-dark-definition.scss';
9
- @import 'ej2-inputs/styles/numerictextbox/fabric-dark-definition.scss';
10
- @import 'ej2-inputs/styles/textbox/fabric-dark-definition.scss';
11
- @import 'ej2-popups/styles/tooltip/fabric-dark-definition.scss';
12
- @import 'ej2-popups/styles/spinner/fabric-dark-definition.scss';
13
- @import 'fabric-dark-definition.scss';
14
- @import 'icons/fabric-dark.scss';
15
- @import 'all.scss';
16
- @import 'bigger.scss';
1
+ @use 'ej2-base/styles/definition/fabric-dark' as *;
2
+ @use 'ej2-buttons/styles/button/fabric-dark-definition' as *;
3
+ @use 'ej2-buttons/styles/radio-button/fabric-dark-definition' as *;
4
+ @use 'ej2-splitbuttons/styles/button-group/fabric-dark-definition' as *;
5
+ @use 'ej2-splitbuttons/styles/drop-down-button/fabric-dark-definition' as *;
6
+ @use 'ej2-dropdowns/styles/drop-down-list/fabric-dark-definition' as *;
7
+ @use 'ej2-dropdowns/styles/multi-select/fabric-dark-definition' as *;
8
+ @use 'ej2-calendars/styles/datepicker/fabric-dark-definition' as *;
9
+ @use 'ej2-inputs/styles/numerictextbox/fabric-dark-definition' as *;
10
+ @use 'ej2-inputs/styles/textbox/fabric-dark-definition' as *;
11
+ @use 'ej2-popups/styles/tooltip/fabric-dark-definition' as *;
12
+ @use 'ej2-popups/styles/spinner/fabric-dark-definition' as *;
13
+ @use 'fabric-dark-definition' as *;
14
+ @use 'icons/fabric-dark' as *;
15
+ @use 'all' as *;
16
+ @use 'bigger' as *;
package/styles/query-builder/fabric.css CHANGED
@@ -684,42 +684,6 @@
684
684
  color: #f44336;
685
685
  }
686
686
 
687
- .e-querybuilder-spinner::before {
688
- content: "";
689
- position: absolute;
690
- left: 50%;
691
- -webkit-transform: translateX(-50%);
692
- transform: translateX(-50%);
693
- width: 16px;
694
- height: 16px;
695
- border: 2px solid rgb(208.9, 234.7504672897, 255);
696
- border-top: 2px solid #0078d6;
697
- border-radius: 50%;
698
- -webkit-animation: spin 1s linear infinite;
699
- animation: spin 1s linear infinite;
700
- }
701
-
702
- @-webkit-keyframes spin {
703
- 0% {
704
- -webkit-transform: translateX(-50%) rotate(0deg);
705
- transform: translateX(-50%) rotate(0deg);
706
- }
707
- 100% {
708
- -webkit-transform: translateX(-50%) rotate(360deg);
709
- transform: translateX(-50%) rotate(360deg);
710
- }
711
- }
712
-
713
- @keyframes spin {
714
- 0% {
715
- -webkit-transform: translateX(-50%) rotate(0deg);
716
- transform: translateX(-50%) rotate(0deg);
717
- }
718
- 100% {
719
- -webkit-transform: translateX(-50%) rotate(360deg);
720
- transform: translateX(-50%) rotate(360deg);
721
- }
722
- }
723
687
  .e-query-builder.e-device.e-multi-connector .e-rule-list .e-group-container,
724
688
  .e-bigger.e-query-builder.e-multi-connector .e-rule-list .e-group-container,
725
689
  .e-bigger .e-query-builder.e-multi-connector .e-rule-list .e-group-container {
package/styles/query-builder/fabric.scss CHANGED
@@ -1,16 +1,16 @@
1
- @import 'ej2-base/styles/definition/fabric.scss';
2
- @import 'ej2-buttons/styles/button/fabric-definition.scss';
3
- @import 'ej2-buttons/styles/radio-button/fabric-definition.scss';
4
- @import 'ej2-splitbuttons/styles/button-group/fabric-definition.scss';
5
- @import 'ej2-splitbuttons/styles/drop-down-button/fabric-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-list/fabric-definition.scss';
7
- @import 'ej2-dropdowns/styles/multi-select/fabric-definition.scss';
8
- @import 'ej2-calendars/styles/datepicker/fabric-definition.scss';
9
- @import 'ej2-inputs/styles/numerictextbox/fabric-definition.scss';
10
- @import 'ej2-inputs/styles/textbox/fabric-definition.scss';
11
- @import 'ej2-popups/styles/tooltip/fabric-definition.scss';
12
- @import 'ej2-popups/styles/spinner/fabric-definition.scss';
13
- @import 'fabric-definition.scss';
14
- @import 'icons/fabric.scss';
15
- @import 'all.scss';
16
- @import 'bigger.scss';
1
+ @use 'ej2-base/styles/definition/fabric' as *;
2
+ @use 'ej2-buttons/styles/button/fabric-definition' as *;
3
+ @use 'ej2-buttons/styles/radio-button/fabric-definition' as *;
4
+ @use 'ej2-splitbuttons/styles/button-group/fabric-definition' as *;
5
+ @use 'ej2-splitbuttons/styles/drop-down-button/fabric-definition' as *;
6
+ @use 'ej2-dropdowns/styles/drop-down-list/fabric-definition' as *;
7
+ @use 'ej2-dropdowns/styles/multi-select/fabric-definition' as *;
8
+ @use 'ej2-calendars/styles/datepicker/fabric-definition' as *;
9
+ @use 'ej2-inputs/styles/numerictextbox/fabric-definition' as *;
10
+ @use 'ej2-inputs/styles/textbox/fabric-definition' as *;
11
+ @use 'ej2-popups/styles/tooltip/fabric-definition' as *;
12
+ @use 'ej2-popups/styles/spinner/fabric-definition' as *;
13
+ @use 'fabric-definition' as *;
14
+ @use 'icons/fabric' as *;
15
+ @use 'all' as *;
16
+ @use 'bigger' as *;
package/styles/query-builder/fluent-dark.css CHANGED
@@ -764,42 +764,6 @@
764
764
  color: #d13438;
765
765
  }
766
766
 
767
- .e-querybuilder-spinner::before {
768
- content: "";
769
- position: absolute;
770
- left: 50%;
771
- -webkit-transform: translateX(-50%);
772
- transform: translateX(-50%);
773
- width: 16px;
774
- height: 16px;
775
- border: 2px solid #005a9e;
776
- border-top: 2px solid #0078d4;
777
- border-radius: 50%;
778
- -webkit-animation: spin 1s linear infinite;
779
- animation: spin 1s linear infinite;
780
- }
781
-
782
- @-webkit-keyframes spin {
783
- 0% {
784
- -webkit-transform: translateX(-50%) rotate(0deg);
785
- transform: translateX(-50%) rotate(0deg);
786
- }
787
- 100% {
788
- -webkit-transform: translateX(-50%) rotate(360deg);
789
- transform: translateX(-50%) rotate(360deg);
790
- }
791
- }
792
-
793
- @keyframes spin {
794
- 0% {
795
- -webkit-transform: translateX(-50%) rotate(0deg);
796
- transform: translateX(-50%) rotate(0deg);
797
- }
798
- 100% {
799
- -webkit-transform: translateX(-50%) rotate(360deg);
800
- transform: translateX(-50%) rotate(360deg);
801
- }
802
- }
803
767
  .e-query-builder.e-device.e-multi-connector .e-rule-list .e-group-container,
804
768
  .e-bigger.e-query-builder.e-multi-connector .e-rule-list .e-group-container,
805
769
  .e-bigger .e-query-builder.e-multi-connector .e-rule-list .e-group-container {
package/styles/query-builder/fluent-dark.scss CHANGED
@@ -1,16 +1,16 @@
1
- @import 'ej2-base/styles/definition/fluent-dark.scss';
2
- @import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
3
- @import 'ej2-buttons/styles/radio-button/fluent-dark-definition.scss';
4
- @import 'ej2-splitbuttons/styles/button-group/fluent-dark-definition.scss';
5
- @import 'ej2-splitbuttons/styles/drop-down-button/fluent-dark-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-list/fluent-dark-definition.scss';
7
- @import 'ej2-dropdowns/styles/multi-select/fluent-dark-definition.scss';
8
- @import 'ej2-calendars/styles/datepicker/fluent-dark-definition.scss';
9
- @import 'ej2-inputs/styles/numerictextbox/fluent-dark-definition.scss';
10
- @import 'ej2-inputs/styles/textbox/fluent-dark-definition.scss';
11
- @import 'ej2-popups/styles/tooltip/fluent-dark-definition.scss';
12
- @import 'ej2-popups/styles/spinner/fluent-dark-definition.scss';
13
- @import 'fluent-dark-definition.scss';
14
- @import 'icons/fluent-dark.scss';
15
- @import 'all.scss';
16
- @import 'bigger.scss';
1
+ @use 'ej2-base/styles/definition/fluent-dark' as *;
2
+ @use 'ej2-buttons/styles/button/fluent-dark-definition' as *;
3
+ @use 'ej2-buttons/styles/radio-button/fluent-dark-definition' as *;
4
+ @use 'ej2-splitbuttons/styles/button-group/fluent-dark-definition' as *;
5
+ @use 'ej2-splitbuttons/styles/drop-down-button/fluent-dark-definition' as *;
6
+ @use 'ej2-dropdowns/styles/drop-down-list/fluent-dark-definition' as *;
7
+ @use 'ej2-dropdowns/styles/multi-select/fluent-dark-definition' as *;
8
+ @use 'ej2-calendars/styles/datepicker/fluent-dark-definition' as *;
9
+ @use 'ej2-inputs/styles/numerictextbox/fluent-dark-definition' as *;
10
+ @use 'ej2-inputs/styles/textbox/fluent-dark-definition' as *;
11
+ @use 'ej2-popups/styles/tooltip/fluent-dark-definition' as *;
12
+ @use 'ej2-popups/styles/spinner/fluent-dark-definition' as *;
13
+ @use 'fluent-dark-definition' as *;
14
+ @use 'icons/fluent-dark' as *;
15
+ @use 'all' as *;
16
+ @use 'bigger' as *;
package/styles/query-builder/fluent.css CHANGED
@@ -764,42 +764,6 @@
764
764
  color: #d13438;
765
765
  }
766
766
 
767
- .e-querybuilder-spinner::before {
768
- content: "";
769
- position: absolute;
770
- left: 50%;
771
- -webkit-transform: translateX(-50%);
772
- transform: translateX(-50%);
773
- width: 16px;
774
- height: 16px;
775
- border: 2px solid #c7e0f4;
776
- border-top: 2px solid #0078d4;
777
- border-radius: 50%;
778
- -webkit-animation: spin 1s linear infinite;
779
- animation: spin 1s linear infinite;
780
- }
781
-
782
- @-webkit-keyframes spin {
783
- 0% {
784
- -webkit-transform: translateX(-50%) rotate(0deg);
785
- transform: translateX(-50%) rotate(0deg);
786
- }
787
- 100% {
788
- -webkit-transform: translateX(-50%) rotate(360deg);
789
- transform: translateX(-50%) rotate(360deg);
790
- }
791
- }
792
-
793
- @keyframes spin {
794
- 0% {
795
- -webkit-transform: translateX(-50%) rotate(0deg);
796
- transform: translateX(-50%) rotate(0deg);
797
- }
798
- 100% {
799
- -webkit-transform: translateX(-50%) rotate(360deg);
800
- transform: translateX(-50%) rotate(360deg);
801
- }
802
- }
803
767
  .e-query-builder.e-device.e-multi-connector .e-rule-list .e-group-container,
804
768
  .e-bigger.e-query-builder.e-multi-connector .e-rule-list .e-group-container,
805
769
  .e-bigger .e-query-builder.e-multi-connector .e-rule-list .e-group-container {
package/styles/query-builder/fluent.scss CHANGED
@@ -1,16 +1,16 @@
1
- @import 'ej2-base/styles/definition/fluent.scss';
2
- @import 'ej2-buttons/styles/button/fluent-definition.scss';
3
- @import 'ej2-buttons/styles/radio-button/fluent-definition.scss';
4
- @import 'ej2-splitbuttons/styles/button-group/fluent-definition.scss';
5
- @import 'ej2-splitbuttons/styles/drop-down-button/fluent-definition.scss';
6
- @import 'ej2-dropdowns/styles/drop-down-list/fluent-definition.scss';
7
- @import 'ej2-dropdowns/styles/multi-select/fluent-definition.scss';
8
- @import 'ej2-calendars/styles/datepicker/fluent-definition.scss';
9
- @import 'ej2-inputs/styles/numerictextbox/fluent-definition.scss';
10
- @import 'ej2-inputs/styles/textbox/fluent-definition.scss';
11
- @import 'ej2-popups/styles/tooltip/fluent-definition.scss';
12
- @import 'ej2-popups/styles/spinner/fluent-definition.scss';
13
- @import 'fluent-definition.scss';
14
- @import 'icons/fluent.scss';
15
- @import 'all.scss';
16
- @import 'bigger.scss';
1
+ @use 'ej2-base/styles/definition/fluent' as *;
2
+ @use 'ej2-buttons/styles/button/fluent-definition' as *;
3
+ @use 'ej2-buttons/styles/radio-button/fluent-definition' as *;
4
+ @use 'ej2-splitbuttons/styles/button-group/fluent-definition' as *;
5
+ @use 'ej2-splitbuttons/styles/drop-down-button/fluent-definition' as *;
6
+ @use 'ej2-dropdowns/styles/drop-down-list/fluent-definition' as *;
7
+ @use 'ej2-dropdowns/styles/multi-select/fluent-definition' as *;
8
+ @use 'ej2-calendars/styles/datepicker/fluent-definition' as *;
9
+ @use 'ej2-inputs/styles/numerictextbox/fluent-definition' as *;
10
+ @use 'ej2-inputs/styles/textbox/fluent-definition' as *;
11
+ @use 'ej2-popups/styles/tooltip/fluent-definition' as *;
12
+ @use 'ej2-popups/styles/spinner/fluent-definition' as *;
13
+ @use 'fluent-definition' as *;
14
+ @use 'icons/fluent' as *;
15
+ @use 'all' as *;
16
+ @use 'bigger' as *;