@crystaldesign/diva-web-planner-react 25.5.0-rc.22 → 25.5.0-rc.25

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 (301) hide show
  1. package/build/esm/{ArticleProperties-2f2cd124.js → ArticleProperties-f1f86815.js} +1 -1
  2. package/build/esm/{CatalogProperties-c3679abd.js → CatalogProperties-fc7d0228.js} +1 -1
  3. package/build/esm/{DecisionVizualizer-68d23ba8.js → DecisionVizualizer-4aa5d3b1.js} +1 -1
  4. package/build/esm/{IconHandler-92e80abe.js → IconHandler-436a35a4.js} +1 -1
  5. package/build/esm/{OptionProperties-30012428.js → OptionProperties-14b17319.js} +1 -1
  6. package/build/esm/{OptionValueProperties-b233f910.js → OptionValueProperties-0291a31f.js} +1 -1
  7. package/build/esm/{Planner2DGrid-bf3cf6d2.js → Planner2DGrid-c693dd0f.js} +1 -1
  8. package/build/esm/{Planner3DImage-9ebb5230.js → Planner3DImage-269fb2b7.js} +1 -1
  9. package/build/esm/{index-5ba69f38.js → index-02273bb5.js} +5 -5
  10. package/build/esm/{index-dbc8f182.js → index-03a5d7b7.js} +50 -50
  11. package/build/esm/{index-2169a2fe.js → index-071f77a3.js} +6 -6
  12. package/build/esm/{index-e240b464.js → index-08373cf0.js} +7 -7
  13. package/build/esm/{index-890bc62b.js → index-0840a27a.js} +4 -3
  14. package/build/esm/{index-17f1594a.js → index-0859c807.js} +2 -2
  15. package/build/esm/{index-215babb7.js → index-087358cc.js} +64 -64
  16. package/build/esm/{index-dd040451.js → index-0be8fa87.js} +1 -1
  17. package/build/esm/{index-125afdce.js → index-0c3f8405.js} +1 -1
  18. package/build/esm/{index-c63e9c0b.js → index-0ca1fbd3.js} +3 -3
  19. package/build/esm/{index-e52ebcd1.js → index-0de30eaf.js} +43 -43
  20. package/build/esm/{index-01306ef5.js → index-0f264248.js} +5 -5
  21. package/build/esm/{index-0c63dfeb.js → index-0f5f8985.js} +1 -1
  22. package/build/esm/{index-146e30e6.js → index-122865d4.js} +13 -13
  23. package/build/esm/{index-5fb2f806.js → index-1244c734.js} +9 -9
  24. package/build/esm/{index-275b3350.js → index-12e791cc.js} +1 -1
  25. package/build/esm/{index-06a978cb.js → index-16548669.js} +3 -3
  26. package/build/esm/{index-ca6a7b98.js → index-16c448e7.js} +1 -1
  27. package/build/esm/{index-5d325da0.js → index-186cc883.js} +1 -1
  28. package/build/esm/{index-de94c9e3.js → index-191a3014.js} +1 -1
  29. package/build/esm/{index-b864a8f2.js → index-1b89f27a.js} +1 -1
  30. package/build/esm/{index-4ab44729.js → index-1c0dd0cb.js} +6 -6
  31. package/build/esm/{index-2b89f3b2.js → index-1c115e95.js} +2 -2
  32. package/build/esm/{index-c9c5f5e6.js → index-1d45a013.js} +1 -1
  33. package/build/esm/{index-54e0baaf.js → index-1e89c8bb.js} +2 -2
  34. package/build/esm/{index-ba2b6a9c.js → index-1ecae9c2.js} +2 -2
  35. package/build/esm/{index-b31c4980.js → index-1efbc101.js} +3 -3
  36. package/build/esm/{index-954f40da.js → index-1ff6844d.js} +2 -2
  37. package/build/esm/{index-594a1151.js → index-21fa7506.js} +1 -1
  38. package/build/esm/{index-9de69585.js → index-2288cc71.js} +9 -9
  39. package/build/esm/index-22d5fc23.js +68 -0
  40. package/build/esm/{index-8d3dde42.js → index-23760b4f.js} +3 -2
  41. package/build/esm/{index-4aa102e7.js → index-26d5a0de.js} +3 -3
  42. package/build/esm/{index-d303a4a9.js → index-27b21cd7.js} +1 -1
  43. package/build/esm/{index-0c8eaf49.js → index-2c677750.js} +1 -1
  44. package/build/esm/{index-d083ed31.js → index-2d10804d.js} +2 -2
  45. package/build/esm/{index-185149d3.js → index-2f073980.js} +1 -1
  46. package/build/esm/{index-aff06f1c.js → index-303088cc.js} +1 -1
  47. package/build/esm/{index-d65f1065.js → index-304825b7.js} +24 -24
  48. package/build/esm/{index-d5b6872b.js → index-3103126d.js} +1 -1
  49. package/build/esm/{index-c6ba4d63.js → index-3136a381.js} +1 -1
  50. package/build/esm/{index-a4858cf5.js → index-334d0063.js} +4 -4
  51. package/build/esm/{index-9ae35054.js → index-3639aa7a.js} +2 -2
  52. package/build/esm/{index-2469c0f9.js → index-3665371b.js} +1 -1
  53. package/build/esm/{index-3c21c33f.js → index-37b5a9e8.js} +1 -1
  54. package/build/esm/{index-78733a66.js → index-3817187b.js} +59 -63
  55. package/build/esm/{index-c4839576.js → index-3b0e397e.js} +5 -5
  56. package/build/esm/{index-5c694246.js → index-3cbaeab4.js} +1 -1
  57. package/build/esm/{index-baad4cd3.js → index-3d26d78a.js} +6 -6
  58. package/build/esm/{index-173156b8.js → index-4183dd08.js} +4 -4
  59. package/build/esm/{index-d9a0bd88.js → index-41e1881f.js} +48 -48
  60. package/build/esm/{index-9cab091c.js → index-41fad8bb.js} +1 -1
  61. package/build/esm/{index-ccda5de0.js → index-430b079c.js} +1 -1
  62. package/build/esm/{index-61077be4.js → index-43828af3.js} +21 -21
  63. package/build/esm/{index-0dde4b71.js → index-441fd6fd.js} +4 -4
  64. package/build/esm/{index-e53040ee.js → index-45128b88.js} +2 -2
  65. package/build/esm/{index-dd2e869b.js → index-45296f54.js} +1 -1
  66. package/build/esm/{index-2311f4f8.js → index-483786d3.js} +3 -3
  67. package/build/esm/{index-584a04c6.js → index-49e796e9.js} +2 -2
  68. package/build/esm/{index-b02af956.js → index-4d2be0ff.js} +1 -1
  69. package/build/esm/{index-7042c184.js → index-4e8a2bad.js} +1 -1
  70. package/build/esm/{index-56ba704e.js → index-4ec63250.js} +3 -3
  71. package/build/esm/{index-880d9f13.js → index-4fe7d900.js} +3 -3
  72. package/build/esm/{index-f716bbf2.js → index-53866a4f.js} +67 -69
  73. package/build/esm/{index-1fb7726d.js → index-53870260.js} +5 -5
  74. package/build/esm/{index-914b3f05.js → index-54242004.js} +1 -1
  75. package/build/esm/{index-f2067283.js → index-57273df3.js} +1 -1
  76. package/build/esm/{index-7b839598.js → index-57461602.js} +2 -2
  77. package/build/esm/{index-675c67c1.js → index-57df0546.js} +44 -44
  78. package/build/esm/{index-c5564ace.js → index-5918c558.js} +43 -43
  79. package/build/esm/{index-a96d13aa.js → index-592822b0.js} +1 -1
  80. package/build/esm/{index-1cbd6f43.js → index-59b7e8e7.js} +1 -1
  81. package/build/esm/{index-ce544e4e.js → index-5a2e70a8.js} +1 -1
  82. package/build/esm/{index-933b15eb.js → index-5c77fa82.js} +1 -1
  83. package/build/esm/{index-67c18828.js → index-5cd7cb94.js} +1 -1
  84. package/build/esm/{index-b155db27.js → index-5d04a816.js} +105 -105
  85. package/build/esm/{index-8d177b9e.js → index-5dcc8ee7.js} +1 -1
  86. package/build/esm/{index-8e1cbf2a.js → index-5faced71.js} +4 -4
  87. package/build/esm/{index-a5629c5b.js → index-600cd686.js} +1 -1
  88. package/build/esm/{index-a519b074.js → index-60b0b7c5.js} +6 -6
  89. package/build/esm/{index-6ab0f941.js → index-612d18b5.js} +1 -1
  90. package/build/esm/{index-1548d563.js → index-617911b4.js} +1 -1
  91. package/build/esm/{index-a1fdfae7.js → index-652625fe.js} +2 -2
  92. package/build/esm/{index-0b74d1ea.js → index-65f757b4.js} +5 -5
  93. package/build/esm/{index-2bf46d7c.js → index-668f42ba.js} +2 -2
  94. package/build/esm/{index-fa09e109.js → index-670904fa.js} +1 -1
  95. package/build/esm/{index-9349db72.js → index-68b0470f.js} +1 -1
  96. package/build/esm/{index-477be0d6.js → index-6c62c9e3.js} +20 -20
  97. package/build/esm/{index-bcde3532.js → index-6db6c84f.js} +242 -242
  98. package/build/esm/{index-904d15a4.js → index-6dba5cb3.js} +1 -1
  99. package/build/esm/{index-d620668b.js → index-6e26a74d.js} +1 -1
  100. package/build/esm/{index-44e1260e.js → index-737f3793.js} +1 -1
  101. package/build/esm/{index-c959c366.js → index-73cf5ffa.js} +1 -1
  102. package/build/esm/{index-a5141605.js → index-744532a2.js} +19 -19
  103. package/build/esm/{index-95e72d4d.js → index-74ab5818.js} +6 -6
  104. package/build/esm/{index-b007ff74.js → index-76f4384c.js} +1 -1
  105. package/build/esm/{index-97151477.js → index-77259579.js} +1 -1
  106. package/build/esm/{index-26f49233.js → index-7881ed5a.js} +1 -1
  107. package/build/esm/{index-35cb6223.js → index-7ca86c57.js} +2 -2
  108. package/build/esm/{index-191ce63b.js → index-8075423d.js} +2 -2
  109. package/build/esm/{index-4ff7c2af.js → index-81b8e6b0.js} +1 -1
  110. package/build/esm/{index-1f130f8f.js → index-81c299e0.js} +5 -5
  111. package/build/esm/{index-75be7294.js → index-82cc6e03.js} +1 -1
  112. package/build/esm/{index-224da70d.js → index-83872ad9.js} +17 -17
  113. package/build/esm/{index-7bec3c61.js → index-841f7786.js} +3 -3
  114. package/build/esm/{index-7975c340.js → index-85529580.js} +11 -3
  115. package/build/esm/{index-58759840.js → index-87843a7b.js} +5 -5
  116. package/build/esm/{index-8abd3d75.js → index-87d5ca52.js} +2 -2
  117. package/build/esm/{index-4079d2b6.js → index-8aca2817.js} +1 -1
  118. package/build/esm/{index-72bff5eb.js → index-8aea912a.js} +1 -1
  119. package/build/esm/{index-00bd6983.js → index-8afc6f71.js} +5 -5
  120. package/build/esm/{index-e79177fe.js → index-8c40034f.js} +1 -1
  121. package/build/esm/{index-b5028b45.js → index-8cf6d1d8.js} +3 -3
  122. package/build/esm/{index-3cb5148b.js → index-8d240e7b.js} +1 -1
  123. package/build/esm/{index-d3a4ab37.js → index-8d6aa119.js} +3 -3
  124. package/build/esm/{index-d46507db.js → index-8e201f5d.js} +2 -2
  125. package/build/esm/{index-74713070.js → index-8e7f296f.js} +1 -1
  126. package/build/esm/{index-69757514.js → index-8f972157.js} +1 -1
  127. package/build/esm/{index-2f4f605d.js → index-90596f0d.js} +1 -1
  128. package/build/esm/{index-efb675c3.js → index-93a5cd2f.js} +3 -3
  129. package/build/esm/{index-7bd47ee4.js → index-950a03eb.js} +3 -3
  130. package/build/esm/{index-3de9d442.js → index-977e067c.js} +4 -4
  131. package/build/esm/{index-8da715c0.js → index-9811116f.js} +1 -1
  132. package/build/esm/{index-d6c253b5.js → index-984bb6e9.js} +2 -2
  133. package/build/esm/{index-80e36a9f.js → index-99f53713.js} +2 -2
  134. package/build/esm/{index-bb4bba9a.js → index-9c058833.js} +1 -1
  135. package/build/esm/{index-3e7b0826.js → index-9c2df77a.js} +1 -1
  136. package/build/esm/{index-da161bd4.js → index-9c9792a2.js} +1 -1
  137. package/build/esm/{index-6f869bc5.js → index-9d27277b.js} +1 -1
  138. package/build/esm/{index-435c5616.js → index-9e3428b8.js} +2 -2
  139. package/build/esm/{index-3e998ff8.js → index-9eae9e91.js} +1 -1
  140. package/build/esm/{index-1647f64a.js → index-9f1d1dc9.js} +1 -1
  141. package/build/esm/{index-44d03e09.js → index-a1bfed3d.js} +2 -2
  142. package/build/esm/{index-be04edd5.js → index-a1c895c8.js} +76 -73
  143. package/build/esm/{index-58650c39.js → index-a23ddb6c.js} +1 -1
  144. package/build/esm/{index-1fd36296.js → index-a2a8c4cb.js} +6 -6
  145. package/build/esm/{index-6b952fe2.js → index-a2d1e75e.js} +1 -1
  146. package/build/esm/{index-83c2c436.js → index-a3187634.js} +4 -4
  147. package/build/esm/{index-ebf44700.js → index-a461e15f.js} +4 -4
  148. package/build/esm/{index-dcf01788.js → index-a50347a2.js} +79 -87
  149. package/build/esm/{index-09092994.js → index-a755b1c5.js} +42 -42
  150. package/build/esm/{index-0a0c408c.js → index-a7e87ac2.js} +1 -1
  151. package/build/esm/{index-8ce7aa69.js → index-a9df645a.js} +6 -6
  152. package/build/esm/{index-b7d32c67.js → index-ac103f68.js} +3 -3
  153. package/build/esm/{index-306ec8d7.js → index-ad3ec7f6.js} +2 -2
  154. package/build/esm/{index-01c40225.js → index-b156e716.js} +5 -5
  155. package/build/esm/{index-2721b9bc.js → index-b1b6d77a.js} +1 -1
  156. package/build/esm/{index-f23162af.js → index-b21572a6.js} +8 -8
  157. package/build/esm/{index-0f0b08a4.js → index-b2ca2f52.js} +1 -1
  158. package/build/esm/{index-f549aeb2.js → index-b2fb010b.js} +1 -1
  159. package/build/esm/{index-1fb4ab13.js → index-b33f92f2.js} +3 -3
  160. package/build/esm/{index-e957a9f8.js → index-b365c302.js} +1 -1
  161. package/build/esm/{index-7bc068e4.js → index-b41fb9ca.js} +1 -1
  162. package/build/esm/{index-3a1bf395.js → index-b46d8631.js} +4 -4
  163. package/build/esm/{index-a0ea6e06.js → index-b47eb6a9.js} +2 -2
  164. package/build/esm/{index-da3b5bf1.js → index-b52a6ac6.js} +7 -7
  165. package/build/esm/{index-006ef5a5.js → index-b74804a2.js} +2 -2
  166. package/build/esm/{index-943a1113.js → index-b85cd069.js} +1 -1
  167. package/build/esm/{index-9608e7f0.js → index-b8b8dcce.js} +1 -1
  168. package/build/esm/{index-aa8bbb77.js → index-b921b506.js} +9 -9
  169. package/build/esm/{index-8a646f7f.js → index-bb3f31ed.js} +2 -2
  170. package/build/esm/{index-27b5bf29.js → index-bb558880.js} +1 -1
  171. package/build/esm/{index-9dd43c21.js → index-bc278b8c.js} +1 -1
  172. package/build/esm/{index-8cb6237d.js → index-bc3d2fc5.js} +1 -1
  173. package/build/esm/{index-48ecf992.js → index-bd5412fe.js} +3 -3
  174. package/build/esm/{index-7a93ee80.js → index-bdc66182.js} +1 -1
  175. package/build/esm/{index-b94365fe.js → index-be565371.js} +1 -1
  176. package/build/esm/{index-09fb9a08.js → index-c0064a08.js} +45 -45
  177. package/build/esm/{index-6fc42d53.js → index-c028306b.js} +1 -1
  178. package/build/esm/{index-d88babdc.js → index-c1d3950a.js} +1 -1
  179. package/build/esm/{index-58f83adc.js → index-c20602db.js} +21 -21
  180. package/build/esm/{index-2ceb4cd2.js → index-c330d7cd.js} +1 -1
  181. package/build/esm/{index-54fcde37.js → index-c5939410.js} +20 -20
  182. package/build/esm/{index-4f2d0349.js → index-c64030c9.js} +3 -3
  183. package/build/esm/{index-aaacaf4e.js → index-c66c7231.js} +1 -1
  184. package/build/esm/{index-0cf65e68.js → index-c822560b.js} +46 -46
  185. package/build/esm/{index-22f24616.js → index-c8d337c7.js} +2 -2
  186. package/build/esm/{index-67ba85cb.js → index-c8f8e79d.js} +1 -1
  187. package/build/esm/{index-bc305885.js → index-c9fd6778.js} +79 -79
  188. package/build/esm/{index-7014d72e.js → index-cc2e68a9.js} +1 -1
  189. package/build/esm/{index-d4c9e69b.js → index-cc6b97a1.js} +4 -4
  190. package/build/esm/{index-295b6a17.js → index-ccb3d423.js} +4 -4
  191. package/build/esm/{index-92c31ced.js → index-cfb2c6b4.js} +106 -107
  192. package/build/esm/{index-fd9dd7bf.js → index-cff52f6c.js} +1 -1
  193. package/build/esm/{index-866ef2c6.js → index-d0a3ec6d.js} +1 -1
  194. package/build/esm/{index-4dccb53b.js → index-d2283f16.js} +1 -1
  195. package/build/esm/{index-a587d1ca.js → index-d39dbed7.js} +1 -1
  196. package/build/esm/{index-cd7619a6.js → index-d6268785.js} +9 -9
  197. package/build/esm/{index-b9d963a1.js → index-d6404171.js} +3 -3
  198. package/build/esm/{index-8c866b8c.js → index-d9aea22c.js} +1 -1
  199. package/build/esm/{index-6837d891.js → index-dbb0f2b2.js} +2 -2
  200. package/build/esm/{index-1d9fc567.js → index-de887e1e.js} +4 -4
  201. package/build/esm/{index-a2dbdb1f.js → index-deb5e1c8.js} +68 -70
  202. package/build/esm/index-df2a8f24.js +84 -0
  203. package/build/esm/{index-3a2ead59.js → index-df5f4805.js} +1 -1
  204. package/build/esm/{index-bcf5b12c.js → index-df7b72a5.js} +1 -1
  205. package/build/esm/{index-89331843.js → index-dfdc12c2.js} +1 -1
  206. package/build/esm/{index-c1a2c30e.js → index-e235f958.js} +1 -1
  207. package/build/esm/{index-4f029c14.js → index-e34703bb.js} +6 -6
  208. package/build/esm/{index-8c34dbfc.js → index-e3dcc45c.js} +1 -1
  209. package/build/esm/{index-81168576.js → index-e4dbc5bd.js} +1 -1
  210. package/build/esm/{index-9e88626c.js → index-e4e5ef2f.js} +2 -2
  211. package/build/esm/{index-e0dfec47.js → index-e70c71eb.js} +1 -1
  212. package/build/esm/{index-fbad0401.js → index-e8e9ef29.js} +1 -1
  213. package/build/esm/{index-8efdda7d.js → index-e9ae28c8.js} +49 -49
  214. package/build/esm/{index-5ff66474.js → index-e9da9b42.js} +7 -7
  215. package/build/esm/{index-b01ead39.js → index-ea53faf9.js} +3 -2
  216. package/build/esm/{index-16d5e121.js → index-eaf68aac.js} +1 -1
  217. package/build/esm/{index-5efbd6a2.js → index-eb84c80c.js} +1 -1
  218. package/build/esm/{index-888b050f.js → index-f06dc207.js} +1 -1
  219. package/build/esm/{index-b8f05f84.js → index-f0ab271d.js} +1 -1
  220. package/build/esm/{index-e357d959.js → index-f11d9c4f.js} +2 -2
  221. package/build/esm/{index-7913e923.js → index-f13031ba.js} +1 -1
  222. package/build/esm/{index-a3f08bf1.js → index-f220ad63.js} +1 -1
  223. package/build/esm/{index-68179a8b.js → index-f3182115.js} +1 -1
  224. package/build/esm/{index-2b0655ed.js → index-f3d6c3b3.js} +2 -2
  225. package/build/esm/{index-c6060474.js → index-f57598fc.js} +1 -1
  226. package/build/esm/{index-7a4e972d.js → index-f604757b.js} +1 -1
  227. package/build/esm/{index-a704187b.js → index-f6ebc111.js} +3 -3
  228. package/build/esm/{index-ff177055.js → index-f7a65acd.js} +20 -20
  229. package/build/esm/{index-27727a0a.js → index-f8415eaa.js} +2 -2
  230. package/build/esm/{index-2352daf1.js → index-f8d9b592.js} +1 -1
  231. package/build/esm/{index-e94db577.js → index-f91ae121.js} +24 -17
  232. package/build/esm/{index-cb4ad328.js → index-faa26a84.js} +15 -15
  233. package/build/esm/{index-173c45ba.js → index-fb223e4b.js} +18 -18
  234. package/build/esm/{index-ef6a60a0.js → index-fcafd1bc.js} +4 -4
  235. package/build/esm/{index-3c990880.js → index-fe0805f9.js} +5 -5
  236. package/build/esm/{index-45dfe743.js → index-fe29f8a8.js} +2 -2
  237. package/build/esm/{index-acfd7a40.js → index-fef3caca.js} +1 -1
  238. package/build/esm/{index-276b34c8.js → index-fffe7e92.js} +5 -5
  239. package/build/esm/index.js +1 -1
  240. package/build/esm/{index.module-db6d2ff2.js → index.module-130fe97d.js} +1 -1
  241. package/build/esm/{index.module-ace22123.js → index.module-33e213b0.js} +1 -1
  242. package/build/esm/{index.module-914bf73e.js → index.module-368fd7f0.js} +1 -1
  243. package/build/esm/{index.module-192c408b.js → index.module-3dabecf8.js} +1 -1
  244. package/build/esm/{index.module-2f49c9f7.js → index.module-41e6b719.js} +1 -1
  245. package/build/esm/{index.module-35445f7d.js → index.module-63e2df13.js} +1 -1
  246. package/build/esm/{index.module-56d6bdde.js → index.module-66edbb96.js} +1 -1
  247. package/build/esm/{index.module-234dec9a.js → index.module-739e67a8.js} +1 -1
  248. package/build/esm/{index.module-b926510c.js → index.module-8d3c785f.js} +1 -1
  249. package/build/esm/index.module-a76d98f0.js +18 -0
  250. package/build/esm/{index.module-6475e1f6.js → index.module-d18ba309.js} +1 -1
  251. package/build/esm/{index.module-4d8850f7.js → index.module-e57a964d.js} +1 -1
  252. package/build/esm/{index.module-a5f7b93a.js → index.module-ea4ce256.js} +1 -1
  253. package/build/esm/{react-json-viewer-d8e4aafc.js → react-json-viewer-38821365.js} +1 -1
  254. package/build/types/web-planner-react/src/components/Action/Basket/index.d.ts +1 -0
  255. package/build/types/web-planner-react/src/components/Action/Basket/index.d.ts.map +1 -1
  256. package/build/types/web-planner-react/src/components/Action/Basket/standard/index.d.ts +1 -1
  257. package/build/types/web-planner-react/src/components/Action/Basket/standard/index.d.ts.map +1 -1
  258. package/build/types/web-planner-react/src/components/Action/Navigation/standard/index.d.ts +2 -1
  259. package/build/types/web-planner-react/src/components/Action/Navigation/standard/index.d.ts.map +1 -1
  260. package/build/types/web-planner-react/src/components/GlobalElements/Checkout/IconComponent/index.d.ts +3 -3
  261. package/build/types/web-planner-react/src/components/GlobalElements/Checkout/IconComponent/index.d.ts.map +1 -1
  262. package/build/types/web-planner-react/src/components/GlobalElements/Checkout/index.d.ts +2 -2
  263. package/build/types/web-planner-react/src/components/GlobalElements/Checkout/index.d.ts.map +1 -1
  264. package/build/types/web-planner-react/src/components/Layout/classification/index.d.ts.map +1 -1
  265. package/build/types/web-planner-react/src/components/Layout/gold/index.d.ts.map +1 -1
  266. package/build/types/web-planner-react/src/components/Layout/ralph/index.d.ts.map +1 -1
  267. package/build/types/web-planner-react/src/components/Layout/serious/index.d.ts +0 -8
  268. package/build/types/web-planner-react/src/components/Layout/serious/index.d.ts.map +1 -1
  269. package/build/types/web-planner-react/src/components/Layout/standard/index.d.ts.map +1 -1
  270. package/build/types/web-planner-react/src/components/Layout/wysiwyg/index.d.ts +0 -2
  271. package/build/types/web-planner-react/src/components/Layout/wysiwyg/index.d.ts.map +1 -1
  272. package/build/umd/1280.diva-web-planner-react.umd.min.js +2 -0
  273. package/build/umd/1280.diva-web-planner-react.umd.min.js.LICENSE.txt +1 -0
  274. package/build/umd/1738.diva-web-planner-react.umd.min.js +1 -1
  275. package/build/umd/1948.diva-web-planner-react.umd.min.js +1 -1
  276. package/build/umd/3153.diva-web-planner-react.umd.min.js +1 -1
  277. package/build/umd/3581.diva-web-planner-react.umd.min.js +1 -1
  278. package/build/umd/4455.diva-web-planner-react.umd.min.js +1 -1
  279. package/build/umd/4581.diva-web-planner-react.umd.min.js +2 -0
  280. package/build/umd/4581.diva-web-planner-react.umd.min.js.LICENSE.txt +1 -0
  281. package/build/umd/4944.diva-web-planner-react.umd.min.js +1 -1
  282. package/build/umd/6269.diva-web-planner-react.umd.min.js +1 -1
  283. package/build/umd/7328.diva-web-planner-react.umd.min.js +1 -1
  284. package/build/umd/8086.diva-web-planner-react.umd.min.js +2 -0
  285. package/build/umd/8086.diva-web-planner-react.umd.min.js.LICENSE.txt +1 -0
  286. package/build/umd/8327.diva-web-planner-react.umd.min.js +1 -1
  287. package/build/umd/8558.diva-web-planner-react.umd.min.js +1 -1
  288. package/build/umd/8728.diva-web-planner-react.umd.min.js +1 -1
  289. package/build/umd/9513.diva-web-planner-react.umd.min.js +1 -1
  290. package/build/umd/9979.diva-web-planner-react.umd.min.js +1 -1
  291. package/build/umd/diva-web-planner-react.umd.min.js +1 -1
  292. package/build/umd/report.html +1 -1
  293. package/package.json +8 -8
  294. package/build/esm/index-1ba88269.js +0 -68
  295. package/build/esm/index-7f657221.js +0 -63
  296. package/build/umd/2257.diva-web-planner-react.umd.min.js +0 -2
  297. package/build/umd/2257.diva-web-planner-react.umd.min.js.LICENSE.txt +0 -1
  298. package/build/umd/3269.diva-web-planner-react.umd.min.js +0 -2
  299. package/build/umd/3269.diva-web-planner-react.umd.min.js.LICENSE.txt +0 -1
  300. package/build/umd/4633.diva-web-planner-react.umd.min.js +0 -2
  301. package/build/umd/4633.diva-web-planner-react.umd.min.js.LICENSE.txt +0 -1
package/build/umd/8327.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 8327.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8327,9001],{69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(80248),o=(t(87363),t(2765)),a=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const r=function NavigationButtons(n){return(0,a.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},61448:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(84658),o=t(88291),a=t(50747),r=t.n(a),l=t(91923),s=t(87363),d=t(9420),c=t(93379),u=t.n(c),x=t(7795),p=t.n(x),f=t(90569),g=t.n(f),m=t(3565),h=t.n(m),b=t(19216),v=t.n(b),S=t(44589),y=t.n(S),w=t(39545),P={};P.styleTagTransform=y(),P.setAttributes=h(),P.insert=g().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=v();u()(w.ZP,P);w.ZP&&w.ZP.locals&&w.ZP.locals;var k=t(47514);const j=(0,d.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,l.NP)(),t=(0,s.useRef)(null);if((0,s.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,s.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,k.jsx)(k.Fragment,{});var a=e.settingsState.inputBoxItem.text;a.includes(":")&&(a=a.slice(0,a.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(r().mark((function _callee(){return r().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),c=!!e.settingsState.inputBoxItem.measureUnit;return(0,k.jsx)("div",{children:(0,k.jsxs)("div",{className:w.Q_,children:[(0,k.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,k.jsxs)("div",{style:{width:"100%"},children:[(0,k.jsx)("p",{style:{marginTop:"2px"},children:a}),(0,k.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:w.Ci,type:c?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,k.jsx)("button",{className:w.vX,onClick:d})]})]})})}))},77452:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var i=t(87363),o=t(93379),a=t.n(o),r=t(7795),l=t.n(r),s=t(90569),d=t.n(s),c=t(3565),u=t.n(c),x=t(19216),p=t.n(x),f=t(44589),g=t.n(f),m=t(59318),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=d().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=p();a()(m.ZP,h);m.ZP&&m.ZP.locals&&m.ZP.locals;var b=t(91923),v=t(9420),S=t(89603),y=t(88683),w=t(47514);const P=(0,v.Pi)((function Toolbar(n){var e,t,o=(0,b.NP)(),a=(0,y.useDivaCore)().state.organization.settings.wwsClient,r=function changeVal(n){var e=n===o.uiState.activeCatalogSection?"3D/2D":n;localStorage.setItem("lastWindow",e),o.uiState.setActiveCatalogSection(e)},l=!!Object.values(null!==(e=null===(t=o.divaWebPlanner.actSet())||void 0===t?void 0:t.CatalogData.allCatalogArticles)&&void 0!==e?e:{}).find((function(n){return n.partlistArticlesRules}));return(0,i.useEffect)((function(){("Pfister"!=a&&"ekText"==o.uiState.activeCatalogSection||!l&&"PartList"==o.uiState.activeCatalogSection||"3D/2D"!==o.uiState.activeCatalogSection)&&r("3D/2D")}),[]),(0,w.jsxs)(w.Fragment,{children:["3D/2D"!=o.uiState.activeCatalogSection&&(0,w.jsx)(S.default,{}),(0,w.jsxs)("div",{className:m.nC,children:[(0,w.jsx)("div",{className:m.wc,children:o.productState.formatedTotalPrice}),l&&(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("PartList")},children:"Stückliste"}),(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("PriceAnalyzer")},children:"Preise"}),(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("DecisionAnalyzer")},children:"Decisions"}),"Pfister"==a&&(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("ekText")},children:"Ek Text"})]})]})}))},8327:(n,e,t)=>{t.r(e),t.d(e,{cssVariables:()=>I,default:()=>N});var i=t(91923),o=t(87363),a=t(61448),r=t(93379),l=t.n(r),s=t(7795),d=t.n(s),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),f=t(19216),g=t.n(f),m=t(44589),h=t.n(m),b=t(53471),v={};v.styleTagTransform=h(),v.setAttributes=p(),v.insert=u().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=g();l()(b.ZP,v);b.ZP&&b.ZP.locals&&b.ZP.locals;var S=t(58069),y=t(14312),w=t(9420),P=t(65515),k=t.n(P),j=t(77452),C=t(69001),B=t(78485),D=t(47514),I={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--thirdColor)","--foldArrowMarginRight":"16px","--configuratorActionWidthForthBackSpacer":"0.1rem","--configuratorActionForthWidth":"calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)","--configuratorActionBackWidth":"calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--itemsMargin":"0.3125rem"};const N=(0,w.Pi)((function Wysiwyg(n){var e=(0,i.NP)();return(0,o.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(I)}),[]),(0,D.jsxs)(D.Fragment,{children:[(0,D.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:k()(b.xn,e.getIsInMobileView()?b.ai:void 0),children:[(0,D.jsx)(y.default,{className:b.x6}),(0,D.jsx)(S.default,{className:b.vt}),(0,D.jsx)(C.default,{className:b.jl,showBackButtonText:!0}),(0,D.jsx)(j.default,{}),e.settingsState.contentItemId&&(0,D.jsx)(B.default,{id:e.settingsState.contentItemId,startPos:"right"})]}),e.settingsState.inputBoxVisible&&(0,D.jsx)(a.default,{})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>f,Q_:()=>p,ZP:()=>m,vX:()=>g});var i=t(8081),o=t.n(i),a=t(23645),r=t.n(a),l=t(61667),s=t.n(l),d=new URL(t(38403),t.b),c=r()(o()),u=s()(d);c.push([n.id,".index-module--nrbS_ {\n width: 90%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n float: left;\n}\n\n.index-module--lGJqa {\n letter-spacing: 0.5px;\n -webkit-text-stroke: 0.1px;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n z-index: 999;\n width: 40em;\n max-width: 70%;\n max-height: 90%;\n background-color: white;\n padding: 1em 2em 0.5em 2em;\n border-radius: 15px;\n border: 1px solid #cbcbcb;\n font-size: 14.4px;\n color: #363636;\n display: flex;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n font-size: 16px;\n -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n padding: 0;\n margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n width: calc(100% - 65px);\n float: left;\n padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n height: 40px;\n width: 55px;\n display: block;\n background-repeat: no-repeat;\n background-position: center;\n float: left;\n clear: both;\n margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n border-radius: 20px;\n position: absolute;\n font-size: 22pt;\n font-family: sans-serif;\n font-weight: 50;\n top: -20px;\n right: -20px;\n width: 40px;\n height: 40px;\n background-color: #fff;\n color: #666;\n border: 2px solid #666;\n text-align: center;\n padding-top: 0px;\n content: 'X';\n}\n\n.index-module--OZydS:hover {\n background-color: #aaa;\n color: #000;\n border: 2px solid #000;\n}\n.index-module--FQDBA {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n color: #ffffff;\n height: 41px;\n width: 8%;\n margin: 8px 0 7px;\n float: right;\n border-radius: var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+u+");\n background-size: 16px;\n transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",f="index-module--OZydS",g="index-module--FQDBA";const m=c},59318:(n,e,t)=>{t.d(e,{ZP:()=>d,nC:()=>l,wc:()=>s});var i=t(8081),o=t.n(i),a=t(23645),r=t.n(a)()(o());r.push([n.id,".index-module--lxloL {\n display: flex;\n height: 42px;\n gap: 12px;\n justify-content: space-around;\n overflow: auto;\n align-items: center;\n background-color: #f3f3f3;\n}\n\n.index-module--CjTaL {\n cursor: pointer;\n min-width: 80px;\n padding-left: 12px;\n padding-right: 12px;\n text-align: center;\n}\n",""]);var l="index-module--lxloL",s="index-module--CjTaL";const d=r},53471:(n,e,t)=>{t.d(e,{ZP:()=>x,ai:()=>d,jl:()=>u,vt:()=>c,x6:()=>s,xn:()=>l});var i=t(8081),o=t.n(i),a=t(23645),r=t.n(a)()(o());r.push([n.id,".index-module--B_KPE {\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n -webkit-font-smoothing: antialiased;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.index-module--B_KPE *,\n.index-module--B_KPE *::before,\n.index-module--B_KPE *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--qDhz3 {\n height: 56px;\n position: relative;\n display: flex;\n justify-content: center;\n margin: 0 8px;\n}\n.index-module--aq01h .index-module--qDhz3 {\n height: 40px;\n}\n\n.index-module--NDeij {\n height: calc(100% - 56px - 42px - 40px);\n position: relative;\n border-right: 1px solid #e6e6e6;\n}\n\n.index-module--aq01h .index-module--NDeij {\n height: calc(100% - 40px - 42px - 40px);\n}\n\n.index-module--Jh4qy {\n height: 40px;\n z-index: 1001;\n}\n",""]);var l="index-module--B_KPE",s="index-module--qDhz3",d="index-module--aq01h",c="index-module--NDeij",u="index-module--Jh4qy";const x=r}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8327,9001],{69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>r});var i=t(80248),o=(t(87363),t(2765)),a=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const r=function NavigationButtons(n){return(0,a.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},61448:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var i=t(84658),o=t(88291),a=t(50747),r=t.n(a),l=t(91923),s=t(87363),d=t(9420),c=t(93379),u=t.n(c),x=t(7795),p=t.n(x),f=t(90569),g=t.n(f),m=t(3565),h=t.n(m),b=t(19216),v=t.n(b),S=t(44589),y=t.n(S),w=t(39545),P={};P.styleTagTransform=y(),P.setAttributes=h(),P.insert=g().bind(null,"head"),P.domAPI=p(),P.insertStyleElement=v();u()(w.ZP,P);w.ZP&&w.ZP.locals&&w.ZP.locals;var j=t(47514);const k=(0,d.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,l.NP)(),t=(0,s.useRef)(null);if((0,s.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,s.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var a=e.settingsState.inputBoxItem.text;a.includes(":")&&(a=a.slice(0,a.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(r().mark((function _callee(){return r().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),c=!!e.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:w.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:a}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:w.Ci,type:c?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:w.vX,onClick:d})]})]})})}))},77452:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var i=t(87363),o=t(93379),a=t.n(o),r=t(7795),l=t.n(r),s=t(90569),d=t.n(s),c=t(3565),u=t.n(c),x=t(19216),p=t.n(x),f=t(44589),g=t.n(f),m=t(59318),h={};h.styleTagTransform=g(),h.setAttributes=u(),h.insert=d().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=p();a()(m.ZP,h);m.ZP&&m.ZP.locals&&m.ZP.locals;var b=t(91923),v=t(9420),S=t(89603),y=t(88683),w=t(47514);const P=(0,v.Pi)((function Toolbar(n){var e,t,o=(0,b.NP)(),a=(0,y.useDivaCore)().state.organization.settings.wwsClient,r=function changeVal(n){var e=n===o.uiState.activeCatalogSection?"3D/2D":n;localStorage.setItem("lastWindow",e),o.uiState.setActiveCatalogSection(e)},l=!!Object.values(null!==(e=null===(t=o.divaWebPlanner.actSet())||void 0===t?void 0:t.CatalogData.allCatalogArticles)&&void 0!==e?e:{}).find((function(n){return n.partlistArticlesRules}));return(0,i.useEffect)((function(){("Pfister"!=a&&"ekText"==o.uiState.activeCatalogSection||!l&&"PartList"==o.uiState.activeCatalogSection||"3D/2D"!==o.uiState.activeCatalogSection)&&r("3D/2D")}),[]),(0,w.jsxs)(w.Fragment,{children:["3D/2D"!=o.uiState.activeCatalogSection&&(0,w.jsx)(S.default,{}),(0,w.jsxs)("div",{className:m.nC,children:[(0,w.jsx)("div",{className:m.wc,children:o.productState.formatedTotalPrice}),l&&(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("PartList")},children:"Stückliste"}),(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("PriceAnalyzer")},children:"Preise"}),(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("DecisionAnalyzer")},children:"Decisions"}),"Pfister"==a&&(0,w.jsx)("div",{className:m.wc,onClick:function onClick(){return r("ekText")},children:"Ek Text"})]})]})}))},8327:(n,e,t)=>{t.r(e),t.d(e,{cssVariables:()=>I,default:()=>N});var i=t(91923),o=t(87363),a=t(61448),r=t(93379),l=t.n(r),s=t(7795),d=t.n(s),c=t(90569),u=t.n(c),x=t(3565),p=t.n(x),f=t(19216),g=t.n(f),m=t(44589),h=t.n(m),b=t(53471),v={};v.styleTagTransform=h(),v.setAttributes=p(),v.insert=u().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=g();l()(b.ZP,v);b.ZP&&b.ZP.locals&&b.ZP.locals;var S=t(58069),y=t(14312),w=t(9420),P=t(65515),j=t.n(P),k=t(77452),C=t(69001),B=t(78485),D=t(47514),I={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--thirdColor)","--foldArrowMarginRight":"16px","--configuratorActionForthWidth":"calc(50% - 3px)","--configuratorActionBackWidth":"calc(50% - 3px)","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const N=(0,w.Pi)((function Wysiwyg(n){var e=(0,i.NP)();return(0,o.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(I)}),[]),(0,D.jsxs)(D.Fragment,{children:[(0,D.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:j()(b.xn,e.getIsInMobileView()?b.ai:void 0),children:[(0,D.jsx)(y.default,{className:b.x6}),(0,D.jsx)(S.default,{className:b.vt}),(0,D.jsx)(C.default,{className:b.jl,showBackButtonText:!0,showCheckoutButtons:!1}),(0,D.jsx)(k.default,{}),e.settingsState.contentItemId&&(0,D.jsx)(B.default,{id:e.settingsState.contentItemId,startPos:"right"})]}),e.settingsState.inputBoxVisible&&(0,D.jsx)(a.default,{})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>f,Q_:()=>p,ZP:()=>m,vX:()=>g});var i=t(8081),o=t.n(i),a=t(23645),r=t.n(a),l=t(61667),s=t.n(l),d=new URL(t(38403),t.b),c=r()(o()),u=s()(d);c.push([n.id,".index-module--nrbS_ {\n width: 90%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n float: left;\n}\n\n.index-module--lGJqa {\n letter-spacing: 0.5px;\n -webkit-text-stroke: 0.1px;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n z-index: 999;\n width: 40em;\n max-width: 70%;\n max-height: 90%;\n background-color: white;\n padding: 1em 2em 0.5em 2em;\n border-radius: 15px;\n border: 1px solid #cbcbcb;\n font-size: 14.4px;\n color: #363636;\n display: flex;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n font-size: 16px;\n -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n padding: 0;\n margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n width: calc(100% - 65px);\n float: left;\n padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n height: 40px;\n width: 55px;\n display: block;\n background-repeat: no-repeat;\n background-position: center;\n float: left;\n clear: both;\n margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n border-radius: 20px;\n position: absolute;\n font-size: 22pt;\n font-family: sans-serif;\n font-weight: 50;\n top: -20px;\n right: -20px;\n width: 40px;\n height: 40px;\n background-color: #fff;\n color: #666;\n border: 2px solid #666;\n text-align: center;\n padding-top: 0px;\n content: 'X';\n}\n\n.index-module--OZydS:hover {\n background-color: #aaa;\n color: #000;\n border: 2px solid #000;\n}\n.index-module--FQDBA {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n color: #ffffff;\n height: 41px;\n width: 8%;\n margin: 8px 0 7px;\n float: right;\n border-radius: var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+u+");\n background-size: 16px;\n transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",f="index-module--OZydS",g="index-module--FQDBA";const m=c},59318:(n,e,t)=>{t.d(e,{ZP:()=>d,nC:()=>l,wc:()=>s});var i=t(8081),o=t.n(i),a=t(23645),r=t.n(a)()(o());r.push([n.id,".index-module--lxloL {\n display: flex;\n height: 42px;\n gap: 12px;\n justify-content: space-around;\n overflow: auto;\n align-items: center;\n background-color: #f3f3f3;\n}\n\n.index-module--CjTaL {\n cursor: pointer;\n min-width: 80px;\n padding-left: 12px;\n padding-right: 12px;\n text-align: center;\n}\n",""]);var l="index-module--lxloL",s="index-module--CjTaL";const d=r},53471:(n,e,t)=>{t.d(e,{ZP:()=>x,ai:()=>d,jl:()=>u,vt:()=>c,x6:()=>s,xn:()=>l});var i=t(8081),o=t.n(i),a=t(23645),r=t.n(a)()(o());r.push([n.id,".index-module--B_KPE {\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n -webkit-font-smoothing: antialiased;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.index-module--B_KPE *,\n.index-module--B_KPE *::before,\n.index-module--B_KPE *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--qDhz3 {\n height: 56px;\n position: relative;\n display: flex;\n justify-content: center;\n margin: 0 8px;\n}\n.index-module--aq01h .index-module--qDhz3 {\n height: 40px;\n}\n\n.index-module--NDeij {\n height: calc(100% - 56px - 42px - 40px);\n position: relative;\n border-right: 1px solid #e6e6e6;\n}\n\n.index-module--aq01h .index-module--NDeij {\n height: calc(100% - 40px - 42px - 40px);\n}\n\n.index-module--Jh4qy {\n height: 40px;\n z-index: 1001;\n}\n",""]);var l="index-module--B_KPE",s="index-module--qDhz3",d="index-module--aq01h",c="index-module--NDeij",u="index-module--Jh4qy";const x=r}}]);
package/build/umd/8558.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 8558.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8558,2257],{98558:(n,e,o)=>{o.r(e),o.d(e,{default:()=>O});var t=o(80248),r=o(9420),i=(o(87363),o(2257)),a=o(93379),d=o.n(a),s=o(7795),l=o.n(s),c=o(90569),u=o.n(c),x=o(3565),g=o.n(x),v=o(19216),f=o.n(v),b=o(44589),h=o.n(b),p=o(77815),m={};m.styleTagTransform=h(),m.setAttributes=g(),m.insert=u().bind(null,"head"),m.domAPI=l(),m.insertStyleElement=f();d()(p.Z,m);p.Z&&p.Z.locals&&p.Z.locals;var w=o(65515),y=o.n(w),j=o(47514);function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const O=(0,r.Pi)((function ActionNavigationBlue(n){return(0,j.jsx)(i.default,_objectSpread(_objectSpread({},n),{},{showNextButtonIcon:!0,className:y()(p.L,n.className)}))}))},2257:(n,e,o)=>{o.r(e),o.d(e,{default:()=>P});var t=o(80248),r=o(72874),i=o(65515),a=o.n(i),d=o(91923),s=o(9420),l=(o(87363),o(88683)),c=o(93379),u=o.n(c),x=o(7795),g=o.n(x),v=o(90569),f=o.n(v),b=o(3565),h=o.n(b),p=o(19216),m=o.n(p),w=o(44589),y=o.n(w),j=o(28717),O={};O.styleTagTransform=y(),O.setAttributes=h(),O.insert=f().bind(null,"head"),O.domAPI=g(),O.insertStyleElement=m();u()(j.ZP,O);j.ZP&&j.ZP.locals&&j.ZP.locals;var k=o(47514),S=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon"];function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const P=(0,s.Pi)((function ActionNavigation(n){var e=n.className,o=n.showBackButtonText,t=n.backOverwrite,i=n.forthOverwrite,s=n.showNextButtonIcon,c=(0,r.Z)(n,S),u=(0,d.NP)(),x=(0,l.useTranslation)().t;return(0,k.jsx)(k.Fragment,{children:!u.uiState.configSettingsIsHidden&&(0,k.jsx)("div",_objectSpread(_objectSpread({},c),{},{className:a()(e,j.jl,u.actionButtonState.isOnFirstStep?j.FN:void 0,u.actionButtonState.isOnFirstStepDisabled?j.$t:void 0,u.actionButtonState.isOnLastStep?j.Is:void 0,"vertical"==u.tabGroupState.curTabGroupType?j.KR:void 0,u.uiState.isMobilePortrait?j.tW:void 0,u.uiState.isMobileLandscape?j.rK:void 0),children:(0,k.jsxs)("div",{className:j.nC,children:[(0,k.jsxs)("div",{className:a()(j.LI,j.op,t),onClick:u.actionButtonState.onClickConfiguratorSettingsBack,children:[!o&&(0,k.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,k.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),o&&x("configurator.Back")]}),(0,k.jsxs)("div",{className:a()(j.LI,j.ox,i),onClick:u.actionButtonState.onClickConfiguratorSettingsForth,id:"wcConfigurator-action-next",children:[x("configurator.Next"),s&&(0,k.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,k.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))})}))},77815:(n,e,o)=>{o.d(e,{L:()=>d,Z:()=>s});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i)()(r());a.push([n.id,".index-module--Mmrxa {\n font-weight: 300;\n}\n",""]);var d="index-module--Mmrxa";const s=a},28717:(n,e,o)=>{o.d(e,{$t:()=>g,FN:()=>f,Is:()=>v,KR:()=>l,LI:()=>c,ZP:()=>p,jl:()=>d,nC:()=>s,op:()=>u,ox:()=>x,rK:()=>b,tW:()=>h});var t=o(8081),r=o.n(t),i=o(23645),a=o.n(i)()(r());a.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n height: 100%;\n font-weight: 300;\n font-size: 14px;\n -webkit-text-stroke: 0px;\n line-height: 36.8px;\n width: 100%;\n}\n.index-module--j2X1m .index-module--uMdxf {\n line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n border-radius: var(--globalBorderRadius);\n height: 100%;\n text-align: center;\n}\n\n.index-module--vWg5_ {\n border: 1px var(--secondaryColor) solid;\n border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n background-color: white;\n color: var(--secondaryColor);\n color: var(--navigateBack, var(--secondaryColor));\n float: left;\n width: calc(var(--configuratorActionBackWidth));\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.index-module--IneQR {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n background-color: var(--navigateForth, var(--secondaryColor));\n color: #ffffff;\n color: var(--navigateForthFontColor, #ffffff);\n float: right;\n width: var(--configuratorActionForthWidth);\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n cursor: pointer;\n box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n transform: rotate(180deg);\n position: absolute;\n right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n pointer-events: none;\n background-color: #707070;\n background-color: var(--navigateForth, #707070);\n border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n line-height: calc(var(--configuratorActionHeight) - 5px);\n border-radius: var(--globalBorderRadius);\n}\n",""]);var d="index-module--Ug06K",s="index-module--uMdxf",l="index-module--j2X1m",c="index-module--NUblS",u="index-module--vWg5_",x="index-module--IneQR",g="index-module--n4fFc",v="index-module--YJM3e",f="index-module--X2uG9",b="index-module--CVPGS",h="index-module--KE5Qn";const p=a}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8558,1280],{98558:(e,_,n)=>{n.r(_),n.d(_,{default:()=>f});var t=n(80248),r=n(9420),o=(n(87363),n(41280)),i=n(93379),a=n.n(i),s=n(7795),l=n.n(s),c=n(90569),d=n.n(c),u=n(3565),E=n.n(u),O=n(19216),P=n.n(O),x=n(44589),b=n.n(x),m=n(77815),M={};M.styleTagTransform=b(),M.setAttributes=E(),M.insert=d().bind(null,"head"),M.domAPI=l(),M.insertStyleElement=P();a()(m.Z,M);m.Z&&m.Z.locals&&m.Z.locals;var D=n(65515),p=n.n(D),v=n(47514);function ownKeys(e,_){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);_&&(t=t.filter((function(_){return Object.getOwnPropertyDescriptor(e,_).enumerable}))),n.push.apply(n,t)}return n}function _objectSpread(e){for(var _=1;_<arguments.length;_++){var n=null!=arguments[_]?arguments[_]:{};_%2?ownKeys(Object(n),!0).forEach((function(_){(0,t.Z)(e,_,n[_])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(_){Object.defineProperty(e,_,Object.getOwnPropertyDescriptor(n,_))}))}return e}const f=(0,r.Pi)((function ActionNavigationBlue(e){return(0,v.jsx)(o.default,_objectSpread(_objectSpread({},e),{},{showNextButtonIcon:!0,className:p()(m.L,e.className)}))}))},41280:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(80248),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(72874),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(65515),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_model__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(91923),mobx_react_lite__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(9420),react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(87363),react__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__),_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(88683),_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__),_index_module_css__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(40976),_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(39667),_GlobalElements_Checkout__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(71097),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(47514),_excluded=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon","showCheckoutButtons"];function ownKeys(e,_){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);_&&(t=t.filter((function(_){return Object.getOwnPropertyDescriptor(e,_).enumerable}))),n.push.apply(n,t)}return n}function _objectSpread(e){for(var _=1;_<arguments.length;_++){var n=null!=arguments[_]?arguments[_]:{};_%2?ownKeys(Object(n),!0).forEach((function(_){(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__.Z)(e,_,n[_])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(_){Object.defineProperty(e,_,Object.getOwnPropertyDescriptor(n,_))}))}return e}var ActionNavigation=function ActionNavigation(e){var _,n=e.className,t=e.showBackButtonText,r=e.backOverwrite,o=e.forthOverwrite,i=e.showNextButtonIcon,a=e.showCheckoutButtons,s=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__.Z)(e,_excluded),l=(0,_model__WEBPACK_IMPORTED_MODULE_2__.NP)(),c=(0,_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__.useTranslation)().t;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{children:!l.uiState.configSettingsIsHidden&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",_objectSpread(_objectSpread({},s),{},{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(n,_index_module_css__WEBPACK_IMPORTED_MODULE_6__.jl,l.actionButtonState.isOnFirstStep?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.FN:void 0,l.actionButtonState.isOnFirstStepDisabled?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.$t:void 0,l.actionButtonState.isOnLastStep?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.Is:void 0,"vertical"==l.tabGroupState.curTabGroupType?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.KR:void 0,l.uiState.isMobilePortrait?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.tW:void 0,l.uiState.isMobileLandscape?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.Qv:void 0),children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:_index_module_css__WEBPACK_IMPORTED_MODULE_6__.nC,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(_index_module_css__WEBPACK_IMPORTED_MODULE_6__.LI,_index_module_css__WEBPACK_IMPORTED_MODULE_6__.op,r),onClick:l.actionButtonState.onClickConfiguratorSettingsBack,children:[!t&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),t&&c("configurator.Back")]}),a&&(null===(_=l.getViewConfig().checkout)||void 0===_?void 0:_.buttons.map((function(e,_){return evalVisible(e,l)?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:_index_module_css__WEBPACK_IMPORTED_MODULE_6__.rK,onClick:function onClick(){return(0,_GlobalElements_Checkout__WEBPACK_IMPORTED_MODULE_8__.onClickCheckout)(e,l,_,c)},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__.default,{checkoutButton:e,size:40})},_):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{})}))),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(_index_module_css__WEBPACK_IMPORTED_MODULE_6__.LI,_index_module_css__WEBPACK_IMPORTED_MODULE_6__.ox,o),onClick:l.actionButtonState.onClickConfiguratorSettingsForth,id:"wcConfigurator-action-next",children:[c("configurator.Next"),i&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))})};const __WEBPACK_DEFAULT_EXPORT__=(0,mobx_react_lite__WEBPACK_IMPORTED_MODULE_3__.Pi)(ActionNavigation);var evalVisible=function evalVisible(button,viewHandler){var rule=button.visibleNavigatorFunction;return!(button.visibleRule&&!eval(button.visibleRule))&&(!1!==rule&&void 0!==rule&&(!0===rule||viewHandler.uiState.isMobileLandscape&&rule.includes("MOBILE_L")||viewHandler.uiState.isMobilePortrait&&rule.includes("MOBILE_P")||!viewHandler.getIsInMobileView()&&rule.includes("DESKTOP")))}},77815:(e,_,n)=>{n.d(_,{L:()=>a,Z:()=>s});var t=n(8081),r=n.n(t),o=n(23645),i=n.n(o)()(r());i.push([e.id,".index-module--Mmrxa {\n font-weight: 300;\n}\n",""]);var a="index-module--Mmrxa";const s=i},28717:(e,_,n)=>{n.d(_,{$t:()=>O,FN:()=>x,Is:()=>P,KR:()=>l,LI:()=>c,Qv:()=>b,ZP:()=>M,jl:()=>a,nC:()=>s,op:()=>u,ox:()=>E,rK:()=>d,tW:()=>m});var t=n(8081),r=n.n(t),o=n(23645),i=n.n(o)()(r());i.push([e.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n height: 100%;\n font-weight: 300;\n font-size: 14px;\n -webkit-text-stroke: 0px;\n line-height: 36.8px;\n width: 100%;\n display: flex;\n gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n border-radius: var(--globalBorderRadius);\n height: 100%;\n text-align: center;\n}\n\n.index-module--mfwxp {\n color: var(--secondaryColor);\n color: var(--navigateBack, var(--secondaryColor));\n float: left;\n width: calc(var(--configuratorActionBackWidth));\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.index-module--vWg5_ {\n border: 1px var(--secondaryColor) solid;\n border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n background-color: white;\n color: var(--secondaryColor);\n color: var(--navigateBack, var(--secondaryColor));\n float: left;\n width: calc(var(--configuratorActionBackWidth));\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.index-module--IneQR {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n background-color: var(--navigateForth, var(--secondaryColor));\n color: #ffffff;\n color: var(--navigateForthFontColor, #ffffff);\n float: right;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n cursor: pointer;\n box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n transform: rotate(180deg);\n position: absolute;\n right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n pointer-events: none;\n background-color: #707070;\n background-color: var(--navigateForth, #707070);\n border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n line-height: calc(var(--configuratorActionHeight) - 5px);\n border-radius: var(--globalBorderRadius);\n}\n",""]);var a="index-module--Ug06K",s="index-module--uMdxf",l="index-module--j2X1m",c="index-module--NUblS",d="index-module--mfwxp",u="index-module--vWg5_",E="index-module--IneQR",O="index-module--n4fFc",P="index-module--YJM3e",x="index-module--X2uG9",b="index-module--CVPGS",m="index-module--KE5Qn";const M=i},40976:(e,_,n)=>{n.d(_,{$t:()=>P.$t,FN:()=>P.FN,Is:()=>P.Is,KR:()=>P.KR,LI:()=>P.LI,Qv:()=>P.Qv,jl:()=>P.jl,nC:()=>P.nC,op:()=>P.op,ox:()=>P.ox,rK:()=>P.rK,tW:()=>P.tW});var t=n(93379),r=n.n(t),o=n(7795),i=n.n(o),a=n(90569),s=n.n(a),l=n(3565),c=n.n(l),d=n(19216),u=n.n(d),E=n(44589),O=n.n(E),P=n(28717),x={};x.styleTagTransform=O(),x.setAttributes=c(),x.insert=s().bind(null,"head"),x.domAPI=i(),x.insertStyleElement=u();r()(P.ZP,x),P.ZP&&P.ZP.locals&&P.ZP.locals}}]);
package/build/umd/8728.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 8728.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8728,4633,9001,9360,4190],{14633:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var o=t(91923),i=t(9420),r=(t(87363),t(93379)),d=t.n(r),a=t(7795),l=t.n(a),s=t(90569),u=t.n(s),c=t(3565),x=t.n(c),p=t(19216),m=t.n(p),g=t(44589),b=t.n(g),f=t(38921),h={};h.styleTagTransform=b(),h.setAttributes=x(),h.insert=u().bind(null,"head"),h.domAPI=l(),h.insertStyleElement=m();d()(f.ZP,h);f.ZP&&f.ZP.locals&&f.ZP.locals;var y=t(65515),v=t.n(y),w=t(88683),j=t(47514);const S=(0,i.Pi)((function BasketActionStandard(n){var e=n.buttonTextClassName,t=void 0===e?f.UU:e,i=n.buttonPriceClassName,r=void 0===i?f.QD:i,d=n.containerClassName,a=n.price,l=(0,o.NP)(),s=(0,w.useDivaCore)().state.hidePrices,u=(0,w.useTranslation)().t;return(0,j.jsx)("div",{className:v()(f.tM,d),children:(0,j.jsxs)("div",{className:f.m2,onClick:function onClick(){return l.actionButtonState.onClickAddToBasket(l)},id:"wcConfigurator-action-tobasket",children:[(0,j.jsx)("div",{className:t,children:u("configurator.ADD_TO_BASKET")}),!s&&"horizontal"==l.tabGroupState.curTabGroupType&&a&&(0,j.jsx)("div",{className:r,children:a})]})})}))},68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=t(88291),r=(t(87363),t(91923)),d=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function BasketMobile(n){var e=Object.assign({},((0,i.Z)(n),n)),t=(0,r.NP)();return(0,d.jsx)("div",_objectSpread(_objectSpread({},e),{},{onClick:function onClick(){return t.actionButtonState.onClickAddToBasket(t)}}))}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function NavigationButtons(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},39360:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function BarrierActions(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"GlobalElements/BarrierActions"}))}},61448:(n,e,t)=>{t.r(e),t.d(e,{default:()=>O});var o=t(84658),i=t(88291),r=t(50747),d=t.n(r),a=t(91923),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),m=t(90569),g=t.n(m),b=t(3565),f=t.n(b),h=t(19216),y=t.n(h),v=t(44589),w=t.n(v),j=t(39545),S={};S.styleTagTransform=w(),S.setAttributes=f(),S.insert=g().bind(null,"head"),S.domAPI=p(),S.insertStyleElement=y();c()(j.ZP,S);j.ZP&&j.ZP.locals&&j.ZP.locals;var I=t(47514);const O=(0,s.Pi)((function Inputbox(n){(0,i.Z)(n);var e=(0,a.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,o,i;e.settingsState.setInputBoxValue(null!==(n=null===(o=e.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==n?n:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,o.Z)(d().mark((function _callee(){return d().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:j.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:j.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,I.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:j.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:j.vX,onClick:s})]})]})})}))},58728:(n,e,t)=>{t.r(e),t.d(e,{default:()=>L});var o=t(88291),i=t(65515),r=t.n(i),d=t(91923),a=t(87363),l=t(93379),s=t.n(l),u=t(7795),c=t.n(u),x=t(90569),p=t.n(x),m=t(3565),g=t.n(m),b=t(19216),f=t.n(b),h=t(44589),y=t.n(h),v=t(52284),w={};w.styleTagTransform=y(),w.setAttributes=g(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=f();s()(v.ZP,w);v.ZP&&v.ZP.locals&&v.ZP.locals;var j=t(61448),S=t(34190),I=t(58069),O=t(14312),k=t(69001),P=t(88683),N=t(14633),M=t(9420),C=t(68063),B=t(67022),D=t(39360),Z=t(47514),E={"--primaryColor":"#d60084","--secondaryColor":"#4b4b4b","--thirdColor":"#e5e5e5; ","--globalBorderRadius":"3px","--articlePosNrRadius":"50%","--articlePosNrSize":"1.5rem","--articlePosNrFontSize":"1.1rem","--galleryItemRadius":"50%","--galleryItemRowCount":"5","--galleryItemMargin":"0.5%","--galleryItemRowCountSmall":"6","--galleryItemMarginSmall":"0.3%","--galleryItemBorder":"0px","--galleryItemBorderColor":"#e8e9ed","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--lineHeight1":"20.8px","--fontWeight1":"300","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--itemsMargin":"11.2px 0 0 0","--tabGroupBackground":"unset","--settingsBackgroundColor":"rgba(248, 248, 248, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"5px","--settingsScrollerPaddingLeft":"5px","--foldArrowMarginRight":"calc(50% - 8px)","--configuratorActionHeight":"50px","--configuratorActionWidthForthBackSpacer":"6px","--configuratorActionForthWidth":"calc((100% - 53px) - (var(--configuratorActionWidthForthBackSpacer) / 2))","--configuratorActionBackWidth":"calc(53px - (var(--configuratorActionWidthForthBackSpacer) / 2))"};const L=(0,M.Pi)((function Standard(n){(0,o.Z)(n);var e=(0,d.NP)(),t=(0,P.useDivaCore)().state,i=t.headerInfos,l=t.isFullscreenComponent;return(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(E)}),[]),(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:r()(v.xn,e.uiState.configSettingsIsExpanded?v.zh:void 0,e.uiState.configSettingsIsFoldedUp?v.BC:void 0,e.uiState.isMobileLandscape?v.rK:void 0,e.uiState.isMobilePortrait?v.tW:void 0,e.uiState.configSettingsIsHidden?v.U7:void 0,e.uiState.configSettingsIsMinExpanded?v.m7:void 0,e.uiState.configSettingsIsMaxExpanded?v.Zk:void 0,e.actionButtonState.isOnLastStep?v.Is:void 0,l?v.E9:void 0),children:[(0,Z.jsx)(S.default,{className:v.kL}),!e.uiState.isInMobileView&&(0,Z.jsxs)("div",{className:v.g6,children:[(0,Z.jsx)(O.default,{className:v.x6}),(0,Z.jsx)(I.default,{className:v.vt}),(0,Z.jsx)(k.default,{className:v.jl}),(0,Z.jsx)(N.default,{containerClassName:v.tM})]}),e.uiState.isInMobileView&&(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(O.default,{className:r()(v.x6,i.onlyBurgerVisibles||l?v.wj:void 0),showCloseButtonInMobile:l?"left":void 0}),e.uiState.isInMobileView&&(0,Z.jsx)(B.default,{className:v.qT}),(0,Z.jsx)(I.default,{className:v.vt}),(0,Z.jsx)(k.default,{className:r()(v.jl)}),(0,Z.jsx)(N.default,{containerClassName:v.tM}),(0,Z.jsx)(C.default,{className:v.HE})]})]}),(0,Z.jsx)(D.default,{}),e.settingsState.inputBoxVisible&&(0,Z.jsx)(j.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function Product(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},67022:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var o=t(80248),i=t(88291),r=t(91923),d=(t(87363),t(9420)),a=t(93379),l=t.n(a),s=t(7795),u=t.n(s),c=t(90569),x=t.n(c),p=t(3565),m=t.n(p),g=t(19216),b=t.n(g),f=t(44589),h=t.n(f),y=t(29390),v={};v.styleTagTransform=h(),v.setAttributes=m(),v.insert=x().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=b();l()(y.ZP,v);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const j=(0,d.Pi)((function ProgressBar(n){var e=Object.assign({},((0,i.Z)(n),n)),t=(0,r.NP)(),o=t.configuratorStructureHandler.lastConfigStep,d=t.tabGroupState.curConfigStep;if(!o||!d)return(0,w.jsx)(w.Fragment,{});var a=d.posNr-1,l=o.posNr-1,s=Math.round(a/l*100),u=100-s;return(0,w.jsxs)("div",_objectSpread(_objectSpread({},e),{},{children:[(0,w.jsx)("div",{className:y.L3,style:{width:s+"%"}}),(0,w.jsx)("div",{className:y.LM,style:{width:u+"%"}})]}))}))},38921:(n,e,t)=>{t.d(e,{QD:()=>m,UU:()=>g,ZP:()=>b,m2:()=>p,tM:()=>x});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r),a=t(61667),l=t.n(a),s=new URL(t(2431),t.b),u=d()(i()),c=l()(s);u.push([n.id,".index-module--NTXww {\n background: rgba(242.2, 242.2, 242.2, 0.9);\n transition: width 0.2s ease-in-out;\n}\n\n.index-module--g_4ro {\n background-color: var(--primaryColor);\n background-color: var(--saveButton, var(--primaryColor));\n border: 1px var(--primaryColor) solid;\n border: 1px var(--saveButton, var(--primaryColor)) solid;\n border-radius: var(--globalBorderRadius);\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n line-height: var(--lineHeight1);\n font-weight: var(--fontWeight1);\n height: calc(100% - 2px);\n font-size: 14px;\n color: white;\n flex-grow: 1;\n -webkit-text-stroke: 0px;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n pointer-events: none;\n background-color: #c25353;\n border-color: #c25353;\n}\n\n.index-module--g_4ro:hover {\n background-color: var(--diva-theme-palette-primary-dark);\n border-color: var(--diva-theme-palette-primary-dark);\n cursor: pointer;\n transition:\n box-shadow 0.3s ease,\n background-color 0.3s ease,\n border-color 0.3s ease;\n\n box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--gle4T {\n float: right;\n margin-right: 10%;\n}\n.index-module--li8pV {\n background-image: url("+c+");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: contain;\n width: 50%;\n height: 50%;\n transform: translate(-50%, -50%);\n left: 50%;\n top: 50%;\n position: absolute;\n}\n\n.index-module--gDeD1 .index-module--NTXww {\n /*auser In die Zusammenfassung wird ausgeblendet*/\n display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n margin-top: 0px;\n}\n\n.index-module--CSmEc {\n float: left;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n}\n",""]);var x="index-module--NTXww",p="index-module--g_4ro",m="index-module--gle4T",g="index-module--CSmEc";const b=u},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>m,Q_:()=>p,ZP:()=>b,vX:()=>g});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r),a=t(61667),l=t.n(a),s=new URL(t(38403),t.b),u=d()(i()),c=l()(s);u.push([n.id,".index-module--nrbS_ {\n width: 90%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n float: left;\n}\n\n.index-module--lGJqa {\n letter-spacing: 0.5px;\n -webkit-text-stroke: 0.1px;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n z-index: 999;\n width: 40em;\n max-width: 70%;\n max-height: 90%;\n background-color: white;\n padding: 1em 2em 0.5em 2em;\n border-radius: 15px;\n border: 1px solid #cbcbcb;\n font-size: 14.4px;\n color: #363636;\n display: flex;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n font-size: 16px;\n -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n padding: 0;\n margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n width: calc(100% - 65px);\n float: left;\n padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n height: 40px;\n width: 55px;\n display: block;\n background-repeat: no-repeat;\n background-position: center;\n float: left;\n clear: both;\n margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n border-radius: 20px;\n position: absolute;\n font-size: 22pt;\n font-family: sans-serif;\n font-weight: 50;\n top: -20px;\n right: -20px;\n width: 40px;\n height: 40px;\n background-color: #fff;\n color: #666;\n border: 2px solid #666;\n text-align: center;\n padding-top: 0px;\n content: 'X';\n}\n\n.index-module--OZydS:hover {\n background-color: #aaa;\n color: #000;\n border: 2px solid #000;\n}\n.index-module--FQDBA {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n color: #ffffff;\n height: 41px;\n width: 8%;\n margin: 8px 0 7px;\n float: right;\n border-radius: var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+c+");\n background-size: 16px;\n transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",m="index-module--OZydS",g="index-module--FQDBA";const b=u},52284:(n,e,t)=>{t.d(e,{BC:()=>O,E9:()=>j,HE:()=>C,Is:()=>N,U7:()=>k,ZP:()=>B,Zk:()=>y,g6:()=>f,jl:()=>S,kL:()=>g,m7:()=>b,qT:()=>M,rK:()=>p,tM:()=>I,tW:()=>m,vt:()=>v,wj:()=>P,x6:()=>w,xn:()=>x,zh:()=>h});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r),a=t(61667),l=t.n(a),s=new URL(t(2431),t.b),u=d()(i()),c=l()(s);u.push([n.id,".index-module--IFlVF {\n position: relative;\n\n height: 100%;\n width: 100%;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n}\n\n.index-module--IFlVF *,\n.index-module--IFlVF *::before,\n.index-module--IFlVF *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--IFlVF.index-module--y76la {\n height: 100%;\n width: 100%;\n}\n\n.index-module--IFlVF.index-module--IKL3M {\n height: 100%;\n width: 100%;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--bAkHK {\n position: absolute;\n width: 63%;\n max-width: calc(100% - 564px);\n left: 0px;\n top: 0;\n height: 100%;\n}\n.index-module--_dUy6 .index-module--bAkHK {\n width: calc(100% - 128px - 16px);\n max-width: none;\n max-width: initial;\n}\n\n.index-module--MbykI {\n position: absolute;\n z-index: 600;\n height: calc(100% - 32px);\n width: calc(37% - 16px);\n min-width: 550px;\n right: 0;\n padding: 16px 16px 16px 0;\n background-color: var(--settingsBackgroundColor);\n transition: width 0.45s;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--xeINC .index-module--MbykI {\n width: 70%;\n}\n\n.index-module--_dUy6 .index-module--MbykI {\n width: calc(128px);\n min-width: 0;\n min-width: initial;\n}\n.index-module--v90g0 .index-module--MbykI {\n width: calc(100% - 16px);\n z-index: 801;\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--rbJ1a {\n position: absolute;\n width: calc(100% - 128px - 4px - 16px);\n\n transition:\n height 0.45s,\n top 0.45s;\n overflow-y: hidden;\n overflow-x: hidden;\n overflow: visible;\n z-index: 100;\n right: calc(128px + 4px + 16px);\n top: 16px;\n height: calc(100% - 32px - 4px - 50px);\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--NOlUe {\n position: absolute;\n z-index: 300;\n right: 16px;\n top: 16px;\n height: calc(100% - 32px - 4px - 50px);\n width: 128px;\n}\n.index-module--OJH2L .index-module--NOlUe {\n top: 80px;\n height: calc(100% - 32px - 4px - 50px - 64px);\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--ORcZQ {\n position: absolute;\n width: calc(100% - 128px - 4px - 16px);\n height: 50px;\n right: calc(128px + 4px + 16px);\n bottom: 16px;\n z-index: 200;\n}\n\n.index-module--_dUy6 .index-module--ORcZQ {\n overflow: hidden;\n}\n\n/*************************************Basket Button****************************************/\n.index-module--NnWir {\n position: absolute;\n width: 128px;\n height: 50px;\n right: 16px;\n bottom: 16px;\n z-index: 200;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xeINC .index-module--rbJ1a,\n.index-module--v90g0 .index-module--rbJ1a,\n.index-module--xeINC .index-module--ORcZQ,\n.index-module--v90g0 .index-module--ORcZQ {\n width: calc(100% - 128px - 16px - 4px);\n}\n\n.index-module--IFlVF.index-module--IKL3M,\n.index-module--y76la.index-module--IFlVF {\n padding: 0;\n padding: initial;\n overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--y76la .index-module--bAkHK {\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n max-width: none;\n max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--y76la .index-module--rbJ1a {\n display: none;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n top: 100%;\n} */\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--y76la .index-module--NOlUe {\n display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--y76la .index-module--ORcZQ {\n display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--y76la .index-module--NnWir {\n display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--IKL3M .index-module--bAkHK {\n top: 50px;\n left: 0;\n height: 40%;\n width: 100%;\n max-width: none;\n max-width: initial;\n}\n\n.index-module--IKL3M.index-module--NSK8Y .index-module--bAkHK {\n z-index: 1;\n}\n\n.index-module--IKL3M.index-module--EMso2 .index-module--bAkHK {\n height: calc(100% - 50px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--IKL3M .index-module--rbJ1a {\n left: 0px;\n top: calc(40% + 50px);\n height: calc(60% - 50px - var(--configuratorActionHeight) - 6px);\n width: 100%;\n}\n\n.index-module--IKL3M.index-module--EMso2 .index-module--rbJ1a {\n top: 100%;\n}\n\n.index-module--IKL3M.index-module--NSK8Y .index-module--rbJ1a {\n top: 2.5rem;\n height: calc(100% - 50px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--IKL3M .index-module--NOlUe {\n position: absolute;\n left: 0px;\n top: 0;\n width: calc(100% - 50px);\n height: 50px;\n}\n\n.index-module--IKL3M .index-module--NOlUe.index-module--xji2x {\n left: 50px;\n width: calc(100% - 50px - 50px);\n}\n\n.index-module--IKL3M.index-module--NSK8Y .index-module--NOlUe {\n top: 0px;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--IKL3M .index-module--ORcZQ {\n bottom: 0px;\n width: calc(100% - 10px);\n\n height: calc(var(--configuratorActionHeight) - 5px);\n margin: 0 5px 5px 5px;\n padding-top: 0px;\n right: 0px;\n}\n.index-module--IKL3M.index-module--yl_6d .index-module--ORcZQ,\n.index-module--IKL3M.index-module--EMso2 .index-module--ORcZQ {\n display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--IKL3M .index-module--NnWir,\n.index-module--IKL3M.index-module--EMso2 .index-module--NnWir {\n display: none;\n}\n\n.index-module--IKL3M.index-module--yl_6d .index-module--NnWir {\n right: 0px;\n bottom: 0px;\n width: calc(100% - 10px);\n\n height: calc(var(--configuratorActionHeight) - 5px);\n margin: 0 5px 5px 5px;\n padding-top: 0px;\n display: block;\n}\n\n.index-module--IKL3M .index-module--SfQnk {\n position: absolute;\n width: 100%;\n height: 4px;\n top: 50px;\n left: 0;\n z-index: 1000;\n display: flex;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--gqEhb {\n position: absolute;\n top: 0;\n right: 0;\n width: 50px;\n height: 50px;\n background: no-repeat url("+c+") center center var(--primaryColor);\n background-size: 37%;\n z-index: 300;\n}\n\n.index-module--y76la,\n.index-module--IKL3M {\n --configuratorActionHeight: 50px;\n}\n\n.index-module--IFlVF ::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n",""]);var x="index-module--IFlVF",p="index-module--y76la",m="index-module--IKL3M",g="index-module--bAkHK",b="index-module--_dUy6",f="index-module--MbykI",h="index-module--xeINC",y="index-module--v90g0",v="index-module--rbJ1a",w="index-module--NOlUe",j="index-module--OJH2L",S="index-module--ORcZQ",I="index-module--NnWir",O="index-module--NSK8Y",k="index-module--EMso2",P="index-module--xji2x",N="index-module--yl_6d",M="index-module--SfQnk",C="index-module--gqEhb";const B=u},29390:(n,e,t)=>{t.d(e,{L3:()=>a,LM:()=>l,ZP:()=>s});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r)()(i());d.push([n.id,".index-module--_zSo1 {\n background: var(--secondaryColor);\n border-radius: 0 2px 2px 0;\n transition: width 0.35s ease-in-out;\n}\n\n.index-module--tkNQ6 {\n background: var(--thirdColor);\n transition: width 0.35s ease-in-out;\n}\n",""]);var a="index-module--_zSo1",l="index-module--tkNQ6";const s=d},2431:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[8728,4581,9001,9360,4190],{14581:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _model__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(91923),mobx_react_lite__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(9420),react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(87363),react__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_2__),_index_module_css__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(35141),classnames__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(65515),classnames__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__),_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(88683),_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__),_GlobalElements_Checkout__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(71097),_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(39667),_Navigation_standard_index_module_css__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(40976),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(47514),BasketActionStandard=function BasketActionStandard(n){var e,t=n.buttonTextClassName,o=void 0===t?_index_module_css__WEBPACK_IMPORTED_MODULE_3__.UU:t,i=n.buttonPriceClassName,r=void 0===i?_index_module_css__WEBPACK_IMPORTED_MODULE_3__.QD:i,d=n.containerClassName,a=n.price,l=n.showCheckoutButtons,s=(0,_model__WEBPACK_IMPORTED_MODULE_0__.NP)(),u=(0,_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__.useDivaCore)().state.hidePrices,c=(0,_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__.useTranslation)().t;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_4___default()(_index_module_css__WEBPACK_IMPORTED_MODULE_3__.tM,d),children:[l&&(null===(e=s.getViewConfig().checkout)||void 0===e?void 0:e.buttons.map((function(n,e){return evalVisible(n,s)?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:_Navigation_standard_index_module_css__WEBPACK_IMPORTED_MODULE_8__.rK,onClick:function onClick(){return(0,_GlobalElements_Checkout__WEBPACK_IMPORTED_MODULE_6__.onClickCheckout)(n,s,e,c)},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__.default,{checkoutButton:n,size:32})},e):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{})}))),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:_index_module_css__WEBPACK_IMPORTED_MODULE_3__.m2,onClick:function onClick(){return s.actionButtonState.onClickAddToBasket(s)},id:"wcConfigurator-action-tobasket",children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:o,children:c("configurator.ADD_TO_BASKET")}),!u&&"horizontal"==s.tabGroupState.curTabGroupType&&a&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:r,children:a})]})]})};const __WEBPACK_DEFAULT_EXPORT__=(0,mobx_react_lite__WEBPACK_IMPORTED_MODULE_1__.Pi)(BasketActionStandard);var evalVisible=function evalVisible(button,viewHandler){var rule=button.visibleNavigatorFunction;return!(button.visibleRule&&!eval(button.visibleRule))&&(!1!==rule&&void 0!==rule&&(!0===rule||viewHandler.uiState.isMobileLandscape&&rule.includes("MOBILE_L")||viewHandler.uiState.isMobilePortrait&&rule.includes("MOBILE_P")||!viewHandler.getIsInMobileView()&&rule.includes("DESKTOP")))}},68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=t(88291),r=(t(87363),t(91923)),d=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function BasketMobile(n){var e=Object.assign({},((0,i.Z)(n),n)),t=(0,r.NP)();return(0,d.jsx)("div",_objectSpread(_objectSpread({},e),{},{onClick:function onClick(){return t.actionButtonState.onClickAddToBasket(t)}}))}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function NavigationButtons(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},39360:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function BarrierActions(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"GlobalElements/BarrierActions"}))}},61448:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var o=t(84658),i=t(88291),r=t(50747),d=t.n(r),a=t(91923),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),x=t(7795),_=t.n(x),p=t(90569),m=t.n(p),g=t(3565),b=t.n(g),f=t(19216),h=t.n(f),v=t(44589),y=t.n(v),w=t(39545),O={};O.styleTagTransform=y(),O.setAttributes=b(),O.insert=m().bind(null,"head"),O.domAPI=_(),O.insertStyleElement=h();c()(w.ZP,O);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=t(47514);const I=(0,s.Pi)((function Inputbox(n){(0,i.Z)(n);var e=(0,a.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,o,i;e.settingsState.setInputBoxValue(null!==(n=null===(o=e.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==n?n:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,P.jsx)(P.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,o.Z)(d().mark((function _callee(){return d().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,P.jsx)("div",{children:(0,P.jsxs)("div",{className:w.Q_,children:[(0,P.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,P.jsxs)("div",{style:{width:"100%"},children:[(0,P.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,P.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:w.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,P.jsx)("button",{className:w.vX,onClick:s})]})]})})}))},58728:(n,e,t)=>{t.r(e),t.d(e,{default:()=>K});var o=t(88291),i=t(65515),r=t.n(i),d=t(91923),a=t(87363),l=t(93379),s=t.n(l),u=t(7795),c=t.n(u),x=t(90569),_=t.n(x),p=t(3565),m=t.n(p),g=t(19216),b=t.n(g),f=t(44589),h=t.n(f),v=t(52284),y={};y.styleTagTransform=h(),y.setAttributes=m(),y.insert=_().bind(null,"head"),y.domAPI=c(),y.insertStyleElement=b();s()(v.ZP,y);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(61448),O=t(34190),P=t(58069),I=t(14312),M=t(69001),j=t(88683),E=t(14581),k=t(9420),C=t(68063),S=t(67022),D=t(39360),B=t(47514),N={"--primaryColor":"#d60084","--secondaryColor":"#4b4b4b","--thirdColor":"#e5e5e5; ","--globalBorderRadius":"3px","--articlePosNrRadius":"50%","--articlePosNrSize":"1.5rem","--articlePosNrFontSize":"1.1rem","--galleryItemRadius":"50%","--galleryItemRowCount":"5","--galleryItemMargin":"0.5%","--galleryItemRowCountSmall":"6","--galleryItemMarginSmall":"0.3%","--galleryItemBorder":"0px","--galleryItemBorderColor":"#e8e9ed","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--lineHeight1":"20.8px","--fontWeight1":"300","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--tabGroupBackground":"unset","--settingsBackgroundColor":"rgba(248, 248, 248, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"5px","--settingsScrollerPaddingLeft":"5px","--foldArrowMarginRight":"calc(50% - 8px)","--configuratorActionHeight":"50px","--configuratorActionForthWidth":"calc(100% - 56px)","--configuratorActionBackWidth":"50px"};const K=(0,k.Pi)((function Standard(n){(0,o.Z)(n);var e=(0,d.NP)(),t=(0,j.useDivaCore)().state,i=t.headerInfos,l=t.isFullscreenComponent;return(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(N)}),[]),(0,B.jsxs)(B.Fragment,{children:[(0,B.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:r()(v.xn,e.uiState.configSettingsIsExpanded?v.zh:void 0,e.uiState.configSettingsIsFoldedUp?v.BC:void 0,e.uiState.isMobileLandscape?v.rK:void 0,e.uiState.isMobilePortrait?v.tW:void 0,e.uiState.configSettingsIsHidden?v.U7:void 0,e.uiState.configSettingsIsMinExpanded?v.m7:void 0,e.uiState.configSettingsIsMaxExpanded?v.Zk:void 0,e.actionButtonState.isOnLastStep?v.Is:void 0,l?v.E9:void 0),children:[(0,B.jsx)(O.default,{className:v.kL}),!e.uiState.isInMobileView&&(0,B.jsxs)("div",{className:v.g6,children:[(0,B.jsx)(I.default,{className:v.x6}),(0,B.jsx)(P.default,{className:v.vt}),(0,B.jsx)(M.default,{className:v.jl,showCheckoutButtons:!0}),(0,B.jsx)(E.default,{containerClassName:v.tM,showCheckoutButtons:!1})]}),e.uiState.isInMobileView&&(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(I.default,{className:r()(v.x6,i.onlyBurgerVisibles||l?v.wj:void 0),showCloseButtonInMobile:l?"left":void 0}),e.uiState.isInMobileView&&(0,B.jsx)(S.default,{className:v.qT}),(0,B.jsx)(P.default,{className:v.vt}),(0,B.jsx)(M.default,{className:r()(v.jl),showCheckoutButtons:!0}),(0,B.jsx)(E.default,{containerClassName:v.tM,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,B.jsx)(C.default,{className:v.HE})]})]}),(0,B.jsx)(D.default,{}),e.settingsState.inputBoxVisible&&(0,B.jsx)(w.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function Product(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},67022:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var o=t(80248),i=t(88291),r=t(91923),d=(t(87363),t(9420)),a=t(93379),l=t.n(a),s=t(7795),u=t.n(s),c=t(90569),x=t.n(c),_=t(3565),p=t.n(_),m=t(19216),g=t.n(m),b=t(44589),f=t.n(b),h=t(29390),v={};v.styleTagTransform=f(),v.setAttributes=p(),v.insert=x().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=g();l()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var y=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const w=(0,d.Pi)((function ProgressBar(n){var e=Object.assign({},((0,i.Z)(n),n)),t=(0,r.NP)(),o=t.configuratorStructureHandler.lastConfigStep,d=t.tabGroupState.curConfigStep;if(!o||!d)return(0,y.jsx)(y.Fragment,{});var a=d.posNr-1,l=o.posNr-1,s=Math.round(a/l*100),u=100-s;return(0,y.jsxs)("div",_objectSpread(_objectSpread({},e),{},{children:[(0,y.jsx)("div",{className:h.L3,style:{width:s+"%"}}),(0,y.jsx)("div",{className:h.LM,style:{width:u+"%"}})]}))}))},38921:(n,e,t)=>{t.d(e,{QD:()=>p,UU:()=>m,ZP:()=>g,m2:()=>_,tM:()=>x});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r),a=t(61667),l=t.n(a),s=new URL(t(2431),t.b),u=d()(i()),c=l()(s);u.push([n.id,".index-module--NTXww {\n background: rgba(242.2, 242.2, 242.2, 0.9);\n transition: width 0.2s ease-in-out;\n display: flex;\n}\n\n.index-module--g_4ro {\n background-color: var(--primaryColor);\n background-color: var(--saveButton, var(--primaryColor));\n border: 1px var(--primaryColor) solid;\n border: 1px var(--saveButton, var(--primaryColor)) solid;\n border-radius: var(--globalBorderRadius);\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n line-height: var(--lineHeight1);\n font-weight: var(--fontWeight1);\n height: calc(100% - 2px);\n font-size: 14px;\n color: white;\n flex-grow: 1;\n -webkit-text-stroke: 0px;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n pointer-events: none;\n background-color: #c25353;\n border-color: #c25353;\n}\n\n.index-module--g_4ro:hover {\n background-color: var(--diva-theme-palette-primary-dark);\n border-color: var(--diva-theme-palette-primary-dark);\n cursor: pointer;\n transition:\n box-shadow 0.3s ease,\n background-color 0.3s ease,\n border-color 0.3s ease;\n\n box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--gle4T {\n float: right;\n margin-right: 10%;\n}\n.index-module--li8pV {\n background-image: url("+c+");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: contain;\n width: 50%;\n height: 50%;\n transform: translate(-50%, -50%);\n left: 50%;\n top: 50%;\n position: absolute;\n}\n\n.index-module--gDeD1 .index-module--NTXww {\n /*auser In die Zusammenfassung wird ausgeblendet*/\n display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n margin-top: 0px;\n}\n\n.index-module--CSmEc {\n float: left;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n}\n",""]);var x="index-module--NTXww",_="index-module--g_4ro",p="index-module--gle4T",m="index-module--CSmEc";const g=u},28717:(n,e,t)=>{t.d(e,{$t:()=>p,FN:()=>g,Is:()=>m,KR:()=>s,LI:()=>u,Qv:()=>b,ZP:()=>h,jl:()=>a,nC:()=>l,op:()=>x,ox:()=>_,rK:()=>c,tW:()=>f});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r)()(i());d.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n height: 100%;\n font-weight: 300;\n font-size: 14px;\n -webkit-text-stroke: 0px;\n line-height: 36.8px;\n width: 100%;\n display: flex;\n gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n border-radius: var(--globalBorderRadius);\n height: 100%;\n text-align: center;\n}\n\n.index-module--mfwxp {\n color: var(--secondaryColor);\n color: var(--navigateBack, var(--secondaryColor));\n float: left;\n width: calc(var(--configuratorActionBackWidth));\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.index-module--vWg5_ {\n border: 1px var(--secondaryColor) solid;\n border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n background-color: white;\n color: var(--secondaryColor);\n color: var(--navigateBack, var(--secondaryColor));\n float: left;\n width: calc(var(--configuratorActionBackWidth));\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.index-module--IneQR {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n background-color: var(--navigateForth, var(--secondaryColor));\n color: #ffffff;\n color: var(--navigateForthFontColor, #ffffff);\n float: right;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n cursor: pointer;\n box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n transform: rotate(180deg);\n position: absolute;\n right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n pointer-events: none;\n background-color: #707070;\n background-color: var(--navigateForth, #707070);\n border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n line-height: calc(var(--configuratorActionHeight) - 5px);\n border-radius: var(--globalBorderRadius);\n}\n",""]);var a="index-module--Ug06K",l="index-module--uMdxf",s="index-module--j2X1m",u="index-module--NUblS",c="index-module--mfwxp",x="index-module--vWg5_",_="index-module--IneQR",p="index-module--n4fFc",m="index-module--YJM3e",g="index-module--X2uG9",b="index-module--CVPGS",f="index-module--KE5Qn";const h=d},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>p,Q_:()=>_,ZP:()=>g,vX:()=>m});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r),a=t(61667),l=t.n(a),s=new URL(t(38403),t.b),u=d()(i()),c=l()(s);u.push([n.id,".index-module--nrbS_ {\n width: 90%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n float: left;\n}\n\n.index-module--lGJqa {\n letter-spacing: 0.5px;\n -webkit-text-stroke: 0.1px;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n z-index: 999;\n width: 40em;\n max-width: 70%;\n max-height: 90%;\n background-color: white;\n padding: 1em 2em 0.5em 2em;\n border-radius: 15px;\n border: 1px solid #cbcbcb;\n font-size: 14.4px;\n color: #363636;\n display: flex;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n font-size: 16px;\n -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n padding: 0;\n margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n width: calc(100% - 65px);\n float: left;\n padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n height: 40px;\n width: 55px;\n display: block;\n background-repeat: no-repeat;\n background-position: center;\n float: left;\n clear: both;\n margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n border-radius: 20px;\n position: absolute;\n font-size: 22pt;\n font-family: sans-serif;\n font-weight: 50;\n top: -20px;\n right: -20px;\n width: 40px;\n height: 40px;\n background-color: #fff;\n color: #666;\n border: 2px solid #666;\n text-align: center;\n padding-top: 0px;\n content: 'X';\n}\n\n.index-module--OZydS:hover {\n background-color: #aaa;\n color: #000;\n border: 2px solid #000;\n}\n.index-module--FQDBA {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n color: #ffffff;\n height: 41px;\n width: 8%;\n margin: 8px 0 7px;\n float: right;\n border-radius: var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+c+");\n background-size: 16px;\n transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",_="index-module--lGJqa",p="index-module--OZydS",m="index-module--FQDBA";const g=u},52284:(n,e,t)=>{t.d(e,{BC:()=>I,E9:()=>w,HE:()=>C,Is:()=>E,U7:()=>M,ZP:()=>S,Zk:()=>h,g6:()=>b,jl:()=>O,kL:()=>m,m7:()=>g,qT:()=>k,rK:()=>_,tM:()=>P,tW:()=>p,vt:()=>v,wj:()=>j,x6:()=>y,xn:()=>x,zh:()=>f});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r),a=t(61667),l=t.n(a),s=new URL(t(2431),t.b),u=d()(i()),c=l()(s);u.push([n.id,".index-module--IFlVF {\n position: relative;\n\n height: 100%;\n width: 100%;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n}\n\n.index-module--IFlVF *,\n.index-module--IFlVF *::before,\n.index-module--IFlVF *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--IFlVF.index-module--y76la {\n height: 100%;\n width: 100%;\n}\n\n.index-module--IFlVF.index-module--IKL3M {\n height: 100%;\n width: 100%;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--bAkHK {\n position: absolute;\n width: 63%;\n max-width: calc(100% - 564px);\n left: 0px;\n top: 0;\n height: 100%;\n}\n.index-module--_dUy6 .index-module--bAkHK {\n width: calc(100% - 128px - 16px);\n max-width: none;\n max-width: initial;\n}\n\n.index-module--MbykI {\n position: absolute;\n z-index: 600;\n height: calc(100% - 32px);\n width: calc(37% - 16px);\n min-width: 550px;\n right: 0;\n padding: 16px 16px 16px 0;\n background-color: var(--settingsBackgroundColor);\n transition: width 0.45s;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--xeINC .index-module--MbykI {\n width: 70%;\n}\n\n.index-module--_dUy6 .index-module--MbykI {\n width: calc(128px);\n min-width: 0;\n min-width: initial;\n}\n.index-module--v90g0 .index-module--MbykI {\n width: calc(100% - 16px);\n z-index: 801;\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--rbJ1a {\n position: absolute;\n width: calc(100% - 128px - 4px - 16px);\n\n transition:\n height 0.45s,\n top 0.45s;\n overflow-y: hidden;\n overflow-x: hidden;\n overflow: visible;\n z-index: 100;\n right: calc(128px + 4px + 16px);\n top: 16px;\n height: calc(100% - 32px - 4px - 50px);\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--NOlUe {\n position: absolute;\n z-index: 300;\n right: 16px;\n top: 16px;\n height: calc(100% - 32px - 4px - 50px);\n width: 128px;\n}\n.index-module--OJH2L .index-module--NOlUe {\n top: 80px;\n height: calc(100% - 32px - 4px - 50px - 64px);\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--ORcZQ {\n position: absolute;\n width: calc(100% - 128px - 4px - 16px);\n height: 50px;\n right: calc(128px + 4px + 16px);\n bottom: 16px;\n z-index: 200;\n}\n\n.index-module--_dUy6 .index-module--ORcZQ {\n overflow: hidden;\n}\n\n/*************************************Basket Button****************************************/\n.index-module--NnWir {\n position: absolute;\n width: 128px;\n height: 50px;\n right: 16px;\n bottom: 16px;\n z-index: 200;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xeINC .index-module--rbJ1a,\n.index-module--v90g0 .index-module--rbJ1a,\n.index-module--xeINC .index-module--ORcZQ,\n.index-module--v90g0 .index-module--ORcZQ {\n width: calc(100% - 128px - 16px - 4px);\n}\n\n.index-module--IFlVF.index-module--IKL3M,\n.index-module--y76la.index-module--IFlVF {\n padding: 0;\n padding: initial;\n overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--y76la .index-module--bAkHK {\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n max-width: none;\n max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--y76la .index-module--rbJ1a {\n display: none;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n top: 100%;\n} */\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--y76la .index-module--NOlUe {\n display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--y76la .index-module--ORcZQ {\n display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--y76la .index-module--NnWir {\n display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--IKL3M .index-module--bAkHK {\n top: 50px;\n left: 0;\n height: 40%;\n width: 100%;\n max-width: none;\n max-width: initial;\n}\n\n.index-module--IKL3M.index-module--NSK8Y .index-module--bAkHK {\n z-index: 1;\n}\n\n.index-module--IKL3M.index-module--EMso2 .index-module--bAkHK {\n height: calc(100% - 50px);\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--IKL3M .index-module--rbJ1a {\n left: 0px;\n top: calc(40% + 50px);\n height: calc(60% - 50px - var(--configuratorActionHeight) - 6px);\n width: 100%;\n}\n\n.index-module--IKL3M.index-module--EMso2 .index-module--rbJ1a {\n top: 100%;\n}\n\n.index-module--IKL3M.index-module--NSK8Y .index-module--rbJ1a {\n top: 2.5rem;\n height: calc(100% - 50px);\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--IKL3M .index-module--NOlUe {\n position: absolute;\n left: 0px;\n top: 0;\n width: calc(100% - 50px);\n height: 50px;\n}\n\n.index-module--IKL3M .index-module--NOlUe.index-module--xji2x {\n left: 50px;\n width: calc(100% - 50px - 50px);\n}\n\n.index-module--IKL3M.index-module--NSK8Y .index-module--NOlUe {\n top: 0px;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--IKL3M .index-module--ORcZQ {\n bottom: 0px;\n width: calc(100% - 10px);\n\n height: calc(var(--configuratorActionHeight) - 5px);\n margin: 0 5px 5px 5px;\n padding-top: 0px;\n right: 0px;\n}\n.index-module--IKL3M.index-module--yl_6d .index-module--ORcZQ,\n.index-module--IKL3M.index-module--EMso2 .index-module--ORcZQ {\n display: none !important;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--IKL3M .index-module--NnWir,\n.index-module--IKL3M.index-module--EMso2 .index-module--NnWir {\n display: none;\n}\n\n.index-module--IKL3M.index-module--yl_6d .index-module--NnWir {\n right: 0px;\n bottom: 0px;\n width: calc(100% - 10px);\n\n height: calc(var(--configuratorActionHeight) - 5px);\n margin: 0 5px 5px 5px;\n padding-top: 0px;\n display: flex;\n}\n\n.index-module--IKL3M .index-module--SfQnk {\n position: absolute;\n width: 100%;\n height: 4px;\n top: 50px;\n left: 0;\n z-index: 1000;\n display: flex;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--gqEhb {\n position: absolute;\n top: 0;\n right: 0;\n width: 50px;\n height: 50px;\n background: no-repeat url("+c+") center center var(--primaryColor);\n background-size: 37%;\n z-index: 300;\n}\n\n.index-module--y76la,\n.index-module--IKL3M {\n --configuratorActionHeight: 50px;\n}\n\n.index-module--IFlVF ::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n",""]);var x="index-module--IFlVF",_="index-module--y76la",p="index-module--IKL3M",m="index-module--bAkHK",g="index-module--_dUy6",b="index-module--MbykI",f="index-module--xeINC",h="index-module--v90g0",v="index-module--rbJ1a",y="index-module--NOlUe",w="index-module--OJH2L",O="index-module--ORcZQ",P="index-module--NnWir",I="index-module--NSK8Y",M="index-module--EMso2",j="index-module--xji2x",E="index-module--yl_6d",k="index-module--SfQnk",C="index-module--gqEhb";const S=u},29390:(n,e,t)=>{t.d(e,{L3:()=>a,LM:()=>l,ZP:()=>s});var o=t(8081),i=t.n(o),r=t(23645),d=t.n(r)()(i());d.push([n.id,".index-module--_zSo1 {\n background: var(--secondaryColor);\n border-radius: 0 2px 2px 0;\n transition: width 0.35s ease-in-out;\n}\n\n.index-module--tkNQ6 {\n background: var(--thirdColor);\n transition: width 0.35s ease-in-out;\n}\n",""]);var a="index-module--_zSo1",l="index-module--tkNQ6";const s=d},35141:(n,e,t)=>{t.d(e,{QD:()=>m.QD,UU:()=>m.UU,m2:()=>m.m2,tM:()=>m.tM});var o=t(93379),i=t.n(o),r=t(7795),d=t.n(r),a=t(90569),l=t.n(a),s=t(3565),u=t.n(s),c=t(19216),x=t.n(c),_=t(44589),p=t.n(_),m=t(38921),g={};g.styleTagTransform=p(),g.setAttributes=u(),g.insert=l().bind(null,"head"),g.domAPI=d(),g.insertStyleElement=x();i()(m.ZP,g),m.ZP&&m.ZP.locals&&m.ZP.locals},40976:(n,e,t)=>{t.d(e,{$t:()=>m.$t,FN:()=>m.FN,Is:()=>m.Is,KR:()=>m.KR,LI:()=>m.LI,Qv:()=>m.Qv,jl:()=>m.jl,nC:()=>m.nC,op:()=>m.op,ox:()=>m.ox,rK:()=>m.rK,tW:()=>m.tW});var o=t(93379),i=t.n(o),r=t(7795),d=t.n(r),a=t(90569),l=t.n(a),s=t(3565),u=t.n(s),c=t(19216),x=t.n(c),_=t(44589),p=t.n(_),m=t(28717),g={};g.styleTagTransform=p(),g.setAttributes=u(),g.insert=l().bind(null,"head"),g.domAPI=d(),g.insertStyleElement=x();i()(m.ZP,g),m.ZP&&m.ZP.locals&&m.ZP.locals},2431:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="}}]);
package/build/umd/9513.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 9513.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9513,6241,2257],{66241:(n,e,o)=>{o.r(e),o.d(e,{default:()=>P});var t=o(65515),r=o.n(t),i=o(9420),d=(o(87363),o(93379)),a=o.n(d),l=o(7795),s=o.n(l),c=o(90569),u=o.n(c),x=o(3565),f=o.n(x),p=o(19216),m=o.n(p),g=o(44589),v=o.n(g),h=o(81906),b={};b.styleTagTransform=v(),b.setAttributes=f(),b.insert=u().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=m();a()(h.ZP,b);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=o(88683),j=o(91923),y=o(47514);const P=(0,i.Pi)((function PriceSumm(n){var e=(0,j.NP)(),o=(0,w.useDivaCore)().state.hidePrices,t=(0,w.useTranslation)().t;return(0,y.jsxs)("div",{className:r()(h.rh,e.getIsInMobileView()?h.tq:void 0),children:[(0,y.jsx)("div",{children:t("configurator.Sum","Summe")}),(0,y.jsxs)("div",{className:h.wZ,children:[(0,y.jsx)("div",{className:r()(h.nt,e.productState.formatedBruttoPrice?h.kg:void 0),children:!o&&e.productState.formatedCurSetPrice}),e.productState.formatedBruttoPrice&&!o&&(0,y.jsxs)("div",{className:r()(h.nt,h.F0),children:[" ",e.productState.formatedBruttoPrice]})]})]})}))},69513:(n,e,o)=>{o.r(e),o.d(e,{default:()=>P});var t=o(80248),r=o(9420),i=o(91923),d=(o(87363),o(2257)),a=o(93379),l=o.n(a),s=o(7795),c=o.n(s),u=o(90569),x=o.n(u),f=o(3565),p=o.n(f),m=o(19216),g=o.n(m),v=o(44589),h=o.n(v),b=o(65923),w={};w.styleTagTransform=h(),w.setAttributes=p(),w.insert=x().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=g();l()(b.ZP,w);b.ZP&&b.ZP.locals&&b.ZP.locals;var j=o(66241),y=o(47514);function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const P=(0,r.Pi)((function ActionNavigationRalph(n){var e=(0,i.NP)();return(0,y.jsxs)("div",_objectSpread(_objectSpread({},n),{},{children:[!e.getIsInMobileView()&&(0,y.jsx)(j.default,{}),(0,y.jsx)(d.default,{className:e.getIsInMobileView()?b.$5:void 0,showBackButtonText:!0,forthOverwrite:b.ky,backOverwrite:b.g9})]}))}))},2257:(n,e,o)=>{o.r(e),o.d(e,{default:()=>S});var t=o(80248),r=o(72874),i=o(65515),d=o.n(i),a=o(91923),l=o(9420),s=(o(87363),o(88683)),c=o(93379),u=o.n(c),x=o(7795),f=o.n(x),p=o(90569),m=o.n(p),g=o(3565),v=o.n(g),h=o(19216),b=o.n(h),w=o(44589),j=o.n(w),y=o(28717),P={};P.styleTagTransform=j(),P.setAttributes=v(),P.insert=m().bind(null,"head"),P.domAPI=f(),P.insertStyleElement=b();u()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var k=o(47514),O=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon"];function ownKeys(n,e){var o=Object.keys(n);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(n);e&&(t=t.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.push.apply(o,t)}return o}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(o),!0).forEach((function(e){(0,t.Z)(n,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(o)):ownKeys(Object(o)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(o,e))}))}return n}const S=(0,l.Pi)((function ActionNavigation(n){var e=n.className,o=n.showBackButtonText,t=n.backOverwrite,i=n.forthOverwrite,l=n.showNextButtonIcon,c=(0,r.Z)(n,O),u=(0,a.NP)(),x=(0,s.useTranslation)().t;return(0,k.jsx)(k.Fragment,{children:!u.uiState.configSettingsIsHidden&&(0,k.jsx)("div",_objectSpread(_objectSpread({},c),{},{className:d()(e,y.jl,u.actionButtonState.isOnFirstStep?y.FN:void 0,u.actionButtonState.isOnFirstStepDisabled?y.$t:void 0,u.actionButtonState.isOnLastStep?y.Is:void 0,"vertical"==u.tabGroupState.curTabGroupType?y.KR:void 0,u.uiState.isMobilePortrait?y.tW:void 0,u.uiState.isMobileLandscape?y.rK:void 0),children:(0,k.jsxs)("div",{className:y.nC,children:[(0,k.jsxs)("div",{className:d()(y.LI,y.op,t),onClick:u.actionButtonState.onClickConfiguratorSettingsBack,children:[!o&&(0,k.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,k.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),o&&x("configurator.Back")]}),(0,k.jsxs)("div",{className:d()(y.LI,y.ox,i),onClick:u.actionButtonState.onClickConfiguratorSettingsForth,id:"wcConfigurator-action-next",children:[x("configurator.Next"),l&&(0,k.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,k.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))})}))},81906:(n,e,o)=>{o.d(e,{F0:()=>x,ZP:()=>f,kg:()=>u,nt:()=>c,rh:()=>a,tq:()=>l,wZ:()=>s});var t=o(8081),r=o.n(t),i=o(23645),d=o.n(i)()(r());d.push([n.id,".index-module--aaqir {\n height: 40px;\n line-height: 30px;\n display: flex;\n justify-content: space-between;\n font-weight: 700;\n font-size: 16px;\n flex-grow: 1;\n}\n\n.index-module--KdwEi.index-module--aaqir {\n line-height: 38px;\n font-size: 18px;\n justify-content: flex-end;\n flex-wrap: nowrap;\n gap: 12px;\n}\n\n.index-module--ckj80 {\n display: flex;\n justify-content: space-between;\n flex-wrap: nowrap;\n}\n\n.index-module--IKzzi {\n position: relative;\n color: #262626;\n text-wrap: nowrap;\n}\n\n.index-module--KdwEi .index-module--IKzzi {\n font-size: 15px;\n}\n\n.index-module--Y17sU {\n color: #b1223f;\n margin-right: 12px;\n}\n\n.index-module--IKzzi.index-module--Xsp7Q {\n color: #bfbfbf;\n}\n\n.index-module--IKzzi.index-module--Xsp7Q:before {\n position: absolute;\n content: '';\n left: 0;\n top: 42%;\n right: 0;\n border-top: 2px solid;\n border-color: #b1223f;\n transform: rotate(-7deg);\n}\n\n.index-module--KdwEi .index-module--IKzzi.index-module--Xsp7Q:before {\n top: 45%;\n}\n",""]);var a="index-module--aaqir",l="index-module--KdwEi",s="index-module--ckj80",c="index-module--IKzzi",u="index-module--Y17sU",x="index-module--Xsp7Q";const f=d},65923:(n,e,o)=>{o.d(e,{$5:()=>s,ZP:()=>c,g9:()=>a,ky:()=>l});var t=o(8081),r=o.n(t),i=o(23645),d=o.n(i)()(r());d.push([n.id,".index-module--JMki1,\n.index-module--ufp_O {\n border: 1px #262626 solid !important;\n background-color: var(--thirdColor) !important;\n color: #262626 !important;\n font-weight: 700 !important;\n}\n\n.index-module--JMki1,\n.index-module--ufp_O {\n cursor: pointer;\n}\n\n.index-module--G6P2w {\n height: 100%;\n}\n",""]);var a="index-module--JMki1",l="index-module--ufp_O",s="index-module--G6P2w";const c=d},28717:(n,e,o)=>{o.d(e,{$t:()=>f,FN:()=>m,Is:()=>p,KR:()=>s,LI:()=>c,ZP:()=>h,jl:()=>a,nC:()=>l,op:()=>u,ox:()=>x,rK:()=>g,tW:()=>v});var t=o(8081),r=o.n(t),i=o(23645),d=o.n(i)()(r());d.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n height: 100%;\n font-weight: 300;\n font-size: 14px;\n -webkit-text-stroke: 0px;\n line-height: 36.8px;\n width: 100%;\n}\n.index-module--j2X1m .index-module--uMdxf {\n line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n border-radius: var(--globalBorderRadius);\n height: 100%;\n text-align: center;\n}\n\n.index-module--vWg5_ {\n border: 1px var(--secondaryColor) solid;\n border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n background-color: white;\n color: var(--secondaryColor);\n color: var(--navigateBack, var(--secondaryColor));\n float: left;\n width: calc(var(--configuratorActionBackWidth));\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.index-module--IneQR {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n background-color: var(--navigateForth, var(--secondaryColor));\n color: #ffffff;\n color: var(--navigateForthFontColor, #ffffff);\n float: right;\n width: var(--configuratorActionForthWidth);\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n cursor: pointer;\n box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n transform: rotate(180deg);\n position: absolute;\n right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n pointer-events: none;\n background-color: #707070;\n background-color: var(--navigateForth, #707070);\n border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n line-height: calc(var(--configuratorActionHeight) - 5px);\n border-radius: var(--globalBorderRadius);\n}\n",""]);var a="index-module--Ug06K",l="index-module--uMdxf",s="index-module--j2X1m",c="index-module--NUblS",u="index-module--vWg5_",x="index-module--IneQR",f="index-module--n4fFc",p="index-module--YJM3e",m="index-module--X2uG9",g="index-module--CVPGS",v="index-module--KE5Qn";const h=d}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9513,6241,1280],{66241:(e,n,_)=>{_.r(n),_.d(n,{default:()=>D});var t=_(65515),o=_.n(t),r=_(9420),i=(_(87363),_(93379)),a=_.n(i),d=_(7795),l=_.n(d),s=_(90569),c=_.n(s),u=_(3565),E=_.n(u),x=_(19216),P=_.n(x),m=_(44589),p=_.n(m),O=_(81906),b={};b.styleTagTransform=p(),b.setAttributes=E(),b.insert=c().bind(null,"head"),b.domAPI=l(),b.insertStyleElement=P();a()(O.ZP,b);O.ZP&&O.ZP.locals&&O.ZP.locals;var f=_(88683),v=_(91923),M=_(47514);const D=(0,r.Pi)((function PriceSumm(e){var n=(0,v.NP)(),_=(0,f.useDivaCore)().state.hidePrices,t=(0,f.useTranslation)().t;return(0,M.jsxs)("div",{className:o()(O.rh,n.getIsInMobileView()?O.tq:void 0),children:[(0,M.jsx)("div",{children:t("configurator.Sum","Summe")}),(0,M.jsxs)("div",{className:O.wZ,children:[(0,M.jsx)("div",{className:o()(O.nt,n.productState.formatedBruttoPrice?O.kg:void 0),children:!_&&n.productState.formatedCurSetPrice}),n.productState.formatedBruttoPrice&&!_&&(0,M.jsxs)("div",{className:o()(O.nt,O.F0),children:[" ",n.productState.formatedBruttoPrice]})]})]})}))},69513:(e,n,_)=>{_.r(n),_.d(n,{default:()=>D});var t=_(80248),o=_(9420),r=_(91923),i=(_(87363),_(41280)),a=_(93379),d=_.n(a),l=_(7795),s=_.n(l),c=_(90569),u=_.n(c),E=_(3565),x=_.n(E),P=_(19216),m=_.n(P),p=_(44589),O=_.n(p),b=_(65923),f={};f.styleTagTransform=O(),f.setAttributes=x(),f.insert=u().bind(null,"head"),f.domAPI=s(),f.insertStyleElement=m();d()(b.ZP,f);b.ZP&&b.ZP.locals&&b.ZP.locals;var v=_(66241),M=_(47514);function ownKeys(e,n){var _=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),_.push.apply(_,t)}return _}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var _=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(_),!0).forEach((function(n){(0,t.Z)(e,n,_[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(_)):ownKeys(Object(_)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(_,n))}))}return e}const D=(0,o.Pi)((function ActionNavigationRalph(e){var n=(0,r.NP)();return(0,M.jsxs)("div",_objectSpread(_objectSpread({},e),{},{children:[!n.getIsInMobileView()&&(0,M.jsx)(v.default,{}),(0,M.jsx)(i.default,{className:n.getIsInMobileView()?b.$5:void 0,showBackButtonText:!0,forthOverwrite:b.ky,backOverwrite:b.g9})]}))}))},41280:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>__WEBPACK_DEFAULT_EXPORT__});var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(80248),_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__=__webpack_require__(72874),classnames__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__(65515),classnames__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_1__),_model__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__(91923),mobx_react_lite__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__(9420),react__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__(87363),react__WEBPACK_IMPORTED_MODULE_4___default=__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__),_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__(88683),_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5___default=__webpack_require__.n(_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__),_index_module_css__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__(40976),_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__=__webpack_require__(39667),_GlobalElements_Checkout__WEBPACK_IMPORTED_MODULE_8__=__webpack_require__(71097),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__=__webpack_require__(47514),_excluded=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon","showCheckoutButtons"];function ownKeys(e,n){var _=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),_.push.apply(_,t)}return _}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var _=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(_),!0).forEach((function(n){(0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__.Z)(e,n,_[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(_)):ownKeys(Object(_)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(_,n))}))}return e}var ActionNavigation=function ActionNavigation(e){var n,_=e.className,t=e.showBackButtonText,o=e.backOverwrite,r=e.forthOverwrite,i=e.showNextButtonIcon,a=e.showCheckoutButtons,d=(0,_babel_runtime_helpers_objectWithoutProperties__WEBPACK_IMPORTED_MODULE_10__.Z)(e,_excluded),l=(0,_model__WEBPACK_IMPORTED_MODULE_2__.NP)(),s=(0,_crystaldesign_diva_core__WEBPACK_IMPORTED_MODULE_5__.useTranslation)().t;return(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{children:!l.uiState.configSettingsIsHidden&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",_objectSpread(_objectSpread({},d),{},{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(_,_index_module_css__WEBPACK_IMPORTED_MODULE_6__.jl,l.actionButtonState.isOnFirstStep?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.FN:void 0,l.actionButtonState.isOnFirstStepDisabled?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.$t:void 0,l.actionButtonState.isOnLastStep?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.Is:void 0,"vertical"==l.tabGroupState.curTabGroupType?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.KR:void 0,l.uiState.isMobilePortrait?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.tW:void 0,l.uiState.isMobileLandscape?_index_module_css__WEBPACK_IMPORTED_MODULE_6__.Qv:void 0),children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:_index_module_css__WEBPACK_IMPORTED_MODULE_6__.nC,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(_index_module_css__WEBPACK_IMPORTED_MODULE_6__.LI,_index_module_css__WEBPACK_IMPORTED_MODULE_6__.op,o),onClick:l.actionButtonState.onClickConfiguratorSettingsBack,children:[!t&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),t&&s("configurator.Back")]}),a&&(null===(n=l.getViewConfig().checkout)||void 0===n?void 0:n.buttons.map((function(e,n){return evalVisible(e,l)?(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("div",{className:_index_module_css__WEBPACK_IMPORTED_MODULE_6__.rK,onClick:function onClick(){return(0,_GlobalElements_Checkout__WEBPACK_IMPORTED_MODULE_8__.onClickCheckout)(e,l,n,s)},children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(_GlobalElements_Checkout_IconComponent__WEBPACK_IMPORTED_MODULE_7__.default,{checkoutButton:e,size:40})},n):(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.Fragment,{})}))),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsxs)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_1___default()(_index_module_css__WEBPACK_IMPORTED_MODULE_6__.LI,_index_module_css__WEBPACK_IMPORTED_MODULE_6__.ox,r),onClick:l.actionButtonState.onClickConfiguratorSettingsForth,id:"wcConfigurator-action-next",children:[s("configurator.Next"),i&&(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_9__.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))})};const __WEBPACK_DEFAULT_EXPORT__=(0,mobx_react_lite__WEBPACK_IMPORTED_MODULE_3__.Pi)(ActionNavigation);var evalVisible=function evalVisible(button,viewHandler){var rule=button.visibleNavigatorFunction;return!(button.visibleRule&&!eval(button.visibleRule))&&(!1!==rule&&void 0!==rule&&(!0===rule||viewHandler.uiState.isMobileLandscape&&rule.includes("MOBILE_L")||viewHandler.uiState.isMobilePortrait&&rule.includes("MOBILE_P")||!viewHandler.getIsInMobileView()&&rule.includes("DESKTOP")))}},81906:(e,n,_)=>{_.d(n,{F0:()=>u,ZP:()=>E,kg:()=>c,nt:()=>s,rh:()=>a,tq:()=>d,wZ:()=>l});var t=_(8081),o=_.n(t),r=_(23645),i=_.n(r)()(o());i.push([e.id,".index-module--aaqir {\n height: 40px;\n line-height: 30px;\n display: flex;\n justify-content: space-between;\n font-weight: 700;\n font-size: 16px;\n flex-grow: 1;\n}\n\n.index-module--KdwEi.index-module--aaqir {\n line-height: 38px;\n font-size: 18px;\n justify-content: flex-end;\n flex-wrap: nowrap;\n gap: 12px;\n}\n\n.index-module--ckj80 {\n display: flex;\n justify-content: space-between;\n flex-wrap: nowrap;\n}\n\n.index-module--IKzzi {\n position: relative;\n color: #262626;\n text-wrap: nowrap;\n}\n\n.index-module--KdwEi .index-module--IKzzi {\n font-size: 15px;\n}\n\n.index-module--Y17sU {\n color: #b1223f;\n margin-right: 12px;\n}\n\n.index-module--IKzzi.index-module--Xsp7Q {\n color: #bfbfbf;\n}\n\n.index-module--IKzzi.index-module--Xsp7Q:before {\n position: absolute;\n content: '';\n left: 0;\n top: 42%;\n right: 0;\n border-top: 2px solid;\n border-color: #b1223f;\n transform: rotate(-7deg);\n}\n\n.index-module--KdwEi .index-module--IKzzi.index-module--Xsp7Q:before {\n top: 45%;\n}\n",""]);var a="index-module--aaqir",d="index-module--KdwEi",l="index-module--ckj80",s="index-module--IKzzi",c="index-module--Y17sU",u="index-module--Xsp7Q";const E=i},65923:(e,n,_)=>{_.d(n,{$5:()=>l,ZP:()=>s,g9:()=>a,ky:()=>d});var t=_(8081),o=_.n(t),r=_(23645),i=_.n(r)()(o());i.push([e.id,".index-module--JMki1,\n.index-module--ufp_O {\n border: 1px #262626 solid !important;\n background-color: var(--thirdColor) !important;\n color: #262626 !important;\n font-weight: 700 !important;\n}\n\n.index-module--JMki1,\n.index-module--ufp_O {\n cursor: pointer;\n}\n\n.index-module--G6P2w {\n height: 100%;\n}\n",""]);var a="index-module--JMki1",d="index-module--ufp_O",l="index-module--G6P2w";const s=i},28717:(e,n,_)=>{_.d(n,{$t:()=>x,FN:()=>m,Is:()=>P,KR:()=>l,LI:()=>s,Qv:()=>p,ZP:()=>b,jl:()=>a,nC:()=>d,op:()=>u,ox:()=>E,rK:()=>c,tW:()=>O});var t=_(8081),o=_.n(t),r=_(23645),i=_.n(r)()(o());i.push([e.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n height: 100%;\n font-weight: 300;\n font-size: 14px;\n -webkit-text-stroke: 0px;\n line-height: 36.8px;\n width: 100%;\n display: flex;\n gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n border-radius: var(--globalBorderRadius);\n height: 100%;\n text-align: center;\n}\n\n.index-module--mfwxp {\n color: var(--secondaryColor);\n color: var(--navigateBack, var(--secondaryColor));\n float: left;\n width: calc(var(--configuratorActionBackWidth));\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.index-module--vWg5_ {\n border: 1px var(--secondaryColor) solid;\n border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n background-color: white;\n color: var(--secondaryColor);\n color: var(--navigateBack, var(--secondaryColor));\n float: left;\n width: calc(var(--configuratorActionBackWidth));\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.index-module--IneQR {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n background-color: var(--navigateForth, var(--secondaryColor));\n color: #ffffff;\n color: var(--navigateForthFontColor, #ffffff);\n float: right;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n cursor: pointer;\n box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n transform: rotate(180deg);\n position: absolute;\n right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n pointer-events: none;\n background-color: #707070;\n background-color: var(--navigateForth, #707070);\n border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n line-height: calc(var(--configuratorActionHeight) - 5px);\n border-radius: var(--globalBorderRadius);\n}\n",""]);var a="index-module--Ug06K",d="index-module--uMdxf",l="index-module--j2X1m",s="index-module--NUblS",c="index-module--mfwxp",u="index-module--vWg5_",E="index-module--IneQR",x="index-module--n4fFc",P="index-module--YJM3e",m="index-module--X2uG9",p="index-module--CVPGS",O="index-module--KE5Qn";const b=i},40976:(e,n,_)=>{_.d(n,{$t:()=>P.$t,FN:()=>P.FN,Is:()=>P.Is,KR:()=>P.KR,LI:()=>P.LI,Qv:()=>P.Qv,jl:()=>P.jl,nC:()=>P.nC,op:()=>P.op,ox:()=>P.ox,rK:()=>P.rK,tW:()=>P.tW});var t=_(93379),o=_.n(t),r=_(7795),i=_.n(r),a=_(90569),d=_.n(a),l=_(3565),s=_.n(l),c=_(19216),u=_.n(c),E=_(44589),x=_.n(E),P=_(28717),m={};m.styleTagTransform=x(),m.setAttributes=s(),m.insert=d().bind(null,"head"),m.domAPI=i(),m.insertStyleElement=u();o()(P.ZP,m),P.ZP&&P.ZP.locals&&P.ZP.locals}}]);
package/build/umd/9979.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 9979.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9979,1948],{61448:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),d=t(91923),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),f=t(90569),g=t.n(f),b=t(3565),m=t.n(b),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(39545),k={};k.styleTagTransform=w(),k.setAttributes=m(),k.insert=g().bind(null,"head"),k.domAPI=p(),k.insertStyleElement=v();c()(y.ZP,k);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(47514);const j=(0,s.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,d.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,P.jsx)(P.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,P.jsx)("div",{children:(0,P.jsxs)("div",{className:y.Q_,children:[(0,P.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,P.jsxs)("div",{style:{width:"100%"},children:[(0,P.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,P.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,P.jsx)("button",{className:y.vX,onClick:s})]})]})})}))},1948:(n,e,t)=>{t.r(e),t.d(e,{cssVariables:()=>O,default:()=>C});var i=t(91923),o=t(87363),r=t(61448),a=t(93379),d=t.n(a),l=t(7795),s=t.n(l),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),f=t(19216),g=t.n(f),b=t(44589),m=t.n(b),h=t(61609),v={};v.styleTagTransform=m(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=g();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(48930),w=t(58069),y=t(14312),k=t(9420),P=t(65515),j=t.n(P),B=t(47514),O={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--articlePosNrFontSize":"16px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--foldArrowMarginRight":"16px","--configuratorActionWidthForthBackSpacer":"0.1rem","--configuratorActionForthWidth":"calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)","--configuratorActionBackWidth":"calc(50% - calc(var(--configuratorActionWidthForthBackSpacer) / 2) - 2px)","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--itemsMargin":"0.3125rem"};const C=(0,k.Pi)((function Serious(n){var e,t=(0,i.NP)();(0,o.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(O)}),[]);var a="PRODUCTS"==(null===(e=t.tabGroupState.curTabGroup)||void 0===e?void 0:e.type);return(0,B.jsxs)(B.Fragment,{children:[(0,B.jsxs)("div",{ref:function ref(n){return t.uiState.setConfiguratorRef(n)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,B.jsx)(y.default,{className:h.x6}),(0,B.jsx)(w.default,{className:j()(h.vt,a?h.Uu:void 0)}),(0,B.jsx)(S.default,{className:j()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"})]}),t.settingsState.inputBoxVisible&&(0,B.jsx)(r.default,{})]})}))},9979:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var i=t(91923),o=t(87363),r=t(61448),a=t(93379),d=t.n(a),l=t(7795),s=t.n(l),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),f=t(19216),g=t.n(f),b=t(44589),m=t.n(b),h=t(87623),v={};v.styleTagTransform=m(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=g();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(1948),w=t(48930),y=t(58069),k=t(14312),P=t(9420),j=t(65515),B=t.n(j),O=t(47514);const C=(0,P.Pi)((function Serious(n){var e,t=(0,i.NP)();(0,o.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(S.cssVariables)}),[]);var a="PRODUCTS"==(null===(e=t.tabGroupState.curTabGroup)||void 0===e?void 0:e.type);return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{ref:function ref(n){return t.uiState.setConfiguratorRef(n)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,O.jsx)(w.default,{className:B()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"}),(0,O.jsx)(y.default,{className:B()(h.vt,a?h.Uu:void 0)}),(0,O.jsx)(k.default,{className:h.x6})]}),t.settingsState.inputBoxVisible&&(0,O.jsx)(r.default,{})]})}))},48930:(n,e,t)=>{t.r(e),t.d(e,{default:()=>O});var i=t(80248),o=t(72874),r=t(87363),a=t(91923),d=t(9420),l=t(63793),s=t(19715),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),f=t(90569),g=t.n(f),b=t(3565),m=t.n(b),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(23522),k={};k.styleTagTransform=w(),k.setAttributes=m(),k.insert=g().bind(null,"head"),k.domAPI=p(),k.insertStyleElement=v();c()(y.Z,k);y.Z&&y.Z.locals&&y.Z.locals;var P=t(78485),j=t(47514),B=["contentItemStartPos"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const O=(0,d.Pi)((function Product(n){var e,t=n.contentItemStartPos,i=(0,o.Z)(n,B),d=(0,a.NP)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var n=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(n=0),u.current.scrollTo({top:n,behavior:"smooth"})}};return(0,r.useEffect)((function(){u&&d.productState.setProductElement(u.current)}),[u]),(0,r.useEffect)((function(){var n;!d.uiState.isLoading&&null!==(n=d.configState.paramters)&&void 0!==n&&n.checkout&&c()}),[null===(e=d.configState.paramters)||void 0===e?void 0:e.checkout,d.uiState.isLoading]),(0,j.jsxs)("div",_objectSpread(_objectSpread({ref:u},i),{},{children:[!d.uiState.isLoading&&(0,j.jsx)("div",{className:y.x,onClick:c}),(0,j.jsx)(s.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!d.uiState.isLoading&&void 0!==d.divaWebPlanner.getBasket()&&(0,j.jsx)(l.default,{}),d.settingsState.contentItemVisible&&d.settingsState.contentItemId&&(0,j.jsx)(P.default,{id:d.settingsState.contentItemId,startPos:t})]}))}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>f,Q_:()=>p,ZP:()=>b,vX:()=>g});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(38403),t.b),u=a()(o()),c=l()(s);u.push([n.id,".index-module--nrbS_ {\n width: 90%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n float: left;\n}\n\n.index-module--lGJqa {\n letter-spacing: 0.5px;\n -webkit-text-stroke: 0.1px;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n z-index: 999;\n width: 40em;\n max-width: 70%;\n max-height: 90%;\n background-color: white;\n padding: 1em 2em 0.5em 2em;\n border-radius: 15px;\n border: 1px solid #cbcbcb;\n font-size: 14.4px;\n color: #363636;\n display: flex;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n font-size: 16px;\n -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n padding: 0;\n margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n width: calc(100% - 65px);\n float: left;\n padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n height: 40px;\n width: 55px;\n display: block;\n background-repeat: no-repeat;\n background-position: center;\n float: left;\n clear: both;\n margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n border-radius: 20px;\n position: absolute;\n font-size: 22pt;\n font-family: sans-serif;\n font-weight: 50;\n top: -20px;\n right: -20px;\n width: 40px;\n height: 40px;\n background-color: #fff;\n color: #666;\n border: 2px solid #666;\n text-align: center;\n padding-top: 0px;\n content: 'X';\n}\n\n.index-module--OZydS:hover {\n background-color: #aaa;\n color: #000;\n border: 2px solid #000;\n}\n.index-module--FQDBA {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n color: #ffffff;\n height: 41px;\n width: 8%;\n margin: 8px 0 7px;\n float: right;\n border-radius: var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+c+");\n background-size: 16px;\n transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",f="index-module--OZydS",g="index-module--FQDBA";const b=u},61609:(n,e,t)=>{t.d(e,{Uu:()=>u,ZP:()=>x,kL:()=>s,vt:()=>c,x6:()=>l,xn:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,"body {\n margin: 0;\n overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n -webkit-font-smoothing: antialiased;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n width: 75px;\n position: relative;\n}\n.index-module--jhJYn {\n width: calc(100% - 501px);\n position: relative;\n overflow: auto;\n}\n.index-module--jhJYn.index-module--yUjbF {\n display: none;\n}\n\n.index-module--ik_S6 {\n width: 426px;\n position: relative;\n border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n flex-grow: 1;\n position: relative;\n overflow: auto;\n}\n\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n",""]);var d="index-module--ic0Nz",l="index-module--SLjS6",s="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const x=a},87623:(n,e,t)=>{t.d(e,{Uu:()=>u,ZP:()=>x,kL:()=>s,vt:()=>c,x6:()=>l,xn:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,"body {\n margin: 0;\n overscroll-behavior-x: none;\n}\n\n.index-module--K6KzO {\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n -webkit-font-smoothing: antialiased;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n}\n\n.index-module--K6KzO *,\n.index-module--K6KzO *::before,\n.index-module--K6KzO *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--wjIBY {\n width: 75px;\n position: relative;\n}\n.index-module--zOtvQ {\n width: calc(100% - 501px);\n position: relative;\n overflow: auto;\n}\n.index-module--zOtvQ.index-module--aLQCY {\n display: none;\n}\n\n.index-module--LDBW2.index-module--aLQCY {\n flex-grow: 1;\n position: relative;\n overflow: auto;\n}\n\n.index-module--LDBW2 {\n width: 426px;\n position: relative;\n border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n",""]);var d="index-module--K6KzO",l="index-module--wjIBY",s="index-module--zOtvQ",u="index-module--aLQCY",c="index-module--LDBW2";const x=a},23522:(n,e,t)=>{t.d(e,{Z:()=>p,x:()=>x});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(66993),t.b),u=a()(o()),c=l()(s);u.push([n.id,".index-module--IAoMi {\n bottom: 40px;\n right: 8px;\n position: absolute;\n width: 70px;\n height: 55px;\n transform: rotate(90deg);\n background-image: url("+c+");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: contain;\n z-index: 300;\n}\n",""]);var x="index-module--IAoMi";const p=u}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[9979,1948],{61448:(n,e,t)=>{t.r(e),t.d(e,{default:()=>j});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),d=t(91923),s=t(87363),l=t(9420),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),f=t(90569),b=t.n(f),g=t(3565),m=t.n(g),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(39545),k={};k.styleTagTransform=w(),k.setAttributes=m(),k.insert=b().bind(null,"head"),k.domAPI=p(),k.insertStyleElement=v();c()(y.ZP,k);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(47514);const j=(0,l.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,d.NP)(),t=(0,s.useRef)(null);if((0,s.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,s.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,P.jsx)(P.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=function(){var n=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,P.jsx)("div",{children:(0,P.jsxs)("div",{className:y.Q_,children:[(0,P.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,P.jsxs)("div",{style:{width:"100%"},children:[(0,P.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,P.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(l(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,P.jsx)("button",{className:y.vX,onClick:l})]})]})})}))},1948:(n,e,t)=>{t.r(e),t.d(e,{cssVariables:()=>C,default:()=>I});var i=t(91923),o=t(87363),r=t(61448),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),f=t(19216),b=t.n(f),g=t(44589),m=t.n(g),h=t(61609),v={};v.styleTagTransform=m(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=b();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(48930),w=t(58069),y=t(14312),k=t(9420),P=t(65515),j=t.n(P),O=t(47514),C={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--lineHeight1":"36.8px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const I=(0,k.Pi)((function Serious(n){var e,t=(0,i.NP)();(0,o.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(C)}),[]);var a="PRODUCTS"==(null===(e=t.tabGroupState.curTabGroup)||void 0===e?void 0:e.type);return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{ref:function ref(n){return t.uiState.setConfiguratorRef(n)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,O.jsx)(y.default,{className:h.x6}),(0,O.jsx)(w.default,{className:j()(h.vt,a?h.Uu:void 0)}),(0,O.jsx)(S.default,{className:j()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"})]}),t.settingsState.inputBoxVisible&&(0,O.jsx)(r.default,{})]})}))},9979:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(91923),o=t(87363),r=t(61448),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),f=t(19216),b=t.n(f),g=t(44589),m=t.n(g),h=t(87623),v={};v.styleTagTransform=m(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=b();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(1948),w=t(48930),y=t(58069),k=t(14312),P=t(9420),j=t(65515),O=t.n(j),C=t(47514);const I=(0,P.Pi)((function Serious(n){var e,t=(0,i.NP)();(0,o.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(S.cssVariables)}),[]);var a="PRODUCTS"==(null===(e=t.tabGroupState.curTabGroup)||void 0===e?void 0:e.type);return(0,C.jsxs)(C.Fragment,{children:[(0,C.jsxs)("div",{ref:function ref(n){return t.uiState.setConfiguratorRef(n)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,C.jsx)(w.default,{className:O()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"}),(0,C.jsx)(y.default,{className:O()(h.vt,a?h.Uu:void 0)}),(0,C.jsx)(k.default,{className:h.x6})]}),t.settingsState.inputBoxVisible&&(0,C.jsx)(r.default,{})]})}))},48930:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var i=t(80248),o=t(72874),r=t(87363),a=t(91923),d=t(9420),s=t(63793),l=t(19715),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),f=t(90569),b=t.n(f),g=t(3565),m=t.n(g),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(23522),k={};k.styleTagTransform=w(),k.setAttributes=m(),k.insert=b().bind(null,"head"),k.domAPI=p(),k.insertStyleElement=v();c()(y.Z,k);y.Z&&y.Z.locals&&y.Z.locals;var P=t(78485),j=t(47514),O=["contentItemStartPos"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const C=(0,d.Pi)((function Product(n){var e,t=n.contentItemStartPos,i=(0,o.Z)(n,O),d=(0,a.NP)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var n=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(n=0),u.current.scrollTo({top:n,behavior:"smooth"})}};return(0,r.useEffect)((function(){u&&d.productState.setProductElement(u.current)}),[u]),(0,r.useEffect)((function(){var n;!d.uiState.isLoading&&null!==(n=d.configState.paramters)&&void 0!==n&&n.checkout&&c()}),[null===(e=d.configState.paramters)||void 0===e?void 0:e.checkout,d.uiState.isLoading]),(0,j.jsxs)("div",_objectSpread(_objectSpread({ref:u},i),{},{children:[!d.uiState.isLoading&&(0,j.jsx)("div",{className:y.x,onClick:c}),(0,j.jsx)(l.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!d.uiState.isLoading&&void 0!==d.divaWebPlanner.getBasket()&&(0,j.jsx)(s.default,{}),d.settingsState.contentItemVisible&&d.settingsState.contentItemId&&(0,j.jsx)(P.default,{id:d.settingsState.contentItemId,startPos:t})]}))}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>f,Q_:()=>p,ZP:()=>g,vX:()=>b});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(38403),t.b),u=a()(o()),c=s()(l);u.push([n.id,".index-module--nrbS_ {\n width: 90%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n float: left;\n}\n\n.index-module--lGJqa {\n letter-spacing: 0.5px;\n -webkit-text-stroke: 0.1px;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n z-index: 999;\n width: 40em;\n max-width: 70%;\n max-height: 90%;\n background-color: white;\n padding: 1em 2em 0.5em 2em;\n border-radius: 15px;\n border: 1px solid #cbcbcb;\n font-size: 14.4px;\n color: #363636;\n display: flex;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n font-size: 16px;\n -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n padding: 0;\n margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n width: calc(100% - 65px);\n float: left;\n padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n height: 40px;\n width: 55px;\n display: block;\n background-repeat: no-repeat;\n background-position: center;\n float: left;\n clear: both;\n margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n border-radius: 20px;\n position: absolute;\n font-size: 22pt;\n font-family: sans-serif;\n font-weight: 50;\n top: -20px;\n right: -20px;\n width: 40px;\n height: 40px;\n background-color: #fff;\n color: #666;\n border: 2px solid #666;\n text-align: center;\n padding-top: 0px;\n content: 'X';\n}\n\n.index-module--OZydS:hover {\n background-color: #aaa;\n color: #000;\n border: 2px solid #000;\n}\n.index-module--FQDBA {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n color: #ffffff;\n height: 41px;\n width: 8%;\n margin: 8px 0 7px;\n float: right;\n border-radius: var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+c+");\n background-size: 16px;\n transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",f="index-module--OZydS",b="index-module--FQDBA";const g=u},61609:(n,e,t)=>{t.d(e,{Uu:()=>u,ZP:()=>x,kL:()=>l,vt:()=>c,x6:()=>s,xn:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,"body {\n margin: 0;\n overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n -webkit-font-smoothing: antialiased;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n width: 75px;\n position: relative;\n}\n.index-module--jhJYn {\n width: calc(100% - 501px);\n position: relative;\n overflow: auto;\n}\n.index-module--jhJYn.index-module--yUjbF {\n display: none;\n}\n\n.index-module--ik_S6 {\n width: 426px;\n position: relative;\n border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n flex-grow: 1;\n position: relative;\n overflow: auto;\n}\n\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n",""]);var d="index-module--ic0Nz",s="index-module--SLjS6",l="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const x=a},87623:(n,e,t)=>{t.d(e,{Uu:()=>u,ZP:()=>x,kL:()=>l,vt:()=>c,x6:()=>s,xn:()=>d});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,"body {\n margin: 0;\n overscroll-behavior-x: none;\n}\n\n.index-module--K6KzO {\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n -webkit-font-smoothing: antialiased;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n}\n\n.index-module--K6KzO *,\n.index-module--K6KzO *::before,\n.index-module--K6KzO *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--wjIBY {\n width: 75px;\n position: relative;\n}\n.index-module--zOtvQ {\n width: calc(100% - 501px);\n position: relative;\n overflow: auto;\n}\n.index-module--zOtvQ.index-module--aLQCY {\n display: none;\n}\n\n.index-module--LDBW2.index-module--aLQCY {\n flex-grow: 1;\n position: relative;\n overflow: auto;\n}\n\n.index-module--LDBW2 {\n width: 426px;\n position: relative;\n border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n",""]);var d="index-module--K6KzO",s="index-module--wjIBY",l="index-module--zOtvQ",u="index-module--aLQCY",c="index-module--LDBW2";const x=a},23522:(n,e,t)=>{t.d(e,{Z:()=>p,x:()=>x});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(66993),t.b),u=a()(o()),c=s()(l);u.push([n.id,".index-module--IAoMi {\n bottom: 40px;\n right: 8px;\n position: absolute;\n width: 70px;\n height: 55px;\n transform: rotate(90deg);\n background-image: url("+c+");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: contain;\n z-index: 300;\n}\n",""]);var x="index-module--IAoMi";const p=u}}]);