@syncfusion/ej2-querybuilder 24.2.8 → 25.1.35

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 (58) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/ej2-querybuilder.min.js +2 -2
  3. package/dist/ej2-querybuilder.umd.min.js +2 -2
  4. package/dist/ej2-querybuilder.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-querybuilder.es2015.js +1615 -157
  6. package/dist/es6/ej2-querybuilder.es2015.js.map +1 -1
  7. package/dist/es6/ej2-querybuilder.es5.js +1617 -157
  8. package/dist/es6/ej2-querybuilder.es5.js.map +1 -1
  9. package/dist/global/ej2-querybuilder.min.js +2 -2
  10. package/dist/global/ej2-querybuilder.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +12 -12
  13. package/src/global.js +2 -0
  14. package/src/query-builder/index.d.ts +1 -0
  15. package/src/query-builder/index.js +1 -0
  16. package/src/query-builder/query-builder-model.d.ts +69 -1
  17. package/src/query-builder/query-builder.d.ts +189 -4
  18. package/src/query-builder/query-builder.js +903 -130
  19. package/src/query-builder/query-library.d.ts +24 -0
  20. package/src/query-builder/query-library.js +689 -0
  21. package/styles/bootstrap-dark.css +29 -12
  22. package/styles/bootstrap.css +29 -12
  23. package/styles/bootstrap4.css +25 -12
  24. package/styles/bootstrap5-dark.css +35 -11
  25. package/styles/bootstrap5.css +35 -11
  26. package/styles/fabric-dark.css +25 -12
  27. package/styles/fabric.css +25 -12
  28. package/styles/fluent-dark.css +39 -11
  29. package/styles/fluent.css +39 -11
  30. package/styles/highcontrast-light.css +25 -12
  31. package/styles/highcontrast.css +25 -12
  32. package/styles/material-dark.css +25 -12
  33. package/styles/material.css +25 -12
  34. package/styles/material3-dark.css +25 -12
  35. package/styles/material3.css +25 -12
  36. package/styles/query-builder/_bds-definition.scss +107 -0
  37. package/styles/query-builder/_layout.scss +37 -7
  38. package/styles/query-builder/_theme.scss +16 -1
  39. package/styles/query-builder/bootstrap-dark.css +29 -12
  40. package/styles/query-builder/bootstrap.css +29 -12
  41. package/styles/query-builder/bootstrap4.css +25 -12
  42. package/styles/query-builder/bootstrap5-dark.css +35 -11
  43. package/styles/query-builder/bootstrap5.css +35 -11
  44. package/styles/query-builder/fabric-dark.css +25 -12
  45. package/styles/query-builder/fabric.css +25 -12
  46. package/styles/query-builder/fluent-dark.css +39 -11
  47. package/styles/query-builder/fluent.css +39 -11
  48. package/styles/query-builder/highcontrast-light.css +25 -12
  49. package/styles/query-builder/highcontrast.css +25 -12
  50. package/styles/query-builder/icons/_bds.scss +7 -0
  51. package/styles/query-builder/material-dark.css +25 -12
  52. package/styles/query-builder/material.css +25 -12
  53. package/styles/query-builder/material3-dark.css +25 -12
  54. package/styles/query-builder/material3.css +25 -12
  55. package/styles/query-builder/tailwind-dark.css +30 -11
  56. package/styles/query-builder/tailwind.css +30 -11
  57. package/styles/tailwind-dark.css +30 -11
  58. package/styles/tailwind.css +30 -11
package/styles/query-builder/tailwind-dark.css CHANGED
@@ -321,15 +321,19 @@
321
321
  margin-top: 5px;
322
322
  }
323
323
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
324
- .e-query-builder .e-group-header .e-deletegroup {
324
+ .e-query-builder .e-group-header .e-deletegroup,
325
+ .e-query-builder .e-group-header .e-clone-grp-btn,
326
+ .e-query-builder .e-group-header .e-lock-grp-btn {
325
327
  margin-bottom: 2px;
326
328
  }
327
329
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn.e-readonly,
328
- .e-query-builder .e-group-header .e-deletegroup.e-readonly {
330
+ .e-query-builder .e-group-header .e-deletegroup.e-readonly,
331
+ .e-query-builder .e-group-header .e-clone-grp-btn.e-readonly,
332
+ .e-query-builder .e-group-header .e-lock-grp-btn.e-readonly {
329
333
  display: none;
330
334
  }
331
335
  .e-query-builder .e-group-header button.e-button-hide {
332
- display: none;
336
+ display: none !important; /* stylelint-disable-line declaration-no-important */
333
337
  }
334
338
  .e-query-builder .e-group-header.e-btn.e-small.e-round {
335
339
  box-shadow: none;
@@ -412,12 +416,12 @@
412
416
  .e-query-builder .e-group-body .e-rule-container .e-operator .e-radio-wrapper, .e-query-builder .e-group-body .e-rule-container .e-value .e-radio-wrapper {
413
417
  margin-right: 15px;
414
418
  }
415
- .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
419
+ .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete, .e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule, .e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule {
416
420
  display: inline-block;
417
421
  margin-left: 12px;
418
422
  }
419
423
  .e-query-builder .e-group-body .e-rule-container button.e-button-hide {
420
- display: none;
424
+ display: none !important; /* stylelint-disable-line declaration-no-important */
421
425
  }
422
426
  .e-query-builder .e-group-body .e-horizontal-mode .e-rule-filter, .e-query-builder .e-group-body .e-horizontal-mode .e-rule-sub-filter, .e-query-builder .e-group-body .e-horizontal-mode .e-rule-operator, .e-query-builder .e-group-body .e-horizontal-mode .e-rule-value, .e-query-builder .e-group-body .e-horizontal-mode .e-rule-value-delete {
423
427
  display: inline-block;
@@ -433,7 +437,7 @@
433
437
  padding-right: 8px;
434
438
  right: 0;
435
439
  }
436
- .e-query-builder .e-group-body .e-rule-field.e-btn.e-small.e-round, .e-query-builder .e-group-body .e-rule-delete.e-btn.e-small.e-round {
440
+ .e-query-builder .e-group-body .e-rule-field.e-btn.e-small.e-round, .e-query-builder .e-group-body .e-rule-delete.e-btn.e-small.e-round, .e-query-builder .e-group-body .e-lock-rule.e-btn.e-small.e-round, .e-query-builder .e-group-body .e-clone-rule.e-btn.e-small.e-round {
437
441
  box-shadow: none;
438
442
  }
439
443
  .e-query-builder .e-group-body .e-vertical-mode .e-removerule.e-rule-delete {
@@ -464,6 +468,12 @@
464
468
  .e-query-builder.e-device .e-group-body .e-rule-container .e-rule-value-delete, .e-query-builder .e-group-body .e-rule-container.e-vertical-mode .e-rule-value-delete {
465
469
  text-align: right;
466
470
  }
471
+ .e-query-builder .e-group-body .e-rule-container.e-vertical-mode .e-lock-rule, .e-query-builder .e-group-body .e-rule-container.e-vertical-mode .e-clone-rule, .e-query-builder.e-device .e-group-body .e-rule-container .e-lock-rule, .e-query-builder.e-device .e-group-body .e-rule-container .e-clone-rule {
472
+ margin-bottom: 12px;
473
+ }
474
+ .e-query-builder .e-group-body .e-rule-delete, .e-query-builder .e-group-body .e-lock-rule, .e-query-builder .e-group-body .e-clone-rule {
475
+ margin-left: 12px;
476
+ }
467
477
  .e-query-builder .e-delete-icon::before {
468
478
  content: "\e7e7";
469
479
  }
@@ -522,7 +532,7 @@
522
532
  float: right;
523
533
  }
524
534
  .e-dropdown-popup ul .e-item.e-button-hide {
525
- display: none;
535
+ display: none !important; /* stylelint-disable-line declaration-no-important */
526
536
  }
527
537
 
528
538
  .e-addrule.e-add-icon::before,
@@ -613,9 +623,13 @@
613
623
  .e-bigger .e-query-builder .e-group-body .e-rule-container.e-horizontal-mode .e-rule-delete {
614
624
  margin-bottom: 0;
615
625
  }
616
- .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-delete,
626
+ .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-delete, .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-lock-rule, .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-clone-rule,
617
627
  .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
618
- .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
628
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
629
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule,
630
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
631
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
632
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule {
619
633
  display: inline-block;
620
634
  margin-left: 16px;
621
635
  }
@@ -667,6 +681,11 @@
667
681
  padding: 15px;
668
682
  text-align: right;
669
683
  }
684
+ .e-query-builder.e-device .e-dropdown-btn.e-round.e-small .e-add-icon,
685
+ .e-bigger.e-query-builder .e-dropdown-btn.e-round.e-small .e-add-icon,
686
+ .e-bigger .e-query-builder .e-dropdown-btn.e-round.e-small .e-add-icon {
687
+ line-height: 2 !important; /* stylelint-disable-line declaration-no-important */
688
+ }
670
689
 
671
690
  *.e-device .e-rule-value {
672
691
  width: 100%;
@@ -704,10 +723,10 @@
704
723
  border-color: #22d3ee;
705
724
  color: #000;
706
725
  }
707
- .e-query-builder .e-removerule.e-btn.e-round {
726
+ .e-query-builder .e-removerule.e-btn.e-round, .e-query-builder .e-lock-rule.e-btn.e-round, .e-query-builder .e-clone-rule.e-btn.e-round {
708
727
  background: transparent;
709
728
  }
710
- .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
729
+ .e-query-builder .e-removerule.e-btn.e-round.e-readonly, .e-query-builder .e-lock-rule.e-btn.e-round.e-readonly, .e-query-builder .e-clone-rule.e-btn.e-round.e-readonly {
711
730
  display: none;
712
731
  }
713
732
  .e-query-builder .e-summary-content textarea {
package/styles/query-builder/tailwind.css CHANGED
@@ -321,15 +321,19 @@
321
321
  margin-top: 5px;
322
322
  }
323
323
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
324
- .e-query-builder .e-group-header .e-deletegroup {
324
+ .e-query-builder .e-group-header .e-deletegroup,
325
+ .e-query-builder .e-group-header .e-clone-grp-btn,
326
+ .e-query-builder .e-group-header .e-lock-grp-btn {
325
327
  margin-bottom: 2px;
326
328
  }
327
329
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn.e-readonly,
328
- .e-query-builder .e-group-header .e-deletegroup.e-readonly {
330
+ .e-query-builder .e-group-header .e-deletegroup.e-readonly,
331
+ .e-query-builder .e-group-header .e-clone-grp-btn.e-readonly,
332
+ .e-query-builder .e-group-header .e-lock-grp-btn.e-readonly {
329
333
  display: none;
330
334
  }
331
335
  .e-query-builder .e-group-header button.e-button-hide {
332
- display: none;
336
+ display: none !important; /* stylelint-disable-line declaration-no-important */
333
337
  }
334
338
  .e-query-builder .e-group-header.e-btn.e-small.e-round {
335
339
  box-shadow: none;
@@ -412,12 +416,12 @@
412
416
  .e-query-builder .e-group-body .e-rule-container .e-operator .e-radio-wrapper, .e-query-builder .e-group-body .e-rule-container .e-value .e-radio-wrapper {
413
417
  margin-right: 15px;
414
418
  }
415
- .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
419
+ .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete, .e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule, .e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule {
416
420
  display: inline-block;
417
421
  margin-left: 12px;
418
422
  }
419
423
  .e-query-builder .e-group-body .e-rule-container button.e-button-hide {
420
- display: none;
424
+ display: none !important; /* stylelint-disable-line declaration-no-important */
421
425
  }
422
426
  .e-query-builder .e-group-body .e-horizontal-mode .e-rule-filter, .e-query-builder .e-group-body .e-horizontal-mode .e-rule-sub-filter, .e-query-builder .e-group-body .e-horizontal-mode .e-rule-operator, .e-query-builder .e-group-body .e-horizontal-mode .e-rule-value, .e-query-builder .e-group-body .e-horizontal-mode .e-rule-value-delete {
423
427
  display: inline-block;
@@ -433,7 +437,7 @@
433
437
  padding-right: 8px;
434
438
  right: 0;
435
439
  }
436
- .e-query-builder .e-group-body .e-rule-field.e-btn.e-small.e-round, .e-query-builder .e-group-body .e-rule-delete.e-btn.e-small.e-round {
440
+ .e-query-builder .e-group-body .e-rule-field.e-btn.e-small.e-round, .e-query-builder .e-group-body .e-rule-delete.e-btn.e-small.e-round, .e-query-builder .e-group-body .e-lock-rule.e-btn.e-small.e-round, .e-query-builder .e-group-body .e-clone-rule.e-btn.e-small.e-round {
437
441
  box-shadow: none;
438
442
  }
439
443
  .e-query-builder .e-group-body .e-vertical-mode .e-removerule.e-rule-delete {
@@ -464,6 +468,12 @@
464
468
  .e-query-builder.e-device .e-group-body .e-rule-container .e-rule-value-delete, .e-query-builder .e-group-body .e-rule-container.e-vertical-mode .e-rule-value-delete {
465
469
  text-align: right;
466
470
  }
471
+ .e-query-builder .e-group-body .e-rule-container.e-vertical-mode .e-lock-rule, .e-query-builder .e-group-body .e-rule-container.e-vertical-mode .e-clone-rule, .e-query-builder.e-device .e-group-body .e-rule-container .e-lock-rule, .e-query-builder.e-device .e-group-body .e-rule-container .e-clone-rule {
472
+ margin-bottom: 12px;
473
+ }
474
+ .e-query-builder .e-group-body .e-rule-delete, .e-query-builder .e-group-body .e-lock-rule, .e-query-builder .e-group-body .e-clone-rule {
475
+ margin-left: 12px;
476
+ }
467
477
  .e-query-builder .e-delete-icon::before {
468
478
  content: "\e7e7";
469
479
  }
@@ -522,7 +532,7 @@
522
532
  float: right;
523
533
  }
524
534
  .e-dropdown-popup ul .e-item.e-button-hide {
525
- display: none;
535
+ display: none !important; /* stylelint-disable-line declaration-no-important */
526
536
  }
527
537
 
528
538
  .e-addrule.e-add-icon::before,
@@ -613,9 +623,13 @@
613
623
  .e-bigger .e-query-builder .e-group-body .e-rule-container.e-horizontal-mode .e-rule-delete {
614
624
  margin-bottom: 0;
615
625
  }
616
- .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-delete,
626
+ .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-delete, .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-lock-rule, .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-clone-rule,
617
627
  .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
618
- .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
628
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
629
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule,
630
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
631
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
632
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule {
619
633
  display: inline-block;
620
634
  margin-left: 16px;
621
635
  }
@@ -667,6 +681,11 @@
667
681
  padding: 15px;
668
682
  text-align: right;
669
683
  }
684
+ .e-query-builder.e-device .e-dropdown-btn.e-round.e-small .e-add-icon,
685
+ .e-bigger.e-query-builder .e-dropdown-btn.e-round.e-small .e-add-icon,
686
+ .e-bigger .e-query-builder .e-dropdown-btn.e-round.e-small .e-add-icon {
687
+ line-height: 2 !important; /* stylelint-disable-line declaration-no-important */
688
+ }
670
689
 
671
690
  *.e-device .e-rule-value {
672
691
  width: 100%;
@@ -704,10 +723,10 @@
704
723
  border-color: #4f46e5;
705
724
  color: #fff;
706
725
  }
707
- .e-query-builder .e-removerule.e-btn.e-round {
726
+ .e-query-builder .e-removerule.e-btn.e-round, .e-query-builder .e-lock-rule.e-btn.e-round, .e-query-builder .e-clone-rule.e-btn.e-round {
708
727
  background: transparent;
709
728
  }
710
- .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
729
+ .e-query-builder .e-removerule.e-btn.e-round.e-readonly, .e-query-builder .e-lock-rule.e-btn.e-round.e-readonly, .e-query-builder .e-clone-rule.e-btn.e-round.e-readonly {
711
730
  display: none;
712
731
  }
713
732
  .e-query-builder .e-summary-content textarea {
package/styles/tailwind-dark.css CHANGED
@@ -321,15 +321,19 @@
321
321
  margin-top: 5px;
322
322
  }
323
323
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
324
- .e-query-builder .e-group-header .e-deletegroup {
324
+ .e-query-builder .e-group-header .e-deletegroup,
325
+ .e-query-builder .e-group-header .e-clone-grp-btn,
326
+ .e-query-builder .e-group-header .e-lock-grp-btn {
325
327
  margin-bottom: 2px;
326
328
  }
327
329
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn.e-readonly,
328
- .e-query-builder .e-group-header .e-deletegroup.e-readonly {
330
+ .e-query-builder .e-group-header .e-deletegroup.e-readonly,
331
+ .e-query-builder .e-group-header .e-clone-grp-btn.e-readonly,
332
+ .e-query-builder .e-group-header .e-lock-grp-btn.e-readonly {
329
333
  display: none;
330
334
  }
331
335
  .e-query-builder .e-group-header button.e-button-hide {
332
- display: none;
336
+ display: none !important; /* stylelint-disable-line declaration-no-important */
333
337
  }
334
338
  .e-query-builder .e-group-header.e-btn.e-small.e-round {
335
339
  box-shadow: none;
@@ -412,12 +416,12 @@
412
416
  .e-query-builder .e-group-body .e-rule-container .e-operator .e-radio-wrapper, .e-query-builder .e-group-body .e-rule-container .e-value .e-radio-wrapper {
413
417
  margin-right: 15px;
414
418
  }
415
- .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
419
+ .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete, .e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule, .e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule {
416
420
  display: inline-block;
417
421
  margin-left: 12px;
418
422
  }
419
423
  .e-query-builder .e-group-body .e-rule-container button.e-button-hide {
420
- display: none;
424
+ display: none !important; /* stylelint-disable-line declaration-no-important */
421
425
  }
422
426
  .e-query-builder .e-group-body .e-horizontal-mode .e-rule-filter, .e-query-builder .e-group-body .e-horizontal-mode .e-rule-sub-filter, .e-query-builder .e-group-body .e-horizontal-mode .e-rule-operator, .e-query-builder .e-group-body .e-horizontal-mode .e-rule-value, .e-query-builder .e-group-body .e-horizontal-mode .e-rule-value-delete {
423
427
  display: inline-block;
@@ -433,7 +437,7 @@
433
437
  padding-right: 8px;
434
438
  right: 0;
435
439
  }
436
- .e-query-builder .e-group-body .e-rule-field.e-btn.e-small.e-round, .e-query-builder .e-group-body .e-rule-delete.e-btn.e-small.e-round {
440
+ .e-query-builder .e-group-body .e-rule-field.e-btn.e-small.e-round, .e-query-builder .e-group-body .e-rule-delete.e-btn.e-small.e-round, .e-query-builder .e-group-body .e-lock-rule.e-btn.e-small.e-round, .e-query-builder .e-group-body .e-clone-rule.e-btn.e-small.e-round {
437
441
  box-shadow: none;
438
442
  }
439
443
  .e-query-builder .e-group-body .e-vertical-mode .e-removerule.e-rule-delete {
@@ -464,6 +468,12 @@
464
468
  .e-query-builder.e-device .e-group-body .e-rule-container .e-rule-value-delete, .e-query-builder .e-group-body .e-rule-container.e-vertical-mode .e-rule-value-delete {
465
469
  text-align: right;
466
470
  }
471
+ .e-query-builder .e-group-body .e-rule-container.e-vertical-mode .e-lock-rule, .e-query-builder .e-group-body .e-rule-container.e-vertical-mode .e-clone-rule, .e-query-builder.e-device .e-group-body .e-rule-container .e-lock-rule, .e-query-builder.e-device .e-group-body .e-rule-container .e-clone-rule {
472
+ margin-bottom: 12px;
473
+ }
474
+ .e-query-builder .e-group-body .e-rule-delete, .e-query-builder .e-group-body .e-lock-rule, .e-query-builder .e-group-body .e-clone-rule {
475
+ margin-left: 12px;
476
+ }
467
477
  .e-query-builder .e-delete-icon::before {
468
478
  content: "\e7e7";
469
479
  }
@@ -522,7 +532,7 @@
522
532
  float: right;
523
533
  }
524
534
  .e-dropdown-popup ul .e-item.e-button-hide {
525
- display: none;
535
+ display: none !important; /* stylelint-disable-line declaration-no-important */
526
536
  }
527
537
 
528
538
  .e-addrule.e-add-icon::before,
@@ -613,9 +623,13 @@
613
623
  .e-bigger .e-query-builder .e-group-body .e-rule-container.e-horizontal-mode .e-rule-delete {
614
624
  margin-bottom: 0;
615
625
  }
616
- .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-delete,
626
+ .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-delete, .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-lock-rule, .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-clone-rule,
617
627
  .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
618
- .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
628
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
629
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule,
630
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
631
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
632
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule {
619
633
  display: inline-block;
620
634
  margin-left: 16px;
621
635
  }
@@ -667,6 +681,11 @@
667
681
  padding: 15px;
668
682
  text-align: right;
669
683
  }
684
+ .e-query-builder.e-device .e-dropdown-btn.e-round.e-small .e-add-icon,
685
+ .e-bigger.e-query-builder .e-dropdown-btn.e-round.e-small .e-add-icon,
686
+ .e-bigger .e-query-builder .e-dropdown-btn.e-round.e-small .e-add-icon {
687
+ line-height: 2 !important; /* stylelint-disable-line declaration-no-important */
688
+ }
670
689
 
671
690
  *.e-device .e-rule-value {
672
691
  width: 100%;
@@ -704,10 +723,10 @@
704
723
  border-color: #22d3ee;
705
724
  color: #000;
706
725
  }
707
- .e-query-builder .e-removerule.e-btn.e-round {
726
+ .e-query-builder .e-removerule.e-btn.e-round, .e-query-builder .e-lock-rule.e-btn.e-round, .e-query-builder .e-clone-rule.e-btn.e-round {
708
727
  background: transparent;
709
728
  }
710
- .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
729
+ .e-query-builder .e-removerule.e-btn.e-round.e-readonly, .e-query-builder .e-lock-rule.e-btn.e-round.e-readonly, .e-query-builder .e-clone-rule.e-btn.e-round.e-readonly {
711
730
  display: none;
712
731
  }
713
732
  .e-query-builder .e-summary-content textarea {
package/styles/tailwind.css CHANGED
@@ -321,15 +321,19 @@
321
321
  margin-top: 5px;
322
322
  }
323
323
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
324
- .e-query-builder .e-group-header .e-deletegroup {
324
+ .e-query-builder .e-group-header .e-deletegroup,
325
+ .e-query-builder .e-group-header .e-clone-grp-btn,
326
+ .e-query-builder .e-group-header .e-lock-grp-btn {
325
327
  margin-bottom: 2px;
326
328
  }
327
329
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn.e-readonly,
328
- .e-query-builder .e-group-header .e-deletegroup.e-readonly {
330
+ .e-query-builder .e-group-header .e-deletegroup.e-readonly,
331
+ .e-query-builder .e-group-header .e-clone-grp-btn.e-readonly,
332
+ .e-query-builder .e-group-header .e-lock-grp-btn.e-readonly {
329
333
  display: none;
330
334
  }
331
335
  .e-query-builder .e-group-header button.e-button-hide {
332
- display: none;
336
+ display: none !important; /* stylelint-disable-line declaration-no-important */
333
337
  }
334
338
  .e-query-builder .e-group-header.e-btn.e-small.e-round {
335
339
  box-shadow: none;
@@ -412,12 +416,12 @@
412
416
  .e-query-builder .e-group-body .e-rule-container .e-operator .e-radio-wrapper, .e-query-builder .e-group-body .e-rule-container .e-value .e-radio-wrapper {
413
417
  margin-right: 15px;
414
418
  }
415
- .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
419
+ .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete, .e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule, .e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule {
416
420
  display: inline-block;
417
421
  margin-left: 12px;
418
422
  }
419
423
  .e-query-builder .e-group-body .e-rule-container button.e-button-hide {
420
- display: none;
424
+ display: none !important; /* stylelint-disable-line declaration-no-important */
421
425
  }
422
426
  .e-query-builder .e-group-body .e-horizontal-mode .e-rule-filter, .e-query-builder .e-group-body .e-horizontal-mode .e-rule-sub-filter, .e-query-builder .e-group-body .e-horizontal-mode .e-rule-operator, .e-query-builder .e-group-body .e-horizontal-mode .e-rule-value, .e-query-builder .e-group-body .e-horizontal-mode .e-rule-value-delete {
423
427
  display: inline-block;
@@ -433,7 +437,7 @@
433
437
  padding-right: 8px;
434
438
  right: 0;
435
439
  }
436
- .e-query-builder .e-group-body .e-rule-field.e-btn.e-small.e-round, .e-query-builder .e-group-body .e-rule-delete.e-btn.e-small.e-round {
440
+ .e-query-builder .e-group-body .e-rule-field.e-btn.e-small.e-round, .e-query-builder .e-group-body .e-rule-delete.e-btn.e-small.e-round, .e-query-builder .e-group-body .e-lock-rule.e-btn.e-small.e-round, .e-query-builder .e-group-body .e-clone-rule.e-btn.e-small.e-round {
437
441
  box-shadow: none;
438
442
  }
439
443
  .e-query-builder .e-group-body .e-vertical-mode .e-removerule.e-rule-delete {
@@ -464,6 +468,12 @@
464
468
  .e-query-builder.e-device .e-group-body .e-rule-container .e-rule-value-delete, .e-query-builder .e-group-body .e-rule-container.e-vertical-mode .e-rule-value-delete {
465
469
  text-align: right;
466
470
  }
471
+ .e-query-builder .e-group-body .e-rule-container.e-vertical-mode .e-lock-rule, .e-query-builder .e-group-body .e-rule-container.e-vertical-mode .e-clone-rule, .e-query-builder.e-device .e-group-body .e-rule-container .e-lock-rule, .e-query-builder.e-device .e-group-body .e-rule-container .e-clone-rule {
472
+ margin-bottom: 12px;
473
+ }
474
+ .e-query-builder .e-group-body .e-rule-delete, .e-query-builder .e-group-body .e-lock-rule, .e-query-builder .e-group-body .e-clone-rule {
475
+ margin-left: 12px;
476
+ }
467
477
  .e-query-builder .e-delete-icon::before {
468
478
  content: "\e7e7";
469
479
  }
@@ -522,7 +532,7 @@
522
532
  float: right;
523
533
  }
524
534
  .e-dropdown-popup ul .e-item.e-button-hide {
525
- display: none;
535
+ display: none !important; /* stylelint-disable-line declaration-no-important */
526
536
  }
527
537
 
528
538
  .e-addrule.e-add-icon::before,
@@ -613,9 +623,13 @@
613
623
  .e-bigger .e-query-builder .e-group-body .e-rule-container.e-horizontal-mode .e-rule-delete {
614
624
  margin-bottom: 0;
615
625
  }
616
- .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-delete,
626
+ .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-delete, .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-lock-rule, .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-clone-rule,
617
627
  .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
618
- .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
628
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
629
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule,
630
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
631
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
632
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule {
619
633
  display: inline-block;
620
634
  margin-left: 16px;
621
635
  }
@@ -667,6 +681,11 @@
667
681
  padding: 15px;
668
682
  text-align: right;
669
683
  }
684
+ .e-query-builder.e-device .e-dropdown-btn.e-round.e-small .e-add-icon,
685
+ .e-bigger.e-query-builder .e-dropdown-btn.e-round.e-small .e-add-icon,
686
+ .e-bigger .e-query-builder .e-dropdown-btn.e-round.e-small .e-add-icon {
687
+ line-height: 2 !important; /* stylelint-disable-line declaration-no-important */
688
+ }
670
689
 
671
690
  *.e-device .e-rule-value {
672
691
  width: 100%;
@@ -704,10 +723,10 @@
704
723
  border-color: #4f46e5;
705
724
  color: #fff;
706
725
  }
707
- .e-query-builder .e-removerule.e-btn.e-round {
726
+ .e-query-builder .e-removerule.e-btn.e-round, .e-query-builder .e-lock-rule.e-btn.e-round, .e-query-builder .e-clone-rule.e-btn.e-round {
708
727
  background: transparent;
709
728
  }
710
- .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
729
+ .e-query-builder .e-removerule.e-btn.e-round.e-readonly, .e-query-builder .e-lock-rule.e-btn.e-round.e-readonly, .e-query-builder .e-clone-rule.e-btn.e-round.e-readonly {
711
730
  display: none;
712
731
  }
713
732
  .e-query-builder .e-summary-content textarea {