@colijnit/inphoto 262.1.0 → 262.1.1

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 (19) hide show
  1. package/fesm2022/colijnit-inphoto.mjs +165 -142
  2. package/fesm2022/colijnit-inphoto.mjs.map +1 -1
  3. package/index.d.ts +16 -7
  4. package/lib/component/back-next-buttons/style/_theme.scss +26 -2
  5. package/lib/component/catalog/style/_layout.scss +1 -1
  6. package/lib/component/image-enhancer-style/style/_layout.scss +45 -0
  7. package/lib/component/image-upload/style/_layout.scss +0 -4
  8. package/lib/component/image-upload/style/_material-definition.scss +4 -1
  9. package/lib/component/image-upload/style/_theme.scss +20 -3
  10. package/lib/component/model-list-item/style/_layout.scss +22 -2
  11. package/lib/component/prepare-starting-image/style/_layout.scss +9 -0
  12. package/lib/component/prepare-starting-image/style/_material-definition.scss +3 -1
  13. package/lib/component/prepare-starting-image/style/_theme.scss +38 -2
  14. package/lib/component/step-menu/style/_material-definition.scss +2 -2
  15. package/lib/component/threedscene/style/_layout.scss +15 -3
  16. package/lib/component/threedscene/style/_theme.scss +11 -3
  17. package/lib/style/_mixin.scss +13 -43
  18. package/lib/style/_variables.scss +30 -27
  19. package/package.json +3 -3
package/index.d.ts CHANGED
@@ -20,7 +20,7 @@ import { ExternalCatalogStartupInfoRequest } from '@colijnit/articleapi/build/mo
20
20
  import { ExternalCatalogStartupInfo } from '@colijnit/articleapi/build/model/external-catalog-startup-info';
21
21
  import { ExternalSourceArticleClickInterface } from '@colijnit/articleapi/build/interface/external-source-article-click.interface';
22
22
  import * as i7 from '@colijnit/configurator';
23
- import { ConfigurationResultObject, ConfiguringService } from '@colijnit/configurator';
23
+ import { ConfigurationResultObject, ConfiguringService, ConfiguratorEventService } from '@colijnit/configurator';
24
24
  import * as i2$1 from '@angular/forms';
25
25
  import { Router } from '@angular/router';
26
26
  import * as i4 from '@angular/common';
@@ -397,6 +397,7 @@ declare class ObjectsService implements OnDestroy {
397
397
  get selectedObject(): ArticleConfiguration | undefined;
398
398
  set floorPlane(plane: Mesh);
399
399
  get floorPlane(): Mesh;
400
+ set floorItems(items: ArticleConfiguration[]);
400
401
  get floorItems(): ArticleConfiguration[];
401
402
  set floorBounds(value: Box3);
402
403
  get floorBounds(): Box3;
@@ -470,7 +471,7 @@ declare class InteractionService implements OnDestroy {
470
471
  static ɵprov: i0.ɵɵInjectableDeclaration<InteractionService>;
471
472
  }
472
473
 
473
- declare class ModelConfigurationService {
474
+ declare class ModelConfigurationService implements OnDestroy {
474
475
  private _connectorService;
475
476
  private _sceneService;
476
477
  private _settingsService;
@@ -478,6 +479,7 @@ declare class ModelConfigurationService {
478
479
  private _objectsService;
479
480
  private _interactionService;
480
481
  private _loaderService;
482
+ private _configuratorEventService;
481
483
  /**
482
484
  *
483
485
  * Service that get the article/ external source data, starts the configurator, and waits for the build the finish.
@@ -488,9 +490,15 @@ declare class ModelConfigurationService {
488
490
  get loadConfigurator(): boolean;
489
491
  set currentArticleConfiguration(value: ArticleConfiguration);
490
492
  get currentArticleConfiguration(): ArticleConfiguration;
493
+ configuratorSettings: any;
494
+ configuratorSku: string;
495
+ configuratorInstanceId: string;
496
+ firstBuild: boolean;
491
497
  private _loadConfigurator;
492
498
  private _currentArticleConfiguration;
493
- constructor(_connectorService: InPhotoConnectorService, _sceneService: SceneService, _settingsService: SettingsService, _configuringService: ConfiguringService, _objectsService: ObjectsService, _interactionService: InteractionService, _loaderService: LoaderService);
499
+ private _subs;
500
+ constructor(_connectorService: InPhotoConnectorService, _sceneService: SceneService, _settingsService: SettingsService, _configuringService: ConfiguringService, _objectsService: ObjectsService, _interactionService: InteractionService, _loaderService: LoaderService, _configuratorEventService: ConfiguratorEventService);
501
+ ngOnDestroy(): void;
494
502
  startConfigurator(articleConfiguration: ArticleConfiguration): Promise<void>;
495
503
  handleFirstBuild(buildResult: ConfigurationResultObject): void;
496
504
  handleBuildResult(buildResult: ConfigurationResultObject): void;
@@ -900,13 +908,14 @@ declare class PrepareStartingImageComponent implements OnDestroy {
900
908
  private _nextButtonDisabled;
901
909
  private _subs;
902
910
  private _previewProcessedImage;
911
+ private _usedSegmentation;
903
912
  constructor(dataService: DataService, iconService: IconCacheService, navigationService: NavigationService, _connectorService: InPhotoConnectorService, _loaderService: LoaderService, _appEventService: AppEventService);
904
913
  ngOnDestroy(): void;
905
914
  handleClearAllObjects(): void;
906
915
  handleSelectToClearObjects(): void;
907
916
  handleSegmentationPointClick(event: SegmentationPoint): void;
908
917
  handleClearSelectedObjects(): void;
909
- handleGenerateFloorData(): void;
918
+ handleGenerateFloorData(): Promise<SceneBuildObject>;
910
919
  handleNextRoute(): void;
911
920
  handleBackRoute(): void;
912
921
  private _handleRoomReceived;
@@ -999,6 +1008,7 @@ declare class ModelListItemComponent {
999
1008
  iconService: IconCacheService;
1000
1009
  private _modelConfigurationService;
1001
1010
  readonly icons: typeof Icon;
1011
+ scaleAll: number;
1002
1012
  scaleX: number;
1003
1013
  scaleY: number;
1004
1014
  scaleZ: number;
@@ -1010,6 +1020,7 @@ declare class ModelListItemComponent {
1010
1020
  private _item;
1011
1021
  constructor(iconService: IconCacheService, _modelConfigurationService: ModelConfigurationService);
1012
1022
  onRotationChange(event: Event): void;
1023
+ onScaleAllChange(event: Event): void;
1013
1024
  onScaleXChange(event: Event): void;
1014
1025
  onScaleYChange(event: Event): void;
1015
1026
  onScaleZChange(event: Event): void;
@@ -1042,13 +1053,11 @@ declare class ThreedsceneModule {
1042
1053
  declare class UploadStartingImageComponent {
1043
1054
  iconService: IconCacheService;
1044
1055
  dataService: DataService;
1045
- router: Router;
1046
1056
  navigationService: NavigationService;
1047
1057
  readonly icons: typeof Icon;
1048
- readonly RoutesEnum: typeof RoutesEnum;
1049
1058
  showClass(): boolean;
1050
1059
  get buttonDisabled(): boolean;
1051
- constructor(iconService: IconCacheService, dataService: DataService, router: Router, navigationService: NavigationService);
1060
+ constructor(iconService: IconCacheService, dataService: DataService, navigationService: NavigationService);
1052
1061
  handleRoute(): void;
1053
1062
  handleImageUpload(event: File[]): void;
1054
1063
  static ɵfac: i0.ɵɵFactoryDeclaration<UploadStartingImageComponent, never>;
package/lib/component/back-next-buttons/style/_theme.scss CHANGED
@@ -4,13 +4,37 @@
4
4
  .co-back-next-buttons {
5
5
  .info-navigation-buttons {
6
6
  .back-button {
7
- @include secondary-button;
7
+ min-width: 150px;
8
+ @include action-button(
9
+ var(--co-inphoto-prev-button-background),
10
+ var(--co-inphoto-prev-button-background),
11
+ var(--co-inphoto-prev-button-color),
12
+ var(--co-inphoto-prev-button-font-size),
13
+ var(--co-inphoto-prev-button-icon-size),
14
+ var(--co-inphoto-prev-button-icon-color),
15
+ var(--co-inphoto-prev-button-border),
16
+ var(--co-inphoto-prev-button-radius),
17
+ var(--co-inphoto-prev-button-padding))
8
18
  }
9
19
 
10
20
  .next-button, .generate-button {
11
- @include primary-button;
21
+ min-width: 300px;
22
+ @include action-button(
23
+ var(--co-inphoto-next-button-background),
24
+ var(--co-inphoto-next-button-background),
25
+ var(--co-inphoto-next-button-color),
26
+ var(--co-inphoto-next-button-font-size),
27
+ var(--co-inphoto-next-button-icon-size),
28
+ var(--co-inphoto-next-button-icon-color),
29
+ var(--co-inphoto-next-button-border),
30
+ var(--co-inphoto-next-button-radius),
31
+ var(--co-inphoto-next-button-padding))
12
32
  }
13
33
  }
34
+
35
+ .disabled {
36
+ pointer-events: none;
37
+ }
14
38
  }
15
39
  }
16
40
 
package/lib/component/catalog/style/_layout.scss CHANGED
@@ -15,7 +15,7 @@
15
15
  box-sizing: border-box;
16
16
 
17
17
  .catalog-container {
18
- background-color: var(--co-inphoto--dialog-background-color);
18
+ background-color: var(--co-inphoto-dialog-background-color);
19
19
  width: 90vw;
20
20
  height: 90vh;
21
21
  max-height: 1000px;
package/lib/component/image-enhancer-style/style/_layout.scss CHANGED
@@ -6,6 +6,51 @@
6
6
  margin: 20px auto;
7
7
  }
8
8
 
9
+ .form-part-container {
10
+ .co-list-of-values {
11
+ height: 60px;
12
+
13
+ .co-input-text {
14
+ .input-text-clear-button {
15
+ display: none;
16
+ }
17
+
18
+ &:not(.no-style) {
19
+ input {
20
+ padding-bottom: 10px;
21
+ }
22
+
23
+ &:not(.custom-height) {
24
+ height: 60px;
25
+ }
26
+
27
+ &.has-own-label {
28
+ &.hasvalue {
29
+ label {
30
+ transform: none;
31
+ top: 10px;
32
+ }
33
+ }
34
+ }
35
+
36
+ &.has-right-icon {
37
+ .input-text-right-icon {
38
+ svg {
39
+ width: 15px;
40
+ height: 15px;
41
+ }
42
+ }
43
+ }
44
+
45
+ .input-text-left-icon,
46
+ .input-text-right-icon {
47
+ max-height: 60px;
48
+ }
49
+ }
50
+ }
51
+ }
52
+ }
53
+
9
54
  .custom-prompt-container {
10
55
  .co-input-checkbox {
11
56
  margin-bottom: 10px;
package/lib/component/image-upload/style/_material-definition.scss CHANGED
@@ -1,6 +1,9 @@
1
1
  :root {
2
2
  --co-inphoto-upload-border-width: 3px;
3
+ --co-inphoto-upload-background: #f9fbfd;
3
4
  --co-inphoto-upload-border-color: #ccc;
4
- --co-inphoto-upload-dragging-border-color: #3f51b5;
5
+ --co-inphoto-upload-dragging-border-color: #1A73E8;
5
6
  --co-inphoto-upload-dragging-background: #f5f7ff;
7
+ --co-inphoto-upload-icon-background: #e2e8f0;
8
+ --co-inphoto-upload-icon-color: #000;
6
9
  }
package/lib/component/image-upload/style/_theme.scss CHANGED
@@ -3,17 +3,24 @@
3
3
  @include export-module('co-image-upload-theme') {
4
4
  .co-image-upload {
5
5
  .upload-container {
6
+
7
+ background: var(--co-inphoto-upload-background);
6
8
  border: var(--co-inphoto-upload-border-width) dotted var(--co-inphoto-upload-border-color);
7
9
 
8
10
  .image-upload-icon {
9
- background: #f0f0f0;
10
- @include default-icon(50px, 50px, #000);
11
+ background: var(--co-inphoto-upload-icon-background);
12
+ @include default-icon(50px, 50px, var(--co-inphoto-upload-icon-color));
11
13
  }
12
14
 
13
15
  .upload-content-text {
14
16
  font-size: var(--co-inphoto-font-size-label);
15
17
  padding: 5px;
16
18
  }
19
+
20
+ .upload-content {
21
+ margin: 5px auto;
22
+ max-width: 280px;
23
+ }
17
24
  }
18
25
 
19
26
  .upload-container.dragging {
@@ -27,7 +34,17 @@
27
34
  }
28
35
 
29
36
  .upload-content .upload-button {
30
- @include primary-button;
37
+ @include action-button(
38
+ var(--co-inphoto-action-button-background),
39
+ var(--co-inphoto-action-button-background),
40
+ var(--co-inphoto-action-button-color),
41
+ var(--co-inphoto-action-button-font-size),
42
+ var(--co-inphoto-action-button-icon-size),
43
+ var(--co-inphoto-action-button-icon-color),
44
+ var(--co-inphoto-action-button-border),
45
+ var(--co-inphoto-action-button-radius),
46
+ var(--co-inphoto-action-button-padding)
47
+ );
31
48
  }
32
49
 
33
50
  .uploaded-files-preview-container {
package/lib/component/model-list-item/style/_layout.scss CHANGED
@@ -58,10 +58,30 @@
58
58
  align-items: center;
59
59
 
60
60
  .button-configure {
61
- @include primary-button;
61
+ @include action-button(
62
+ var(--co-inphoto-action-button-background),
63
+ var(--co-inphoto-action-button-background),
64
+ var(--co-inphoto-action-button-color),
65
+ var(--co-inphoto-action-button-font-size),
66
+ var(--co-inphoto-action-button-icon-size),
67
+ var(--co-inphoto-action-button-icon-color),
68
+ var(--co-inphoto-action-button-border),
69
+ var(--co-inphoto-action-button-radius),
70
+ var(--co-inphoto-action-button-padding)
71
+ )
62
72
  }
63
73
  .button-remove {
64
- @include secondary-button;
74
+ @include action-button(
75
+ var(--co-inphoto-action-button-background),
76
+ var(--co-inphoto-action-button-background),
77
+ var(--co-inphoto-action-button-color),
78
+ var(--co-inphoto-action-button-font-size),
79
+ var(--co-inphoto-action-button-icon-size),
80
+ var(--co-inphoto-action-button-icon-color),
81
+ var(--co-inphoto-action-button-border),
82
+ var(--co-inphoto-action-button-radius),
83
+ var(--co-inphoto-action-button-padding)
84
+ )
65
85
  }
66
86
  }
67
87
  }
package/lib/component/prepare-starting-image/style/_layout.scss CHANGED
@@ -23,6 +23,15 @@
23
23
  align-items: center;
24
24
  gap: 10px;
25
25
  }
26
+
27
+ .main-action-buttons {
28
+ display: flex;
29
+ justify-content: space-between;
30
+
31
+ .remove-all-button, .make-selection-button {
32
+ min-width: 45%;
33
+ }
34
+ }
26
35
  }
27
36
 
28
37
  .co-button.disabled {
package/lib/component/prepare-starting-image/style/_material-definition.scss CHANGED
@@ -1,3 +1,5 @@
1
1
  :root {
2
-
2
+ --co-inphoto-make-selection-button-background: #17953a;
3
+ --co-inphoto-make-selection-button-border-color: #17953a;
4
+ --co-inphoto-make-selection-button-hover-background: #158a36;
3
5
  }
package/lib/component/prepare-starting-image/style/_theme.scss CHANGED
@@ -7,11 +7,13 @@
7
7
  .info-container {
8
8
  .header-icon-container {
9
9
  margin-bottom: 10px;
10
+
10
11
  h2 {
11
12
  font-size: var(--co-inphoto-font-size-head);
12
13
  color: var(--co-inphoto-color-dark);
13
14
  }
14
15
  }
16
+
15
17
  p {
16
18
  font-size: var(--co-inphoto-font-size-label);
17
19
  color: var(--co-inphoto-color-dark);
@@ -20,12 +22,46 @@
20
22
 
21
23
  .action-button {
22
24
  margin: 20px 0;
23
- @include primary-button;
25
+ @include action-button(
26
+ var(--co-inphoto-action-button-background),
27
+ var(--co-inphoto-action-button-background),
28
+ var(--co-inphoto-action-button-color),
29
+ var(--co-inphoto-action-button-font-size),
30
+ var(--co-inphoto-action-button-icon-size),
31
+ var(--co-inphoto-action-button-icon-color),
32
+ var(--co-inphoto-action-button-border),
33
+ var(--co-inphoto-action-button-radius),
34
+ var(--co-inphoto-action-button-padding))
35
+ }
36
+
37
+ .remove-all-button, .make-selection-button {
38
+ margin: 20px 0;
39
+ @include action-button(
40
+ var(--co-inphoto-action-button-background),
41
+ var(--co-inphoto-action-button-background),
42
+ var(--co-inphoto-action-button-color),
43
+ var(--co-inphoto-action-button-font-size),
44
+ var(--co-inphoto-action-button-icon-size),
45
+ var(--co-inphoto-action-button-icon-color),
46
+ var(--co-inphoto-action-button-border),
47
+ var(--co-inphoto-action-button-radius),
48
+ var(--co-inphoto-action-button-padding)
49
+ )
24
50
  }
25
51
 
26
52
  .process-button {
27
53
  margin: 20px 0;
28
- @include secondary-button;
54
+ @include action-button(
55
+ var(--co-inphoto-action-button-background),
56
+ var(--co-inphoto-action-button-background),
57
+ var(--co-inphoto-action-button-color),
58
+ var(--co-inphoto-action-button-font-size),
59
+ var(--co-inphoto-action-button-icon-size),
60
+ var(--co-inphoto-action-button-icon-color),
61
+ var(--co-inphoto-action-button-border),
62
+ var(--co-inphoto-action-button-radius),
63
+ var(--co-inphoto-action-button-padding)
64
+ )
29
65
  }
30
66
 
31
67
  }
package/lib/component/step-menu/style/_material-definition.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  --co-inphoto-step-menu-number-background-color: #f0f0f0;
3
3
  --co-inphoto-step-menu-number-color: #fff;
4
- --co-inphoto-step-menu-active-background-color: #3f51b5;
5
- --co-inphoto-step-menu-finished-background-color: #4caf50;
4
+ --co-inphoto-step-menu-active-background-color: #1a73e8;
5
+ --co-inphoto-step-menu-finished-background-color: #5fdcb3;
6
6
  --co-inphoto-step-menu-default-icon-color: #000;
7
7
  }
package/lib/component/threedscene/style/_layout.scss CHANGED
@@ -3,6 +3,21 @@
3
3
  @include export-module('co-threedscene-layout') {
4
4
  .co-threedscene {
5
5
 
6
+
7
+ .co-product-configurator {
8
+ .product-configurator-container {
9
+ top: 10px;
10
+ height: calc(100% - 20px);
11
+ max-height: calc(100% - 20px);
12
+ border: 1px solid #000;
13
+
14
+ .product-configurator-details {
15
+ overflow-x: hidden;
16
+ }
17
+ }
18
+ }
19
+
20
+
6
21
  .threed-container {
7
22
  display: flex;
8
23
  gap: 20px;
@@ -32,9 +47,6 @@
32
47
  gap: 10px;
33
48
  }
34
49
  }
35
-
36
-
37
-
38
50
  }
39
51
  }
40
52
  }
package/lib/component/threedscene/style/_theme.scss CHANGED
@@ -2,8 +2,6 @@
2
2
 
3
3
  @include export-module('co-threedscene-theme') {
4
4
  .co-threedscene {
5
-
6
-
7
5
  .scene-info-container {
8
6
  .info-container {
9
7
  .header-icon-container {
@@ -21,7 +19,17 @@
21
19
 
22
20
  .action-button {
23
21
  margin: 20px 0;
24
- @include primary-button;
22
+ @include action-button(
23
+ var(--co-inphoto-action-button-background),
24
+ var(--co-inphoto-action-button-background),
25
+ var(--co-inphoto-action-button-color),
26
+ var(--co-inphoto-action-button-font-size),
27
+ var(--co-inphoto-action-button-icon-size),
28
+ var(--co-inphoto-action-button-icon-color),
29
+ var(--co-inphoto-action-button-border),
30
+ var(--co-inphoto-action-button-radius),
31
+ var(--co-inphoto-action-button-padding)
32
+ )
25
33
  }
26
34
  }
27
35
  }
package/lib/style/_mixin.scss CHANGED
@@ -8,15 +8,13 @@ $imported-modules: () !default;
8
8
  }
9
9
  }
10
10
 
11
- @mixin primary-button {
12
- background: var(--co-inphoto-primary-button-color);
13
- color: var(--co-inphoto-primary-button-text-color);
14
- border-color: var(--co-inphoto-primary-button-border-color);
15
- border-width: var(--co-inphoto-primary-button-border-width);
16
- border-radius: var(--co-inphoto-primary-button-border-radius);
17
- border-style: var(--co-inphoto-primary-button-border-style);
18
- padding: var(--co-inphoto-primary-button-padding);
19
- font-size: var(--co-inphoto-primary-button-text-size);
11
+ @mixin action-button($background-color, $background-hover-color, $color, $font-size, $icon-size, $icon-color, $border, $border-radius, $padding) {
12
+ background: $background-color;
13
+ color: $color;
14
+ border: $border;
15
+ padding: $padding;
16
+ border-radius: $border-radius;
17
+ font-size: $font-size;
20
18
  display: flex;
21
19
  align-items: center;
22
20
  justify-content: center;
@@ -24,47 +22,18 @@ $imported-modules: () !default;
24
22
  box-sizing: border-box;
25
23
  height: auto;
26
24
  .co-icon {
27
- width: var(--co-inphoto-primary-button-icon-width);
28
- height: var(--co-inphoto-primary-button-icon-height);
29
- color: var(--co-inphoto-primary-button-icon-color);
30
- svg {
31
- path, polygon {
32
- fill: var(--co-inphoto-primary-button-icon-color);
33
- }
34
- }
35
- }
36
- &:hover {
37
- background: var(--co-inphoto-primary-button-hover-color);
38
- }
39
- }
25
+ width: $icon-size;
26
+ height: $icon-size;
27
+ color: $icon-color;
40
28
 
41
- @mixin secondary-button {
42
- background: var(--co-inphoto-secondary-button-color);
43
- color: var(--co-inphoto-secondary-button-text-color);
44
- border-color: var(--co-inphoto-secondary-button-border-color);
45
- border-width: var(--co-inphoto-secondary-button-border-width);
46
- border-radius: var(--co-inphoto-secondary-button-border-radius);
47
- border-style: var(--co-inphoto-secondary-button-border-style);
48
- padding: var(--co-inphoto-secondary-button-padding);
49
- font-size: var(--co-inphoto-secondary-button-text-size);
50
- display: flex;
51
- align-items: center;
52
- justify-content: center;
53
- cursor: pointer;
54
- box-sizing: border-box;
55
- height: auto;
56
- .co-icon {
57
- width: var(--co-inphoto-secondary-button-icon-width);
58
- height: var(--co-inphoto-secondary-button-icon-height);
59
- color: var(--co-inphoto-secondary-button-icon-color);
60
29
  svg {
61
30
  path, polygon {
62
- fill: var(--co-inphoto-secondary-button-icon-color);
31
+ fill: $icon-color;
63
32
  }
64
33
  }
65
34
  }
66
35
  &:hover {
67
- background: var(--co-inphoto-secondary-button-hover-color);
36
+ background: $background-hover-color;
68
37
  }
69
38
  }
70
39
 
@@ -73,6 +42,7 @@ $imported-modules: () !default;
73
42
  width: $width;
74
43
  height: $height;
75
44
  color: $color;
45
+
76
46
  svg {
77
47
  path, polygon, rect {
78
48
  fill: $color;
package/lib/style/_variables.scss CHANGED
@@ -7,7 +7,7 @@
7
7
  */
8
8
 
9
9
  /* Background for dialogs etc */
10
- --co-inphoto--dialog-background-color: #ffffff;
10
+ --co-inphoto-dialog-background-color: #ffffff;
11
11
 
12
12
  /* Icon */
13
13
  --co-inphoto-icon-color: #000;
@@ -25,34 +25,37 @@
25
25
  --co-inphoto-color-light: #ffffff;
26
26
 
27
27
  /* Buttons related stuff */
28
- --co-inphoto-primary-button-color: #3f51b5;
29
- --co-inphoto-primary-button-hover-color: #303f9f;
30
- --co-inphoto-primary-button-border-radius: 4px;
31
- --co-inphoto-primary-button-border-style: solid;
32
- --co-inphoto-primary-button-border-width: 1px;
33
- --co-inphoto-primary-button-border-color: #3f51b5;
34
- --co-inphoto-primary-button-padding: 8px;
35
- --co-inphoto-primary-button-text-color: #ffffff;
36
- --co-inphoto-primary-button-text-size: 12px;
37
- --co-inphoto-primary-button-icon-width: 24px;
38
- --co-inphoto-primary-button-icon-height: 24px;
39
- --co-inphoto-primary-button-icon-color: #ffffff;
40
-
41
-
42
- --co-inphoto-secondary-button-color: #212437;
43
- --co-inphoto-secondary-button-hover-color: #303f9f;
44
- --co-inphoto-secondary-button-border-radius: 4px;
45
- --co-inphoto-secondary-button-border-style: solid;
46
- --co-inphoto-secondary-button-border-width: 1px;
47
- --co-inphoto-secondary-button-border-color: #212437;
48
- --co-inphoto-secondary-button-padding: 8px;
49
- --co-inphoto-secondary-button-text-color: #ffffff;
50
- --co-inphoto-secondary-button-text-size: 12px;
51
- --co-inphoto-secondary-button-icon-width: 24px;
52
- --co-inphoto-secondary-button-icon-height: 24px;
53
- --co-inphoto-secondary-button-icon-color: #ffffff;
28
+
29
+ --co-inphoto-next-button-background: #1a73e8;
30
+ --co-inphoto-next-button-color: #fff;
31
+ --co-inphoto-next-button-font-size: 15px;
32
+ --co-inphoto-next-button-icon-size: 24px;
33
+ --co-inphoto-next-button-icon-color: #fff;
34
+ --co-inphoto-next-button-border: 1px solid #1A73E8;
35
+ --co-inphoto-next-button-radius: 3px;
36
+ --co-inphoto-next-button-padding: 15px 20px;
37
+
38
+ --co-inphoto-prev-button-background: #313854;
39
+ --co-inphoto-prev-button-color: #fff;
40
+ --co-inphoto-prev-button-font-size: 15px;
41
+ --co-inphoto-prev-button-icon-size: 24px;
42
+ --co-inphoto-prev-button-icon-color: #fff;
43
+ --co-inphoto-prev-button-border: 1px solid #313854;
44
+ --co-inphoto-prev-button-radius: 3px;
45
+ --co-inphoto-prev-button-padding: 15px 20px;
46
+
54
47
 
55
48
  --co-inphoto-loader-background-dark: rgba(0, 0, 0, 0.5);
56
49
  --co-inphoto-loader-background-light: rgba(255, 255, 255, 0.5);
57
50
 
51
+
52
+ --co-inphoto-action-button-background: #fff;
53
+ --co-inphoto-action-button-color: #1A73E8;
54
+ --co-inphoto-action-button-font-size: 15px;
55
+ --co-inphoto-action-button-icon-size: 24px;
56
+ --co-inphoto-action-button-icon-color: #1A73E8;
57
+ --co-inphoto-action-button-border: 1px solid #1A73E8;
58
+ --co-inphoto-action-button-radius: 3px;
59
+ --co-inphoto-action-button-padding: 15px 20px;
60
+
58
61
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@colijnit/inphoto",
3
- "version": "262.1.0",
3
+ "version": "262.1.1",
4
4
  "description": "Colijn IT inphoto module for Angular 20",
5
5
  "repository": "npm/npm",
6
6
  "author": "Colijn IT",
@@ -14,8 +14,8 @@
14
14
  "@colijnit/corecomponents_v12": ">=262.1.0",
15
15
  "@colijnit/ioneconnector": ">=262.1.0",
16
16
  "@colijnit/mainapi": ">=262.1.0",
17
- "@types/three": ">=0.178.1",
18
- "three": ">=0.178.0"
17
+ "@types/three": "0.178.1",
18
+ "three": "0.178.0"
19
19
  },
20
20
  "dependencies": {
21
21
  "tslib": "^2.8.1"