@colijnit/corecomponents_v12 12.0.42 → 12.0.43

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 (15) hide show
  1. package/bundles/colijnit-corecomponents_v12.umd.js +59 -22
  2. package/bundles/colijnit-corecomponents_v12.umd.js.map +1 -1
  3. package/colijnit-corecomponents_v12.metadata.json +1 -1
  4. package/esm2015/lib/components/filter-item/filter-item.component.js +59 -28
  5. package/esm2015/lib/components/filter-item/filter-item.module.js +5 -2
  6. package/fesm2015/colijnit-corecomponents_v12.js +61 -29
  7. package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
  8. package/lib/components/filter-item/filter-item.component.d.ts +5 -2
  9. package/lib/components/filter-item/style/_layout.scss +25 -19
  10. package/lib/components/filter-item/style/_material-definition.scss +1 -1
  11. package/lib/components/input-radio-button/style/_layout.scss +5 -5
  12. package/lib/components/input-radio-button/style/_material-definition.scss +6 -6
  13. package/lib/components/input-radio-button/style/_theme.scss +21 -2
  14. package/lib/style/_variables.scss +5 -1
  15. package/package.json +1 -1
package/lib/components/filter-item/filter-item.component.d.ts CHANGED
@@ -10,14 +10,16 @@ export declare class FilterItemComponent implements OnInit {
10
10
  placeholder: string;
11
11
  initialLimit: number;
12
12
  expanded: boolean;
13
+ minSearchCharsToLoadCollection: number;
14
+ collectionLoadFn: Function;
13
15
  customContent: boolean;
14
16
  showAllResults: boolean;
17
+ singleSelect: boolean;
15
18
  searchPlaceholder: string;
16
19
  showMoreLabel: string;
17
20
  showLessLabel: string;
18
21
  noResultsLabel: string;
19
22
  collectionChange: EventEmitter<any>;
20
- filterTextChange: EventEmitter<string>;
21
23
  showClass(): boolean;
22
24
  filteredCollection: FilterItemViewmodel[];
23
25
  limitTo: number;
@@ -29,5 +31,6 @@ export declare class FilterItemComponent implements OnInit {
29
31
  increaseLimit(): void;
30
32
  moreToShow(): boolean;
31
33
  lessToShow(): boolean;
32
- applyFilter(text: string): [];
34
+ handleModelChange(model: FilterItemViewmodel): void;
35
+ applyFilter(text: string): Promise<[]>;
33
36
  }
package/lib/components/filter-item/style/_layout.scss CHANGED
@@ -35,31 +35,37 @@
35
35
  align-items: center;
36
36
  height: $cc-co-filter-item-no-results-height;
37
37
  }
38
+ }
39
+ .co-filter-item-collection-results, .co-filter-item-custom-content {
40
+ display: flex;
41
+ flex-direction: column;
42
+ row-gap: $cc-co-filter-item-collection-gap;
43
+ margin: $cc-co-filter-item-collection-results-margin;
44
+ }
38
45
 
39
- .co-filter-item-collection-results {
40
- margin: $cc-co-filter-item-collection-results-margin;
41
- }
46
+ .co-filter-item-collection-result-item {
47
+ display: flex;
48
+ align-items: center;
42
49
 
43
- .co-filter-item-collection-result-item {
50
+ .co-filter-item-amount {
44
51
  display: flex;
45
52
  align-items: center;
46
- height: $cc-co-filter-item-collection-result-item-height;
47
-
48
- .co-filter-item-amount {
49
- display: flex;
50
- align-items: center;
51
- height:$cc-co-filter-item-amount-height;
52
- font-size: $cc-co-filter-item-collection-result-item-amount-font-size;
53
- opacity: $cc-co-filter-item-collection-result-item-amount-opacity;
54
- margin:$cc-co-filter-item-amount-margin;
55
- }
53
+ height:$cc-co-filter-item-amount-height;
54
+ font-size: $cc-co-filter-item-collection-result-item-amount-font-size;
55
+ opacity: $cc-co-filter-item-collection-result-item-amount-opacity;
56
+ margin:$cc-co-filter-item-amount-margin;
56
57
  }
58
+ }
59
+ .co-radio-button {
60
+ height: auto;
61
+ padding: 0;
62
+ border: none;
63
+ }
57
64
 
58
- a {
59
- display: flex;
60
- align-items: center;
61
- cursor: pointer;
62
- }
65
+ a {
66
+ display: flex;
67
+ align-items: center;
68
+ cursor: pointer;
63
69
  }
64
70
  }
65
71
  }
package/lib/components/filter-item/style/_material-definition.scss CHANGED
@@ -18,7 +18,7 @@ $cc-co-filter-item-collapsible-width: 95% !default;
18
18
  $cc-co-filter-item-collection-results-container-padding: 10px !default;
19
19
  $cc-co-filter-item-collection-results-background-color: $cc-color-light !default;
20
20
  $cc-co-filter-item-collection-results-margin: 10px 0 !default;
21
- $cc-co-filter-item-collection-result-item-height: 25px !default;
21
+ $cc-co-filter-item-collection-gap: 5px !default;
22
22
  $cc-co-filter-item-collection-result-item-amount-font-size: 10px !default;
23
23
  $cc-co-filter-item-collection-result-item-amount-opacity: 0.7 !default;
24
24
 
package/lib/components/input-radio-button/style/_layout.scss CHANGED
@@ -1,13 +1,13 @@
1
1
  @include export-module('cc-radio-button-layout') {
2
2
 
3
3
  .co-radio-button {
4
- font-family: $cc-rb-font-family;
4
+ font-family: $cc-radio-button-font-family;
5
5
  display: flex;
6
6
  align-items: center;
7
7
  cursor: pointer;
8
- height: $cc-rb-height;
9
- border-radius: $cc-rb-border-radius;
10
- padding: $cc-rb-padding;
8
+ height: $cc-radio-button-height;
9
+ border-radius: $cc-radio-button-border-radius;
10
+ padding: $cc-radio-button-padding;
11
11
  overflow: hidden;
12
12
  .e-radio-wrapper {
13
13
  width: 100%;
@@ -15,7 +15,7 @@
15
15
  display: flex;
16
16
  width: 100%;
17
17
  .e-label {
18
- font-family: $cc-rb-font-family;
18
+ font-family: $cc-radio-button-font-family;
19
19
  white-space: nowrap;
20
20
  overflow: hidden;
21
21
  text-overflow: ellipsis;
package/lib/components/input-radio-button/style/_material-definition.scss CHANGED
@@ -1,9 +1,9 @@
1
- $cc-rb-font-family: $cc-font-family !default;
2
- $cc-rb-height: $cc-item-size !default;
3
- $cc-rb-border-radius: $cc-default-border-radius !default;
4
- $cc-rb-padding: 10px 20px !default;
5
- $cc-rb-border-color: $cc-color-border !default;
6
- $cc-rb-color-action: $cc-color-action !default;
1
+ $cc-radio-button-font-family: $cc-font-family !default;
2
+ $cc-radio-button-height: $cc-item-size !default;
3
+ $cc-radio-button-border-radius: $cc-default-border-radius !default;
4
+ $cc-radio-button-padding: 10px 20px !default;
5
+ $cc-radio-button-border-color: $cc-color-border !default;
6
+ $cc-radio-button-color-action: $cc-radiobutton-color-action !default;
7
7
 
8
8
  @import "ej2-base/styles/material.scss";
9
9
  @import "ej2-buttons/styles/material.scss";
package/lib/components/input-radio-button/style/_theme.scss CHANGED
@@ -1,9 +1,28 @@
1
1
  @include export-module('cc-radio-button-theme') {
2
2
 
3
3
  .co-radio-button {
4
- border: 1px solid $cc-rb-border-color;
4
+ border: 1px solid $cc-radio-button-border-color;
5
+ .e-radio {
6
+ + label {
7
+ &::before {
8
+ background-color: $radio-btn-background-color;
9
+ border-color: $cc-radio-button-border-color;
10
+ }
11
+ }
12
+ &:checked {
13
+ + label {
14
+ &::before {
15
+ border-color: $cc-radio-button-color-action;
16
+ }
17
+ &::after {
18
+ background-color: $cc-radio-button-color-action;
19
+ color: $cc-radio-button-color-action;
20
+ }
21
+ }
22
+ }
23
+ }
5
24
  &.checked {
6
- border: 1px solid $cc-rb-color-action;
25
+ border: 1px solid $cc-radio-button-color-action;
7
26
  }
8
27
  }
9
28
  }
package/lib/style/_variables.scss CHANGED
@@ -104,7 +104,7 @@ $cc-input-required-mark-width-height: 7px;
104
104
  /* checkbox */
105
105
  $cc-checkbox-border-radius: 0 !default;
106
106
  $cc-checkbox-background-color: $cc-color-light !default;
107
- $cc-checkbox-border-color:$cc-color-border !default;
107
+ $cc-checkbox-border-color: $cc-color-border !default;
108
108
  $cc-checkbox-check-background-color: $cc-color-light !default;
109
109
  $cc-checkbox-check-border-color: #5FDCB3 !default;
110
110
  $cc-checkbox-check-color: #5FDCB3 !default;
@@ -115,6 +115,10 @@ $cc-checkbox-check-hover-border-color: $cc-checkbox-check-border-color !default;
115
115
  $cc-checkbox-check-hover-color: $cc-checkbox-check-color !default;
116
116
  /************/
117
117
 
118
+ /* radiobutton */
119
+ $cc-radiobutton-color-action: #5FDCB3 !default;
120
+ /***************/
121
+
118
122
  /* syncfusion overrides */
119
123
  $input-header-font-color: $cc-color-label;
120
124
  $input-placeholder: $cc-color-label;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@colijnit/corecomponents_v12",
3
- "version": "12.0.42",
3
+ "version": "12.0.43",
4
4
  "description": "Colijn IT core components for Angular 12",
5
5
  "private": false,
6
6
  "peerDependencies": {