@syncfusion/ej2-angular-querybuilder 22.2.11-ngcc → 22.2.11

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 (89) hide show
  1. package/esm2020/public_api.mjs +3 -0
  2. package/esm2020/src/index.mjs +6 -0
  3. package/esm2020/src/query-builder/columns.directive.mjs +72 -0
  4. package/esm2020/src/query-builder/querybuilder-all.module.mjs +23 -0
  5. package/esm2020/src/query-builder/querybuilder.component.mjs +71 -0
  6. package/esm2020/src/query-builder/querybuilder.module.mjs +34 -0
  7. package/esm2020/syncfusion-ej2-angular-querybuilder.mjs +5 -0
  8. package/fesm2015/syncfusion-ej2-angular-querybuilder.mjs +194 -0
  9. package/fesm2015/syncfusion-ej2-angular-querybuilder.mjs.map +1 -0
  10. package/fesm2020/syncfusion-ej2-angular-querybuilder.mjs +194 -0
  11. package/fesm2020/syncfusion-ej2-angular-querybuilder.mjs.map +1 -0
  12. package/package.json +26 -12
  13. package/src/query-builder/columns.directive.d.ts +5 -0
  14. package/src/query-builder/querybuilder-all.module.d.ts +6 -0
  15. package/src/query-builder/querybuilder.component.d.ts +3 -0
  16. package/src/query-builder/querybuilder.module.d.ts +7 -0
  17. package/styles/material.css +1 -1
  18. package/styles/material3-dark.scss +1 -0
  19. package/styles/material3.scss +1 -0
  20. package/styles/query-builder/_all.scss +2 -0
  21. package/styles/query-builder/_bootstrap-dark-definition.scss +104 -0
  22. package/styles/query-builder/_bootstrap-definition.scss +104 -0
  23. package/styles/query-builder/_bootstrap4-definition.scss +106 -0
  24. package/styles/query-builder/_bootstrap5-dark-definition.scss +1 -0
  25. package/styles/query-builder/_bootstrap5-definition.scss +108 -0
  26. package/styles/query-builder/_fabric-dark-definition.scss +104 -0
  27. package/styles/query-builder/_fabric-definition.scss +104 -0
  28. package/styles/query-builder/_fluent-dark-definition.scss +1 -0
  29. package/styles/query-builder/_fluent-definition.scss +107 -0
  30. package/styles/query-builder/_fusionnew-definition.scss +108 -0
  31. package/styles/query-builder/_highcontrast-definition.scss +104 -0
  32. package/styles/query-builder/_highcontrast-light-definition.scss +104 -0
  33. package/styles/query-builder/_layout.scss +728 -0
  34. package/styles/query-builder/_material-dark-definition.scss +105 -0
  35. package/styles/query-builder/_material-definition.scss +104 -0
  36. package/styles/query-builder/_material3-dark-definition.scss +1 -0
  37. package/styles/query-builder/_material3-definition.scss +110 -0
  38. package/styles/query-builder/_tailwind-dark-definition.scss +1 -0
  39. package/styles/query-builder/_tailwind-definition.scss +107 -0
  40. package/styles/query-builder/_theme.scss +188 -0
  41. package/styles/query-builder/bootstrap-dark.scss +15 -1
  42. package/styles/query-builder/bootstrap.scss +15 -1
  43. package/styles/query-builder/bootstrap4.scss +15 -1
  44. package/styles/query-builder/bootstrap5-dark.scss +15 -1
  45. package/styles/query-builder/bootstrap5.scss +15 -1
  46. package/styles/query-builder/fabric-dark.scss +15 -1
  47. package/styles/query-builder/fabric.scss +15 -1
  48. package/styles/query-builder/fluent-dark.scss +15 -1
  49. package/styles/query-builder/fluent.scss +15 -1
  50. package/styles/query-builder/highcontrast-light.scss +15 -1
  51. package/styles/query-builder/highcontrast.scss +15 -1
  52. package/styles/query-builder/icons/_bootstrap-dark.scss +7 -0
  53. package/styles/query-builder/icons/_bootstrap.scss +7 -0
  54. package/styles/query-builder/icons/_bootstrap4.scss +7 -0
  55. package/styles/query-builder/icons/_bootstrap5-dark.scss +1 -0
  56. package/styles/query-builder/icons/_bootstrap5.scss +7 -0
  57. package/styles/query-builder/icons/_fabric-dark.scss +7 -0
  58. package/styles/query-builder/icons/_fabric.scss +7 -0
  59. package/styles/query-builder/icons/_fluent-dark.scss +1 -0
  60. package/styles/query-builder/icons/_fluent.scss +7 -0
  61. package/styles/query-builder/icons/_fusionnew.scss +7 -0
  62. package/styles/query-builder/icons/_highcontrast-light.scss +7 -0
  63. package/styles/query-builder/icons/_highcontrast.scss +7 -0
  64. package/styles/query-builder/icons/_material-dark.scss +7 -0
  65. package/styles/query-builder/icons/_material.scss +7 -0
  66. package/styles/query-builder/icons/_material3-dark.scss +1 -0
  67. package/styles/query-builder/icons/_material3.scss +7 -0
  68. package/styles/query-builder/icons/_tailwind-dark.scss +7 -0
  69. package/styles/query-builder/icons/_tailwind.scss +7 -0
  70. package/styles/query-builder/material-dark.scss +15 -1
  71. package/styles/query-builder/material.css +1 -1
  72. package/styles/query-builder/material.scss +15 -1
  73. package/styles/query-builder/material3-dark.scss +15 -1
  74. package/styles/query-builder/material3.scss +15 -1
  75. package/styles/query-builder/tailwind-dark.scss +15 -1
  76. package/styles/query-builder/tailwind.scss +15 -1
  77. package/syncfusion-ej2-angular-querybuilder.d.ts +5 -0
  78. package/@syncfusion/ej2-angular-querybuilder.es5.js +0 -267
  79. package/@syncfusion/ej2-angular-querybuilder.es5.js.map +0 -1
  80. package/@syncfusion/ej2-angular-querybuilder.js +0 -239
  81. package/@syncfusion/ej2-angular-querybuilder.js.map +0 -1
  82. package/CHANGELOG.md +0 -589
  83. package/dist/ej2-angular-querybuilder.umd.js +0 -289
  84. package/dist/ej2-angular-querybuilder.umd.js.map +0 -1
  85. package/dist/ej2-angular-querybuilder.umd.min.js +0 -11
  86. package/dist/ej2-angular-querybuilder.umd.min.js.map +0 -1
  87. package/ej2-angular-querybuilder.d.ts +0 -5
  88. package/ej2-angular-querybuilder.metadata.json +0 -1
  89. package/postinstall/tagchange.js +0 -18
package/styles/query-builder/_bootstrap4-definition.scss ADDED
@@ -0,0 +1,106 @@
1
+ $qrybldr-width: auto !default;
2
+ $qrybldr-height: auto !default;
3
+ $qrybldr-brdr: 1px solid !default;
4
+ $qrybldr-btngrp-brdr: none !default;
5
+ $grpcon-padding: 12px !default;
6
+ $qrybldr-device-diaplay: inline-block !default;
7
+ $group-action-margin: 12px !default;
8
+ $group-action-mrgntop: 5px !default;
9
+ $groupbody-paddingleft: 20px !default;
10
+ $rulecon-height: auto !default;
11
+ $rulecon-padding: 8px 0 8px 8px !default;
12
+ $hrmode-ruledlt-mrgn: 12px !default;
13
+ $vrmode-ruledlt-mrgnpos: absolute !default;
14
+ $qrybldr-rulelist-grcon-float: right !default;
15
+ $qrybldr-rulelist-grcon-width: 100% !default;
16
+ $qrybldr-button-hide: none !default;
17
+ $qrybldr-field: left !default;
18
+ $ruledelete-margin: 8px !default;
19
+ $radio-wrapper-margin: 15px !default;
20
+ $qrybldr-group-container-margin-top: 12px !default;
21
+ $qrybldr-group-container-margin-left: 0 !default;
22
+ $qrybldr-posn-relative: relative !default;
23
+ $rule-boxshadow: none !default;
24
+ $qrybldr-rule-list-first-left: -12px !default;
25
+ $qrybldr-rule-list-first-right: -12px !default;
26
+ $qrybldr-rule-list-before-top: -10px !default;
27
+ $qrybldr-rule-list-after-border: 0 0 0 2px !default;
28
+ $qrybldr-rule-list-before-border: 0 0 2px 2px !default;
29
+ $qrybldr-rule-list-rtl-after-border: 0 2px 0 0 !default;
30
+ $qrybldr-rule-list-rtl-before-border: 0 2px 2px 0 !default;
31
+ $qrybldr-rule-list-border-style: dotted !default;
32
+ $before-border-height: calc(50% + 14px) !default;
33
+ $after-border-height: calc(50% + 8px) !default;
34
+ $qrybldr-add-icon: '\e759' !default;
35
+ $qrybldr-delete-icon: '\e745' !default;
36
+ $bigger-group-action-margin: 16px !default;
37
+ $bigger-groupbody-paddingleft: 24px !default;
38
+ $bigger-hrmode-ruledlt-mrgn: 15px !default;
39
+ $bigger-rulecon-padding: 10px 0 10px 10px !default;
40
+ $device-rule-padding: 15px 0 0 15px !default;
41
+ $device-rule-padding-right: 15px !default;
42
+ $bigger-ruledelete-marginleft: 10px !default;
43
+ $qrybldr-brdr-color: $gray-300 !default;
44
+ $qrybldr-bg-color: $white !default;
45
+ $qrybldr-color: $gray-900 !default;
46
+ $qrybldr-rule-list-border-color: $gray-300 !default;
47
+ $qrybldr-btngroup-active-bgcolor: $primary !default;
48
+ $qrybldr-btngroup-active-color: $primary-font !default;
49
+ $groupborder-color: $gray-300 !default;
50
+ $groupfill-color: $gray-600 !default;
51
+ $groupfill-bgcolor: $gray-100 !default;
52
+ $qrybldr-rule-border: 1px solid !default;
53
+ $qrybldr-rule-list-after-height: calc(100% - 17px) !default;
54
+ $qrybldr-rule-list-height: 25px !default;
55
+ $qrybldr-rule-list-top: 17px !default;
56
+ $qrybldr-nav-width: 10px !default;
57
+ $qrybldr-rule-container-after-height: calc(50% + 6px) !default;
58
+ $qrybldr-rule-container-after-top: calc(50% - 3px) !default;
59
+ $qrybldr-grpcon-brder-left: -11px !default;
60
+ $bigger-rule-list-first-top: -14px !default;
61
+ $qrybldr-rulecont-margin: -1px !default;
62
+ $ruledelete-shadow: none !default;
63
+ $device-rulecon-padding: 14px !default;
64
+ $qrybldr-rulelist: 14px 0 14px 0 !default;
65
+ $qrybldr-bigger-rulelist: 16px 0 16px 0 !default;
66
+ $qrybldr-add-mrgn-btm: 2px !default;
67
+ $device-rulecon-right-padding: 8px !default;
68
+ $qrybldr-summary-padding: 12px !default;
69
+ $qrybldr-summary-btn-padding: 12px !default;
70
+ $qrybldr-bigger-summary-padding: 15px !default;
71
+ $qrybldr-bigger-summary-btn-padding: 15px !default;
72
+ $qrybldr-summary-text-width: 100% !default;
73
+ $qrybldr-clspe-rule-pos: absolute !default;
74
+ $qrybldr-btngrp-shadow: none !default;
75
+ $qrybldr-multi-width: 190px !default;
76
+ $qrybldr-device-value-width: 100% !default;
77
+ $qrybldr-btngroup-display: inline-block !default;
78
+ $qrybldr-grpcon-aftrbrder-left: -11px !default;
79
+ $after-ruleborder-height: calc(50% + 10px) !default;
80
+ $qrybldr-val-error-bg-color: #fcdbe4 !default;
81
+ $qrybldr-val-error-color: #f44336 !default;
82
+ $qrybldr-val-error-border: 8px solid !default;
83
+ $biggerafter-ruleborder-height: calc(50% + 12px) !default;
84
+ $qrybldr-bigger-rule-list-before-top: -12px !default;
85
+ $qrybldr-rule-list-first-top: -11px !default;
86
+ $qrybldr-collapse-rule-padding: 0 14px !default;
87
+ $qrybldr-multi-maxwidth: 200px !default;
88
+ $qrybldr-device-multi-maxwidth: 100% !default;
89
+ $qrybldr-btn-left: 10px !default;
90
+ $qrybldr-touch-btn-left: 14px !default;
91
+ $qrybldr-collapse-font-size: 20px !default;
92
+ $qrybldr-collapse-padding: 5px !default;
93
+ $qrybldr-collapse-box-shadow: -1px 1px 4px 0 rgba($gray-100, .12) !default;
94
+ $qrybldr-collapse-brdr-color: $gray-300 !default;
95
+ $qrybldr-collapse-txtarea-margin: 8px !default;
96
+ $qrybldr-brdr-radius: 4px !default;
97
+ $qrybldr-summary-line-height: 1.5em !default;
98
+ $qrybldr-smrytxt-font-size: 14px !default;
99
+ $qrybldr-bigger-smrytxt-font-size: 16px !default;
100
+ $qrybldr-btngroup-bgcolor: $content-bg !default;
101
+ $qrybldr-btngroup-color: $gray-700 !default;
102
+ $qrybldr-spinner-right: 5px !default;
103
+ $qrybldr-spinner-left: auto !default;
104
+ $qrybldr-rtl-spinner-right: auto !default;
105
+ $qrybldr-rtl-spinner-left: 5px !default;
106
+ $qrybldr-btngrp-brdr-radius: 4px !default;
package/styles/query-builder/_bootstrap5-dark-definition.scss ADDED
@@ -0,0 +1 @@
1
+ @import './bootstrap5-definition.scss';
package/styles/query-builder/_bootstrap5-definition.scss ADDED
@@ -0,0 +1,108 @@
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: 8px 8px 8px 8px !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: 8px !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 16px 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: $content-bg-color !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: $secondary-bg-color !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;
108
+ $qrybldr-icon-color: $icon-color !default;
package/styles/query-builder/_fabric-dark-definition.scss ADDED
@@ -0,0 +1,104 @@
1
+ $qrybldr-width: auto !default;
2
+ $qrybldr-height: auto !default;
3
+ $qrybldr-brdr: 1px solid !default;
4
+ $qrybldr-btngrp-brdr: 1px solid !default;
5
+ $grpcon-padding: 12px !default;
6
+ $qrybldr-device-diaplay: inline-block !default;
7
+ $group-action-margin: 12px !default;
8
+ $group-action-mrgntop: 5px !default;
9
+ $groupbody-paddingleft: 20px !default;
10
+ $rulecon-height: auto !default;
11
+ $rulecon-padding: 12px 0 12px 12px !default;
12
+ $hrmode-ruledlt-mrgn: 12px !default;
13
+ $vrmode-ruledlt-mrgnpos: absolute !default;
14
+ $qrybldr-rulelist-grcon-float: right !default;
15
+ $qrybldr-rulelist-grcon-width: 100% !default;
16
+ $qrybldr-button-hide: none !default;
17
+ $qrybldr-field: left !default;
18
+ $ruledelete-margin: 12px !default;
19
+ $radio-wrapper-margin: 15px !default;
20
+ $qrybldr-group-container-margin-top: 12px !default;
21
+ $qrybldr-group-container-margin-left: 0 !default;
22
+ $qrybldr-posn-relative: relative !default;
23
+ $rule-boxshadow: none !default;
24
+ $qrybldr-rule-list-first-left: -12px !default;
25
+ $qrybldr-rule-list-first-right: -12px !default;
26
+ $qrybldr-rule-list-before-top: -10px !default;
27
+ $qrybldr-rule-list-after-border: 0 0 0 2px !default;
28
+ $qrybldr-rule-list-before-border: 0 0 2px 2px !default;
29
+ $qrybldr-rule-list-rtl-after-border: 0 2px 0 0 !default;
30
+ $qrybldr-rule-list-rtl-before-border: 0 2px 2px 0 !default;
31
+ $qrybldr-rule-list-border-style: dotted !default;
32
+ $before-border-height: calc(50% + 14px) !default;
33
+ $after-border-height: calc(50% + 8px) !default;
34
+ $qrybldr-add-icon: '\e20f' !default;
35
+ $qrybldr-delete-icon: '\ea7f' !default;
36
+ $bigger-group-action-margin: 15px !default;
37
+ $bigger-groupbody-paddingleft: 24px !default;
38
+ $bigger-hrmode-ruledlt-mrgn: 15px !default;
39
+ $bigger-rulecon-padding: 15px 0 15px 15px !default;
40
+ $device-rule-padding: 15px 0 0 15px !default;
41
+ $device-rule-padding-right: 15px !default;
42
+ $bigger-ruledelete-marginleft: 7.5px !default;
43
+ $qrybldr-brdr-color: $neutral-light !default;
44
+ $qrybldr-bg-color: $neutral-white !default;
45
+ $qrybldr-color: $neutral-light-font !default;
46
+ $qrybldr-rule-list-border-color: $neutral-light !default;
47
+ $qrybldr-btngroup-active-bgcolor: $theme-primary !default;
48
+ $qrybldr-btngroup-active-color: $theme-primary-font !default;
49
+ $groupborder-color: $neutral-quintenary !default;
50
+ $groupfill-color: $neutral-lighter-alt !default;
51
+ $groupfill-bgcolor: $groupfill-color !default;
52
+ $qrybldr-rule-border: 1px solid !default;
53
+ $qrybldr-rule-list-after-height: calc(100% - 17px) !default;
54
+ $qrybldr-rule-list-height: 25px !default;
55
+ $qrybldr-rule-list-top: 17px !default;
56
+ $qrybldr-nav-width: 10px !default;
57
+ $qrybldr-rule-container-after-height: calc(50% + 6px) !default;
58
+ $qrybldr-rule-container-after-top: calc(50% - 3px) !default;
59
+ $qrybldr-grpcon-brder-left: -11px !default;
60
+ $bigger-rule-list-first-top: -16px !default;
61
+ $qrybldr-rulecont-margin: -1px !default;
62
+ $ruledelete-shadow: none !default;
63
+ $device-rulecon-padding: 15px !default;
64
+ $qrybldr-rulelist: 12px 0 15px 0 !default;
65
+ $qrybldr-bigger-rulelist: 16px 0 15px 0 !default;
66
+ $qrybldr-add-mrgn-btm: 2px !default;
67
+ $device-rulecon-right-padding: 16px !default;
68
+ $qrybldr-summary-padding: 12px !default;
69
+ $qrybldr-summary-btn-padding: 12px !default;
70
+ $qrybldr-bigger-summary-padding: 15px !default;
71
+ $qrybldr-bigger-summary-btn-padding: 15px !default;
72
+ $qrybldr-summary-text-width: 100% !default;
73
+ $qrybldr-clspe-rule-pos: absolute !default;
74
+ $qrybldr-btngrp-shadow: none !default;
75
+ $qrybldr-multi-width: 190px !default;
76
+ $qrybldr-device-value-width: 100% !default;
77
+ $qrybldr-btngroup-display: inline-block !default;
78
+ $qrybldr-grpcon-aftrbrder-left: -11px !default;
79
+ $after-ruleborder-height: calc(50% + 10px) !default;
80
+ $qrybldr-val-error-bg-color: #fcdbe4 !default;
81
+ $qrybldr-val-error-color: #f44336 !default;
82
+ $qrybldr-val-error-border: 8px solid !default;
83
+ $biggerafter-ruleborder-height: calc(50% + 12px) !default;
84
+ $qrybldr-bigger-rule-list-before-top: -12px !default;
85
+ $qrybldr-rule-list-first-top: -13px !default;
86
+ $qrybldr-collapse-rule-padding: 0 14px !default;
87
+ $qrybldr-multi-maxwidth: 200px !default;
88
+ $qrybldr-device-multi-maxwidth: 100% !default;
89
+ $qrybldr-btn-left: 16px !default;
90
+ $qrybldr-touch-btn-left: 22px !default;
91
+ $qrybldr-collapse-font-size: 20px !default;
92
+ $qrybldr-collapse-padding: 5px !default;
93
+ $qrybldr-collapse-box-shadow: -1px 1px 4px 0 rgba($shadow, .12) !default;
94
+ $qrybldr-collapse-brdr-color: $neutral-tertiary !default;
95
+ $qrybldr-collapse-txtarea-margin: 8px !default;
96
+ $qrybldr-brdr-radius: 0 !default;
97
+ $qrybldr-summary-line-height: 1.5em !default;
98
+ $qrybldr-smrytxt-font-size: 14px !default;
99
+ $qrybldr-bigger-smrytxt-font-size: 16px !default;
100
+ $qrybldr-spinner-right: 5px !default;
101
+ $qrybldr-spinner-left: auto !default;
102
+ $qrybldr-rtl-spinner-right: auto !default;
103
+ $qrybldr-rtl-spinner-left: 5px !default;
104
+ $qrybldr-btngrp-brdr-radius: 0 !default;
package/styles/query-builder/_fabric-definition.scss ADDED
@@ -0,0 +1,104 @@
1
+ $qrybldr-width: auto !default;
2
+ $qrybldr-height: auto !default;
3
+ $qrybldr-brdr: 1px solid !default;
4
+ $qrybldr-btngrp-brdr: 1px solid !default;
5
+ $grpcon-padding: 12px !default;
6
+ $qrybldr-device-diaplay: inline-block !default;
7
+ $group-action-margin: 12px !default;
8
+ $group-action-mrgntop: 5px !default;
9
+ $groupbody-paddingleft: 20px !default;
10
+ $rulecon-height: auto !default;
11
+ $rulecon-padding: 12px 0 12px 12px !default;
12
+ $hrmode-ruledlt-mrgn: 12px !default;
13
+ $vrmode-ruledlt-mrgnpos: absolute !default;
14
+ $qrybldr-rulelist-grcon-float: right !default;
15
+ $qrybldr-rulelist-grcon-width: 100% !default;
16
+ $qrybldr-button-hide: none !default;
17
+ $qrybldr-field: left !default;
18
+ $ruledelete-margin: 12px !default;
19
+ $radio-wrapper-margin: 15px !default;
20
+ $qrybldr-group-container-margin-top: 12px !default;
21
+ $qrybldr-group-container-margin-left: 0 !default;
22
+ $qrybldr-posn-relative: relative !default;
23
+ $rule-boxshadow: none !default;
24
+ $qrybldr-rule-list-first-left: -12px !default;
25
+ $qrybldr-rule-list-first-right: -12px !default;
26
+ $qrybldr-rule-list-before-top: -10px !default;
27
+ $qrybldr-rule-list-after-border: 0 0 0 2px !default;
28
+ $qrybldr-rule-list-before-border: 0 0 2px 2px !default;
29
+ $qrybldr-rule-list-rtl-after-border: 0 2px 0 0 !default;
30
+ $qrybldr-rule-list-rtl-before-border: 0 2px 2px 0 !default;
31
+ $qrybldr-rule-list-border-style: dotted !default;
32
+ $before-border-height: calc(50% + 14px) !default;
33
+ $after-border-height: calc(50% + 8px) !default;
34
+ $qrybldr-add-icon: '\e20f' !default;
35
+ $qrybldr-delete-icon: '\ea7f' !default;
36
+ $bigger-group-action-margin: 15px !default;
37
+ $bigger-groupbody-paddingleft: 24px !default;
38
+ $bigger-hrmode-ruledlt-mrgn: 15px !default;
39
+ $bigger-rulecon-padding: 15px 0 15px 15px !default;
40
+ $device-rule-padding: 15px 0 0 15px !default;
41
+ $device-rule-padding-right: 15px !default;
42
+ $bigger-ruledelete-marginleft: 7.5px !default;
43
+ $qrybldr-brdr-color: $neutral-light !default;
44
+ $qrybldr-bg-color: #fff !default;
45
+ $qrybldr-color: $neutral-light-font !default;
46
+ $qrybldr-rule-list-border-color: $neutral-light !default;
47
+ $qrybldr-btngroup-active-bgcolor: $theme-primary !default;
48
+ $qrybldr-btngroup-active-color: $theme-primary-font !default;
49
+ $groupborder-color: $neutral-light !default;
50
+ $groupfill-color: $neutral-lighter-alt !default;
51
+ $groupfill-bgcolor: $groupfill-color !default;
52
+ $qrybldr-rule-border: 1px solid !default;
53
+ $qrybldr-rule-list-after-height: calc(100% - 17px) !default;
54
+ $qrybldr-rule-list-height: 25px !default;
55
+ $qrybldr-rule-list-top: 17px !default;
56
+ $qrybldr-nav-width: 10px !default;
57
+ $qrybldr-rule-container-after-height: calc(50% + 6px) !default;
58
+ $qrybldr-rule-container-after-top: calc(50% - 3px) !default;
59
+ $qrybldr-grpcon-brder-left: -11px !default;
60
+ $bigger-rule-list-first-top: -16px !default;
61
+ $qrybldr-rulecont-margin: -1px !default;
62
+ $ruledelete-shadow: none !default;
63
+ $device-rulecon-padding: 15px !default;
64
+ $qrybldr-rulelist: 12px 0 12px 0 !default;
65
+ $qrybldr-bigger-rulelist: 15px 0 15px 0 !default;
66
+ $qrybldr-add-mrgn-btm: 2px !default;
67
+ $device-rulecon-right-padding: 16px !default;
68
+ $qrybldr-summary-padding: 12px !default;
69
+ $qrybldr-summary-btn-padding: 12px !default;
70
+ $qrybldr-bigger-summary-padding: 15px !default;
71
+ $qrybldr-bigger-summary-btn-padding: 15px !default;
72
+ $qrybldr-summary-text-width: 100% !default;
73
+ $qrybldr-clspe-rule-pos: absolute !default;
74
+ $qrybldr-btngrp-shadow: none !default;
75
+ $qrybldr-multi-width: 190px !default;
76
+ $qrybldr-device-value-width: 100% !default;
77
+ $qrybldr-btngroup-display: inline-block !default;
78
+ $qrybldr-grpcon-aftrbrder-left: -11px !default;
79
+ $after-ruleborder-height: calc(50% + 10px) !default;
80
+ $qrybldr-val-error-bg-color: #fcdbe4 !default;
81
+ $qrybldr-val-error-color: #f44336 !default;
82
+ $qrybldr-val-error-border: 8px solid !default;
83
+ $biggerafter-ruleborder-height: calc(50% + 12px) !default;
84
+ $qrybldr-bigger-rule-list-before-top: -12px !default;
85
+ $qrybldr-rule-list-first-top: -13px !default;
86
+ $qrybldr-collapse-rule-padding: 0 14px !default;
87
+ $qrybldr-multi-maxwidth: 200px !default;
88
+ $qrybldr-device-multi-maxwidth: 100% !default;
89
+ $qrybldr-btn-left: 16px !default;
90
+ $qrybldr-touch-btn-left: 22px !default;
91
+ $qrybldr-collapse-font-size: 20px !default;
92
+ $qrybldr-collapse-padding: 5px !default;
93
+ $qrybldr-collapse-box-shadow: -1px 1px 4px 0 rgba($shadow, .12) !default;
94
+ $qrybldr-collapse-brdr-color: $neutral-quintenaryalt !default;
95
+ $qrybldr-collapse-txtarea-margin: 8px !default;
96
+ $qrybldr-brdr-radius: 0 !default;
97
+ $qrybldr-summary-line-height: 1.5em !default;
98
+ $qrybldr-smrytxt-font-size: 14px !default;
99
+ $qrybldr-bigger-smrytxt-font-size: 16px !default;
100
+ $qrybldr-spinner-right: 5px !default;
101
+ $qrybldr-spinner-left: auto !default;
102
+ $qrybldr-rtl-spinner-right: auto !default;
103
+ $qrybldr-rtl-spinner-left: 5px !default;
104
+ $qrybldr-btngrp-brdr-radius: 0 !default;
package/styles/query-builder/_fluent-dark-definition.scss ADDED
@@ -0,0 +1 @@
1
+ @import './fluent-definition.scss';
package/styles/query-builder/_fluent-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: 16px !default;
9
+ $group-action-mrgntop: 5px !default;
10
+ $groupbody-paddingleft: 20px !default;
11
+ $rulecon-height: auto !default;
12
+ $rulecon-padding: 8px 0 8px 8px !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: 8px !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: 20px !default;
38
+ $bigger-groupbody-paddingleft: 24px !default;
39
+ $bigger-hrmode-ruledlt-mrgn: 15px !default;
40
+ $bigger-rulecon-padding: 12px 0 12px 12px !default;
41
+ $device-rule-padding: 15px 0 0 15px !default;
42
+ $device-rule-padding-right: 15px !default;
43
+ $bigger-ruledelete-marginleft: 10px !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: 16px 0 16px 0 !default;
57
+ $qrybldr-bigger-rulelist: 20px 0 20px 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: $content-bg-color-alt2 !default;
95
+ $qrybldr-btngroup-color: $primary-text-color !default;
96
+ $qrybldr-color: $placeholder-text-color !default;
97
+ $qrybldr-rule-list-border-color: $border-dark !default;
98
+ $qrybldr-btngroup-active-bgcolor: $primary !default;
99
+ $qrybldr-btngroup-active-color: $primary-text-color !default;
100
+ $groupborder-color: $border-dark !default;
101
+ $groupfill-color: $secondary-bg-color !default;
102
+ $groupfill-bgcolor: $content-bg-color !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;
package/styles/query-builder/_fusionnew-definition.scss ADDED
@@ -0,0 +1,108 @@
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: 8px 8px 8px 8px !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: 8px !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 16px 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: 20px !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: 14px !default;
88
+ $qrybldr-bigger-smrytxt-font-size: 16px !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: $content-bg-color !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: $secondary-bg-color !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;
108
+ $qrybldr-icon-color: $icon-color !default;