@syncfusion/ej2-querybuilder 24.2.9 → 25.1.37

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 +17 -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 +1616 -162
  6. package/dist/es6/ej2-querybuilder.es2015.js.map +1 -1
  7. package/dist/es6/ej2-querybuilder.es5.js +1618 -162
  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 +906 -137
  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 +38 -12
  25. package/styles/bootstrap5.css +38 -12
  26. package/styles/fabric-dark.css +25 -12
  27. package/styles/fabric.css +25 -12
  28. package/styles/fluent-dark.css +42 -12
  29. package/styles/fluent.css +42 -12
  30. package/styles/highcontrast-light.css +25 -12
  31. package/styles/highcontrast.css +25 -12
  32. package/styles/material-dark.css +34 -12
  33. package/styles/material.css +34 -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 +19 -2
  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 +38 -12
  43. package/styles/query-builder/bootstrap5.css +38 -12
  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 +42 -12
  47. package/styles/query-builder/fluent.css +42 -12
  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 +34 -12
  52. package/styles/query-builder/material.css +34 -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/bootstrap-dark.css CHANGED
@@ -136,6 +136,10 @@
136
136
  color: #fff;
137
137
  }
138
138
 
139
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
140
+ margin-top: -3.2em;
141
+ }
142
+
139
143
  /* stylelint-disable-line no-empty-source */
140
144
  /* stylelint-disable property-no-vendor-prefix */
141
145
  @keyframes material-spinner-rotate {
@@ -332,15 +336,19 @@
332
336
  margin-top: 5px;
333
337
  }
334
338
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
335
- .e-query-builder .e-group-header .e-deletegroup {
339
+ .e-query-builder .e-group-header .e-deletegroup,
340
+ .e-query-builder .e-group-header .e-clone-grp-btn,
341
+ .e-query-builder .e-group-header .e-lock-grp-btn {
336
342
  margin-bottom: 2px;
337
343
  }
338
344
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn.e-readonly,
339
- .e-query-builder .e-group-header .e-deletegroup.e-readonly {
345
+ .e-query-builder .e-group-header .e-deletegroup.e-readonly,
346
+ .e-query-builder .e-group-header .e-clone-grp-btn.e-readonly,
347
+ .e-query-builder .e-group-header .e-lock-grp-btn.e-readonly {
340
348
  display: none;
341
349
  }
342
350
  .e-query-builder .e-group-header button.e-button-hide {
343
- display: none;
351
+ display: none !important; /* stylelint-disable-line declaration-no-important */
344
352
  }
345
353
  .e-query-builder .e-group-header.e-btn.e-small.e-round {
346
354
  box-shadow: none;
@@ -423,12 +431,12 @@
423
431
  .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 {
424
432
  margin-right: 15px;
425
433
  }
426
- .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
434
+ .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 {
427
435
  display: inline-block;
428
436
  margin-left: 12px;
429
437
  }
430
438
  .e-query-builder .e-group-body .e-rule-container button.e-button-hide {
431
- display: none;
439
+ display: none !important; /* stylelint-disable-line declaration-no-important */
432
440
  }
433
441
  .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 {
434
442
  display: inline-block;
@@ -444,7 +452,7 @@
444
452
  padding-right: 10px;
445
453
  right: 0;
446
454
  }
447
- .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 {
455
+ .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 {
448
456
  box-shadow: none;
449
457
  }
450
458
  .e-query-builder .e-group-body .e-vertical-mode .e-removerule.e-rule-delete {
@@ -475,6 +483,12 @@
475
483
  .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 {
476
484
  text-align: right;
477
485
  }
486
+ .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 {
487
+ margin-bottom: 12px;
488
+ }
489
+ .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 {
490
+ margin-left: 12px;
491
+ }
478
492
  .e-query-builder .e-delete-icon::before {
479
493
  content: "\e96c";
480
494
  }
@@ -533,7 +547,7 @@
533
547
  float: right;
534
548
  }
535
549
  .e-dropdown-popup ul .e-item.e-button-hide {
536
- display: none;
550
+ display: none !important; /* stylelint-disable-line declaration-no-important */
537
551
  }
538
552
 
539
553
  .e-addrule.e-add-icon::before,
@@ -623,9 +637,13 @@
623
637
  .e-bigger .e-query-builder .e-group-body .e-rule-container.e-horizontal-mode .e-rule-delete {
624
638
  margin-bottom: 0;
625
639
  }
626
- .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-delete,
640
+ .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,
627
641
  .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-rule-delete {
642
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
643
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule,
644
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
645
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
646
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule {
629
647
  display: inline-block;
630
648
  margin-left: 7.5px;
631
649
  }
@@ -677,7 +695,6 @@
677
695
  padding: 15px;
678
696
  text-align: right;
679
697
  }
680
-
681
698
  *.e-device .e-rule-value {
682
699
  width: 100%;
683
700
  }
@@ -728,10 +745,10 @@
728
745
  .e-query-builder .e-btn-group:not(.e-rtl) .e-qb-toggle.e-btn.e-small {
729
746
  border-right: transparent;
730
747
  }
731
- .e-query-builder .e-removerule.e-btn.e-round {
748
+ .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 {
732
749
  background: #131313;
733
750
  }
734
- .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
751
+ .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 {
735
752
  display: none;
736
753
  }
737
754
  .e-query-builder .e-summary-content textarea {
package/styles/bootstrap.css CHANGED
@@ -129,6 +129,10 @@
129
129
  width: 40px;
130
130
  }
131
131
 
132
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper .e-clear-icon {
133
+ margin-top: -3.2em;
134
+ }
135
+
132
136
  /* stylelint-disable-line no-empty-source */
133
137
  /* stylelint-disable property-no-vendor-prefix */
134
138
  @keyframes material-spinner-rotate {
@@ -325,15 +329,19 @@
325
329
  margin-top: 5px;
326
330
  }
327
331
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
328
- .e-query-builder .e-group-header .e-deletegroup {
332
+ .e-query-builder .e-group-header .e-deletegroup,
333
+ .e-query-builder .e-group-header .e-clone-grp-btn,
334
+ .e-query-builder .e-group-header .e-lock-grp-btn {
329
335
  margin-bottom: 2px;
330
336
  }
331
337
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn.e-readonly,
332
- .e-query-builder .e-group-header .e-deletegroup.e-readonly {
338
+ .e-query-builder .e-group-header .e-deletegroup.e-readonly,
339
+ .e-query-builder .e-group-header .e-clone-grp-btn.e-readonly,
340
+ .e-query-builder .e-group-header .e-lock-grp-btn.e-readonly {
333
341
  display: none;
334
342
  }
335
343
  .e-query-builder .e-group-header button.e-button-hide {
336
- display: none;
344
+ display: none !important; /* stylelint-disable-line declaration-no-important */
337
345
  }
338
346
  .e-query-builder .e-group-header.e-btn.e-small.e-round {
339
347
  box-shadow: none;
@@ -416,12 +424,12 @@
416
424
  .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 {
417
425
  margin-right: 15px;
418
426
  }
419
- .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
427
+ .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 {
420
428
  display: inline-block;
421
429
  margin-left: 12px;
422
430
  }
423
431
  .e-query-builder .e-group-body .e-rule-container button.e-button-hide {
424
- display: none;
432
+ display: none !important; /* stylelint-disable-line declaration-no-important */
425
433
  }
426
434
  .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 {
427
435
  display: inline-block;
@@ -437,7 +445,7 @@
437
445
  padding-right: 10px;
438
446
  right: 0;
439
447
  }
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 {
448
+ .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 {
441
449
  box-shadow: none;
442
450
  }
443
451
  .e-query-builder .e-group-body .e-vertical-mode .e-removerule.e-rule-delete {
@@ -468,6 +476,12 @@
468
476
  .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 {
469
477
  text-align: right;
470
478
  }
479
+ .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 {
480
+ margin-bottom: 12px;
481
+ }
482
+ .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 {
483
+ margin-left: 12px;
484
+ }
471
485
  .e-query-builder .e-delete-icon::before {
472
486
  content: "\e96c";
473
487
  }
@@ -526,7 +540,7 @@
526
540
  float: right;
527
541
  }
528
542
  .e-dropdown-popup ul .e-item.e-button-hide {
529
- display: none;
543
+ display: none !important; /* stylelint-disable-line declaration-no-important */
530
544
  }
531
545
 
532
546
  .e-addrule.e-add-icon::before,
@@ -616,9 +630,13 @@
616
630
  .e-bigger .e-query-builder .e-group-body .e-rule-container.e-horizontal-mode .e-rule-delete {
617
631
  margin-bottom: 0;
618
632
  }
619
- .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-delete,
633
+ .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,
620
634
  .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
621
- .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
635
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
636
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule,
637
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
638
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
639
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule {
622
640
  display: inline-block;
623
641
  margin-left: 7.5px;
624
642
  }
@@ -670,7 +688,6 @@
670
688
  padding: 15px;
671
689
  text-align: right;
672
690
  }
673
-
674
691
  *.e-device .e-rule-value {
675
692
  width: 100%;
676
693
  }
@@ -713,10 +730,10 @@
713
730
  .e-query-builder .e-btn-group:not(.e-rtl) .e-qb-toggle.e-btn.e-small {
714
731
  border-right: transparent;
715
732
  }
716
- .e-query-builder .e-removerule.e-btn.e-round {
733
+ .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 {
717
734
  background: #f8f8f8;
718
735
  }
719
- .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
736
+ .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 {
720
737
  display: none;
721
738
  }
722
739
  .e-query-builder .e-summary-content textarea {
package/styles/bootstrap4.css CHANGED
@@ -435,15 +435,19 @@
435
435
  margin-top: 5px;
436
436
  }
437
437
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
438
- .e-query-builder .e-group-header .e-deletegroup {
438
+ .e-query-builder .e-group-header .e-deletegroup,
439
+ .e-query-builder .e-group-header .e-clone-grp-btn,
440
+ .e-query-builder .e-group-header .e-lock-grp-btn {
439
441
  margin-bottom: 2px;
440
442
  }
441
443
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn.e-readonly,
442
- .e-query-builder .e-group-header .e-deletegroup.e-readonly {
444
+ .e-query-builder .e-group-header .e-deletegroup.e-readonly,
445
+ .e-query-builder .e-group-header .e-clone-grp-btn.e-readonly,
446
+ .e-query-builder .e-group-header .e-lock-grp-btn.e-readonly {
443
447
  display: none;
444
448
  }
445
449
  .e-query-builder .e-group-header button.e-button-hide {
446
- display: none;
450
+ display: none !important; /* stylelint-disable-line declaration-no-important */
447
451
  }
448
452
  .e-query-builder .e-group-header.e-btn.e-small.e-round {
449
453
  box-shadow: none;
@@ -526,12 +530,12 @@
526
530
  .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 {
527
531
  margin-right: 15px;
528
532
  }
529
- .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
533
+ .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 {
530
534
  display: inline-block;
531
535
  margin-left: 8px;
532
536
  }
533
537
  .e-query-builder .e-group-body .e-rule-container button.e-button-hide {
534
- display: none;
538
+ display: none !important; /* stylelint-disable-line declaration-no-important */
535
539
  }
536
540
  .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 {
537
541
  display: inline-block;
@@ -547,7 +551,7 @@
547
551
  padding-right: 8px;
548
552
  right: 0;
549
553
  }
550
- .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 {
554
+ .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 {
551
555
  box-shadow: none;
552
556
  }
553
557
  .e-query-builder .e-group-body .e-vertical-mode .e-removerule.e-rule-delete {
@@ -578,6 +582,12 @@
578
582
  .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 {
579
583
  text-align: right;
580
584
  }
585
+ .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 {
586
+ margin-bottom: 12px;
587
+ }
588
+ .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 {
589
+ margin-left: 12px;
590
+ }
581
591
  .e-query-builder .e-delete-icon::before {
582
592
  content: "\e745";
583
593
  }
@@ -636,7 +646,7 @@
636
646
  float: right;
637
647
  }
638
648
  .e-dropdown-popup ul .e-item.e-button-hide {
639
- display: none;
649
+ display: none !important; /* stylelint-disable-line declaration-no-important */
640
650
  }
641
651
 
642
652
  .e-addrule.e-add-icon::before,
@@ -726,9 +736,13 @@
726
736
  .e-bigger .e-query-builder .e-group-body .e-rule-container.e-horizontal-mode .e-rule-delete {
727
737
  margin-bottom: 0;
728
738
  }
729
- .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-delete,
739
+ .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,
730
740
  .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
731
- .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
741
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
742
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule,
743
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
744
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
745
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule {
732
746
  display: inline-block;
733
747
  margin-left: 10px;
734
748
  }
@@ -780,7 +794,6 @@
780
794
  padding: 15px;
781
795
  text-align: right;
782
796
  }
783
-
784
797
  *.e-device .e-rule-value {
785
798
  width: 100%;
786
799
  }
@@ -836,11 +849,11 @@
836
849
  border-color: #dee2e6;
837
850
  color: #495057;
838
851
  }
839
- .e-query-builder .e-removerule.e-btn.e-round {
852
+ .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 {
840
853
  background: #6c757d;
841
854
  background: #fff;
842
855
  }
843
- .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
856
+ .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 {
844
857
  display: none;
845
858
  }
846
859
  .e-query-builder .e-summary-content textarea {
package/styles/bootstrap5-dark.css CHANGED
@@ -376,15 +376,19 @@
376
376
  margin-top: 5px;
377
377
  }
378
378
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
379
- .e-query-builder .e-group-header .e-deletegroup {
379
+ .e-query-builder .e-group-header .e-deletegroup,
380
+ .e-query-builder .e-group-header .e-clone-grp-btn,
381
+ .e-query-builder .e-group-header .e-lock-grp-btn {
380
382
  margin-bottom: 2px;
381
383
  }
382
384
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn.e-readonly,
383
- .e-query-builder .e-group-header .e-deletegroup.e-readonly {
385
+ .e-query-builder .e-group-header .e-deletegroup.e-readonly,
386
+ .e-query-builder .e-group-header .e-clone-grp-btn.e-readonly,
387
+ .e-query-builder .e-group-header .e-lock-grp-btn.e-readonly {
384
388
  display: none;
385
389
  }
386
390
  .e-query-builder .e-group-header button.e-button-hide {
387
- display: none;
391
+ display: none !important; /* stylelint-disable-line declaration-no-important */
388
392
  }
389
393
  .e-query-builder .e-group-header.e-btn.e-small.e-round {
390
394
  box-shadow: none;
@@ -467,12 +471,12 @@
467
471
  .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 {
468
472
  margin-right: 15px;
469
473
  }
470
- .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
474
+ .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 {
471
475
  display: inline-block;
472
476
  margin-left: 8px;
473
477
  }
474
478
  .e-query-builder .e-group-body .e-rule-container button.e-button-hide {
475
- display: none;
479
+ display: none !important; /* stylelint-disable-line declaration-no-important */
476
480
  }
477
481
  .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 {
478
482
  display: inline-block;
@@ -488,7 +492,7 @@
488
492
  padding-right: 8px;
489
493
  right: 0;
490
494
  }
491
- .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 {
495
+ .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 {
492
496
  box-shadow: none;
493
497
  }
494
498
  .e-query-builder .e-group-body .e-vertical-mode .e-removerule.e-rule-delete {
@@ -519,6 +523,12 @@
519
523
  .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 {
520
524
  text-align: right;
521
525
  }
526
+ .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 {
527
+ margin-bottom: 12px;
528
+ }
529
+ .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 {
530
+ margin-left: 12px;
531
+ }
522
532
  .e-query-builder .e-delete-icon::before {
523
533
  content: "\e7e7";
524
534
  }
@@ -577,7 +587,7 @@
577
587
  float: right;
578
588
  }
579
589
  .e-dropdown-popup ul .e-item.e-button-hide {
580
- display: none;
590
+ display: none !important; /* stylelint-disable-line declaration-no-important */
581
591
  }
582
592
 
583
593
  .e-addrule.e-add-icon::before,
@@ -667,9 +677,13 @@
667
677
  .e-bigger .e-query-builder .e-group-body .e-rule-container.e-horizontal-mode .e-rule-delete {
668
678
  margin-bottom: 0;
669
679
  }
670
- .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-delete,
680
+ .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,
671
681
  .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
672
- .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
682
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
683
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule,
684
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
685
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
686
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule {
673
687
  display: inline-block;
674
688
  margin-left: 16px;
675
689
  }
@@ -721,6 +735,11 @@
721
735
  padding: 15px;
722
736
  text-align: right;
723
737
  }
738
+ .e-query-builder.e-device .e-dropdown-btn.e-round.e-small .e-add-icon,
739
+ .e-bigger.e-query-builder .e-dropdown-btn.e-round.e-small .e-add-icon,
740
+ .e-bigger .e-query-builder .e-dropdown-btn.e-round.e-small .e-add-icon {
741
+ line-height: 0.8em !important; /* stylelint-disable-line declaration-no-important */
742
+ }
724
743
 
725
744
  *.e-device .e-rule-value {
726
745
  width: 100%;
@@ -738,7 +757,14 @@
738
757
  border-color: #444c54;
739
758
  }
740
759
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
741
- .e-query-builder .e-deletegroup {
760
+ .e-query-builder .e-deletegroup,
761
+ .e-query-builder .e-clone-grp-btn,
762
+ .e-query-builder .e-lock-grp-btn {
763
+ background: #212529;
764
+ box-shadow: none;
765
+ color: #adb5bd;
766
+ }
767
+ .e-query-builder .e-group-header .e-clone-grp-btn, .e-query-builder .e-group-header .e-lock-grp-btn {
742
768
  background: #212529;
743
769
  box-shadow: none;
744
770
  color: #adb5bd;
@@ -764,12 +790,12 @@
764
790
  border-color: #0d6efd;
765
791
  color: #fff;
766
792
  }
767
- .e-query-builder .e-removerule.e-btn.e-round {
793
+ .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 {
768
794
  background: #6c757d;
769
795
  background: #212529;
770
796
  color: #adb5bd;
771
797
  }
772
- .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
798
+ .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 {
773
799
  display: none;
774
800
  }
775
801
  .e-query-builder .e-summary-content textarea {
package/styles/bootstrap5.css CHANGED
@@ -376,15 +376,19 @@
376
376
  margin-top: 5px;
377
377
  }
378
378
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
379
- .e-query-builder .e-group-header .e-deletegroup {
379
+ .e-query-builder .e-group-header .e-deletegroup,
380
+ .e-query-builder .e-group-header .e-clone-grp-btn,
381
+ .e-query-builder .e-group-header .e-lock-grp-btn {
380
382
  margin-bottom: 2px;
381
383
  }
382
384
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn.e-readonly,
383
- .e-query-builder .e-group-header .e-deletegroup.e-readonly {
385
+ .e-query-builder .e-group-header .e-deletegroup.e-readonly,
386
+ .e-query-builder .e-group-header .e-clone-grp-btn.e-readonly,
387
+ .e-query-builder .e-group-header .e-lock-grp-btn.e-readonly {
384
388
  display: none;
385
389
  }
386
390
  .e-query-builder .e-group-header button.e-button-hide {
387
- display: none;
391
+ display: none !important; /* stylelint-disable-line declaration-no-important */
388
392
  }
389
393
  .e-query-builder .e-group-header.e-btn.e-small.e-round {
390
394
  box-shadow: none;
@@ -467,12 +471,12 @@
467
471
  .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 {
468
472
  margin-right: 15px;
469
473
  }
470
- .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
474
+ .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 {
471
475
  display: inline-block;
472
476
  margin-left: 8px;
473
477
  }
474
478
  .e-query-builder .e-group-body .e-rule-container button.e-button-hide {
475
- display: none;
479
+ display: none !important; /* stylelint-disable-line declaration-no-important */
476
480
  }
477
481
  .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 {
478
482
  display: inline-block;
@@ -488,7 +492,7 @@
488
492
  padding-right: 8px;
489
493
  right: 0;
490
494
  }
491
- .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 {
495
+ .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 {
492
496
  box-shadow: none;
493
497
  }
494
498
  .e-query-builder .e-group-body .e-vertical-mode .e-removerule.e-rule-delete {
@@ -519,6 +523,12 @@
519
523
  .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 {
520
524
  text-align: right;
521
525
  }
526
+ .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 {
527
+ margin-bottom: 12px;
528
+ }
529
+ .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 {
530
+ margin-left: 12px;
531
+ }
522
532
  .e-query-builder .e-delete-icon::before {
523
533
  content: "\e7e7";
524
534
  }
@@ -577,7 +587,7 @@
577
587
  float: right;
578
588
  }
579
589
  .e-dropdown-popup ul .e-item.e-button-hide {
580
- display: none;
590
+ display: none !important; /* stylelint-disable-line declaration-no-important */
581
591
  }
582
592
 
583
593
  .e-addrule.e-add-icon::before,
@@ -667,9 +677,13 @@
667
677
  .e-bigger .e-query-builder .e-group-body .e-rule-container.e-horizontal-mode .e-rule-delete {
668
678
  margin-bottom: 0;
669
679
  }
670
- .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-delete,
680
+ .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,
671
681
  .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
672
- .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
682
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
683
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule,
684
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
685
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
686
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule {
673
687
  display: inline-block;
674
688
  margin-left: 16px;
675
689
  }
@@ -721,6 +735,11 @@
721
735
  padding: 15px;
722
736
  text-align: right;
723
737
  }
738
+ .e-query-builder.e-device .e-dropdown-btn.e-round.e-small .e-add-icon,
739
+ .e-bigger.e-query-builder .e-dropdown-btn.e-round.e-small .e-add-icon,
740
+ .e-bigger .e-query-builder .e-dropdown-btn.e-round.e-small .e-add-icon {
741
+ line-height: 0.8em !important; /* stylelint-disable-line declaration-no-important */
742
+ }
724
743
 
725
744
  *.e-device .e-rule-value {
726
745
  width: 100%;
@@ -738,7 +757,14 @@
738
757
  border-color: #dee2e6;
739
758
  }
740
759
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
741
- .e-query-builder .e-deletegroup {
760
+ .e-query-builder .e-deletegroup,
761
+ .e-query-builder .e-clone-grp-btn,
762
+ .e-query-builder .e-lock-grp-btn {
763
+ background: #fff;
764
+ box-shadow: none;
765
+ color: #6c757d;
766
+ }
767
+ .e-query-builder .e-group-header .e-clone-grp-btn, .e-query-builder .e-group-header .e-lock-grp-btn {
742
768
  background: #fff;
743
769
  box-shadow: none;
744
770
  color: #6c757d;
@@ -764,12 +790,12 @@
764
790
  border-color: #0d6efd;
765
791
  color: #fff;
766
792
  }
767
- .e-query-builder .e-removerule.e-btn.e-round {
793
+ .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 {
768
794
  background: #6c757d;
769
795
  background: #fff;
770
796
  color: #6c757d;
771
797
  }
772
- .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
798
+ .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 {
773
799
  display: none;
774
800
  }
775
801
  .e-query-builder .e-summary-content textarea {