@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
@@ -206,6 +206,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
206
206
  _this.cloneRuleBtnClick = false;
207
207
  _this.isValueEmpty = false;
208
208
  _this.isPropChange = false;
209
+ _this.isRuleClicked = false;
209
210
  MultiSelect.Inject(CheckBoxSelection);
210
211
  return _this;
211
212
  }
@@ -570,6 +571,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
570
571
  case target.className.indexOf('e-clone-rule-btn') > -1:
571
572
  this.actionButton = target;
572
573
  this.cloneRuleBtnClick = true;
574
+ this.isRuleClicked = true;
573
575
  this.ruleClone(target);
574
576
  break;
575
577
  case target.className.indexOf('e-lock-rule-btn') > -1:
@@ -583,6 +585,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
583
585
  case target.className.indexOf('e-clone-grp-btn') > -1:
584
586
  this.actionButton = target;
585
587
  this.cloneGrpBtnClick = true;
588
+ this.isRuleClicked = true;
586
589
  this.groupClone(closest(target, '.e-group-container'));
587
590
  break;
588
591
  case target.className.indexOf('e-deletegroup') > -1:
@@ -742,9 +745,11 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
742
745
  }
743
746
  }
744
747
  else if (event.element.children[0].className.indexOf('e-addrule') > -1) {
748
+ this.isRuleClicked = true;
745
749
  this.addRuleElement(closest(target, '.e-group-container'), {});
746
750
  }
747
751
  else if (event.element.children[0].className.indexOf('e-addgroup') > -1) {
752
+ this.isRuleClicked = true;
748
753
  this.addGroupElement(true, closest(target, '.e-group-container'), '', true);
749
754
  }
750
755
  };
@@ -945,6 +950,10 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
945
950
  if (!this.isImportRules) {
946
951
  this.updateAddedRule(trgt, rule, newRule, isRlTmp, pId, this.enableSeparateConnector ? true : null);
947
952
  }
953
+ if (this.rule.condition === '' && (this.isRuleClicked || this.rule.rules.length > 1)) {
954
+ this.rule.condition = 'and';
955
+ }
956
+ this.isRuleClicked = false;
948
957
  var ruleCount = this.rule.rules.length;
949
958
  if (!column || (column && !column.ruleTemplate) || !rule.field) {
950
959
  if (ruleCount > 20) {
@@ -4098,6 +4107,7 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
4098
4107
  }
4099
4108
  classList(this.element, [], ['e-rtl', 'e-responsive', 'e-device']);
4100
4109
  this.isDestroy = false;
4110
+ _super.prototype.destroy.call(this);
4101
4111
  };
4102
4112
  /**
4103
4113
  * Adds single or multiple rules.
@@ -7494,6 +7504,9 @@ var QueryBuilder = /** @__PURE__ @class */ (function (_super) {
7494
7504
  __decorate([
7495
7505
  Event()
7496
7506
  ], QueryBuilder.prototype, "created", void 0);
7507
+ __decorate([
7508
+ Event()
7509
+ ], QueryBuilder.prototype, "destroyed", void 0);
7497
7510
  __decorate([
7498
7511
  Event()
7499
7512
  ], QueryBuilder.prototype, "actionBegin", void 0);