@syncfusion/ej2-querybuilder 31.1.22 → 31.2.2

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 (96) 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 +13 -0
  5. package/dist/es6/ej2-querybuilder.es2015.js.map +1 -1
  6. package/dist/es6/ej2-querybuilder.es5.js +13 -0
  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-model.d.ts +7 -0
  13. package/src/query-builder/query-builder.d.ts +7 -0
  14. package/src/query-builder/query-builder.js +13 -0
  15. package/styles/bds-lite.css +1 -1
  16. package/styles/bds.css +1 -1
  17. package/styles/bootstrap-dark-lite.css +1 -1
  18. package/styles/bootstrap-dark.css +1 -1
  19. package/styles/bootstrap-lite.css +1 -1
  20. package/styles/bootstrap.css +1 -1
  21. package/styles/bootstrap4-lite.css +1 -1
  22. package/styles/bootstrap4.css +1 -1
  23. package/styles/bootstrap5-dark-lite.css +1 -1
  24. package/styles/bootstrap5-dark.css +1 -1
  25. package/styles/bootstrap5-lite.css +1 -1
  26. package/styles/bootstrap5.3-lite.css +1 -1
  27. package/styles/bootstrap5.3.css +1 -1
  28. package/styles/bootstrap5.css +1 -1
  29. package/styles/fabric-dark-lite.css +1 -1
  30. package/styles/fabric-dark.css +1 -1
  31. package/styles/fabric-lite.css +1 -1
  32. package/styles/fabric.css +1 -1
  33. package/styles/fluent-dark-lite.css +1 -1
  34. package/styles/fluent-dark.css +1 -1
  35. package/styles/fluent-lite.css +1 -1
  36. package/styles/fluent.css +1 -1
  37. package/styles/fluent2-lite.css +1 -1
  38. package/styles/fluent2.css +1 -1
  39. package/styles/highcontrast-light-lite.css +1 -1
  40. package/styles/highcontrast-light.css +1 -1
  41. package/styles/highcontrast-lite.css +1 -1
  42. package/styles/highcontrast.css +1 -1
  43. package/styles/material-dark-lite.css +1 -1
  44. package/styles/material-dark.css +1 -1
  45. package/styles/material-lite.css +1 -1
  46. package/styles/material.css +1 -1
  47. package/styles/material3-dark-lite.css +3 -3
  48. package/styles/material3-dark.css +3 -3
  49. package/styles/material3-lite.css +3 -3
  50. package/styles/material3.css +3 -3
  51. package/styles/query-builder/_bds-definition.scss +2 -0
  52. package/styles/query-builder/_bootstrap-dark-definition.scss +2 -2
  53. package/styles/query-builder/_bootstrap-definition.scss +2 -0
  54. package/styles/query-builder/_bootstrap4-definition.scss +2 -0
  55. package/styles/query-builder/_bootstrap5-definition.scss +2 -0
  56. package/styles/query-builder/_bootstrap5.3-definition.scss +2 -0
  57. package/styles/query-builder/_fabric-dark-definition.scss +2 -0
  58. package/styles/query-builder/_fabric-definition.scss +2 -0
  59. package/styles/query-builder/_fluent-definition.scss +2 -0
  60. package/styles/query-builder/_fluent2-definition.scss +2 -0
  61. package/styles/query-builder/_fusionnew-definition.scss +2 -0
  62. package/styles/query-builder/_highcontrast-definition.scss +2 -0
  63. package/styles/query-builder/_highcontrast-light-definition.scss +2 -0
  64. package/styles/query-builder/_material-dark-definition.scss +2 -0
  65. package/styles/query-builder/_material-definition.scss +2 -0
  66. package/styles/query-builder/_material3-definition.scss +2 -0
  67. package/styles/query-builder/_tailwind-definition.scss +2 -0
  68. package/styles/query-builder/_tailwind3-definition.scss +2 -0
  69. package/styles/query-builder/_theme.scss +3 -3
  70. package/styles/query-builder/bds.css +1 -1
  71. package/styles/query-builder/bootstrap-dark.css +1 -1
  72. package/styles/query-builder/bootstrap.css +1 -1
  73. package/styles/query-builder/bootstrap4.css +1 -1
  74. package/styles/query-builder/bootstrap5-dark.css +1 -1
  75. package/styles/query-builder/bootstrap5.3.css +1 -1
  76. package/styles/query-builder/bootstrap5.css +1 -1
  77. package/styles/query-builder/fabric-dark.css +1 -1
  78. package/styles/query-builder/fabric.css +1 -1
  79. package/styles/query-builder/fluent-dark.css +1 -1
  80. package/styles/query-builder/fluent.css +1 -1
  81. package/styles/query-builder/fluent2.css +1 -1
  82. package/styles/query-builder/highcontrast-light.css +1 -1
  83. package/styles/query-builder/highcontrast.css +1 -1
  84. package/styles/query-builder/material-dark.css +1 -1
  85. package/styles/query-builder/material.css +1 -1
  86. package/styles/query-builder/material3-dark.css +3 -3
  87. package/styles/query-builder/material3.css +3 -3
  88. package/styles/query-builder/tailwind-dark.css +1 -1
  89. package/styles/query-builder/tailwind.css +1 -1
  90. package/styles/query-builder/tailwind3.css +1 -1
  91. package/styles/tailwind-dark-lite.css +1 -1
  92. package/styles/tailwind-dark.css +1 -1
  93. package/styles/tailwind-lite.css +1 -1
  94. package/styles/tailwind.css +1 -1
  95. package/styles/tailwind3-lite.css +1 -1
  96. package/styles/tailwind3.css +1 -1
@@ -111,3 +111,5 @@ $qrybldr-drag-grp-big-list-heg: 32px !default;
111
111
  $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 5px !default;
112
112
  $qryblr-drag-icon-color: rgba($grey-black, .87) !default;
113
113
  $primary-light: $primary-300 !default;
114
+ $spinner-border-light-color: $primary-light !default;
115
+ $spinner-border-color: $primary !default;
@@ -115,3 +115,5 @@ $qrybldr-drag-grp-list-heg: 26px !default;
115
115
  $qrybldr-drag-grp-big-list-heg: 34px !default;
116
116
  $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 3px !default;
117
117
  $qryblr-drag-icon-color: rgba($secondary-text-color) !default;
118
+ $spinner-border-light-color: rgba($primary-light) !default;
119
+ $spinner-border-color: rgba($primary) !default;
@@ -112,3 +112,5 @@ $qrybldr-drag-grp-list-heg: 28px !default;
112
112
  $qrybldr-drag-grp-big-list-heg: 34px !default;
113
113
  $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 6px !default;
114
114
  $qryblr-drag-icon-color: $secondary-text-color !default;
115
+ $spinner-border-light-color: $primary-light !default;
116
+ $spinner-border-color: $primary !default;
@@ -113,3 +113,5 @@ $qrybldr-drag-grp-list-heg: 28px !default;
113
113
  $qrybldr-drag-grp-big-list-heg: 34px !default;
114
114
  $qrybldr-drag-grp-big-icon-pad: 10px 10px 10px 5px !default;
115
115
  $qryblr-drag-icon-color: $icon-color !default;
116
+ $spinner-border-light-color: $primary-light !default;
117
+ $spinner-border-color: $primary !default;
@@ -238,15 +238,15 @@
238
238
  }
239
239
  }
240
240
 
241
- .querybuilder-spinner::before {
241
+ .e-querybuilder-spinner::before {
242
242
  content: '';
243
243
  position: absolute;
244
244
  left: 50%;
245
245
  transform: translateX(-50%);
246
246
  width: 16px;
247
247
  height: 16px;
248
- border: 2px solid $primary-light;
249
- border-top: 2px solid $primary;
248
+ border: 2px solid $spinner-border-light-color;
249
+ border-top: 2px solid $spinner-border-color;
250
250
  border-radius: 50%;
251
251
  animation: spin 1s linear infinite;
252
252
  }
@@ -836,7 +836,7 @@
836
836
  color: #d92c20;
837
837
  }
838
838
 
839
- .querybuilder-spinner::before {
839
+ .e-querybuilder-spinner::before {
840
840
  content: "";
841
841
  position: absolute;
842
842
  left: 50%;
@@ -733,7 +733,7 @@
733
733
  color: #f44336;
734
734
  }
735
735
 
736
- .querybuilder-spinner::before {
736
+ .e-querybuilder-spinner::before {
737
737
  content: "";
738
738
  position: absolute;
739
739
  left: 50%;
@@ -718,7 +718,7 @@
718
718
  color: #f44336;
719
719
  }
720
720
 
721
- .querybuilder-spinner::before {
721
+ .e-querybuilder-spinner::before {
722
722
  content: "";
723
723
  position: absolute;
724
724
  left: 50%;
@@ -794,7 +794,7 @@
794
794
  color: #f44336;
795
795
  }
796
796
 
797
- .querybuilder-spinner::before {
797
+ .e-querybuilder-spinner::before {
798
798
  content: "";
799
799
  position: absolute;
800
800
  left: 50%;
@@ -773,7 +773,7 @@
773
773
  color: #dc3545;
774
774
  }
775
775
 
776
- .querybuilder-spinner::before {
776
+ .e-querybuilder-spinner::before {
777
777
  content: "";
778
778
  position: absolute;
779
779
  left: 50%;
@@ -784,7 +784,7 @@
784
784
  box-shadow: inset 0 0 0 1px var(--color-sf-shadow-color), inset 0 0 0 2px var(--color-sf-shadow-color1) !important; /* stylelint-disable-line declaration-no-important */
785
785
  }
786
786
 
787
- .querybuilder-spinner::before {
787
+ .e-querybuilder-spinner::before {
788
788
  content: "";
789
789
  position: absolute;
790
790
  left: 50%;
@@ -773,7 +773,7 @@
773
773
  color: #dc3545;
774
774
  }
775
775
 
776
- .querybuilder-spinner::before {
776
+ .e-querybuilder-spinner::before {
777
777
  content: "";
778
778
  position: absolute;
779
779
  left: 50%;
@@ -695,7 +695,7 @@
695
695
  color: #f44336;
696
696
  }
697
697
 
698
- .querybuilder-spinner::before {
698
+ .e-querybuilder-spinner::before {
699
699
  content: "";
700
700
  position: absolute;
701
701
  left: 50%;
@@ -684,7 +684,7 @@
684
684
  color: #f44336;
685
685
  }
686
686
 
687
- .querybuilder-spinner::before {
687
+ .e-querybuilder-spinner::before {
688
688
  content: "";
689
689
  position: absolute;
690
690
  left: 50%;
@@ -764,7 +764,7 @@
764
764
  color: #d13438;
765
765
  }
766
766
 
767
- .querybuilder-spinner::before {
767
+ .e-querybuilder-spinner::before {
768
768
  content: "";
769
769
  position: absolute;
770
770
  left: 50%;
@@ -764,7 +764,7 @@
764
764
  color: #d13438;
765
765
  }
766
766
 
767
- .querybuilder-spinner::before {
767
+ .e-querybuilder-spinner::before {
768
768
  content: "";
769
769
  position: absolute;
770
770
  left: 50%;
@@ -776,7 +776,7 @@
776
776
  background: var(--color-sf-content-bg-color-alt1) !important; /* stylelint-disable-line declaration-no-important */
777
777
  }
778
778
 
779
- .querybuilder-spinner::before {
779
+ .e-querybuilder-spinner::before {
780
780
  content: "";
781
781
  position: absolute;
782
782
  left: 50%;
@@ -778,7 +778,7 @@
778
778
  color: #000;
779
779
  }
780
780
 
781
- .querybuilder-spinner::before {
781
+ .e-querybuilder-spinner::before {
782
782
  content: "";
783
783
  position: absolute;
784
784
  left: 50%;
@@ -806,7 +806,7 @@
806
806
  color: #fff;
807
807
  }
808
808
 
809
- .querybuilder-spinner::before {
809
+ .e-querybuilder-spinner::before {
810
810
  content: "";
811
811
  position: absolute;
812
812
  left: 50%;
@@ -730,7 +730,7 @@
730
730
  color: #f44336;
731
731
  }
732
732
 
733
- .querybuilder-spinner::before {
733
+ .e-querybuilder-spinner::before {
734
734
  content: "";
735
735
  position: absolute;
736
736
  left: 50%;
@@ -745,7 +745,7 @@
745
745
  color: #f44336;
746
746
  }
747
747
 
748
- .querybuilder-spinner::before {
748
+ .e-querybuilder-spinner::before {
749
749
  content: "";
750
750
  position: absolute;
751
751
  left: 50%;
@@ -743,7 +743,7 @@
743
743
  color: rgba(var(--color-sf-error));
744
744
  }
745
745
 
746
- .querybuilder-spinner::before {
746
+ .e-querybuilder-spinner::before {
747
747
  content: "";
748
748
  position: absolute;
749
749
  left: 50%;
@@ -751,8 +751,8 @@
751
751
  transform: translateX(-50%);
752
752
  width: 16px;
753
753
  height: 16px;
754
- border: 2px solid var(--color-sf-primary-container);
755
- border-top: 2px solid var(--color-sf-primary);
754
+ border: 2px solid rgba(var(--color-sf-primary-container));
755
+ border-top: 2px solid rgba(var(--color-sf-primary));
756
756
  border-radius: 50%;
757
757
  -webkit-animation: spin 1s linear infinite;
758
758
  animation: spin 1s linear infinite;
@@ -745,7 +745,7 @@
745
745
  color: rgba(var(--color-sf-error));
746
746
  }
747
747
 
748
- .querybuilder-spinner::before {
748
+ .e-querybuilder-spinner::before {
749
749
  content: "";
750
750
  position: absolute;
751
751
  left: 50%;
@@ -753,8 +753,8 @@
753
753
  transform: translateX(-50%);
754
754
  width: 16px;
755
755
  height: 16px;
756
- border: 2px solid var(--color-sf-primary-container);
757
- border-top: 2px solid var(--color-sf-primary);
756
+ border: 2px solid rgba(var(--color-sf-primary-container));
757
+ border-top: 2px solid rgba(var(--color-sf-primary));
758
758
  border-radius: 50%;
759
759
  -webkit-animation: spin 1s linear infinite;
760
760
  animation: spin 1s linear infinite;
@@ -731,7 +731,7 @@
731
731
  color: #f87171;
732
732
  }
733
733
 
734
- .querybuilder-spinner::before {
734
+ .e-querybuilder-spinner::before {
735
735
  content: "";
736
736
  position: absolute;
737
737
  left: 50%;
@@ -731,7 +731,7 @@
731
731
  color: #dc2626;
732
732
  }
733
733
 
734
- .querybuilder-spinner::before {
734
+ .e-querybuilder-spinner::before {
735
735
  content: "";
736
736
  position: absolute;
737
737
  left: 50%;
@@ -780,7 +780,7 @@
780
780
  color: var(--color-sf-danger-bg-color);
781
781
  }
782
782
 
783
- .querybuilder-spinner::before {
783
+ .e-querybuilder-spinner::before {
784
784
  content: "";
785
785
  position: absolute;
786
786
  left: 50%;
@@ -731,7 +731,7 @@
731
731
  color: #f87171;
732
732
  }
733
733
 
734
- .querybuilder-spinner::before {
734
+ .e-querybuilder-spinner::before {
735
735
  content: "";
736
736
  position: absolute;
737
737
  left: 50%;
@@ -731,7 +731,7 @@
731
731
  color: #f87171;
732
732
  }
733
733
 
734
- .querybuilder-spinner::before {
734
+ .e-querybuilder-spinner::before {
735
735
  content: "";
736
736
  position: absolute;
737
737
  left: 50%;
@@ -731,7 +731,7 @@
731
731
  color: #dc2626;
732
732
  }
733
733
 
734
- .querybuilder-spinner::before {
734
+ .e-querybuilder-spinner::before {
735
735
  content: "";
736
736
  position: absolute;
737
737
  left: 50%;
@@ -731,7 +731,7 @@
731
731
  color: #dc2626;
732
732
  }
733
733
 
734
- .querybuilder-spinner::before {
734
+ .e-querybuilder-spinner::before {
735
735
  content: "";
736
736
  position: absolute;
737
737
  left: 50%;
@@ -780,7 +780,7 @@
780
780
  color: var(--color-sf-danger-bg-color);
781
781
  }
782
782
 
783
- .querybuilder-spinner::before {
783
+ .e-querybuilder-spinner::before {
784
784
  content: "";
785
785
  position: absolute;
786
786
  left: 50%;
@@ -780,7 +780,7 @@
780
780
  color: var(--color-sf-danger-bg-color);
781
781
  }
782
782
 
783
- .querybuilder-spinner::before {
783
+ .e-querybuilder-spinner::before {
784
784
  content: "";
785
785
  position: absolute;
786
786
  left: 50%;