@syncfusion/ej2-querybuilder 31.2.15 → 32.1.19

package/styles/fabric.css

@@ -684,42 +684,6 @@
   color: #f44336;
 }
 
-.e-querybuilder-spinner::before {
-  content: "";
-  position: absolute;
-  left: 50%;
-  -webkit-transform: translateX(-50%);
-          transform: translateX(-50%);
-  width: 16px;
-  height: 16px;
-  border: 2px solid rgb(208.9, 234.7504672897, 255);
-  border-top: 2px solid #0078d6;
-  border-radius: 50%;
-  -webkit-animation: spin 1s linear infinite;
-          animation: spin 1s linear infinite;
-}
-
-@-webkit-keyframes spin {
-  0% {
-    -webkit-transform: translateX(-50%) rotate(0deg);
-            transform: translateX(-50%) rotate(0deg);
-  }
-  100% {
-    -webkit-transform: translateX(-50%) rotate(360deg);
-            transform: translateX(-50%) rotate(360deg);
-  }
-}
-
-@keyframes spin {
-  0% {
-    -webkit-transform: translateX(-50%) rotate(0deg);
-            transform: translateX(-50%) rotate(0deg);
-  }
-  100% {
-    -webkit-transform: translateX(-50%) rotate(360deg);
-            transform: translateX(-50%) rotate(360deg);
-  }
-}
 .e-query-builder.e-device.e-multi-connector .e-rule-list .e-group-container,
 .e-bigger.e-query-builder.e-multi-connector .e-rule-list .e-group-container,
 .e-bigger .e-query-builder.e-multi-connector .e-rule-list .e-group-container {

package/styles/fabric.scss

@@ -1,16 +1,16 @@
-@import 'ej2-base/styles/definition/fabric.scss';
-@import 'ej2-buttons/styles/button/fabric-definition.scss';
-@import 'ej2-buttons/styles/radio-button/fabric-definition.scss';
-@import 'ej2-splitbuttons/styles/button-group/fabric-definition.scss';
-@import 'ej2-splitbuttons/styles/drop-down-button/fabric-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fabric-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/fabric-definition.scss';
-@import 'ej2-calendars/styles/datepicker/fabric-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/fabric-definition.scss';
-@import 'ej2-inputs/styles/textbox/fabric-definition.scss';
-@import 'ej2-popups/styles/tooltip/fabric-definition.scss';
-@import 'ej2-popups/styles/spinner/fabric-definition.scss';
-@import 'query-builder/fabric-definition.scss';
-@import 'query-builder/icons/fabric.scss';
-@import 'query-builder/all.scss';
-@import 'query-builder/bigger.scss';
+@use 'ej2-base/styles/definition/fabric' as *;
+@use 'ej2-buttons/styles/button/fabric-definition' as *;
+@use 'ej2-buttons/styles/radio-button/fabric-definition' as *;
+@use 'ej2-splitbuttons/styles/button-group/fabric-definition' as *;
+@use 'ej2-splitbuttons/styles/drop-down-button/fabric-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/fabric-definition' as *;
+@use 'ej2-dropdowns/styles/multi-select/fabric-definition' as *;
+@use 'ej2-calendars/styles/datepicker/fabric-definition' as *;
+@use 'ej2-inputs/styles/numerictextbox/fabric-definition' as *;
+@use 'ej2-inputs/styles/textbox/fabric-definition' as *;
+@use 'ej2-popups/styles/tooltip/fabric-definition' as *;
+@use 'ej2-popups/styles/spinner/fabric-definition' as *;
+@use 'query-builder/fabric-definition' as *;
+@use 'query-builder/icons/fabric' as *;
+@use 'query-builder/all' as *;
+@use 'query-builder/bigger' as *;

package/styles/fluent-dark-lite.css

@@ -762,41 +762,4 @@
 .e-tooltip-wrap.e-querybuilder-error .e-tip-content,
 .e-tooltip-wrap.e-querybuilder-error .e-tip-content label {
   color: #d13438;
-}
-
-.e-querybuilder-spinner::before {
-  content: "";
-  position: absolute;
-  left: 50%;
-  -webkit-transform: translateX(-50%);
-          transform: translateX(-50%);
-  width: 16px;
-  height: 16px;
-  border: 2px solid #005a9e;
-  border-top: 2px solid #0078d4;
-  border-radius: 50%;
-  -webkit-animation: spin 1s linear infinite;
-          animation: spin 1s linear infinite;
-}
-
-@-webkit-keyframes spin {
-  0% {
-    -webkit-transform: translateX(-50%) rotate(0deg);
-            transform: translateX(-50%) rotate(0deg);
-  }
-  100% {
-    -webkit-transform: translateX(-50%) rotate(360deg);
-            transform: translateX(-50%) rotate(360deg);
-  }
-}
-
-@keyframes spin {
-  0% {
-    -webkit-transform: translateX(-50%) rotate(0deg);
-            transform: translateX(-50%) rotate(0deg);
-  }
-  100% {
-    -webkit-transform: translateX(-50%) rotate(360deg);
-            transform: translateX(-50%) rotate(360deg);
-  }
 }

package/styles/fluent-dark-lite.scss

@@ -1,15 +1,15 @@
-@import 'ej2-base/styles/definition/fluent-dark.scss';
-@import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
-@import 'ej2-buttons/styles/radio-button/fluent-dark-definition.scss';
-@import 'ej2-splitbuttons/styles/button-group/fluent-dark-definition.scss';
-@import 'ej2-splitbuttons/styles/drop-down-button/fluent-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fluent-dark-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/fluent-dark-definition.scss';
-@import 'ej2-calendars/styles/datepicker/fluent-dark-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/fluent-dark-definition.scss';
-@import 'ej2-inputs/styles/textbox/fluent-dark-definition.scss';
-@import 'ej2-popups/styles/tooltip/fluent-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/fluent-dark-definition.scss';
-@import 'query-builder/fluent-dark-definition.scss';
-@import 'query-builder/icons/fluent-dark.scss';
-@import 'query-builder/all.scss';
+@use 'ej2-base/styles/definition/fluent-dark' as *;
+@use 'ej2-buttons/styles/button/fluent-dark-definition' as *;
+@use 'ej2-buttons/styles/radio-button/fluent-dark-definition' as *;
+@use 'ej2-splitbuttons/styles/button-group/fluent-dark-definition' as *;
+@use 'ej2-splitbuttons/styles/drop-down-button/fluent-dark-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/fluent-dark-definition' as *;
+@use 'ej2-dropdowns/styles/multi-select/fluent-dark-definition' as *;
+@use 'ej2-calendars/styles/datepicker/fluent-dark-definition' as *;
+@use 'ej2-inputs/styles/numerictextbox/fluent-dark-definition' as *;
+@use 'ej2-inputs/styles/textbox/fluent-dark-definition' as *;
+@use 'ej2-popups/styles/tooltip/fluent-dark-definition' as *;
+@use 'ej2-popups/styles/spinner/fluent-dark-definition' as *;
+@use 'query-builder/fluent-dark-definition' as *;
+@use 'query-builder/icons/fluent-dark' as *;
+@use 'query-builder/all' as *;

package/styles/fluent-dark.css

@@ -764,42 +764,6 @@
   color: #d13438;
 }
 
-.e-querybuilder-spinner::before {
-  content: "";
-  position: absolute;
-  left: 50%;
-  -webkit-transform: translateX(-50%);
-          transform: translateX(-50%);
-  width: 16px;
-  height: 16px;
-  border: 2px solid #005a9e;
-  border-top: 2px solid #0078d4;
-  border-radius: 50%;
-  -webkit-animation: spin 1s linear infinite;
-          animation: spin 1s linear infinite;
-}
-
-@-webkit-keyframes spin {
-  0% {
-    -webkit-transform: translateX(-50%) rotate(0deg);
-            transform: translateX(-50%) rotate(0deg);
-  }
-  100% {
-    -webkit-transform: translateX(-50%) rotate(360deg);
-            transform: translateX(-50%) rotate(360deg);
-  }
-}
-
-@keyframes spin {
-  0% {
-    -webkit-transform: translateX(-50%) rotate(0deg);
-            transform: translateX(-50%) rotate(0deg);
-  }
-  100% {
-    -webkit-transform: translateX(-50%) rotate(360deg);
-            transform: translateX(-50%) rotate(360deg);
-  }
-}
 .e-query-builder.e-device.e-multi-connector .e-rule-list .e-group-container,
 .e-bigger.e-query-builder.e-multi-connector .e-rule-list .e-group-container,
 .e-bigger .e-query-builder.e-multi-connector .e-rule-list .e-group-container {

package/styles/fluent-dark.scss

@@ -1,16 +1,16 @@
-@import 'ej2-base/styles/definition/fluent-dark.scss';
-@import 'ej2-buttons/styles/button/fluent-dark-definition.scss';
-@import 'ej2-buttons/styles/radio-button/fluent-dark-definition.scss';
-@import 'ej2-splitbuttons/styles/button-group/fluent-dark-definition.scss';
-@import 'ej2-splitbuttons/styles/drop-down-button/fluent-dark-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fluent-dark-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/fluent-dark-definition.scss';
-@import 'ej2-calendars/styles/datepicker/fluent-dark-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/fluent-dark-definition.scss';
-@import 'ej2-inputs/styles/textbox/fluent-dark-definition.scss';
-@import 'ej2-popups/styles/tooltip/fluent-dark-definition.scss';
-@import 'ej2-popups/styles/spinner/fluent-dark-definition.scss';
-@import 'query-builder/fluent-dark-definition.scss';
-@import 'query-builder/icons/fluent-dark.scss';
-@import 'query-builder/all.scss';
-@import 'query-builder/bigger.scss';
+@use 'ej2-base/styles/definition/fluent-dark' as *;
+@use 'ej2-buttons/styles/button/fluent-dark-definition' as *;
+@use 'ej2-buttons/styles/radio-button/fluent-dark-definition' as *;
+@use 'ej2-splitbuttons/styles/button-group/fluent-dark-definition' as *;
+@use 'ej2-splitbuttons/styles/drop-down-button/fluent-dark-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/fluent-dark-definition' as *;
+@use 'ej2-dropdowns/styles/multi-select/fluent-dark-definition' as *;
+@use 'ej2-calendars/styles/datepicker/fluent-dark-definition' as *;
+@use 'ej2-inputs/styles/numerictextbox/fluent-dark-definition' as *;
+@use 'ej2-inputs/styles/textbox/fluent-dark-definition' as *;
+@use 'ej2-popups/styles/tooltip/fluent-dark-definition' as *;
+@use 'ej2-popups/styles/spinner/fluent-dark-definition' as *;
+@use 'query-builder/fluent-dark-definition' as *;
+@use 'query-builder/icons/fluent-dark' as *;
+@use 'query-builder/all' as *;
+@use 'query-builder/bigger' as *;

package/styles/fluent-lite.css

@@ -762,41 +762,4 @@
 .e-tooltip-wrap.e-querybuilder-error .e-tip-content,
 .e-tooltip-wrap.e-querybuilder-error .e-tip-content label {
   color: #d13438;
-}
-
-.e-querybuilder-spinner::before {
-  content: "";
-  position: absolute;
-  left: 50%;
-  -webkit-transform: translateX(-50%);
-          transform: translateX(-50%);
-  width: 16px;
-  height: 16px;
-  border: 2px solid #c7e0f4;
-  border-top: 2px solid #0078d4;
-  border-radius: 50%;
-  -webkit-animation: spin 1s linear infinite;
-          animation: spin 1s linear infinite;
-}
-
-@-webkit-keyframes spin {
-  0% {
-    -webkit-transform: translateX(-50%) rotate(0deg);
-            transform: translateX(-50%) rotate(0deg);
-  }
-  100% {
-    -webkit-transform: translateX(-50%) rotate(360deg);
-            transform: translateX(-50%) rotate(360deg);
-  }
-}
-
-@keyframes spin {
-  0% {
-    -webkit-transform: translateX(-50%) rotate(0deg);
-            transform: translateX(-50%) rotate(0deg);
-  }
-  100% {
-    -webkit-transform: translateX(-50%) rotate(360deg);
-            transform: translateX(-50%) rotate(360deg);
-  }
 }

package/styles/fluent-lite.scss

@@ -1,15 +1,15 @@
-@import 'ej2-base/styles/definition/fluent.scss';
-@import 'ej2-buttons/styles/button/fluent-definition.scss';
-@import 'ej2-buttons/styles/radio-button/fluent-definition.scss';
-@import 'ej2-splitbuttons/styles/button-group/fluent-definition.scss';
-@import 'ej2-splitbuttons/styles/drop-down-button/fluent-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fluent-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/fluent-definition.scss';
-@import 'ej2-calendars/styles/datepicker/fluent-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/fluent-definition.scss';
-@import 'ej2-inputs/styles/textbox/fluent-definition.scss';
-@import 'ej2-popups/styles/tooltip/fluent-definition.scss';
-@import 'ej2-popups/styles/spinner/fluent-definition.scss';
-@import 'query-builder/fluent-definition.scss';
-@import 'query-builder/icons/fluent.scss';
-@import 'query-builder/all.scss';
+@use 'ej2-base/styles/definition/fluent' as *;
+@use 'ej2-buttons/styles/button/fluent-definition' as *;
+@use 'ej2-buttons/styles/radio-button/fluent-definition' as *;
+@use 'ej2-splitbuttons/styles/button-group/fluent-definition' as *;
+@use 'ej2-splitbuttons/styles/drop-down-button/fluent-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/fluent-definition' as *;
+@use 'ej2-dropdowns/styles/multi-select/fluent-definition' as *;
+@use 'ej2-calendars/styles/datepicker/fluent-definition' as *;
+@use 'ej2-inputs/styles/numerictextbox/fluent-definition' as *;
+@use 'ej2-inputs/styles/textbox/fluent-definition' as *;
+@use 'ej2-popups/styles/tooltip/fluent-definition' as *;
+@use 'ej2-popups/styles/spinner/fluent-definition' as *;
+@use 'query-builder/fluent-definition' as *;
+@use 'query-builder/icons/fluent' as *;
+@use 'query-builder/all' as *;

package/styles/fluent.css

@@ -764,42 +764,6 @@
   color: #d13438;
 }
 
-.e-querybuilder-spinner::before {
-  content: "";
-  position: absolute;
-  left: 50%;
-  -webkit-transform: translateX(-50%);
-          transform: translateX(-50%);
-  width: 16px;
-  height: 16px;
-  border: 2px solid #c7e0f4;
-  border-top: 2px solid #0078d4;
-  border-radius: 50%;
-  -webkit-animation: spin 1s linear infinite;
-          animation: spin 1s linear infinite;
-}
-
-@-webkit-keyframes spin {
-  0% {
-    -webkit-transform: translateX(-50%) rotate(0deg);
-            transform: translateX(-50%) rotate(0deg);
-  }
-  100% {
-    -webkit-transform: translateX(-50%) rotate(360deg);
-            transform: translateX(-50%) rotate(360deg);
-  }
-}
-
-@keyframes spin {
-  0% {
-    -webkit-transform: translateX(-50%) rotate(0deg);
-            transform: translateX(-50%) rotate(0deg);
-  }
-  100% {
-    -webkit-transform: translateX(-50%) rotate(360deg);
-            transform: translateX(-50%) rotate(360deg);
-  }
-}
 .e-query-builder.e-device.e-multi-connector .e-rule-list .e-group-container,
 .e-bigger.e-query-builder.e-multi-connector .e-rule-list .e-group-container,
 .e-bigger .e-query-builder.e-multi-connector .e-rule-list .e-group-container {

package/styles/fluent.scss

@@ -1,16 +1,16 @@
-@import 'ej2-base/styles/definition/fluent.scss';
-@import 'ej2-buttons/styles/button/fluent-definition.scss';
-@import 'ej2-buttons/styles/radio-button/fluent-definition.scss';
-@import 'ej2-splitbuttons/styles/button-group/fluent-definition.scss';
-@import 'ej2-splitbuttons/styles/drop-down-button/fluent-definition.scss';
-@import 'ej2-dropdowns/styles/drop-down-list/fluent-definition.scss';
-@import 'ej2-dropdowns/styles/multi-select/fluent-definition.scss';
-@import 'ej2-calendars/styles/datepicker/fluent-definition.scss';
-@import 'ej2-inputs/styles/numerictextbox/fluent-definition.scss';
-@import 'ej2-inputs/styles/textbox/fluent-definition.scss';
-@import 'ej2-popups/styles/tooltip/fluent-definition.scss';
-@import 'ej2-popups/styles/spinner/fluent-definition.scss';
-@import 'query-builder/fluent-definition.scss';
-@import 'query-builder/icons/fluent.scss';
-@import 'query-builder/all.scss';
-@import 'query-builder/bigger.scss';
+@use 'ej2-base/styles/definition/fluent' as *;
+@use 'ej2-buttons/styles/button/fluent-definition' as *;
+@use 'ej2-buttons/styles/radio-button/fluent-definition' as *;
+@use 'ej2-splitbuttons/styles/button-group/fluent-definition' as *;
+@use 'ej2-splitbuttons/styles/drop-down-button/fluent-definition' as *;
+@use 'ej2-dropdowns/styles/drop-down-list/fluent-definition' as *;
+@use 'ej2-dropdowns/styles/multi-select/fluent-definition' as *;
+@use 'ej2-calendars/styles/datepicker/fluent-definition' as *;
+@use 'ej2-inputs/styles/numerictextbox/fluent-definition' as *;
+@use 'ej2-inputs/styles/textbox/fluent-definition' as *;
+@use 'ej2-popups/styles/tooltip/fluent-definition' as *;
+@use 'ej2-popups/styles/spinner/fluent-definition' as *;
+@use 'query-builder/fluent-definition' as *;
+@use 'query-builder/icons/fluent' as *;
+@use 'query-builder/all' as *;
+@use 'query-builder/bigger' as *;