@colijnit/configurator 262.1.4 → 262.1.5

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/colijnit-configurator-262.1.5.tgz +0 -0
  2. package/fesm2022/colijnit-configurator.mjs +1159 -3110
  3. package/fesm2022/colijnit-configurator.mjs.map +1 -1
  4. package/index.d.ts +103 -227
  5. package/lib/components/configuration-preset/style/_layout.scss +1 -0
  6. package/lib/components/configuration-preset/style/_material-definition.scss +1 -3
  7. package/lib/components/configuration-preset-dialog/style/_layout.scss +15 -27
  8. package/lib/components/configuration-preset-dialog/style/_material-definition.scss +1 -3
  9. package/lib/components/configuration-preset-dialog/style/_theme.scss +47 -0
  10. package/lib/components/configurator-dialog/style/_layout.scss +1 -1
  11. package/lib/components/configurator-dialog/style/_theme.scss +1 -1
  12. package/lib/components/configurator-scene-loader/style/_layout.scss +1 -0
  13. package/lib/components/configurator-scene-loader/style/_theme.scss +1 -1
  14. package/lib/style/_variables.scss +8 -0
  15. package/package.json +3 -2
package/lib/components/configuration-preset-dialog/style/_layout.scss CHANGED
@@ -1,20 +1,24 @@
1
1
  @use '../../../style' as cfg;
2
+
2
3
  @include cfg.export-module('co-configuration-preset-dialog-layout') {
3
4
  .co-configuration-preset-dialog {
4
5
  .configuration-preset-dialog {
5
- position: fixed;
6
- display: flex;
7
- align-items: center;
8
- justify-content: center;
9
- top: 0;
10
- left: 0;
11
- width: 100%;
12
- height: 100%;
13
- z-index: 100;
14
- background-color: rgba(0, 0, 0, 0.5);
6
+ .configuration-preset-dialog {
7
+ position: relative;
8
+ z-index: 1000;
9
+ }
10
+
11
+ .configuration-preset-dialog-backdrop {
12
+ position: fixed;
13
+ inset: 0;
14
+ }
15
+
16
+ .configuration-preset-dialog-container {
17
+ position: relative;
18
+ z-index: 1;
19
+ }
15
20
 
16
21
  .configuration-preset-dialog-container {
17
- background-color: #fff;
18
22
  box-sizing: border-box;
19
23
  min-width: 450px;
20
24
 
@@ -23,7 +27,6 @@
23
27
  gap: 10px;
24
28
  align-items: center;
25
29
  margin-bottom: 20px;
26
- border-bottom: 1px solid #ccc;
27
30
  padding: 20px;
28
31
  }
29
32
 
@@ -33,14 +36,10 @@
33
36
 
34
37
  .validation-error {
35
38
  max-width: 450px;
36
- font-size: var(--font-size-small);
37
39
  }
38
40
 
39
41
  .save-success {
40
42
  padding: 10px;
41
- color: var(--success-text-color);
42
- background-color: var(--success-background-color);
43
- border: 1px solid var(--success-border-color);
44
43
  display: flex;
45
44
  justify-content: space-between;
46
45
  align-items: center;
@@ -63,17 +62,6 @@
63
62
  display: flex;
64
63
  gap: 10px;
65
64
  justify-content: space-evenly;
66
-
67
- .co-button {
68
- cursor: pointer;
69
- }
70
-
71
- .button-as-link {
72
- background: none;
73
- color: var(--text-color);
74
- text-decoration: underline;
75
- }
76
-
77
65
  }
78
66
  }
79
67
  }
package/lib/components/configuration-preset-dialog/style/_material-definition.scss CHANGED
@@ -1,5 +1,3 @@
1
1
  :root {
2
- --success-text-color: #155724;
3
- --success-background-color: #d4edda;
4
- --success-border-color: #c3e6cb;
2
+ --configutator-dialog-header-border-color: #ddd;
5
3
  }
package/lib/components/configuration-preset-dialog/style/_theme.scss CHANGED
@@ -1,6 +1,53 @@
1
1
  @use '../../../style' as cfg;
2
+
2
3
  @include cfg.export-module('co-configuration-preset-dialog-theme') {
3
4
  .co-configuration-preset-dialog {
5
+ .configuration-preset-dialog {
6
+ .configuration-preset-dialog-backdrop {
7
+ background: var(--configurator-dialog-backdrop);
8
+ }
9
+
10
+ .configuration-preset-dialog-container {
11
+ background-color: var(--configutator-dialog-background);
12
+
13
+ .configuration-preset-dialog-container-header {
14
+ border-bottom: 1px solid var(--configutator-dialog-header-border-color);
15
+ }
16
+
17
+ .configuration-preset-dialog-container-body {
18
+ .validation-error {
19
+ font-size: var(--font-size-small);
20
+ }
21
+
22
+ .save-success {
23
+ color: var(--success-text-color);
24
+ background-color: var(--success-background-color);
25
+ border: 1px solid var(--success-border-color);
26
+
27
+ .save-success-text {
28
+ text-align: center;
29
+ font-weight: bold;
30
+ }
31
+
32
+ .save-success-button {
33
+ background: none;
34
+ cursor: pointer;
35
+ }
36
+ }
37
+ }
38
+
39
+ .configuration-preset-dialog-container-footer {
40
+ .co-button {
41
+ cursor: pointer;
42
+ }
4
43
 
44
+ .button-as-link {
45
+ background: none;
46
+ color: var(--text-color);
47
+ text-decoration: underline;
48
+ }
49
+ }
50
+ }
51
+ }
5
52
  }
6
53
  }
package/lib/components/configurator-dialog/style/_layout.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @use '../../../style' as cfg;
2
2
  @include cfg.export-module('co-configurator-dialog-layout') {
3
- .co-configurator-error-dialog, .co-configurator-error-dialog, .co-configurator-camera-settings-dialog {
3
+ .co-configurator-error-dialog, .co-configurator-export-dialog, .co-configurator-camera-settings-dialog {
4
4
  .dialog {
5
5
  width: 550px;
6
6
  position: fixed;
package/lib/components/configurator-dialog/style/_theme.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @use '../../../style' as cfg;
2
2
  @include cfg.export-module('co-configurator-dialog-theme') {
3
- .co-configurator-error-dialog, .co-configurator-error-dialog, .co-configurator-camera-settings-dialog {
3
+ .co-configurator-error-dialog, .co-configurator-export-dialog, .co-configurator-camera-settings-dialog {
4
4
  .dialog {
5
5
  background-color: var(--overlay-background);
6
6
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
package/lib/components/configurator-scene-loader/style/_layout.scss CHANGED
@@ -41,6 +41,7 @@
41
41
  left: 50%;
42
42
  top: 50%;
43
43
  transform: translate(-50%, -50%);
44
+ z-index: 100;
44
45
  }
45
46
 
46
47
  .circular-progress {
package/lib/components/configurator-scene-loader/style/_theme.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  @use '../../../style' as cfg;
2
- @include cfg.export-module('co-configurator-loader-theme') {
2
+ @include cfg.export-module('co-configurator-scene-loader-theme') {
3
3
  .co-configurator-scene-loader {
4
4
  .bg {
5
5
  fill: none;
package/lib/style/_variables.scss CHANGED
@@ -10,6 +10,9 @@
10
10
  --tile-background-color: #FFFFFF;
11
11
  --default-padding: 5px;
12
12
 
13
+ /* Dialog related */
14
+ --configurator-dialog-backdrop: rgba(0, 0, 0, 0.5);
15
+ --configutator-dialog-background: #fff;
13
16
 
14
17
  /* checkmarks and icons */
15
18
  --checked-icon-color: #FFFFFF;
@@ -47,4 +50,9 @@
47
50
  --load-more-link-color: #da9803;
48
51
  --white-text-color: #fff;
49
52
  --link-text-color: #0070ba;
53
+
54
+ --success-text-color: #155724;
55
+ --success-background-color: #d4edda;
56
+ --success-border-color: #c3e6cb;
57
+
50
58
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@colijnit/configurator",
3
- "version": "262.1.4",
3
+ "version": "262.1.5",
4
4
  "description": "iOne configurator specific for version 262",
5
5
  "private": false,
6
6
  "peerDependencies": {
@@ -9,13 +9,14 @@
9
9
  "@angular/core": ">=20.0.0",
10
10
  "@angular/material": "20.2.14",
11
11
  "@colijnit/articleapi": ">=262.1.0",
12
- "@colijnit/configuratorapi": ">=262.1.0",
12
+ "@colijnit/configuratorapi": ">=262.1.2",
13
13
  "@colijnit/corecomponents_v12": ">=262.1.0",
14
14
  "@colijnit/ioneconnector": ">=262.1.0",
15
15
  "@colijnit/mainapi": ">=262.1.1",
16
16
  "@colijnit/utilities": ">=262.1.0"
17
17
  },
18
18
  "dependencies": {
19
+ "@colijnit/configuratorcore": "262.1.1",
19
20
  "@tweenjs/tween.js": "25.0.0",
20
21
  "@types/three": "0.178.1",
21
22
  "jszip": "3.6.0",