@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/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
@@ -104,6 +104,15 @@
104
104
  padding: 5px 5px 5px 12px;
105
105
  }
106
106
 
107
+ .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
108
+ padding: 1px 0;
109
+ }
110
+
111
+ .e-small .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text],
112
+ .e-small.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
113
+ padding: 0;
114
+ }
115
+
107
116
  /* stylelint-disable-line no-empty-source */
108
117
  /* stylelint-disable property-no-vendor-prefix */
109
118
  @keyframes material-spinner-rotate {
@@ -300,15 +309,19 @@
300
309
  margin-top: 0;
301
310
  }
302
311
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
303
- .e-query-builder .e-group-header .e-deletegroup {
312
+ .e-query-builder .e-group-header .e-deletegroup,
313
+ .e-query-builder .e-group-header .e-clone-grp-btn,
314
+ .e-query-builder .e-group-header .e-lock-grp-btn {
304
315
  margin-bottom: 2px;
305
316
  }
306
317
  .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 {
318
+ .e-query-builder .e-group-header .e-deletegroup.e-readonly,
319
+ .e-query-builder .e-group-header .e-clone-grp-btn.e-readonly,
320
+ .e-query-builder .e-group-header .e-lock-grp-btn.e-readonly {
308
321
  display: none;
309
322
  }
310
323
  .e-query-builder .e-group-header button.e-button-hide {
311
- display: none;
324
+ display: none !important; /* stylelint-disable-line declaration-no-important */
312
325
  }
313
326
  .e-query-builder .e-group-header.e-btn.e-small.e-round {
314
327
  box-shadow: none;
@@ -391,12 +404,12 @@
391
404
  .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
405
  margin-right: 15px;
393
406
  }
394
- .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
407
+ .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
408
  display: inline-block;
396
409
  margin-left: 12px;
397
410
  }
398
411
  .e-query-builder .e-group-body .e-rule-container button.e-button-hide {
399
- display: none;
412
+ display: none !important; /* stylelint-disable-line declaration-no-important */
400
413
  }
401
414
  .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
415
  display: inline-block;
@@ -412,7 +425,7 @@
412
425
  padding-right: 0;
413
426
  right: 0;
414
427
  }
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 {
428
+ .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
429
  box-shadow: none;
417
430
  }
418
431
  .e-query-builder .e-group-body .e-vertical-mode .e-removerule.e-rule-delete {
@@ -443,6 +456,12 @@
443
456
  .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
457
  text-align: right;
445
458
  }
459
+ .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 {
460
+ margin-bottom: 12px;
461
+ }
462
+ .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 {
463
+ margin-left: 12px;
464
+ }
446
465
  .e-query-builder .e-delete-icon::before {
447
466
  content: "\e945";
448
467
  }
@@ -501,7 +520,7 @@
501
520
  float: right;
502
521
  }
503
522
  .e-dropdown-popup ul .e-item.e-button-hide {
504
- display: none;
523
+ display: none !important; /* stylelint-disable-line declaration-no-important */
505
524
  }
506
525
 
507
526
  .e-addrule.e-add-icon::before,
@@ -591,9 +610,13 @@
591
610
  .e-bigger .e-query-builder .e-group-body .e-rule-container.e-horizontal-mode .e-rule-delete {
592
611
  margin-bottom: 0;
593
612
  }
594
- .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-delete,
613
+ .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
614
  .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 {
615
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
616
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule,
617
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
618
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
619
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule {
597
620
  display: inline-block;
598
621
  margin-left: 8px;
599
622
  }
@@ -645,7 +668,6 @@
645
668
  padding: 8px 0 5px 8px;
646
669
  text-align: right;
647
670
  }
648
-
649
671
  *.e-device .e-rule-value {
650
672
  width: 100%;
651
673
  }
@@ -682,10 +704,10 @@
682
704
  border-color: #00b0ff;
683
705
  color: #000;
684
706
  }
685
- .e-query-builder .e-removerule.e-btn.e-round {
707
+ .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
708
  background: #424242;
687
709
  }
688
- .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
710
+ .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
711
  display: none;
690
712
  }
691
713
  .e-query-builder .e-summary-content textarea {
package/styles/material.css CHANGED
@@ -129,6 +129,15 @@
129
129
  padding: 4px 8px;
130
130
  }
131
131
 
132
+ .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
133
+ padding: 1px 0;
134
+ }
135
+
136
+ .e-small .e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text],
137
+ .e-small.e-multiselect.e-input-group.e-checkbox .e-multi-select-wrapper input[type=text] {
138
+ padding: 0;
139
+ }
140
+
132
141
  /* stylelint-disable-line no-empty-source */
133
142
  /* stylelint-disable property-no-vendor-prefix */
134
143
  @keyframes material-spinner-rotate {
@@ -325,15 +334,19 @@
325
334
  margin-top: 0;
326
335
  }
327
336
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
328
- .e-query-builder .e-group-header .e-deletegroup {
337
+ .e-query-builder .e-group-header .e-deletegroup,
338
+ .e-query-builder .e-group-header .e-clone-grp-btn,
339
+ .e-query-builder .e-group-header .e-lock-grp-btn {
329
340
  margin-bottom: 2px;
330
341
  }
331
342
  .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 {
343
+ .e-query-builder .e-group-header .e-deletegroup.e-readonly,
344
+ .e-query-builder .e-group-header .e-clone-grp-btn.e-readonly,
345
+ .e-query-builder .e-group-header .e-lock-grp-btn.e-readonly {
333
346
  display: none;
334
347
  }
335
348
  .e-query-builder .e-group-header button.e-button-hide {
336
- display: none;
349
+ display: none !important; /* stylelint-disable-line declaration-no-important */
337
350
  }
338
351
  .e-query-builder .e-group-header.e-btn.e-small.e-round {
339
352
  box-shadow: none;
@@ -416,12 +429,12 @@
416
429
  .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
430
  margin-right: 15px;
418
431
  }
419
- .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
432
+ .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
433
  display: inline-block;
421
434
  margin-left: 12px;
422
435
  }
423
436
  .e-query-builder .e-group-body .e-rule-container button.e-button-hide {
424
- display: none;
437
+ display: none !important; /* stylelint-disable-line declaration-no-important */
425
438
  }
426
439
  .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
440
  display: inline-block;
@@ -437,7 +450,7 @@
437
450
  padding-right: 0;
438
451
  right: 0;
439
452
  }
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 {
453
+ .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
454
  box-shadow: none;
442
455
  }
443
456
  .e-query-builder .e-group-body .e-vertical-mode .e-removerule.e-rule-delete {
@@ -468,6 +481,12 @@
468
481
  .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
482
  text-align: right;
470
483
  }
484
+ .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 {
485
+ margin-bottom: 12px;
486
+ }
487
+ .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 {
488
+ margin-left: 12px;
489
+ }
471
490
  .e-query-builder .e-delete-icon::before {
472
491
  content: "\e945";
473
492
  }
@@ -526,7 +545,7 @@
526
545
  float: right;
527
546
  }
528
547
  .e-dropdown-popup ul .e-item.e-button-hide {
529
- display: none;
548
+ display: none !important; /* stylelint-disable-line declaration-no-important */
530
549
  }
531
550
 
532
551
  .e-addrule.e-add-icon::before,
@@ -616,9 +635,13 @@
616
635
  .e-bigger .e-query-builder .e-group-body .e-rule-container.e-horizontal-mode .e-rule-delete {
617
636
  margin-bottom: 0;
618
637
  }
619
- .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-delete,
638
+ .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
639
  .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 {
640
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
641
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule,
642
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
643
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
644
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule {
622
645
  display: inline-block;
623
646
  margin-left: 8px;
624
647
  }
@@ -670,7 +693,6 @@
670
693
  padding: 8px 0 5px 8px;
671
694
  text-align: right;
672
695
  }
673
-
674
696
  *.e-device .e-rule-value {
675
697
  width: 100%;
676
698
  }
@@ -707,10 +729,10 @@
707
729
  border-color: #e3165b;
708
730
  color: #fff;
709
731
  }
710
- .e-query-builder .e-removerule.e-btn.e-round {
732
+ .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
733
  background: #fff;
712
734
  }
713
- .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
735
+ .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
736
  display: none;
715
737
  }
716
738
  .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;