@syncfusion/ej2-querybuilder 31.1.17 → 31.1.22

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 (94) hide show
  1. package/dist/ej2-querybuilder.min.js +3 -3
  2. package/dist/ej2-querybuilder.umd.min.js +3 -3
  3. package/dist/ej2-querybuilder.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-querybuilder.es2015.js +30 -9
  5. package/dist/es6/ej2-querybuilder.es2015.js.map +1 -1
  6. package/dist/es6/ej2-querybuilder.es5.js +30 -9
  7. package/dist/es6/ej2-querybuilder.es5.js.map +1 -1
  8. package/dist/global/ej2-querybuilder.min.js +3 -3
  9. package/dist/global/ej2-querybuilder.min.js.map +1 -1
  10. package/dist/global/index.d.ts +2 -2
  11. package/package.json +13 -45
  12. package/src/query-builder/query-builder.js +30 -9
  13. package/styles/bds-lite.css +37 -0
  14. package/styles/bds.css +36 -0
  15. package/styles/bootstrap-dark-lite.css +37 -0
  16. package/styles/bootstrap-dark.css +36 -0
  17. package/styles/bootstrap-lite.css +37 -0
  18. package/styles/bootstrap.css +36 -0
  19. package/styles/bootstrap4-lite.css +45 -0
  20. package/styles/bootstrap4.css +44 -0
  21. package/styles/bootstrap5-dark-lite.css +37 -0
  22. package/styles/bootstrap5-dark.css +36 -0
  23. package/styles/bootstrap5-lite.css +37 -0
  24. package/styles/bootstrap5.3-lite.css +37 -0
  25. package/styles/bootstrap5.3.css +36 -0
  26. package/styles/bootstrap5.css +36 -0
  27. package/styles/fabric-dark-lite.css +37 -0
  28. package/styles/fabric-dark.css +36 -0
  29. package/styles/fabric-lite.css +37 -0
  30. package/styles/fabric.css +36 -0
  31. package/styles/fluent-dark-lite.css +37 -0
  32. package/styles/fluent-dark.css +36 -0
  33. package/styles/fluent-lite.css +37 -0
  34. package/styles/fluent.css +36 -0
  35. package/styles/fluent2-lite.css +37 -0
  36. package/styles/fluent2.css +36 -0
  37. package/styles/highcontrast-light-lite.css +37 -0
  38. package/styles/highcontrast-light.css +36 -0
  39. package/styles/highcontrast-lite.css +37 -0
  40. package/styles/highcontrast.css +36 -0
  41. package/styles/material-dark-lite.css +37 -0
  42. package/styles/material-dark.css +36 -0
  43. package/styles/material-lite.css +37 -0
  44. package/styles/material.css +36 -0
  45. package/styles/material3-dark-lite.css +37 -0
  46. package/styles/material3-dark.css +36 -0
  47. package/styles/material3-lite.css +37 -0
  48. package/styles/material3.css +36 -0
  49. package/styles/query-builder/_bootstrap-dark-definition.scss +2 -0
  50. package/styles/query-builder/_bootstrap-definition.scss +2 -0
  51. package/styles/query-builder/_bootstrap4-definition.scss +1 -0
  52. package/styles/query-builder/_fabric-dark-definition.scss +2 -0
  53. package/styles/query-builder/_fabric-definition.scss +2 -0
  54. package/styles/query-builder/_highcontrast-definition.scss +2 -0
  55. package/styles/query-builder/_highcontrast-light-definition.scss +2 -0
  56. package/styles/query-builder/_material-dark-definition.scss +1 -0
  57. package/styles/query-builder/_material-definition.scss +1 -0
  58. package/styles/query-builder/_theme.scss +23 -0
  59. package/styles/query-builder/bds.css +36 -0
  60. package/styles/query-builder/bootstrap-dark.css +36 -0
  61. package/styles/query-builder/bootstrap.css +36 -0
  62. package/styles/query-builder/bootstrap4.css +44 -0
  63. package/styles/query-builder/bootstrap5-dark.css +36 -0
  64. package/styles/query-builder/bootstrap5.3.css +36 -0
  65. package/styles/query-builder/bootstrap5.css +36 -0
  66. package/styles/query-builder/fabric-dark.css +36 -0
  67. package/styles/query-builder/fabric.css +36 -0
  68. package/styles/query-builder/fluent-dark.css +36 -0
  69. package/styles/query-builder/fluent.css +36 -0
  70. package/styles/query-builder/fluent2.css +36 -0
  71. package/styles/query-builder/highcontrast-light.css +36 -0
  72. package/styles/query-builder/highcontrast.css +36 -0
  73. package/styles/query-builder/material-dark.css +36 -0
  74. package/styles/query-builder/material.css +36 -0
  75. package/styles/query-builder/material3-dark.css +36 -0
  76. package/styles/query-builder/material3.css +36 -0
  77. package/styles/query-builder/tailwind-dark.css +36 -0
  78. package/styles/query-builder/tailwind.css +36 -0
  79. package/styles/query-builder/tailwind3.css +36 -0
  80. package/styles/tailwind-dark-lite.css +37 -0
  81. package/styles/tailwind-dark.css +36 -0
  82. package/styles/tailwind-lite.css +37 -0
  83. package/styles/tailwind.css +36 -0
  84. package/styles/tailwind3-lite.css +37 -0
  85. package/styles/tailwind3.css +36 -0
  86. package/dist/ts/index.d.ts +0 -4
  87. package/dist/ts/index.ts +0 -4
  88. package/dist/ts/query-builder/index.d.ts +0 -6
  89. package/dist/ts/query-builder/index.ts +0 -6
  90. package/dist/ts/query-builder/query-builder-model.d.ts +0 -569
  91. package/dist/ts/query-builder/query-builder.d.ts +0 -1172
  92. package/dist/ts/query-builder/query-builder.ts +0 -7612
  93. package/dist/ts/query-builder/query-library.d.ts +0 -24
  94. package/dist/ts/query-builder/query-library.ts +0 -625
package/styles/query-builder/tailwind3.css CHANGED
@@ -780,6 +780,42 @@
780
780
  color: var(--color-sf-danger-bg-color);
781
781
  }
782
782
 
783
+ .querybuilder-spinner::before {
784
+ content: "";
785
+ position: absolute;
786
+ left: 50%;
787
+ -webkit-transform: translateX(-50%);
788
+ transform: translateX(-50%);
789
+ width: 16px;
790
+ height: 16px;
791
+ border: 2px solid var(--color-sf-primary-light);
792
+ border-top: 2px solid var(--color-sf-primary);
793
+ border-radius: 50%;
794
+ -webkit-animation: spin 1s linear infinite;
795
+ animation: spin 1s linear infinite;
796
+ }
797
+
798
+ @-webkit-keyframes spin {
799
+ 0% {
800
+ -webkit-transform: translateX(-50%) rotate(0deg);
801
+ transform: translateX(-50%) rotate(0deg);
802
+ }
803
+ 100% {
804
+ -webkit-transform: translateX(-50%) rotate(360deg);
805
+ transform: translateX(-50%) rotate(360deg);
806
+ }
807
+ }
808
+
809
+ @keyframes spin {
810
+ 0% {
811
+ -webkit-transform: translateX(-50%) rotate(0deg);
812
+ transform: translateX(-50%) rotate(0deg);
813
+ }
814
+ 100% {
815
+ -webkit-transform: translateX(-50%) rotate(360deg);
816
+ transform: translateX(-50%) rotate(360deg);
817
+ }
818
+ }
783
819
  .e-query-builder.e-device.e-multi-connector .e-rule-list .e-group-container,
784
820
  .e-bigger.e-query-builder.e-multi-connector .e-rule-list .e-group-container,
785
821
  .e-bigger .e-query-builder.e-multi-connector .e-rule-list .e-group-container {
package/styles/tailwind-dark-lite.css CHANGED
@@ -729,4 +729,41 @@
729
729
  .e-tooltip-wrap.e-querybuilder-error .e-tip-content,
730
730
  .e-tooltip-wrap.e-querybuilder-error .e-tip-content label {
731
731
  color: #f87171;
732
+ }
733
+
734
+ .querybuilder-spinner::before {
735
+ content: "";
736
+ position: absolute;
737
+ left: 50%;
738
+ -webkit-transform: translateX(-50%);
739
+ transform: translateX(-50%);
740
+ width: 16px;
741
+ height: 16px;
742
+ border: 2px solid #0891b2;
743
+ border-top: 2px solid #22d3ee;
744
+ border-radius: 50%;
745
+ -webkit-animation: spin 1s linear infinite;
746
+ animation: spin 1s linear infinite;
747
+ }
748
+
749
+ @-webkit-keyframes spin {
750
+ 0% {
751
+ -webkit-transform: translateX(-50%) rotate(0deg);
752
+ transform: translateX(-50%) rotate(0deg);
753
+ }
754
+ 100% {
755
+ -webkit-transform: translateX(-50%) rotate(360deg);
756
+ transform: translateX(-50%) rotate(360deg);
757
+ }
758
+ }
759
+
760
+ @keyframes spin {
761
+ 0% {
762
+ -webkit-transform: translateX(-50%) rotate(0deg);
763
+ transform: translateX(-50%) rotate(0deg);
764
+ }
765
+ 100% {
766
+ -webkit-transform: translateX(-50%) rotate(360deg);
767
+ transform: translateX(-50%) rotate(360deg);
768
+ }
732
769
  }
package/styles/tailwind-dark.css CHANGED
@@ -731,6 +731,42 @@
731
731
  color: #f87171;
732
732
  }
733
733
 
734
+ .querybuilder-spinner::before {
735
+ content: "";
736
+ position: absolute;
737
+ left: 50%;
738
+ -webkit-transform: translateX(-50%);
739
+ transform: translateX(-50%);
740
+ width: 16px;
741
+ height: 16px;
742
+ border: 2px solid #0891b2;
743
+ border-top: 2px solid #22d3ee;
744
+ border-radius: 50%;
745
+ -webkit-animation: spin 1s linear infinite;
746
+ animation: spin 1s linear infinite;
747
+ }
748
+
749
+ @-webkit-keyframes spin {
750
+ 0% {
751
+ -webkit-transform: translateX(-50%) rotate(0deg);
752
+ transform: translateX(-50%) rotate(0deg);
753
+ }
754
+ 100% {
755
+ -webkit-transform: translateX(-50%) rotate(360deg);
756
+ transform: translateX(-50%) rotate(360deg);
757
+ }
758
+ }
759
+
760
+ @keyframes spin {
761
+ 0% {
762
+ -webkit-transform: translateX(-50%) rotate(0deg);
763
+ transform: translateX(-50%) rotate(0deg);
764
+ }
765
+ 100% {
766
+ -webkit-transform: translateX(-50%) rotate(360deg);
767
+ transform: translateX(-50%) rotate(360deg);
768
+ }
769
+ }
734
770
  .e-query-builder.e-device.e-multi-connector .e-rule-list .e-group-container,
735
771
  .e-bigger.e-query-builder.e-multi-connector .e-rule-list .e-group-container,
736
772
  .e-bigger .e-query-builder.e-multi-connector .e-rule-list .e-group-container {
package/styles/tailwind-lite.css CHANGED
@@ -729,4 +729,41 @@
729
729
  .e-tooltip-wrap.e-querybuilder-error .e-tip-content,
730
730
  .e-tooltip-wrap.e-querybuilder-error .e-tip-content label {
731
731
  color: #dc2626;
732
+ }
733
+
734
+ .querybuilder-spinner::before {
735
+ content: "";
736
+ position: absolute;
737
+ left: 50%;
738
+ -webkit-transform: translateX(-50%);
739
+ transform: translateX(-50%);
740
+ width: 16px;
741
+ height: 16px;
742
+ border: 2px solid #818cf8;
743
+ border-top: 2px solid #4f46e5;
744
+ border-radius: 50%;
745
+ -webkit-animation: spin 1s linear infinite;
746
+ animation: spin 1s linear infinite;
747
+ }
748
+
749
+ @-webkit-keyframes spin {
750
+ 0% {
751
+ -webkit-transform: translateX(-50%) rotate(0deg);
752
+ transform: translateX(-50%) rotate(0deg);
753
+ }
754
+ 100% {
755
+ -webkit-transform: translateX(-50%) rotate(360deg);
756
+ transform: translateX(-50%) rotate(360deg);
757
+ }
758
+ }
759
+
760
+ @keyframes spin {
761
+ 0% {
762
+ -webkit-transform: translateX(-50%) rotate(0deg);
763
+ transform: translateX(-50%) rotate(0deg);
764
+ }
765
+ 100% {
766
+ -webkit-transform: translateX(-50%) rotate(360deg);
767
+ transform: translateX(-50%) rotate(360deg);
768
+ }
732
769
  }
package/styles/tailwind.css CHANGED
@@ -731,6 +731,42 @@
731
731
  color: #dc2626;
732
732
  }
733
733
 
734
+ .querybuilder-spinner::before {
735
+ content: "";
736
+ position: absolute;
737
+ left: 50%;
738
+ -webkit-transform: translateX(-50%);
739
+ transform: translateX(-50%);
740
+ width: 16px;
741
+ height: 16px;
742
+ border: 2px solid #818cf8;
743
+ border-top: 2px solid #4f46e5;
744
+ border-radius: 50%;
745
+ -webkit-animation: spin 1s linear infinite;
746
+ animation: spin 1s linear infinite;
747
+ }
748
+
749
+ @-webkit-keyframes spin {
750
+ 0% {
751
+ -webkit-transform: translateX(-50%) rotate(0deg);
752
+ transform: translateX(-50%) rotate(0deg);
753
+ }
754
+ 100% {
755
+ -webkit-transform: translateX(-50%) rotate(360deg);
756
+ transform: translateX(-50%) rotate(360deg);
757
+ }
758
+ }
759
+
760
+ @keyframes spin {
761
+ 0% {
762
+ -webkit-transform: translateX(-50%) rotate(0deg);
763
+ transform: translateX(-50%) rotate(0deg);
764
+ }
765
+ 100% {
766
+ -webkit-transform: translateX(-50%) rotate(360deg);
767
+ transform: translateX(-50%) rotate(360deg);
768
+ }
769
+ }
734
770
  .e-query-builder.e-device.e-multi-connector .e-rule-list .e-group-container,
735
771
  .e-bigger.e-query-builder.e-multi-connector .e-rule-list .e-group-container,
736
772
  .e-bigger .e-query-builder.e-multi-connector .e-rule-list .e-group-container {
package/styles/tailwind3-lite.css CHANGED
@@ -778,4 +778,41 @@
778
778
  .e-tooltip-wrap.e-querybuilder-error .e-tip-content,
779
779
  .e-tooltip-wrap.e-querybuilder-error .e-tip-content label {
780
780
  color: var(--color-sf-danger-bg-color);
781
+ }
782
+
783
+ .querybuilder-spinner::before {
784
+ content: "";
785
+ position: absolute;
786
+ left: 50%;
787
+ -webkit-transform: translateX(-50%);
788
+ transform: translateX(-50%);
789
+ width: 16px;
790
+ height: 16px;
791
+ border: 2px solid var(--color-sf-primary-light);
792
+ border-top: 2px solid var(--color-sf-primary);
793
+ border-radius: 50%;
794
+ -webkit-animation: spin 1s linear infinite;
795
+ animation: spin 1s linear infinite;
796
+ }
797
+
798
+ @-webkit-keyframes spin {
799
+ 0% {
800
+ -webkit-transform: translateX(-50%) rotate(0deg);
801
+ transform: translateX(-50%) rotate(0deg);
802
+ }
803
+ 100% {
804
+ -webkit-transform: translateX(-50%) rotate(360deg);
805
+ transform: translateX(-50%) rotate(360deg);
806
+ }
807
+ }
808
+
809
+ @keyframes spin {
810
+ 0% {
811
+ -webkit-transform: translateX(-50%) rotate(0deg);
812
+ transform: translateX(-50%) rotate(0deg);
813
+ }
814
+ 100% {
815
+ -webkit-transform: translateX(-50%) rotate(360deg);
816
+ transform: translateX(-50%) rotate(360deg);
817
+ }
781
818
  }
package/styles/tailwind3.css CHANGED
@@ -780,6 +780,42 @@
780
780
  color: var(--color-sf-danger-bg-color);
781
781
  }
782
782
 
783
+ .querybuilder-spinner::before {
784
+ content: "";
785
+ position: absolute;
786
+ left: 50%;
787
+ -webkit-transform: translateX(-50%);
788
+ transform: translateX(-50%);
789
+ width: 16px;
790
+ height: 16px;
791
+ border: 2px solid var(--color-sf-primary-light);
792
+ border-top: 2px solid var(--color-sf-primary);
793
+ border-radius: 50%;
794
+ -webkit-animation: spin 1s linear infinite;
795
+ animation: spin 1s linear infinite;
796
+ }
797
+
798
+ @-webkit-keyframes spin {
799
+ 0% {
800
+ -webkit-transform: translateX(-50%) rotate(0deg);
801
+ transform: translateX(-50%) rotate(0deg);
802
+ }
803
+ 100% {
804
+ -webkit-transform: translateX(-50%) rotate(360deg);
805
+ transform: translateX(-50%) rotate(360deg);
806
+ }
807
+ }
808
+
809
+ @keyframes spin {
810
+ 0% {
811
+ -webkit-transform: translateX(-50%) rotate(0deg);
812
+ transform: translateX(-50%) rotate(0deg);
813
+ }
814
+ 100% {
815
+ -webkit-transform: translateX(-50%) rotate(360deg);
816
+ transform: translateX(-50%) rotate(360deg);
817
+ }
818
+ }
783
819
  .e-query-builder.e-device.e-multi-connector .e-rule-list .e-group-container,
784
820
  .e-bigger.e-query-builder.e-multi-connector .e-rule-list .e-group-container,
785
821
  .e-bigger .e-query-builder.e-multi-connector .e-rule-list .e-group-container {
package/dist/ts/index.d.ts DELETED
@@ -1,4 +0,0 @@
1
- /**
2
- * QueryBuilder all modules
3
- */
4
- export * from './query-builder/index';
package/dist/ts/index.ts DELETED
@@ -1,4 +0,0 @@
1
- /**
2
- * QueryBuilder all modules
3
- */
4
- export * from './query-builder/index';
package/dist/ts/query-builder/index.d.ts DELETED
@@ -1,6 +0,0 @@
1
- /**
2
- * QueryBuilder modules
3
- */
4
- export * from './query-builder';
5
- export * from './query-builder-model';
6
- export * from './query-library';
package/dist/ts/query-builder/index.ts DELETED
@@ -1,6 +0,0 @@
1
- /**
2
- * QueryBuilder modules
3
- */
4
- export * from './query-builder';
5
- export * from './query-builder-model';
6
- export * from './query-library';