@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/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%;
@@ -743,6 +762,11 @@
743
762
  box-shadow: none;
744
763
  color: #6c757d;
745
764
  }
765
+ .e-query-builder .e-group-header .e-clone-grp-btn, .e-query-builder .e-group-header .e-lock-grp-btn {
766
+ background: #fff;
767
+ box-shadow: none;
768
+ color: #6c757d;
769
+ }
746
770
  .e-query-builder .e-group-container {
747
771
  border-color: #dee2e6;
748
772
  }
@@ -764,12 +788,12 @@
764
788
  border-color: #0d6efd;
765
789
  color: #fff;
766
790
  }
767
- .e-query-builder .e-removerule.e-btn.e-round {
791
+ .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
792
  background: #6c757d;
769
793
  background: #fff;
770
794
  color: #6c757d;
771
795
  }
772
- .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
796
+ .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
797
  display: none;
774
798
  }
775
799
  .e-query-builder .e-summary-content textarea {
package/styles/query-builder/fabric-dark.css CHANGED
@@ -299,15 +299,19 @@
299
299
  margin-top: 5px;
300
300
  }
301
301
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
302
- .e-query-builder .e-group-header .e-deletegroup {
302
+ .e-query-builder .e-group-header .e-deletegroup,
303
+ .e-query-builder .e-group-header .e-clone-grp-btn,
304
+ .e-query-builder .e-group-header .e-lock-grp-btn {
303
305
  margin-bottom: 2px;
304
306
  }
305
307
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn.e-readonly,
306
- .e-query-builder .e-group-header .e-deletegroup.e-readonly {
308
+ .e-query-builder .e-group-header .e-deletegroup.e-readonly,
309
+ .e-query-builder .e-group-header .e-clone-grp-btn.e-readonly,
310
+ .e-query-builder .e-group-header .e-lock-grp-btn.e-readonly {
307
311
  display: none;
308
312
  }
309
313
  .e-query-builder .e-group-header button.e-button-hide {
310
- display: none;
314
+ display: none !important; /* stylelint-disable-line declaration-no-important */
311
315
  }
312
316
  .e-query-builder .e-group-header.e-btn.e-small.e-round {
313
317
  box-shadow: none;
@@ -390,12 +394,12 @@
390
394
  .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 {
391
395
  margin-right: 15px;
392
396
  }
393
- .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
397
+ .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 {
394
398
  display: inline-block;
395
399
  margin-left: 12px;
396
400
  }
397
401
  .e-query-builder .e-group-body .e-rule-container button.e-button-hide {
398
- display: none;
402
+ display: none !important; /* stylelint-disable-line declaration-no-important */
399
403
  }
400
404
  .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 {
401
405
  display: inline-block;
@@ -411,7 +415,7 @@
411
415
  padding-right: 16px;
412
416
  right: 0;
413
417
  }
414
- .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 {
418
+ .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 {
415
419
  box-shadow: none;
416
420
  }
417
421
  .e-query-builder .e-group-body .e-vertical-mode .e-removerule.e-rule-delete {
@@ -442,6 +446,12 @@
442
446
  .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 {
443
447
  text-align: right;
444
448
  }
449
+ .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 {
450
+ margin-bottom: 12px;
451
+ }
452
+ .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 {
453
+ margin-left: 12px;
454
+ }
445
455
  .e-query-builder .e-delete-icon::before {
446
456
  content: "\ea7f";
447
457
  }
@@ -500,7 +510,7 @@
500
510
  float: right;
501
511
  }
502
512
  .e-dropdown-popup ul .e-item.e-button-hide {
503
- display: none;
513
+ display: none !important; /* stylelint-disable-line declaration-no-important */
504
514
  }
505
515
 
506
516
  .e-addrule.e-add-icon::before,
@@ -590,9 +600,13 @@
590
600
  .e-bigger .e-query-builder .e-group-body .e-rule-container.e-horizontal-mode .e-rule-delete {
591
601
  margin-bottom: 0;
592
602
  }
593
- .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-delete,
603
+ .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,
594
604
  .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
595
- .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
605
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
606
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule,
607
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
608
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
609
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule {
596
610
  display: inline-block;
597
611
  margin-left: 7.5px;
598
612
  }
@@ -644,7 +658,6 @@
644
658
  padding: 15px;
645
659
  text-align: right;
646
660
  }
647
-
648
661
  *.e-device .e-rule-value {
649
662
  width: 100%;
650
663
  }
@@ -687,10 +700,10 @@
687
700
  border-color: #0074cc;
688
701
  color: #fff;
689
702
  }
690
- .e-query-builder .e-removerule.e-btn.e-round {
703
+ .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 {
691
704
  background: #282727;
692
705
  }
693
- .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
706
+ .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 {
694
707
  display: none;
695
708
  }
696
709
  .e-query-builder .e-summary-content textarea {
package/styles/query-builder/fabric.css CHANGED
@@ -287,15 +287,19 @@
287
287
  margin-top: 5px;
288
288
  }
289
289
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
290
- .e-query-builder .e-group-header .e-deletegroup {
290
+ .e-query-builder .e-group-header .e-deletegroup,
291
+ .e-query-builder .e-group-header .e-clone-grp-btn,
292
+ .e-query-builder .e-group-header .e-lock-grp-btn {
291
293
  margin-bottom: 2px;
292
294
  }
293
295
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn.e-readonly,
294
- .e-query-builder .e-group-header .e-deletegroup.e-readonly {
296
+ .e-query-builder .e-group-header .e-deletegroup.e-readonly,
297
+ .e-query-builder .e-group-header .e-clone-grp-btn.e-readonly,
298
+ .e-query-builder .e-group-header .e-lock-grp-btn.e-readonly {
295
299
  display: none;
296
300
  }
297
301
  .e-query-builder .e-group-header button.e-button-hide {
298
- display: none;
302
+ display: none !important; /* stylelint-disable-line declaration-no-important */
299
303
  }
300
304
  .e-query-builder .e-group-header.e-btn.e-small.e-round {
301
305
  box-shadow: none;
@@ -378,12 +382,12 @@
378
382
  .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 {
379
383
  margin-right: 15px;
380
384
  }
381
- .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
385
+ .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 {
382
386
  display: inline-block;
383
387
  margin-left: 12px;
384
388
  }
385
389
  .e-query-builder .e-group-body .e-rule-container button.e-button-hide {
386
- display: none;
390
+ display: none !important; /* stylelint-disable-line declaration-no-important */
387
391
  }
388
392
  .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 {
389
393
  display: inline-block;
@@ -399,7 +403,7 @@
399
403
  padding-right: 16px;
400
404
  right: 0;
401
405
  }
402
- .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 {
406
+ .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 {
403
407
  box-shadow: none;
404
408
  }
405
409
  .e-query-builder .e-group-body .e-vertical-mode .e-removerule.e-rule-delete {
@@ -430,6 +434,12 @@
430
434
  .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 {
431
435
  text-align: right;
432
436
  }
437
+ .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 {
438
+ margin-bottom: 12px;
439
+ }
440
+ .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 {
441
+ margin-left: 12px;
442
+ }
433
443
  .e-query-builder .e-delete-icon::before {
434
444
  content: "\ea7f";
435
445
  }
@@ -488,7 +498,7 @@
488
498
  float: right;
489
499
  }
490
500
  .e-dropdown-popup ul .e-item.e-button-hide {
491
- display: none;
501
+ display: none !important; /* stylelint-disable-line declaration-no-important */
492
502
  }
493
503
 
494
504
  .e-addrule.e-add-icon::before,
@@ -578,9 +588,13 @@
578
588
  .e-bigger .e-query-builder .e-group-body .e-rule-container.e-horizontal-mode .e-rule-delete {
579
589
  margin-bottom: 0;
580
590
  }
581
- .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-delete,
591
+ .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,
582
592
  .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
583
- .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
593
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
594
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule,
595
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
596
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
597
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule {
584
598
  display: inline-block;
585
599
  margin-left: 7.5px;
586
600
  }
@@ -632,7 +646,6 @@
632
646
  padding: 15px;
633
647
  text-align: right;
634
648
  }
635
-
636
649
  *.e-device .e-rule-value {
637
650
  width: 100%;
638
651
  }
@@ -669,10 +682,10 @@
669
682
  border-color: #0078d6;
670
683
  color: #fff;
671
684
  }
672
- .e-query-builder .e-removerule.e-btn.e-round {
685
+ .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 {
673
686
  background: #f8f8f8;
674
687
  }
675
- .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
688
+ .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 {
676
689
  display: none;
677
690
  }
678
691
  .e-query-builder .e-summary-content textarea {
package/styles/query-builder/fluent-dark.css CHANGED
@@ -160,6 +160,11 @@
160
160
  border-left-width: 0;
161
161
  }
162
162
 
163
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
164
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
165
+ margin-top: -1.5em;
166
+ }
167
+
163
168
  /* stylelint-disable-line no-empty-source */
164
169
  /* stylelint-disable property-no-vendor-prefix */
165
170
  @keyframes material-spinner-rotate {
@@ -356,15 +361,19 @@
356
361
  margin-top: 5px;
357
362
  }
358
363
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
359
- .e-query-builder .e-group-header .e-deletegroup {
364
+ .e-query-builder .e-group-header .e-deletegroup,
365
+ .e-query-builder .e-group-header .e-clone-grp-btn,
366
+ .e-query-builder .e-group-header .e-lock-grp-btn {
360
367
  margin-bottom: 2px;
361
368
  }
362
369
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn.e-readonly,
363
- .e-query-builder .e-group-header .e-deletegroup.e-readonly {
370
+ .e-query-builder .e-group-header .e-deletegroup.e-readonly,
371
+ .e-query-builder .e-group-header .e-clone-grp-btn.e-readonly,
372
+ .e-query-builder .e-group-header .e-lock-grp-btn.e-readonly {
364
373
  display: none;
365
374
  }
366
375
  .e-query-builder .e-group-header button.e-button-hide {
367
- display: none;
376
+ display: none !important; /* stylelint-disable-line declaration-no-important */
368
377
  }
369
378
  .e-query-builder .e-group-header.e-btn.e-small.e-round {
370
379
  box-shadow: none;
@@ -447,12 +456,12 @@
447
456
  .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 {
448
457
  margin-right: 15px;
449
458
  }
450
- .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
459
+ .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 {
451
460
  display: inline-block;
452
461
  margin-left: 8px;
453
462
  }
454
463
  .e-query-builder .e-group-body .e-rule-container button.e-button-hide {
455
- display: none;
464
+ display: none !important; /* stylelint-disable-line declaration-no-important */
456
465
  }
457
466
  .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 {
458
467
  display: inline-block;
@@ -468,7 +477,7 @@
468
477
  padding-right: 8px;
469
478
  right: 0;
470
479
  }
471
- .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 {
480
+ .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 {
472
481
  box-shadow: none;
473
482
  }
474
483
  .e-query-builder .e-group-body .e-vertical-mode .e-removerule.e-rule-delete {
@@ -499,6 +508,12 @@
499
508
  .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 {
500
509
  text-align: right;
501
510
  }
511
+ .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 {
512
+ margin-bottom: 12px;
513
+ }
514
+ .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 {
515
+ margin-left: 12px;
516
+ }
502
517
  .e-query-builder .e-delete-icon::before {
503
518
  content: "\e7e7";
504
519
  }
@@ -557,7 +572,7 @@
557
572
  float: right;
558
573
  }
559
574
  .e-dropdown-popup ul .e-item.e-button-hide {
560
- display: none;
575
+ display: none !important; /* stylelint-disable-line declaration-no-important */
561
576
  }
562
577
 
563
578
  .e-addrule.e-add-icon::before,
@@ -647,9 +662,13 @@
647
662
  .e-bigger .e-query-builder .e-group-body .e-rule-container.e-horizontal-mode .e-rule-delete {
648
663
  margin-bottom: 0;
649
664
  }
650
- .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-delete,
665
+ .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,
651
666
  .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
652
- .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
667
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
668
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule,
669
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
670
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
671
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule {
653
672
  display: inline-block;
654
673
  margin-left: 10px;
655
674
  }
@@ -701,6 +720,11 @@
701
720
  padding: 15px;
702
721
  text-align: right;
703
722
  }
723
+ .e-query-builder.e-device .e-dropdown-btn.e-round.e-small .e-add-icon,
724
+ .e-bigger.e-query-builder .e-dropdown-btn.e-round.e-small .e-add-icon,
725
+ .e-bigger .e-query-builder .e-dropdown-btn.e-round.e-small .e-add-icon {
726
+ line-height: 0.8em !important; /* stylelint-disable-line declaration-no-important */
727
+ }
704
728
 
705
729
  *.e-device .e-rule-value {
706
730
  width: 100%;
@@ -722,6 +746,10 @@
722
746
  background: #252423;
723
747
  border: 0 solid #252423;
724
748
  }
749
+ .e-query-builder .e-group-header .e-clone-grp-btn, .e-query-builder .e-group-header .e-lock-grp-btn {
750
+ background: #252423;
751
+ border: 0 solid #252423;
752
+ }
725
753
  .e-query-builder .e-group-container {
726
754
  border-color: #797775;
727
755
  }
@@ -747,12 +775,12 @@
747
775
  background: #252423;
748
776
  border: 0 solid #252423;
749
777
  }
750
- .e-query-builder .e-removerule.e-btn.e-round {
778
+ .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 {
751
779
  background: #1b1a19;
752
780
  background: #252423;
753
781
  border: 0 solid #252423;
754
782
  }
755
- .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
783
+ .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 {
756
784
  display: none;
757
785
  }
758
786
  .e-query-builder .e-summary-content textarea {
package/styles/query-builder/fluent.css CHANGED
@@ -160,6 +160,11 @@
160
160
  border-left-width: 0;
161
161
  }
162
162
 
163
+ .e-bigger .e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon,
164
+ .e-bigger.e-multiselect.e-control-container .e-multi-select-wrapper.e-down-icon .e-clear-icon {
165
+ margin-top: -1.5em;
166
+ }
167
+
163
168
  /* stylelint-disable-line no-empty-source */
164
169
  /* stylelint-disable property-no-vendor-prefix */
165
170
  @keyframes material-spinner-rotate {
@@ -356,15 +361,19 @@
356
361
  margin-top: 5px;
357
362
  }
358
363
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
359
- .e-query-builder .e-group-header .e-deletegroup {
364
+ .e-query-builder .e-group-header .e-deletegroup,
365
+ .e-query-builder .e-group-header .e-clone-grp-btn,
366
+ .e-query-builder .e-group-header .e-lock-grp-btn {
360
367
  margin-bottom: 2px;
361
368
  }
362
369
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn.e-readonly,
363
- .e-query-builder .e-group-header .e-deletegroup.e-readonly {
370
+ .e-query-builder .e-group-header .e-deletegroup.e-readonly,
371
+ .e-query-builder .e-group-header .e-clone-grp-btn.e-readonly,
372
+ .e-query-builder .e-group-header .e-lock-grp-btn.e-readonly {
364
373
  display: none;
365
374
  }
366
375
  .e-query-builder .e-group-header button.e-button-hide {
367
- display: none;
376
+ display: none !important; /* stylelint-disable-line declaration-no-important */
368
377
  }
369
378
  .e-query-builder .e-group-header.e-btn.e-small.e-round {
370
379
  box-shadow: none;
@@ -447,12 +456,12 @@
447
456
  .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 {
448
457
  margin-right: 15px;
449
458
  }
450
- .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
459
+ .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 {
451
460
  display: inline-block;
452
461
  margin-left: 8px;
453
462
  }
454
463
  .e-query-builder .e-group-body .e-rule-container button.e-button-hide {
455
- display: none;
464
+ display: none !important; /* stylelint-disable-line declaration-no-important */
456
465
  }
457
466
  .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 {
458
467
  display: inline-block;
@@ -468,7 +477,7 @@
468
477
  padding-right: 8px;
469
478
  right: 0;
470
479
  }
471
- .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 {
480
+ .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 {
472
481
  box-shadow: none;
473
482
  }
474
483
  .e-query-builder .e-group-body .e-vertical-mode .e-removerule.e-rule-delete {
@@ -499,6 +508,12 @@
499
508
  .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 {
500
509
  text-align: right;
501
510
  }
511
+ .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 {
512
+ margin-bottom: 12px;
513
+ }
514
+ .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 {
515
+ margin-left: 12px;
516
+ }
502
517
  .e-query-builder .e-delete-icon::before {
503
518
  content: "\e7e7";
504
519
  }
@@ -557,7 +572,7 @@
557
572
  float: right;
558
573
  }
559
574
  .e-dropdown-popup ul .e-item.e-button-hide {
560
- display: none;
575
+ display: none !important; /* stylelint-disable-line declaration-no-important */
561
576
  }
562
577
 
563
578
  .e-addrule.e-add-icon::before,
@@ -647,9 +662,13 @@
647
662
  .e-bigger .e-query-builder .e-group-body .e-rule-container.e-horizontal-mode .e-rule-delete {
648
663
  margin-bottom: 0;
649
664
  }
650
- .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-delete,
665
+ .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,
651
666
  .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
652
- .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
667
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
668
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule,
669
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
670
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
671
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule {
653
672
  display: inline-block;
654
673
  margin-left: 10px;
655
674
  }
@@ -701,6 +720,11 @@
701
720
  padding: 15px;
702
721
  text-align: right;
703
722
  }
723
+ .e-query-builder.e-device .e-dropdown-btn.e-round.e-small .e-add-icon,
724
+ .e-bigger.e-query-builder .e-dropdown-btn.e-round.e-small .e-add-icon,
725
+ .e-bigger .e-query-builder .e-dropdown-btn.e-round.e-small .e-add-icon {
726
+ line-height: 0.8em !important; /* stylelint-disable-line declaration-no-important */
727
+ }
704
728
 
705
729
  *.e-device .e-rule-value {
706
730
  width: 100%;
@@ -722,6 +746,10 @@
722
746
  background: #f3f2f1;
723
747
  border: 0 solid #f3f2f1;
724
748
  }
749
+ .e-query-builder .e-group-header .e-clone-grp-btn, .e-query-builder .e-group-header .e-lock-grp-btn {
750
+ background: #f3f2f1;
751
+ border: 0 solid #f3f2f1;
752
+ }
725
753
  .e-query-builder .e-group-container {
726
754
  border-color: #c8c6c4;
727
755
  }
@@ -747,12 +775,12 @@
747
775
  background: #f3f2f1;
748
776
  border: 0 solid #f3f2f1;
749
777
  }
750
- .e-query-builder .e-removerule.e-btn.e-round {
778
+ .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 {
751
779
  background: #fff;
752
780
  background: #f3f2f1;
753
781
  border: 0 solid #f3f2f1;
754
782
  }
755
- .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
783
+ .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 {
756
784
  display: none;
757
785
  }
758
786
  .e-query-builder .e-summary-content textarea {