@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/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/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/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/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 {
package/styles/highcontrast-light.css CHANGED
@@ -371,15 +371,19 @@
371
371
  margin-top: 5px;
372
372
  }
373
373
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn,
374
- .e-query-builder .e-group-header .e-deletegroup {
374
+ .e-query-builder .e-group-header .e-deletegroup,
375
+ .e-query-builder .e-group-header .e-clone-grp-btn,
376
+ .e-query-builder .e-group-header .e-lock-grp-btn {
375
377
  margin-bottom: 2px;
376
378
  }
377
379
  .e-query-builder .e-group-header .e-dropdown-btn.e-add-btn.e-readonly,
378
- .e-query-builder .e-group-header .e-deletegroup.e-readonly {
380
+ .e-query-builder .e-group-header .e-deletegroup.e-readonly,
381
+ .e-query-builder .e-group-header .e-clone-grp-btn.e-readonly,
382
+ .e-query-builder .e-group-header .e-lock-grp-btn.e-readonly {
379
383
  display: none;
380
384
  }
381
385
  .e-query-builder .e-group-header button.e-button-hide {
382
- display: none;
386
+ display: none !important; /* stylelint-disable-line declaration-no-important */
383
387
  }
384
388
  .e-query-builder .e-group-header.e-btn.e-small.e-round {
385
389
  box-shadow: none;
@@ -462,12 +466,12 @@
462
466
  .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 {
463
467
  margin-right: 15px;
464
468
  }
465
- .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete {
469
+ .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 {
466
470
  display: inline-block;
467
471
  margin-left: 12px;
468
472
  }
469
473
  .e-query-builder .e-group-body .e-rule-container button.e-button-hide {
470
- display: none;
474
+ display: none !important; /* stylelint-disable-line declaration-no-important */
471
475
  }
472
476
  .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 {
473
477
  display: inline-block;
@@ -483,7 +487,7 @@
483
487
  padding-right: 16px;
484
488
  right: 0;
485
489
  }
486
- .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 {
490
+ .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 {
487
491
  box-shadow: none;
488
492
  }
489
493
  .e-query-builder .e-group-body .e-vertical-mode .e-removerule.e-rule-delete {
@@ -514,6 +518,12 @@
514
518
  .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 {
515
519
  text-align: right;
516
520
  }
521
+ .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 {
522
+ margin-bottom: 12px;
523
+ }
524
+ .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 {
525
+ margin-left: 12px;
526
+ }
517
527
  .e-query-builder .e-delete-icon::before {
518
528
  content: "\ea7f";
519
529
  }
@@ -572,7 +582,7 @@
572
582
  float: right;
573
583
  }
574
584
  .e-dropdown-popup ul .e-item.e-button-hide {
575
- display: none;
585
+ display: none !important; /* stylelint-disable-line declaration-no-important */
576
586
  }
577
587
 
578
588
  .e-addrule.e-add-icon::before,
@@ -662,9 +672,13 @@
662
672
  .e-bigger .e-query-builder .e-group-body .e-rule-container.e-horizontal-mode .e-rule-delete {
663
673
  margin-bottom: 0;
664
674
  }
665
- .e-query-builder.e-device .e-group-body .e-horizontal-mode .e-rule-delete,
675
+ .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,
666
676
  .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-rule-delete {
677
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
678
+ .e-bigger.e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule,
679
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-rule-delete,
680
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-lock-rule,
681
+ .e-bigger .e-query-builder .e-group-body .e-horizontal-mode .e-clone-rule {
668
682
  display: inline-block;
669
683
  margin-left: 7.5px;
670
684
  }
@@ -716,7 +730,6 @@
716
730
  padding: 15px;
717
731
  text-align: right;
718
732
  }
719
-
720
733
  *.e-device .e-rule-value {
721
734
  width: 100%;
722
735
  }
@@ -753,10 +766,10 @@
753
766
  border-color: #400074;
754
767
  color: #fff;
755
768
  }
756
- .e-query-builder .e-removerule.e-btn.e-round {
769
+ .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 {
757
770
  background: #fff;
758
771
  }
759
- .e-query-builder .e-removerule.e-btn.e-round.e-readonly {
772
+ .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 {
760
773
  display: none;
761
774
  }
762
775
  .e-query-builder .e-summary-content textarea {