@syncfusion/ej2-querybuilder 24.2.9 → 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 +9 -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 +1609 -159
  6. package/dist/es6/ej2-querybuilder.es2015.js.map +1 -1
  7. package/dist/es6/ej2-querybuilder.es5.js +1611 -159
  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 +895 -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/highcontrast.css CHANGED
@@ -378,15 +378,19 @@
378
378
  margin-top: 5px;
379
379
  }
380
380
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
381
- .e-query-builder .e-group-header .e-deletegroup {
381
+ .e-query-builder .e-group-header .e-deletegroup,
382
+ .e-query-builder .e-group-header .e-clone-grp-btn,
383
+ .e-query-builder .e-group-header .e-lock-grp-btn {
382
384
  margin-bottom: 2px;
383
385
  }
384
386
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn.e-readonly,
385
- .e-query-builder .e-group-header .e-deletegroup.e-readonly {
387
+ .e-query-builder .e-group-header .e-deletegroup.e-readonly,
388
+ .e-query-builder .e-group-header .e-clone-grp-btn.e-readonly,
389
+ .e-query-builder .e-group-header .e-lock-grp-btn.e-readonly {
386
390
  display: none;
387
391
  }
388
392
  .e-query-builder .e-group-header button.e-button-hide {
389
- display: none;
393
+ display: none !important; /* stylelint-disable-line declaration-no-important */
390
394
  }
391
395
  .e-query-builder .e-group-header.e-btn.e-small.e-round {
392
396
  box-shadow: none;
@@ -469,12 +473,12 @@
469
473
  .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 {
470
474
  margin-right: 15px;
471
475
  }
472
- .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
476
+ .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 {
473
477
  display: inline-block;
474
478
  margin-left: 12px;
475
479
  }
476
480
  .e-query-builder .e-group-body .e-rule-container button.e-button-hide {
477
- display: none;
481
+ display: none !important; /* stylelint-disable-line declaration-no-important */
478
482
  }
479
483
  .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 {
480
484
  display: inline-block;
@@ -490,7 +494,7 @@
490
494
  padding-right: 16px;
491
495
  right: 0;
492
496
  }
493
- .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 {
497
+ .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 {
494
498
  box-shadow: none;
495
499
  }
496
500
  .e-query-builder .e-group-body .e-vertical-mode .e-removerule.e-rule-delete {
@@ -521,6 +525,12 @@
521
525
  .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 {
522
526
  text-align: right;
523
527
  }
528
+ .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 {
529
+ margin-bottom: 12px;
530
+ }
531
+ .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 {
532
+ margin-left: 12px;
533
+ }
524
534
  .e-query-builder .e-delete-icon::before {
525
535
  content: "\ea7f";
526
536
  }
@@ -579,7 +589,7 @@
579
589
  float: right;
580
590
  }
581
591
  .e-dropdown-popup ul .e-item.e-button-hide {
582
- display: none;
592
+ display: none !important; /* stylelint-disable-line declaration-no-important */
583
593
  }
584
594
 
585
595
  .e-addrule.e-add-icon::before,
@@ -669,9 +679,13 @@
669
679
  .e-bigger .e-query-builder .e-group-body .e-rule-container.e-horizontal-mode .e-rule-delete {
670
680
  margin-bottom: 0;
671
681
  }
672
- .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-delete,
682
+ .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,
673
683
  .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
674
- .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
684
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
685
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule,
686
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
687
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
688
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule {
675
689
  display: inline-block;
676
690
  margin-left: 7.5px;
677
691
  }
@@ -723,7 +737,6 @@
723
737
  padding: 15px;
724
738
  text-align: right;
725
739
  }
726
-
727
740
  *.e-device .e-rule-value {
728
741
  width: 100%;
729
742
  }
@@ -781,10 +794,10 @@
781
794
  .e-query-builder .e-group-header .e-btn-group .e-qb-toggle.e-active-toggle:last-of-type {
782
795
  border-left-color: #ffd939;
783
796
  }
784
- .e-query-builder .e-removerule.e-btn.e-round {
797
+ .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 {
785
798
  background: #000;
786
799
  }
787
- .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
800
+ .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 {
788
801
  display: none;
789
802
  }
790
803
  .e-query-builder .e-summary-content textarea {
package/styles/material-dark.css CHANGED
@@ -300,15 +300,19 @@
300
300
  margin-top: 0;
301
301
  }
302
302
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
303
- .e-query-builder .e-group-header .e-deletegroup {
303
+ .e-query-builder .e-group-header .e-deletegroup,
304
+ .e-query-builder .e-group-header .e-clone-grp-btn,
305
+ .e-query-builder .e-group-header .e-lock-grp-btn {
304
306
  margin-bottom: 2px;
305
307
  }
306
308
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn.e-readonly,
307
- .e-query-builder .e-group-header .e-deletegroup.e-readonly {
309
+ .e-query-builder .e-group-header .e-deletegroup.e-readonly,
310
+ .e-query-builder .e-group-header .e-clone-grp-btn.e-readonly,
311
+ .e-query-builder .e-group-header .e-lock-grp-btn.e-readonly {
308
312
  display: none;
309
313
  }
310
314
  .e-query-builder .e-group-header button.e-button-hide {
311
- display: none;
315
+ display: none !important; /* stylelint-disable-line declaration-no-important */
312
316
  }
313
317
  .e-query-builder .e-group-header.e-btn.e-small.e-round {
314
318
  box-shadow: none;
@@ -391,12 +395,12 @@
391
395
  .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 {
392
396
  margin-right: 15px;
393
397
  }
394
- .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
398
+ .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 {
395
399
  display: inline-block;
396
400
  margin-left: 12px;
397
401
  }
398
402
  .e-query-builder .e-group-body .e-rule-container button.e-button-hide {
399
- display: none;
403
+ display: none !important; /* stylelint-disable-line declaration-no-important */
400
404
  }
401
405
  .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 {
402
406
  display: inline-block;
@@ -412,7 +416,7 @@
412
416
  padding-right: 0;
413
417
  right: 0;
414
418
  }
415
- .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 {
419
+ .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 {
416
420
  box-shadow: none;
417
421
  }
418
422
  .e-query-builder .e-group-body .e-vertical-mode .e-removerule.e-rule-delete {
@@ -443,6 +447,12 @@
443
447
  .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 {
444
448
  text-align: right;
445
449
  }
450
+ .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 {
451
+ margin-bottom: 12px;
452
+ }
453
+ .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 {
454
+ margin-left: 12px;
455
+ }
446
456
  .e-query-builder .e-delete-icon::before {
447
457
  content: "\e945";
448
458
  }
@@ -501,7 +511,7 @@
501
511
  float: right;
502
512
  }
503
513
  .e-dropdown-popup ul .e-item.e-button-hide {
504
- display: none;
514
+ display: none !important; /* stylelint-disable-line declaration-no-important */
505
515
  }
506
516
 
507
517
  .e-addrule.e-add-icon::before,
@@ -591,9 +601,13 @@
591
601
  .e-bigger .e-query-builder .e-group-body .e-rule-container.e-horizontal-mode .e-rule-delete {
592
602
  margin-bottom: 0;
593
603
  }
594
- .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-delete,
604
+ .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,
595
605
  .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-rule-delete {
606
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
607
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule,
608
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
609
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
610
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule {
597
611
  display: inline-block;
598
612
  margin-left: 8px;
599
613
  }
@@ -645,7 +659,6 @@
645
659
  padding: 8px 0 5px 8px;
646
660
  text-align: right;
647
661
  }
648
-
649
662
  *.e-device .e-rule-value {
650
663
  width: 100%;
651
664
  }
@@ -682,10 +695,10 @@
682
695
  border-color: #00b0ff;
683
696
  color: #000;
684
697
  }
685
- .e-query-builder .e-removerule.e-btn.e-round {
698
+ .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 {
686
699
  background: #424242;
687
700
  }
688
- .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
701
+ .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 {
689
702
  display: none;
690
703
  }
691
704
  .e-query-builder .e-summary-content textarea {
package/styles/material.css CHANGED
@@ -325,15 +325,19 @@
325
325
  margin-top: 0;
326
326
  }
327
327
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
328
- .e-query-builder .e-group-header .e-deletegroup {
328
+ .e-query-builder .e-group-header .e-deletegroup,
329
+ .e-query-builder .e-group-header .e-clone-grp-btn,
330
+ .e-query-builder .e-group-header .e-lock-grp-btn {
329
331
  margin-bottom: 2px;
330
332
  }
331
333
  .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 {
334
+ .e-query-builder .e-group-header .e-deletegroup.e-readonly,
335
+ .e-query-builder .e-group-header .e-clone-grp-btn.e-readonly,
336
+ .e-query-builder .e-group-header .e-lock-grp-btn.e-readonly {
333
337
  display: none;
334
338
  }
335
339
  .e-query-builder .e-group-header button.e-button-hide {
336
- display: none;
340
+ display: none !important; /* stylelint-disable-line declaration-no-important */
337
341
  }
338
342
  .e-query-builder .e-group-header.e-btn.e-small.e-round {
339
343
  box-shadow: none;
@@ -416,12 +420,12 @@
416
420
  .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
421
  margin-right: 15px;
418
422
  }
419
- .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
423
+ .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
424
  display: inline-block;
421
425
  margin-left: 12px;
422
426
  }
423
427
  .e-query-builder .e-group-body .e-rule-container button.e-button-hide {
424
- display: none;
428
+ display: none !important; /* stylelint-disable-line declaration-no-important */
425
429
  }
426
430
  .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
431
  display: inline-block;
@@ -437,7 +441,7 @@
437
441
  padding-right: 0;
438
442
  right: 0;
439
443
  }
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 {
444
+ .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
445
  box-shadow: none;
442
446
  }
443
447
  .e-query-builder .e-group-body .e-vertical-mode .e-removerule.e-rule-delete {
@@ -468,6 +472,12 @@
468
472
  .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
473
  text-align: right;
470
474
  }
475
+ .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 {
476
+ margin-bottom: 12px;
477
+ }
478
+ .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 {
479
+ margin-left: 12px;
480
+ }
471
481
  .e-query-builder .e-delete-icon::before {
472
482
  content: "\e945";
473
483
  }
@@ -526,7 +536,7 @@
526
536
  float: right;
527
537
  }
528
538
  .e-dropdown-popup ul .e-item.e-button-hide {
529
- display: none;
539
+ display: none !important; /* stylelint-disable-line declaration-no-important */
530
540
  }
531
541
 
532
542
  .e-addrule.e-add-icon::before,
@@ -616,9 +626,13 @@
616
626
  .e-bigger .e-query-builder .e-group-body .e-rule-container.e-horizontal-mode .e-rule-delete {
617
627
  margin-bottom: 0;
618
628
  }
619
- .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-delete,
629
+ .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
630
  .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 {
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,
633
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
634
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
635
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule {
622
636
  display: inline-block;
623
637
  margin-left: 8px;
624
638
  }
@@ -670,7 +684,6 @@
670
684
  padding: 8px 0 5px 8px;
671
685
  text-align: right;
672
686
  }
673
-
674
687
  *.e-device .e-rule-value {
675
688
  width: 100%;
676
689
  }
@@ -707,10 +720,10 @@
707
720
  border-color: #e3165b;
708
721
  color: #fff;
709
722
  }
710
- .e-query-builder .e-removerule.e-btn.e-round {
723
+ .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 {
711
724
  background: #fff;
712
725
  }
713
- .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
726
+ .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 {
714
727
  display: none;
715
728
  }
716
729
  .e-query-builder .e-summary-content textarea {
package/styles/material3-dark.css CHANGED
@@ -400,16 +400,20 @@
400
400
  margin-top: 5px;
401
401
  }
402
402
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
403
- .e-query-builder .e-group-header .e-deletegroup {
403
+ .e-query-builder .e-group-header .e-deletegroup,
404
+ .e-query-builder .e-group-header .e-clone-grp-btn,
405
+ .e-query-builder .e-group-header .e-lock-grp-btn {
404
406
  margin-bottom: 2px;
405
407
  box-shadow: none;
406
408
  }
407
409
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn.e-readonly,
408
- .e-query-builder .e-group-header .e-deletegroup.e-readonly {
410
+ .e-query-builder .e-group-header .e-deletegroup.e-readonly,
411
+ .e-query-builder .e-group-header .e-clone-grp-btn.e-readonly,
412
+ .e-query-builder .e-group-header .e-lock-grp-btn.e-readonly {
409
413
  display: none;
410
414
  }
411
415
  .e-query-builder .e-group-header button.e-button-hide {
412
- display: none;
416
+ display: none !important; /* stylelint-disable-line declaration-no-important */
413
417
  }
414
418
  .e-query-builder .e-group-header.e-btn.e-small.e-round {
415
419
  box-shadow: none;
@@ -492,12 +496,12 @@
492
496
  .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 {
493
497
  margin-right: 15px;
494
498
  }
495
- .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
499
+ .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 {
496
500
  display: inline-block;
497
501
  margin-left: 8px;
498
502
  }
499
503
  .e-query-builder .e-group-body .e-rule-container button.e-button-hide {
500
- display: none;
504
+ display: none !important; /* stylelint-disable-line declaration-no-important */
501
505
  }
502
506
  .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 {
503
507
  display: inline-block;
@@ -512,7 +516,7 @@
512
516
  margin-bottom: 12px;
513
517
  right: 0;
514
518
  }
515
- .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 {
519
+ .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 {
516
520
  box-shadow: none;
517
521
  }
518
522
  .e-query-builder .e-group-body .e-vertical-mode .e-removerule.e-rule-delete {
@@ -543,6 +547,12 @@
543
547
  .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 {
544
548
  text-align: right;
545
549
  }
550
+ .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 {
551
+ margin-bottom: 12px;
552
+ }
553
+ .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 {
554
+ margin-left: 12px;
555
+ }
546
556
  .e-query-builder .e-delete-icon::before {
547
557
  content: "\e7e7";
548
558
  }
@@ -601,7 +611,7 @@
601
611
  float: right;
602
612
  }
603
613
  .e-dropdown-popup ul .e-item.e-button-hide {
604
- display: none;
614
+ display: none !important; /* stylelint-disable-line declaration-no-important */
605
615
  }
606
616
 
607
617
  .e-addrule.e-add-icon::before,
@@ -690,9 +700,13 @@
690
700
  .e-bigger .e-query-builder .e-group-body .e-rule-container.e-horizontal-mode .e-rule-delete {
691
701
  margin-bottom: 0;
692
702
  }
693
- .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-delete,
703
+ .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,
694
704
  .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
695
- .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
705
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
706
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule,
707
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
708
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
709
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule {
696
710
  display: inline-block;
697
711
  margin-left: 16px;
698
712
  }
@@ -744,7 +758,6 @@
744
758
  padding: 15px;
745
759
  text-align: right;
746
760
  }
747
-
748
761
  *.e-device .e-rule-value {
749
762
  width: 100%;
750
763
  }
@@ -781,10 +794,10 @@
781
794
  border-color: rgba(var(--color-sf-primary));
782
795
  color: rgba(var(--color-sf-on-primary));
783
796
  }
784
- .e-query-builder .e-removerule.e-btn.e-round {
797
+ .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 {
785
798
  background: transparent;
786
799
  }
787
- .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
800
+ .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 {
788
801
  display: none;
789
802
  }
790
803
  .e-query-builder .e-summary-content textarea {
package/styles/material3.css CHANGED
@@ -456,16 +456,20 @@
456
456
  margin-top: 5px;
457
457
  }
458
458
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
459
- .e-query-builder .e-group-header .e-deletegroup {
459
+ .e-query-builder .e-group-header .e-deletegroup,
460
+ .e-query-builder .e-group-header .e-clone-grp-btn,
461
+ .e-query-builder .e-group-header .e-lock-grp-btn {
460
462
  margin-bottom: 2px;
461
463
  box-shadow: none;
462
464
  }
463
465
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn.e-readonly,
464
- .e-query-builder .e-group-header .e-deletegroup.e-readonly {
466
+ .e-query-builder .e-group-header .e-deletegroup.e-readonly,
467
+ .e-query-builder .e-group-header .e-clone-grp-btn.e-readonly,
468
+ .e-query-builder .e-group-header .e-lock-grp-btn.e-readonly {
465
469
  display: none;
466
470
  }
467
471
  .e-query-builder .e-group-header button.e-button-hide {
468
- display: none;
472
+ display: none !important; /* stylelint-disable-line declaration-no-important */
469
473
  }
470
474
  .e-query-builder .e-group-header.e-btn.e-small.e-round {
471
475
  box-shadow: none;
@@ -548,12 +552,12 @@
548
552
  .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 {
549
553
  margin-right: 15px;
550
554
  }
551
- .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
555
+ .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 {
552
556
  display: inline-block;
553
557
  margin-left: 8px;
554
558
  }
555
559
  .e-query-builder .e-group-body .e-rule-container button.e-button-hide {
556
- display: none;
560
+ display: none !important; /* stylelint-disable-line declaration-no-important */
557
561
  }
558
562
  .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 {
559
563
  display: inline-block;
@@ -568,7 +572,7 @@
568
572
  margin-bottom: 12px;
569
573
  right: 0;
570
574
  }
571
- .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 {
575
+ .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 {
572
576
  box-shadow: none;
573
577
  }
574
578
  .e-query-builder .e-group-body .e-vertical-mode .e-removerule.e-rule-delete {
@@ -599,6 +603,12 @@
599
603
  .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 {
600
604
  text-align: right;
601
605
  }
606
+ .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 {
607
+ margin-bottom: 12px;
608
+ }
609
+ .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 {
610
+ margin-left: 12px;
611
+ }
602
612
  .e-query-builder .e-delete-icon::before {
603
613
  content: "\e7e7";
604
614
  }
@@ -657,7 +667,7 @@
657
667
  float: right;
658
668
  }
659
669
  .e-dropdown-popup ul .e-item.e-button-hide {
660
- display: none;
670
+ display: none !important; /* stylelint-disable-line declaration-no-important */
661
671
  }
662
672
 
663
673
  .e-addrule.e-add-icon::before,
@@ -746,9 +756,13 @@
746
756
  .e-bigger .e-query-builder .e-group-body .e-rule-container.e-horizontal-mode .e-rule-delete {
747
757
  margin-bottom: 0;
748
758
  }
749
- .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-delete,
759
+ .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,
750
760
  .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
751
- .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
761
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
762
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule,
763
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
764
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
765
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule {
752
766
  display: inline-block;
753
767
  margin-left: 16px;
754
768
  }
@@ -800,7 +814,6 @@
800
814
  padding: 15px;
801
815
  text-align: right;
802
816
  }
803
-
804
817
  *.e-device .e-rule-value {
805
818
  width: 100%;
806
819
  }
@@ -837,10 +850,10 @@
837
850
  border-color: rgba(var(--color-sf-primary));
838
851
  color: rgba(var(--color-sf-on-primary));
839
852
  }
840
- .e-query-builder .e-removerule.e-btn.e-round {
853
+ .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 {
841
854
  background: transparent;
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/query-builder/_bds-definition.scss ADDED
@@ -0,0 +1,107 @@
1
+ //layout variables
2
+ $qrybldr-width: auto !default;
3
+ $qrybldr-height: auto !default;
4
+ $qrybldr-brdr: 1px solid !default;
5
+ $qrybldr-btngrp-brdr: none !default;
6
+ $grpcon-padding: 12px !default;
7
+ $qrybldr-device-diaplay: inline-block !default;
8
+ $group-action-margin: 12px !default;
9
+ $group-action-mrgntop: 5px !default;
10
+ $groupbody-paddingleft: 20px !default;
11
+ $rulecon-height: auto !default;
12
+ $rulecon-padding: 12px 0 12px 12px !default;
13
+ $hrmode-ruledlt-mrgn: 12px !default;
14
+ $vrmode-ruledlt-mrgnpos: absolute !default;
15
+ $qrybldr-rulelist-grcon-float: right !default;
16
+ $qrybldr-rulelist-grcon-width: 100% !default;
17
+ $qrybldr-button-hide: none !default;
18
+ $qrybldr-field: left !default;
19
+ $ruledelete-margin: 12px !default;
20
+ $radio-wrapper-margin: 15px !default;
21
+ $qrybldr-group-container-margin-top: 12px !default;
22
+ $qrybldr-group-container-margin-left: 0 !default;
23
+ $qrybldr-posn-relative: relative !default;
24
+ $rule-boxshadow: none !default;
25
+ $qrybldr-rule-list-first-left: -12px !default;
26
+ $qrybldr-rule-list-first-right: -12px !default;
27
+ $qrybldr-rule-list-before-top: -10px !default;
28
+ $qrybldr-rule-list-after-border: 0 0 0 2px !default;
29
+ $qrybldr-rule-list-before-border: 0 0 2px 2px !default;
30
+ $qrybldr-rule-list-rtl-after-border: 0 2px 0 0 !default;
31
+ $qrybldr-rule-list-rtl-before-border: 0 2px 2px 0 !default;
32
+ $qrybldr-rule-list-border-style: dotted !default;
33
+ $before-border-height: calc(50% + 14px) !default;
34
+ $after-border-height: calc(50% + 8px) !default;
35
+ $qrybldr-add-icon: '\e805' !default;
36
+ $qrybldr-delete-icon: '\e7e7' !default;
37
+ $bigger-group-action-margin: 16px !default;
38
+ $bigger-groupbody-paddingleft: 24px !default;
39
+ $bigger-hrmode-ruledlt-mrgn: 15px !default;
40
+ $bigger-rulecon-padding: 16px 0 16px 16px !default;
41
+ $device-rule-padding: 15px 0 0 15px !default;
42
+ $device-rule-padding-right: 15px !default;
43
+ $bigger-ruledelete-marginleft: 16px !default;
44
+ $qrybldr-rule-border: 1px solid !default;
45
+ $qrybldr-rule-list-after-height: calc(100% - 17px) !default;
46
+ $qrybldr-rule-list-height: 25px !default;
47
+ $qrybldr-rule-list-top: 17px !default;
48
+ $qrybldr-nav-width: 10px !default;
49
+ $qrybldr-rule-container-after-height: calc(50% + 6px) !default;
50
+ $qrybldr-rule-container-after-top: calc(50% - 3px) !default;
51
+ $qrybldr-grpcon-brder-left: -11px !default;
52
+ $bigger-rule-list-first-top: -14px !default;
53
+ $qrybldr-rulecont-margin: -1px !default;
54
+ $ruledelete-shadow: none !default;
55
+ $device-rulecon-padding: 14px !default;
56
+ $qrybldr-rulelist: 14px 0 14px 0 !default;
57
+ $qrybldr-bigger-rulelist: 16px 0 16px 0 !default;
58
+ $qrybldr-add-mrgn-btm: 2px !default;
59
+ $device-rulecon-right-padding: 8px !default;
60
+ $qrybldr-summary-padding: 12px !default;
61
+ $qrybldr-summary-btn-padding: 12px !default;
62
+ $qrybldr-bigger-summary-padding: 15px !default;
63
+ $qrybldr-bigger-summary-btn-padding: 15px !default;
64
+ $qrybldr-summary-text-width: 100% !default;
65
+ $qrybldr-clspe-rule-pos: absolute !default;
66
+ $qrybldr-btngrp-shadow: none !default;
67
+ $qrybldr-multi-width: 190px !default;
68
+ $qrybldr-device-value-width: 100% !default;
69
+ $qrybldr-btngroup-display: inline-block !default;
70
+ $qrybldr-grpcon-aftrbrder-left: -11px !default;
71
+ $after-ruleborder-height: calc(50% + 10px) !default;
72
+ $qrybldr-val-error-border: 8px solid !default;
73
+ $biggerafter-ruleborder-height: calc(50% + 12px) !default;
74
+ $qrybldr-bigger-rule-list-before-top: -12px !default;
75
+ $qrybldr-rule-list-first-top: -11px !default;
76
+ $qrybldr-collapse-rule-padding: 0 14px !default;
77
+ $qrybldr-multi-maxwidth: 200px !default;
78
+ $qrybldr-device-multi-maxwidth: 100% !default;
79
+ $qrybldr-btn-left: 10px !default;
80
+ $qrybldr-touch-btn-left: 14px !default;
81
+ $qrybldr-collapse-font-size: $text-xl !default;
82
+ $qrybldr-collapse-padding: 5px !default;
83
+ $qrybldr-collapse-box-shadow: none !default;
84
+ $qrybldr-collapse-txtarea-margin: 8px !default;
85
+ $qrybldr-brdr-radius: 4px !default;
86
+ $qrybldr-summary-line-height: 1.5em !default;
87
+ $qrybldr-smrytxt-font-size: $text-sm !default;
88
+ $qrybldr-bigger-smrytxt-font-size: $text-base !default;
89
+ $qrybldr-spinner-right: 5px !default;
90
+ $qrybldr-spinner-left: auto !default;
91
+ $qrybldr-rtl-spinner-right: auto !default;
92
+ $qrybldr-rtl-spinner-left: 5px !default;
93
+ $qrybldr-btngrp-brdr-radius: 4px !default;
94
+ $qrybldr-btngroup-bgcolor: $primary !default;
95
+ $qrybldr-btngroup-color: $primary-text-color !default;
96
+ $qrybldr-color: $placeholder-text-color !default;
97
+ $qrybldr-rule-list-border-color: $border-light !default;
98
+ $qrybldr-btngroup-active-bgcolor: $primary !default;
99
+ $qrybldr-btngroup-active-color: $primary-text-color !default;
100
+ $groupborder-color: $border-light !default;
101
+ $groupfill-color: transparent !default;
102
+ $groupfill-bgcolor: $content-bg-color-alt1 !default;
103
+ $qrybldr-brdr-color: $border-light !default;
104
+ $qrybldr-bg-color: transparent !default;
105
+ $qrybldr-val-error-bg-color: $danger-light !default;
106
+ $qrybldr-val-error-color: $danger-bg-color !default;
107
+ $qrybldr-collapse-brdr-color: $border-light !default;