@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
@@ -161,6 +161,7 @@ let QueryBuilder = class QueryBuilder extends Component {
161
161
  this.cloneRuleBtnClick = false;
162
162
  this.isValueEmpty = false;
163
163
  this.isPropChange = false;
164
+ this.isRuleClicked = false;
164
165
  MultiSelect.Inject(CheckBoxSelection);
165
166
  }
166
167
  getPersistData() {
@@ -516,6 +517,7 @@ let QueryBuilder = class QueryBuilder extends Component {
516
517
  case target.className.indexOf('e-clone-rule-btn') > -1:
517
518
  this.actionButton = target;
518
519
  this.cloneRuleBtnClick = true;
520
+ this.isRuleClicked = true;
519
521
  this.ruleClone(target);
520
522
  break;
521
523
  case target.className.indexOf('e-lock-rule-btn') > -1:
@@ -529,6 +531,7 @@ let QueryBuilder = class QueryBuilder extends Component {
529
531
  case target.className.indexOf('e-clone-grp-btn') > -1:
530
532
  this.actionButton = target;
531
533
  this.cloneGrpBtnClick = true;
534
+ this.isRuleClicked = true;
532
535
  this.groupClone(closest(target, '.e-group-container'));
533
536
  break;
534
537
  case target.className.indexOf('e-deletegroup') > -1:
@@ -688,9 +691,11 @@ let QueryBuilder = class QueryBuilder extends Component {
688
691
  }
689
692
  }
690
693
  else if (event.element.children[0].className.indexOf('e-addrule') > -1) {
694
+ this.isRuleClicked = true;
691
695
  this.addRuleElement(closest(target, '.e-group-container'), {});
692
696
  }
693
697
  else if (event.element.children[0].className.indexOf('e-addgroup') > -1) {
698
+ this.isRuleClicked = true;
694
699
  this.addGroupElement(true, closest(target, '.e-group-container'), '', true);
695
700
  }
696
701
  }
@@ -889,6 +894,10 @@ let QueryBuilder = class QueryBuilder extends Component {
889
894
  if (!this.isImportRules) {
890
895
  this.updateAddedRule(trgt, rule, newRule, isRlTmp, pId, this.enableSeparateConnector ? true : null);
891
896
  }
897
+ if (this.rule.condition === '' && (this.isRuleClicked || this.rule.rules.length > 1)) {
898
+ this.rule.condition = 'and';
899
+ }
900
+ this.isRuleClicked = false;
892
901
  const ruleCount = this.rule.rules.length;
893
902
  if (!column || (column && !column.ruleTemplate) || !rule.field) {
894
903
  if (ruleCount > 20) {
@@ -4028,6 +4037,7 @@ let QueryBuilder = class QueryBuilder extends Component {
4028
4037
  }
4029
4038
  classList(this.element, [], ['e-rtl', 'e-responsive', 'e-device']);
4030
4039
  this.isDestroy = false;
4040
+ super.destroy();
4031
4041
  }
4032
4042
  /**
4033
4043
  * Adds single or multiple rules.
@@ -7418,6 +7428,9 @@ let QueryBuilder = class QueryBuilder extends Component {
7418
7428
  __decorate([
7419
7429
  Event()
7420
7430
  ], QueryBuilder.prototype, "created", void 0);
7431
+ __decorate([
7432
+ Event()
7433
+ ], QueryBuilder.prototype, "destroyed", void 0);
7421
7434
  __decorate([
7422
7435
  Event()
7423
7436
  ], QueryBuilder.prototype, "actionBegin", void 0);