@guajiritos/image-picker 17.1.3 → 18.0.0

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 (10) hide show
  1. package/README.md +149 -149
  2. package/esm2022/lib/guachos-image-picker.component.mjs +5 -5
  3. package/esm2022/public-api.mjs +1 -1
  4. package/esm2022/utils/pipes/calculate-size/calculate-size.pipe.mjs +4 -4
  5. package/esm2022/utils/pipes/i18n/i18n.pipe.mjs +4 -4
  6. package/esm2022/utils/pipes/pipes.module.mjs +5 -5
  7. package/fesm2022/guajiritos-image-picker.mjs +15 -15
  8. package/fesm2022/guajiritos-image-picker.mjs.map +1 -1
  9. package/package.json +1 -1
  10. package/theme.scss +77 -77
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@guajiritos/image-picker",
3
- "version": "17.1.3",
3
+ "version": "18.0.0",
4
4
  "author": {
5
5
  "name": "Guajiritos SRL",
6
6
  "email": "cto@guajiritos.com",
package/theme.scss CHANGED
@@ -1,77 +1,77 @@
1
- @use '@angular/material' as mat;
2
- @use 'sass:map';
3
-
4
- @mixin theme-guajiritos-image-picker($theme) {
5
- $config: mat.get-color-config($theme);
6
- $primary: map.get($config, primary);
7
- $accent: map.get($config, accent);
8
- $warn: map.get($config, warn);
9
- $foreground: map.get($config, foreground);
10
- $background: map.get($config, background);
11
-
12
- guajiritos-image-picker {
13
- mat-mdc-checkbox:not(.mat-mdc-checkbox-checked) {
14
- .mat-mdc-checkbox-layout {
15
- .mat-mdc-checkbox-inner-container {
16
- border: 1px solid mat.get-color-from-palette($foreground, 'icon');
17
- }
18
- }
19
- }
20
-
21
- mat-mdc-checkbox.mat-checkbox-checked {
22
- .mat-mdc-checkbox-layout {
23
- .mat-mdc-checkbox-inner-container {
24
- border: none;
25
- }
26
- }
27
- }
28
-
29
- .image-caption {
30
- &.warn {
31
- color: mat.get-color-from-palette($warn, 500);
32
- }
33
- }
34
-
35
- .place-image {
36
- .image-holder {
37
- border: 2px solid mat.get-color-from-palette($foreground, 'icon');
38
- }
39
-
40
- .image-holder-loaded {
41
- background-color: mat.get-color-from-palette($background, 'hover');
42
- }
43
-
44
- .image-holder,
45
- .image-holder-loaded {
46
- .image-upload-btn {
47
- color: mat.get-color-from-palette($foreground, 'icon');
48
-
49
- .mat-icon {
50
- color: mat.get-color-from-palette($foreground, 'icon');
51
- }
52
- }
53
- }
54
-
55
- .editing-bar-btn {
56
- button,
57
- a {
58
- color: mat.get-color-from-palette($foreground, 'icon');
59
- }
60
- }
61
- }
62
-
63
- .popup {
64
- background-color: mat.get-color-from-palette($foreground, 'text');
65
- }
66
- }
67
-
68
- body.dark-theme {
69
- guajiritos-image-picker {
70
- .place-image {
71
- .image-holder {
72
- background-color: transparent !important;
73
- }
74
- }
75
- }
76
- }
77
- }
1
+ @use '@angular/material' as mat;
2
+ @use 'sass:map';
3
+
4
+ @mixin theme-guajiritos-image-picker($theme) {
5
+ $config: mat.m2-get-color-config($theme);
6
+ $primary: map.get($config, primary);
7
+ $accent: map.get($config, accent);
8
+ $warn: map.get($config, warn);
9
+ $foreground: map.get($config, foreground);
10
+ $background: map.get($config, background);
11
+
12
+ guajiritos-image-picker {
13
+ mat-mdc-checkbox:not(.mat-mdc-checkbox-checked) {
14
+ .mat-mdc-checkbox-layout {
15
+ .mat-mdc-checkbox-inner-container {
16
+ border: 1px solid mat.m2-get-color-from-palette($foreground, 'icon');
17
+ }
18
+ }
19
+ }
20
+
21
+ mat-mdc-checkbox.mat-checkbox-checked {
22
+ .mat-mdc-checkbox-layout {
23
+ .mat-mdc-checkbox-inner-container {
24
+ border: none;
25
+ }
26
+ }
27
+ }
28
+
29
+ .image-caption {
30
+ &.warn {
31
+ color: mat.m2-get-color-from-palette($warn, 500);
32
+ }
33
+ }
34
+
35
+ .place-image {
36
+ .image-holder {
37
+ border: 2px solid mat.m2-get-color-from-palette($foreground, 'icon');
38
+ }
39
+
40
+ .image-holder-loaded {
41
+ background-color: mat.m2-get-color-from-palette($background, 'hover');
42
+ }
43
+
44
+ .image-holder,
45
+ .image-holder-loaded {
46
+ .image-upload-btn {
47
+ color: mat.m2-get-color-from-palette($foreground, 'icon');
48
+
49
+ .mat-icon {
50
+ color: mat.m2-get-color-from-palette($foreground, 'icon');
51
+ }
52
+ }
53
+ }
54
+
55
+ .editing-bar-btn {
56
+ button,
57
+ a {
58
+ color: mat.m2-get-color-from-palette($foreground, 'icon');
59
+ }
60
+ }
61
+ }
62
+
63
+ .popup {
64
+ background-color: mat.m2-get-color-from-palette($foreground, 'text');
65
+ }
66
+ }
67
+
68
+ body.dark-theme {
69
+ guajiritos-image-picker {
70
+ .place-image {
71
+ .image-holder {
72
+ background-color: transparent !important;
73
+ }
74
+ }
75
+ }
76
+ }
77
+ }