ecabs-components 1.1.94 → 1.1.95

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 (9) hide show
  1. package/README.md +187 -186
  2. package/esm2022/lib/ecabs-phone/ecabs-phone.component.mjs +11 -1
  3. package/fesm2022/ecabs-components.mjs +10 -0
  4. package/fesm2022/ecabs-components.mjs.map +1 -1
  5. package/lib/ecabs-phone/ecabs-phone.component.d.ts +1 -0
  6. package/package.json +1 -1
  7. package/src/assets/styles/material/overrides/_phone.scss +55 -55
  8. package/src/assets/styles/material/overrides/_select.scss +2 -4
  9. package/src/assets/styles/scss/modules/_phone.scss +29 -32
package/lib/ecabs-phone/ecabs-phone.component.d.ts CHANGED
@@ -25,6 +25,7 @@ export declare class EcabsPhoneComponent extends EcabsElementBaseComponent imple
25
25
  set value(val: any);
26
26
  constructor(injector: Injector, ecabsComponentsService: EcabsComponentsService, destroyRef: DestroyRef);
27
27
  onInput(event: KeyboardEvent): void;
28
+ setDisabledState(isDisabled: boolean): void;
28
29
  ngOnInit(): void;
29
30
  ngAfterViewInit(): void;
30
31
  ngOnChanges(changes: SimpleChanges): void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ecabs-components",
3
- "version": "1.1.94",
3
+ "version": "1.1.95",
4
4
  "peerDependencies": {
5
5
  "@angular/animations": "^16.2.12",
6
6
  "@angular/common": "^16.2.12",
package/src/assets/styles/material/overrides/_phone.scss CHANGED
@@ -1,55 +1,55 @@
1
- @import "../../scss/utilities/index";
2
-
3
- ecabs-phone {
4
- @extend .ecabs-phone;
5
-
6
- .ecabs-tel-input-container {
7
- .mat-mdc-input-element {
8
- @extend .ecabs-tel-input-input;
9
- }
10
-
11
- .country-selector {
12
- @extend .country-selector;
13
-
14
- .country-selector-code {
15
- padding-right: .2rem;
16
- }
17
- }
18
- }
19
-
20
- .form-field.form-field--invalid {
21
- .ecabs-tel-input-container {
22
- &,
23
- .country-selector {
24
- @extend .form-field__input--invalid;
25
- }
26
- }
27
- }
28
-
29
- .disabled {
30
- .ecabs-tel-input-container {
31
- background-color: var(--color-white-opacity-05);
32
- border-color: var(--color-gray-300);
33
- }
34
-
35
- .country-selector:disabled {
36
- color: inherit;
37
- }
38
-
39
- button {
40
- background-color: unset !important;
41
- }
42
- }
43
- }
44
-
45
- .ecabs-tel-input-mat-menu-panel {
46
- .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
47
- @include fontSize(14px);
48
-
49
- font-weight: $font-weight-regular;
50
- }
51
-
52
- &.mat-mdc-menu-panel {
53
- max-width: calc-rem(312px);
54
- }
55
- }
1
+ @import "../../scss/utilities/index";
2
+
3
+ ecabs-phone {
4
+ @extend .ecabs-phone;
5
+
6
+ .ecabs-tel-input-container {
7
+ .mat-mdc-input-element {
8
+ @extend .ecabs-tel-input-input;
9
+ }
10
+
11
+ .country-selector {
12
+ @extend .country-selector;
13
+
14
+ &.mdc-button.mat-mdc-button,
15
+ &.mdc-button.mat-mdc-button:disabled {
16
+ color: var(--color-black);
17
+ }
18
+
19
+ .country-selector-code {
20
+ padding-right: .2rem;
21
+ }
22
+ }
23
+ }
24
+
25
+ .form-field.form-field--invalid {
26
+ .ecabs-tel-input-container {
27
+ &,
28
+ .country-selector {
29
+ @extend .form-field__input--invalid;
30
+ }
31
+ }
32
+ }
33
+
34
+ .disabled {
35
+ .ecabs-tel-input-container {
36
+ @extend .form-field__input--disabled;
37
+ }
38
+
39
+ button {
40
+ background-color: unset !important;
41
+ }
42
+ }
43
+ }
44
+
45
+ .ecabs-tel-input-mat-menu-panel {
46
+ .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
47
+ @include fontSize(14px);
48
+
49
+ font-weight: $font-weight-regular;
50
+ }
51
+
52
+ &.mat-mdc-menu-panel {
53
+ max-width: calc-rem(312px);
54
+ }
55
+ }
package/src/assets/styles/material/overrides/_select.scss CHANGED
@@ -41,8 +41,7 @@
41
41
  }
42
42
 
43
43
  &.mat-mdc-select-disabled {
44
- background-color: var(--color-white-opacity-05);
45
- border-color: var(--color-gray-300);
44
+ @extend .form-field__input--disabled;
46
45
  }
47
46
  }
48
47
  }
@@ -96,8 +95,7 @@
96
95
  }
97
96
 
98
97
  &.ng-select-disabled > .ng-select-container {
99
- background-color: var(--color-white-opacity-05);
100
- border-color: var(--color-gray-300);
98
+ @extend .form-field__input--disabled;
101
99
  }
102
100
 
103
101
  .mdc-checkbox {
package/src/assets/styles/scss/modules/_phone.scss CHANGED
@@ -1,32 +1,29 @@
1
- .ecabs-phone {
2
- .ecabs-tel-input-container {
3
- position: relative;
4
- border-radius: $border-radius-base;
5
- border: 1px solid var(--color-gray-300);
6
-
7
- .ecabs-tel-input-input {
8
- padding: calc-rem(8px 8px 8px 105px) !important;
9
- }
10
-
11
- .country-selector {
12
- opacity: 1 !important;
13
- background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDcuNDEwMTZMMCAxLjQxMDE2TDEuNDEgMC4wMDAxNTY0MDNMNiA0LjU4MDE2TDEwLjU5IDAuMDAwMTU2NDAzTDEyIDEuNDEwMTZMNiA3LjQxMDE2WiIgZmlsbD0iIzZCNkQ3MyIvPgo8L3N2Zz4K");
14
- background-size: calc-rem(12px 7.41px);
15
- padding-right: .36rem;
16
- }
17
-
18
- .country-selector-flag.flag {
19
- filter: unset;
20
- }
21
- }
22
-
23
- .error {
24
- .ecabs-tel-input-container {
25
- border: 1px solid var(--color-error);
26
- }
27
- }
28
-
29
- .disabled-field {
30
- background-color: var(--color-white-opacity-05) !important;
31
- }
32
- }
1
+ .ecabs-phone {
2
+ .ecabs-tel-input-container {
3
+ position: relative;
4
+ border-radius: $border-radius-base;
5
+ border: 1px solid var(--color-gray-300);
6
+
7
+ .ecabs-tel-input-input {
8
+ padding: calc-rem(8px 8px 8px 105px) !important;
9
+ color: var(--color-black);
10
+ }
11
+
12
+ .country-selector {
13
+ opacity: 1 !important;
14
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDEyIDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik02IDcuNDEwMTZMMCAxLjQxMDE2TDEuNDEgMC4wMDAxNTY0MDNMNiA0LjU4MDE2TDEwLjU5IDAuMDAwMTU2NDAzTDEyIDEuNDEwMTZMNiA3LjQxMDE2WiIgZmlsbD0iIzZCNkQ3MyIvPgo8L3N2Zz4K");
15
+ background-size: calc-rem(12px 7.41px);
16
+ padding-right: .36rem;
17
+ }
18
+
19
+ .country-selector-flag.flag {
20
+ filter: unset;
21
+ }
22
+ }
23
+
24
+ .error {
25
+ .ecabs-tel-input-container {
26
+ border: 1px solid var(--color-error);
27
+ }
28
+ }
29
+ }