@crystaldesign/diva-web-planner-react 25.11.0-rc.15 → 25.11.0-rc.17

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 (302) hide show
  1. package/build/esm/{ArticleProperties-5a5a921b.js → ArticleProperties-5a8018b0.js} +1 -1
  2. package/build/esm/{CatalogProperties-840ad703.js → CatalogProperties-92b3e393.js} +1 -1
  3. package/build/esm/{DecisionVizualizer-74f01838.js → DecisionVizualizer-51fd9262.js} +1 -1
  4. package/build/esm/{OptionProperties-8b16ee21.js → OptionProperties-8d7054f2.js} +1 -1
  5. package/build/esm/{OptionValueProperties-9f6e5e13.js → OptionValueProperties-86628430.js} +1 -1
  6. package/build/esm/{Planner2DGrid-101733ef.js → Planner2DGrid-0d186821.js} +2 -2
  7. package/build/esm/{Planner3DImage-ef080f30.js → Planner3DImage-00c41c46.js} +2 -2
  8. package/build/esm/{index-fc451754.js → index-0141c669.js} +10 -10
  9. package/build/esm/{index-e53aafb2.js → index-02185fbf.js} +1 -1
  10. package/build/esm/{index-3353e5ab.js → index-029dbec5.js} +1 -1
  11. package/build/esm/{index-7f062e74.js → index-06f1fd24.js} +1 -1
  12. package/build/esm/{index-528a5ce8.js → index-07bf67d1.js} +1 -1
  13. package/build/esm/{index-cbf829f7.js → index-0819ad62.js} +1 -1
  14. package/build/esm/{index-8196e941.js → index-08243edd.js} +3 -3
  15. package/build/esm/{index-84e3bcf0.js → index-08e220e0.js} +1 -1
  16. package/build/esm/{index-81e303ac.js → index-09846dd7.js} +5 -5
  17. package/build/esm/{index-422277e3.js → index-0bddf4f7.js} +4 -4
  18. package/build/esm/{index-7008712d.js → index-0c921b18.js} +6 -6
  19. package/build/esm/{index-bcfd08f4.js → index-0cde6dd8.js} +4 -4
  20. package/build/esm/{index-cf95f0ed.js → index-0e250d47.js} +1 -1
  21. package/build/esm/{index-e10acab6.js → index-103b1d54.js} +19 -19
  22. package/build/esm/{index-5a199c9c.js → index-1059ec50.js} +15 -15
  23. package/build/esm/{index-91486661.js → index-127021d8.js} +2 -2
  24. package/build/esm/{index-12f72674.js → index-12ea9330.js} +1 -1
  25. package/build/esm/{index-5b2359c4.js → index-137dd65d.js} +1 -1
  26. package/build/esm/{index-a66e6d1a.js → index-17948a68.js} +4 -4
  27. package/build/esm/{index-6ede9c64.js → index-17dd0fcb.js} +1 -1
  28. package/build/esm/{index-3072ce11.js → index-184a489b.js} +1 -1
  29. package/build/esm/{index-3f1ab3fb.js → index-187791f7.js} +26 -26
  30. package/build/esm/{index-f315f444.js → index-188323fb.js} +58 -58
  31. package/build/esm/{index-5ef2ffad.js → index-1ad5538f.js} +5 -5
  32. package/build/esm/{index-3edf86b6.js → index-1cc9c9da.js} +92 -92
  33. package/build/esm/{index-34469f12.js → index-1d11e29d.js} +7 -7
  34. package/build/esm/{index-a2746138.js → index-1d8305a4.js} +1 -1
  35. package/build/esm/{index-bda23d1f.js → index-1eb0217d.js} +118 -118
  36. package/build/esm/{index-b72a253d.js → index-200d9505.js} +60 -60
  37. package/build/esm/{index-0a6da129.js → index-20472517.js} +3 -3
  38. package/build/esm/{index-910188f5.js → index-20c30828.js} +1 -1
  39. package/build/esm/{index-bfb5968a.js → index-20d24f96.js} +1 -1
  40. package/build/esm/{index-2478712a.js → index-21ad7f4a.js} +9 -9
  41. package/build/esm/{index-4e6b6e49.js → index-239b38b8.js} +2 -2
  42. package/build/esm/{index-f4ba8b40.js → index-240c4554.js} +1 -1
  43. package/build/esm/{index-c2464561.js → index-24619e89.js} +1 -1
  44. package/build/esm/{index-1909692e.js → index-256a5d73.js} +1 -1
  45. package/build/esm/{index-93b2acea.js → index-25abb753.js} +1 -1
  46. package/build/esm/{index-65f3a576.js → index-288a0a72.js} +1 -1
  47. package/build/esm/{index-7be16235.js → index-29b52d31.js} +1 -1
  48. package/build/esm/{index-1cf734b1.js → index-2a367643.js} +8 -8
  49. package/build/esm/{index-3a01e051.js → index-2a5bb720.js} +2 -2
  50. package/build/esm/{index-62cf55c5.js → index-2a750d4a.js} +117 -117
  51. package/build/esm/{index-1bf5fcd3.js → index-2a97c777.js} +2 -2
  52. package/build/esm/{index-1dcf6d2b.js → index-2b909657.js} +10 -10
  53. package/build/esm/{index-f92e8e18.js → index-2d35b779.js} +2 -2
  54. package/build/esm/{index-ba31a96e.js → index-2eda2fda.js} +3 -3
  55. package/build/esm/{index-5da4bd4e.js → index-306f1275.js} +1 -1
  56. package/build/esm/{index-e110e33a.js → index-30725c86.js} +1 -1
  57. package/build/esm/{index-b42de3c4.js → index-32a73724.js} +1 -1
  58. package/build/esm/{index-48c47e02.js → index-34304b9a.js} +1 -1
  59. package/build/esm/{index-9bc5c65d.js → index-3799cabe.js} +2 -2
  60. package/build/esm/{index-0a10f7d7.js → index-3837d0a7.js} +334 -311
  61. package/build/esm/{index-a7e9022f.js → index-3abf3de2.js} +2 -2
  62. package/build/esm/{index-1a3add3f.js → index-3b515435.js} +2 -2
  63. package/build/esm/{index-7daddfa1.js → index-3c19618b.js} +4 -4
  64. package/build/esm/{index-91ebfe03.js → index-3e645fc8.js} +1 -1
  65. package/build/esm/{index-c0f31a6c.js → index-3f18ea52.js} +1 -1
  66. package/build/esm/{index-0aa82fde.js → index-412510ec.js} +74 -74
  67. package/build/esm/{index-cfd76bae.js → index-415c1dcc.js} +1 -1
  68. package/build/esm/{index-cca4c911.js → index-4173c8cc.js} +1 -1
  69. package/build/esm/{index-0607afa7.js → index-42149e62.js} +1 -1
  70. package/build/esm/{index-e55faf79.js → index-426b1afb.js} +7 -7
  71. package/build/esm/{index-130d0a05.js → index-42b6ea0a.js} +1 -1
  72. package/build/esm/{index-d2e64f0d.js → index-44c4aed9.js} +2 -2
  73. package/build/esm/{index-0dc13408.js → index-45a5c263.js} +1 -1
  74. package/build/esm/{index-a4d0c614.js → index-45ef9a56.js} +2 -2
  75. package/build/esm/{index-4eb2f4d1.js → index-46bbebca.js} +5 -5
  76. package/build/esm/{index-b0ee66bd.js → index-4a51ce5e.js} +1 -1
  77. package/build/esm/{index-7146fe03.js → index-4c4877c3.js} +5 -5
  78. package/build/esm/{index-49660afd.js → index-4ca55866.js} +59 -59
  79. package/build/esm/{index-b954dc94.js → index-4cf2074b.js} +1 -1
  80. package/build/esm/{index-ef37a126.js → index-4e0620fc.js} +1 -1
  81. package/build/esm/{index-a1d5616f.js → index-51e8a129.js} +1 -1
  82. package/build/esm/{index-88936688.js → index-55cbbd7f.js} +2 -2
  83. package/build/esm/{index-4c5a5dca.js → index-56a79c65.js} +1 -1
  84. package/build/esm/{index-1ee74bed.js → index-56b90025.js} +2 -2
  85. package/build/esm/{index-2711485f.js → index-56cac4af.js} +2 -2
  86. package/build/esm/{index-87e4118a.js → index-57bad129.js} +1 -1
  87. package/build/esm/{index-5894958a.js → index-57e64a49.js} +28 -28
  88. package/build/esm/{index-63d058c4.js → index-588f5d3d.js} +10 -10
  89. package/build/esm/{index-2f7739cc.js → index-5922c2c6.js} +1 -1
  90. package/build/esm/{index-7764ff59.js → index-59fcaace.js} +1 -1
  91. package/build/esm/{index-67186d99.js → index-5b8d731b.js} +58 -58
  92. package/build/esm/{index-c13839e2.js → index-5c67a8a2.js} +6 -6
  93. package/build/esm/{index-ee387b95.js → index-5d6b59fc.js} +1 -1
  94. package/build/esm/{index-648ba75a.js → index-5e7c6727.js} +1 -1
  95. package/build/esm/{index-3c9852be.js → index-5e81a047.js} +2 -2
  96. package/build/esm/{index-bfb76c33.js → index-5e864bdd.js} +1 -1
  97. package/build/esm/{index-6dd36c8f.js → index-5ef1bdbd.js} +1 -1
  98. package/build/esm/{index-dcf0bb35.js → index-60887911.js} +1 -1
  99. package/build/esm/{index-b4f54580.js → index-611893d3.js} +6 -6
  100. package/build/esm/{index-ab510a7c.js → index-62aae6c7.js} +1 -1
  101. package/build/esm/{index-d33bf99d.js → index-62c80d46.js} +8 -8
  102. package/build/esm/{index-318c3b15.js → index-634c1c90.js} +2 -2
  103. package/build/esm/{index-93411538.js → index-63573518.js} +3 -3
  104. package/build/esm/{index-62f05742.js → index-6368808a.js} +2 -2
  105. package/build/esm/{index-268ac762.js → index-64354cc8.js} +1 -1
  106. package/build/esm/{index-e32a0094.js → index-668ccc26.js} +99 -98
  107. package/build/esm/{index-60c94b76.js → index-67aa1700.js} +1 -1
  108. package/build/esm/{index-59b1fd1b.js → index-67e30a70.js} +22 -22
  109. package/build/esm/{index-3f61a2b5.js → index-6817b2f8.js} +1 -1
  110. package/build/esm/{index-69cd5369.js → index-6871a428.js} +1 -1
  111. package/build/esm/{index-64af73a4.js → index-687a43ab.js} +66 -66
  112. package/build/esm/{index-581b2deb.js → index-6921aaea.js} +1 -1
  113. package/build/esm/{index-6845477f.js → index-6a1a3ff9.js} +5 -5
  114. package/build/esm/{index-358505c7.js → index-6b89ec70.js} +3 -3
  115. package/build/esm/{index-244793f2.js → index-6c0863e7.js} +3 -3
  116. package/build/esm/{index-03264336.js → index-6e462437.js} +1 -1
  117. package/build/esm/{index-97ca9e5b.js → index-706e6c20.js} +18 -18
  118. package/build/esm/{index-cf9a6512.js → index-70d1c88c.js} +3 -3
  119. package/build/esm/{index-b7121433.js → index-722ff5d9.js} +60 -60
  120. package/build/esm/{index-e35f0492.js → index-72dfc659.js} +3 -3
  121. package/build/esm/{index-bf48addd.js → index-7564b20d.js} +1 -1
  122. package/build/esm/{index-72cef711.js → index-7568cce4.js} +6 -6
  123. package/build/esm/{index-cc48cdfa.js → index-75d4b270.js} +4 -4
  124. package/build/esm/{index-ed5290dc.js → index-76a37a8e.js} +1 -1
  125. package/build/esm/{index-c3b2bc4f.js → index-778631a2.js} +1 -1
  126. package/build/esm/{index-654873ab.js → index-78472363.js} +6 -6
  127. package/build/esm/{index-8623ef76.js → index-78a09b0b.js} +2 -2
  128. package/build/esm/{index-85e0f4e5.js → index-78cda867.js} +1 -1
  129. package/build/esm/{index-353a4d9f.js → index-7a5e9f3a.js} +5 -5
  130. package/build/esm/{index-0f9f9134.js → index-7c4b1f44.js} +1 -1
  131. package/build/esm/{index-0436dc30.js → index-7c6f9494.js} +1 -1
  132. package/build/esm/{index-4742eadb.js → index-7cc009e3.js} +2 -2
  133. package/build/esm/{index-339ee33e.js → index-7e51b587.js} +1 -1
  134. package/build/esm/{index-0f37ff98.js → index-8000a788.js} +104 -101
  135. package/build/esm/{index-c613a33e.js → index-80c84a88.js} +2 -2
  136. package/build/esm/{index-69f570b0.js → index-819ba8f5.js} +8 -7
  137. package/build/esm/{index-8317ec0c.js → index-81f6d517.js} +2 -2
  138. package/build/esm/{index-7b7d4879.js → index-839f145d.js} +4 -4
  139. package/build/esm/{index-14223190.js → index-8452ef77.js} +2 -2
  140. package/build/esm/{index-3f980dc4.js → index-867e85b3.js} +5 -5
  141. package/build/esm/{index-1f638b64.js → index-89e68966.js} +19 -19
  142. package/build/esm/{index-e9181299.js → index-8a9a8807.js} +1 -1
  143. package/build/esm/{index-ae379ffa.js → index-8ae93b64.js} +42 -42
  144. package/build/esm/{index-1cdde19d.js → index-8b734a02.js} +2 -2
  145. package/build/esm/{index-dfd5e487.js → index-8b7aec39.js} +10 -10
  146. package/build/esm/{index-1efa376f.js → index-8ba0dcbe.js} +61 -61
  147. package/build/esm/{index-805cd430.js → index-8bd4598b.js} +5 -5
  148. package/build/esm/{index-964f34d0.js → index-8c01a762.js} +5 -5
  149. package/build/esm/{index-8cbc7a56.js → index-8cd971a0.js} +1 -1
  150. package/build/esm/{index-b82a196c.js → index-8edeeb67.js} +1 -1
  151. package/build/esm/{index-f7eb5cf2.js → index-91af0414.js} +1 -1
  152. package/build/esm/{index-e8853a60.js → index-922c695a.js} +1 -1
  153. package/build/esm/{index-537b3a11.js → index-939dcd93.js} +2 -2
  154. package/build/esm/{index-fc9d7b54.js → index-93a965b5.js} +61 -61
  155. package/build/esm/{index-198f7b7f.js → index-94bc53d1.js} +2 -2
  156. package/build/esm/{index-52edbabf.js → index-958d3249.js} +20 -20
  157. package/build/esm/{index-cc8a0bb9.js → index-95ecb4fd.js} +1 -1
  158. package/build/esm/{index-469d25dd.js → index-97e883d5.js} +1 -1
  159. package/build/esm/{index-fe2792be.js → index-981bfdaa.js} +1 -1
  160. package/build/esm/{index-cc5e522f.js → index-9882b474.js} +1 -1
  161. package/build/esm/{index-507edbd4.js → index-9890d971.js} +1 -1
  162. package/build/esm/{index-ec7d9ef9.js → index-996bda6c.js} +4 -4
  163. package/build/esm/{index-74767887.js → index-9ad2e7e0.js} +2 -2
  164. package/build/esm/{index-b3e9655d.js → index-9b59923d.js} +1 -1
  165. package/build/esm/{index-6a5d9d18.js → index-9cf6c0aa.js} +3 -3
  166. package/build/esm/{index-e3d552c9.js → index-9e5d3a62.js} +1 -1
  167. package/build/esm/{index-1b4edddb.js → index-9f76e2f3.js} +2 -2
  168. package/build/esm/{index-3862db8a.js → index-a002713f.js} +5 -5
  169. package/build/esm/{index-3932d23b.js → index-a0bc0af3.js} +63 -63
  170. package/build/esm/{index-cc6a6d4b.js → index-a0dbbb24.js} +5 -5
  171. package/build/esm/{index-17179b36.js → index-a15cc472.js} +1 -1
  172. package/build/esm/{index-5fc90965.js → index-a1f8c7ee.js} +93 -93
  173. package/build/esm/{index-8363f3ba.js → index-a2498691.js} +63 -63
  174. package/build/esm/{index-f706298d.js → index-a3348cb9.js} +1 -1
  175. package/build/esm/{index-1451838c.js → index-a3f3314b.js} +97 -99
  176. package/build/esm/{index-e53a979c.js → index-a45313e9.js} +1 -1
  177. package/build/esm/{index-d1509da6.js → index-a45fae29.js} +2 -2
  178. package/build/esm/{index-423d2a08.js → index-a55a97c0.js} +6 -6
  179. package/build/esm/{index-a4ba49b2.js → index-a5a57156.js} +3 -3
  180. package/build/esm/{index-60bd8be0.js → index-a5d20767.js} +2 -2
  181. package/build/esm/{index-7a76fba0.js → index-aae743eb.js} +1 -1
  182. package/build/esm/{index-cd01d06c.js → index-abea8eb7.js} +1 -1
  183. package/build/esm/{index-feff5b3c.js → index-ac9e1944.js} +4 -4
  184. package/build/esm/{index-47e1af7b.js → index-acaa43b5.js} +2 -2
  185. package/build/esm/{index-3813495d.js → index-ad417f64.js} +1 -1
  186. package/build/esm/{index-8f91bf05.js → index-ae65bc09.js} +1 -1
  187. package/build/esm/{index-49517f47.js → index-aeef8575.js} +1 -1
  188. package/build/esm/{index-5e95e6c0.js → index-b0d5aa96.js} +6 -6
  189. package/build/esm/{index-ccf30eec.js → index-b22ea697.js} +7 -7
  190. package/build/esm/{index-aa0aa720.js → index-b3e5715b.js} +1 -1
  191. package/build/esm/{index-499c9404.js → index-b576a047.js} +1 -1
  192. package/build/esm/{index-4564ed3b.js → index-b5932a09.js} +6 -6
  193. package/build/esm/{index-7edbe489.js → index-b5c4d008.js} +1 -1
  194. package/build/esm/{index-ba6b5cc6.js → index-b89cea80.js} +3 -3
  195. package/build/esm/{index-3b4a9980.js → index-bb7cb433.js} +25 -25
  196. package/build/esm/{index-1bc1f926.js → index-bcec2973.js} +3 -3
  197. package/build/esm/{index-513457c5.js → index-bed985ed.js} +1 -1
  198. package/build/esm/{index-25af24f8.js → index-bf30c644.js} +1 -1
  199. package/build/esm/{index-e45c0713.js → index-c33b2d15.js} +2 -2
  200. package/build/esm/{index-15eefec6.js → index-c4900fb5.js} +2 -2
  201. package/build/esm/{index-9a40b4ce.js → index-c866d66f.js} +3 -3
  202. package/build/esm/{index-9b5665e3.js → index-c966a0db.js} +1 -1
  203. package/build/esm/{index-0a997231.js → index-cae9c0b3.js} +1 -1
  204. package/build/esm/{index-d2b88a3a.js → index-d0c9c16b.js} +1 -1
  205. package/build/esm/{index-ba09d51f.js → index-d453a604.js} +7 -7
  206. package/build/esm/{index-12427b07.js → index-d4e1d765.js} +1 -1
  207. package/build/esm/{index-8da4bff0.js → index-d5142883.js} +3 -3
  208. package/build/esm/{index-707ee5d9.js → index-d70b2fd9.js} +21 -21
  209. package/build/esm/{index-3845ad6b.js → index-d81cc959.js} +1 -1
  210. package/build/esm/{index-fbf35ad2.js → index-dcd2a2b1.js} +1 -1
  211. package/build/esm/{index-f7190bde.js → index-dda675ec.js} +2 -2
  212. package/build/esm/{index-aaa185cb.js → index-ddefcd89.js} +1 -1
  213. package/build/esm/{index-10a69ab8.js → index-dfe51bed.js} +1 -1
  214. package/build/esm/{index-b6206543.js → index-e010623c.js} +1 -1
  215. package/build/esm/{index-4da89274.js → index-e1656899.js} +2 -2
  216. package/build/esm/{index-cd11d788.js → index-e26f2fed.js} +58 -58
  217. package/build/esm/{index-e59e3089.js → index-e2e444a9.js} +1 -1
  218. package/build/esm/{index-27ce69cd.js → index-e338bd23.js} +7 -7
  219. package/build/esm/{index-dba74e9c.js → index-e4739a13.js} +1 -1
  220. package/build/esm/{index-b92f1ed5.js → index-e6187acc.js} +41 -41
  221. package/build/esm/{index-936e038e.js → index-e62032e5.js} +2 -2
  222. package/build/esm/{index-c28f8b0a.js → index-ece7a72f.js} +2 -2
  223. package/build/esm/{index-97142182.js → index-ee8b3523.js} +3 -3
  224. package/build/esm/{index-e07170d0.js → index-f0f67845.js} +5 -5
  225. package/build/esm/{index-d67ec0f2.js → index-f148b31b.js} +2 -2
  226. package/build/esm/{index-19e5ae92.js → index-f340c673.js} +1 -1
  227. package/build/esm/{index-f52db63c.js → index-f39849d3.js} +1 -1
  228. package/build/esm/{index-fd1e74d9.js → index-f4a51246.js} +1 -1
  229. package/build/esm/{index-b86991aa.js → index-f4deb5a7.js} +77 -77
  230. package/build/esm/{index-07f499c1.js → index-f6e249cf.js} +1 -1
  231. package/build/esm/{index-bd823f6b.js → index-f7e61a2d.js} +1 -1
  232. package/build/esm/{index-b536d625.js → index-f87065fc.js} +1 -1
  233. package/build/esm/{index-c817df73.js → index-f9cf0bf3.js} +59 -59
  234. package/build/esm/{index-e3dfa1d6.js → index-fac94e62.js} +17 -17
  235. package/build/esm/{index-9d73b0bf.js → index-fb035d8e.js} +2 -2
  236. package/build/esm/{index-2f4d4f7d.js → index-fc601aa7.js} +2 -2
  237. package/build/esm/{index-d1361a52.js → index-fcc1bd52.js} +8 -5
  238. package/build/esm/{index-10100a81.js → index-fd035bc1.js} +5 -5
  239. package/build/esm/{index-e2afb2ed.js → index-fee8931e.js} +4 -4
  240. package/build/esm/{index-9dd895ff.js → index-ffa31fcc.js} +2 -2
  241. package/build/esm/index.js +1 -1
  242. package/build/esm/{index.module-06a2909a.js → index.module-0e410816.js} +1 -1
  243. package/build/esm/{index.module-577ae3f9.js → index.module-26af337e.js} +1 -1
  244. package/build/esm/{index.module-5e61011d.js → index.module-3050bd72.js} +1 -1
  245. package/build/esm/{index.module-e0a92fc4.js → index.module-348223b5.js} +1 -1
  246. package/build/esm/{index.module-d3b9631d.js → index.module-367f3ae1.js} +1 -1
  247. package/build/esm/{index.module-3ab5ad1b.js → index.module-419002df.js} +1 -1
  248. package/build/esm/{index.module-92b74cce.js → index.module-5949d1da.js} +1 -1
  249. package/build/esm/{index.module-12eeb8ad.js → index.module-87966dfb.js} +1 -1
  250. package/build/esm/{index.module-e8d820e9.js → index.module-a8483d1d.js} +1 -1
  251. package/build/esm/{index.module-017b43f6.js → index.module-de4b5102.js} +1 -1
  252. package/build/esm/{index.module-fed516df.js → index.module-e6d07859.js} +1 -1
  253. package/build/esm/{index.module-1d12b3e3.js → index.module-ece5c69e.js} +1 -1
  254. package/build/esm/{react-json-viewer-dd03671f.js → react-json-viewer-122d6a35.js} +1 -1
  255. package/build/esm/{useCustomDimensions-0e2e1f68.js → useCustomDimensions-82144cd3.js} +1 -1
  256. package/build/esm/{ussIsSticky-be537f7c.js → ussIsSticky-2ee1be1b.js} +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/GlobalElements/Checkout/index.d.ts.map +1 -1
  259. package/build/types/web-planner-react/src/components/Layout/gold/index.d.ts.map +1 -1
  260. package/build/types/web-planner-react/src/components/Layout/ralph/index.d.ts.map +1 -1
  261. package/build/types/web-planner-react/src/components/Layout/standard/index.d.ts.map +1 -1
  262. package/build/types/web-planner-react/src/components/Settings/SettingsDrawer/index.d.ts.map +1 -1
  263. package/build/types/web-planner-react/src/components/Settings/index.d.ts.map +1 -1
  264. package/build/types/web-planner-react/src/model/DivaViewHandler.d.ts +2 -2
  265. package/build/types/web-planner-react/src/model/DivaViewHandler.d.ts.map +1 -1
  266. package/build/types/web-planner-react/src/model/Palette/PaletteViewHandler.d.ts +3 -2
  267. package/build/types/web-planner-react/src/model/Palette/PaletteViewHandler.d.ts.map +1 -1
  268. package/build/types/web-planner-react/src/model/Palette/Steps/Planner2Dot0Step/PlannerItems.d.ts +1 -1
  269. package/build/types/web-planner-react/src/model/Palette/Steps/Planner2Dot0Step/PlannerItems.d.ts.map +1 -1
  270. package/build/types/web-planner-react/src/model/Palette/Steps/PlannerStep/PlannerItems.d.ts +1 -1
  271. package/build/types/web-planner-react/src/model/Palette/Steps/PlannerStep/PlannerItems.d.ts.map +1 -1
  272. package/build/types/web-planner-react/src/model/States/UIState/index.d.ts.map +1 -1
  273. package/build/umd/1280.diva-web-planner-react.umd.min.js +1 -1
  274. package/build/umd/1784.diva-web-planner-react.umd.min.js +1 -1
  275. package/build/umd/1973.diva-web-planner-react.umd.min.js +1 -1
  276. package/build/umd/2157.diva-web-planner-react.umd.min.js +1 -1
  277. package/build/umd/3082.diva-web-planner-react.umd.min.js +1 -1
  278. package/build/umd/3492.diva-web-planner-react.umd.min.js +1 -1
  279. package/build/umd/3504.diva-web-planner-react.umd.min.js +1 -1
  280. package/build/umd/3519.diva-web-planner-react.umd.min.js +1 -1
  281. package/build/umd/3977.diva-web-planner-react.umd.min.js +1 -1
  282. package/build/umd/4115.diva-web-planner-react.umd.min.js +1 -1
  283. package/build/umd/4585.diva-web-planner-react.umd.min.js +1 -1
  284. package/build/umd/4805.diva-web-planner-react.umd.min.js +1 -1
  285. package/build/umd/4818.diva-web-planner-react.umd.min.js +1 -1
  286. package/build/umd/4903.diva-web-planner-react.umd.min.js +1 -1
  287. package/build/umd/5406.diva-web-planner-react.umd.min.js +1 -1
  288. package/build/umd/5679.diva-web-planner-react.umd.min.js +1 -1
  289. package/build/umd/5805.diva-web-planner-react.umd.min.js +1 -1
  290. package/build/umd/6004.diva-web-planner-react.umd.min.js +1 -1
  291. package/build/umd/6075.diva-web-planner-react.umd.min.js +1 -1
  292. package/build/umd/6173.diva-web-planner-react.umd.min.js +1 -1
  293. package/build/umd/6738.diva-web-planner-react.umd.min.js +1 -1
  294. package/build/umd/7023.diva-web-planner-react.umd.min.js +1 -1
  295. package/build/umd/7853.diva-web-planner-react.umd.min.js +1 -1
  296. package/build/umd/8697.diva-web-planner-react.umd.min.js +1 -1
  297. package/build/umd/8701.diva-web-planner-react.umd.min.js +1 -1
  298. package/build/umd/8863.diva-web-planner-react.umd.min.js +1 -1
  299. package/build/umd/9343.diva-web-planner-react.umd.min.js +1 -1
  300. package/build/umd/diva-web-planner-react.umd.min.js +1 -1
  301. package/build/umd/report.html +1 -1
  302. package/package.json +8 -8
package/build/umd/2157.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 2157.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2157,9001,4190,7853],{68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=t(88291),r=(t(87363),t(88130)),a=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 BasketMobile(n){var e=Object.assign({},((0,i.Z)(n),n)),t=(0,r.NP)();return(0,a.jsx)("div",_objectSpread(_objectSpread({},e),{},{onClick:function onClick(){return t.actionButtonState.onClickAddToBasket(t)}}))}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});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 a=function NavigationButtons(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},39141:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),d=t(88130),s=t(87363),l=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),b=t.n(g),m=t(3565),f=t.n(m),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(39545),P={};P.styleTagTransform=w(),P.setAttributes=f(),P.insert=b().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=v();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(47514);const k=(0,l.Pi)((function Inputbox(n){(0,i.Z)(n);var e=(0,d.NP)(),t=(0,s.useRef)(null);if((0,s.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,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 r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=function(){var n=(0,o.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,j.jsx)("div",{children:(0,j.jsxs)("div",{className:y.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.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,j.jsx)("button",{className:y.vX,onClick:l})]})]})})}))},22157:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var o=t(65515),i=t.n(o),r=t(88130),a=t(87363),d=t(93379),s=t.n(d),l=t(7795),u=t.n(l),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),m=t.n(b),f=t(44589),h=t.n(f),v=t(86454),S={};S.styleTagTransform=h(),S.setAttributes=g(),S.insert=p().bind(null,"head"),S.domAPI=u(),S.insertStyleElement=m();s()(v.ZP,S);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(39141),y=t(34190),P=t(97853),j=t(69001),k=t(78697),O=t(7474),B=t(9420),C=t(68063),I=t(88683),M=t(25322),T=t(47514),N={"--settingsBackgroundColor":"rgba(248, 248, 248, 0.98)","--tabGroupBackground":"rgba(248, 248, 248, 0.98)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#dfdfdf","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorder":"1px","--configuratorActionHeight":"40px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--globalBorderRadius":"3px","--mobile-tabgroup-drawer-border-radius":"12px","--buttons-border-radius":"8px"};const Z=(0,B.Pi)((function Gold(n){var e=(0,r.NP)(),t=(0,I.useDivaCore)().state.isFullscreenComponent;return(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(N)}),[]),(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)("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:i()(v.xn,e.uiState.configSettingsIsExpanded?v.zh:void 0,e.uiState.isMobileLandscape?v.rK:void 0,e.uiState.isMobilePortrait?v.tW:void 0,e.uiState.isTablet?v.Mq:void 0),children:e.uiState.isInMobileView?(0,T.jsxs)("div",{id:"wcConfigurator-mobile-wrapper",className:v.Ly,children:[(0,T.jsx)(y.default,{className:v.kL}),(0,T.jsx)(P.default,{tabgroupElement:(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(O.default,{className:v.x6,showCloseButtonInMobile:t?"left":void 0}),(0,T.jsx)(C.default,{className:v.Bg}),(0,T.jsx)(M.default,{})]})})]}):(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(O.default,{className:v.x6,showCloseButtonInMobile:"none"}),(0,T.jsx)(y.default,{className:v.kL}),(0,T.jsx)(P.default,{className:v.vt}),(0,T.jsx)(j.default,{className:v.jl,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,T.jsx)(k.default,{containerClassName:v.tM,showCheckoutButtons:!0})]})}),e.settingsState.inputBoxVisible&&(0,T.jsx)(w.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});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 a=function Product(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},59343:(n,e,t)=>{t.r(e),t.d(e,{default:()=>O});var o=t(34988),i=t(87363),r=t(92404),a=t(9420),d=t(88130),s=t(93379),l=t.n(s),u=t(7795),c=t.n(u),p=t(90569),x=t.n(p),g=t(3565),b=t.n(g),m=t(19216),f=t.n(m),h=t(44589),v=t.n(h),S=t(41060),w={};w.styleTagTransform=v(),w.setAttributes=b(),w.insert=x().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=f();l()(S.ZP,w);S.ZP&&S.ZP.locals&&S.ZP.locals;var y=t(82956),P=t(65515),j=t.n(P);var k=t(47514);const O=(0,a.Pi)((function SettingsBottomDrawer(n){var e=n.draggerElement,t=n.children,a=(0,d.NP)(),s=(0,i.useState)(a.uiState.isMobilePortrait),l=(0,o.Z)(s,2),u=l[0],c=l[1],p=function useDrawerHook(){var n=(0,i.useState)(0),e=(0,o.Z)(n,2),t=e[0],r=e[1],a=(0,i.useState)(0),d=(0,o.Z)(a,2),s=d[0],l=d[1],u=(0,i.useMemo)((function(){return function(n){return n.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(n){r(n.touches[0].clientY),l(n.touches[0].pageX)},handleTouchMove:function handleTouchMove(n){var e=n.touches[0].clientY,o=n.touches[0].pageX,i=Math.abs(e-t),r=Math.abs(o-s);i>=1&&i>2*r&&window.addEventListener("touchmove",u,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",u)}}}(),x=p.handleTouchStart,g=p.handleTouchMove,b=p.handleTouchEnd;return(0,i.useEffect)((function(){c(a.uiState.isMobilePortrait)}),[a.uiState.isInMobileView,a.uiState.isMobileLandscape,a.uiState.isTablet]),(0,k.jsx)(r.dy.Root,{open:u,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:a.settingsState.snapPoints,container:document.getElementById("wcConfigurator"),onClose:function onClose(){return a.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==a.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:a.settingsState.snapPoints[a.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(n){return a.settingsState.setActiveSnapPointIndex(a.settingsState.snapPoints.indexOf(n))},children:(0,k.jsx)(r.dy.Portal,{children:(0,k.jsxs)(r.dy.Content,{title:"Settings",className:S.kh,children:[(0,k.jsxs)(r.dy.Handle,{title:"SettingsHandle",className:j()(S.aq),onTouchStart:x,onTouchMove:g,onTouchEnd:b,children:[(0,k.jsx)("div",{className:S.Rx,children:(0,k.jsx)("div",{className:S.uQ})}),(0,k.jsx)("div",{className:S.ad,children:e})]}),a.uiState.isInMobileView&&(0,k.jsx)("div",{className:j()(y.Iz,S.J7),children:t})]})})})}))},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>l});var o=t(9420),i=(t(87363),t(88130)),r=t(82956),a=t(65515),d=t.n(a),s=t(47514);const l=(0,o.Pi)((function SettingsExpanderButtons(n){var e=(0,i.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,s.jsxs)(s.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,s.jsx)("div",{className:d()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,s.jsxs)(s.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,s.jsx)("div",{className:d()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,s.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>f});var o=t(80248),i=t(72874),r=(t(87363),t(88130)),a=t(80509),d=t(90395),s=t(9420),l=t(82956),u=t(65515),c=t.n(u),p=t(99676),x=t(51451),g=t(59343),b=t(47514),m=["className","tabgroupElement"];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 f=(0,s.Pi)((function Settings(n){var e,t,o=n.className,s=n.tabgroupElement,u=(0,i.Z)(n,m),f=(0,r.NP)(),h=f.getIsInMobileView()&&f.getViewConfig().navigateMobileSwiper,v=(0,b.jsx)(b.Fragment,{children:h?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!f.uiState.isInMobileView&&!f.settingsState.forceSettingsHeaderInScrollContainer&&(0,b.jsx)(a.default,{},null!==(e=null===(t=f.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,b.jsx)(d.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,l.vt,"horizontal"==f.tabGroupState.curTabGroupType?l.s1:void 0,f.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:s,children:v}),!f.uiState.isInMobileView&&v]}))}))},25322:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var o=t(88291),i=t(88130),r=(t(87363),t(9420)),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),g=t(19216),b=t.n(g),m=t(44589),f=t.n(m),h=t(29390),v={};v.styleTagTransform=f(),v.setAttributes=x(),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(47514);const w=(0,r.Pi)((function ProgressBar(n){(0,o.Z)(n);var e=(0,i.NP)(),t=e.configuratorStructureHandler.lastConfigStep,r=e.tabGroupState.curConfigStep;if(!t||!r)return(0,S.jsx)(S.Fragment,{});var a=r.posNr,d=t.posNr,s=1==d?0:Math.round(a/d*100),l=100-s;return(0,S.jsxs)("div",{className:h.YS,children:[(0,S.jsx)("div",{className:h.L3,style:{width:s+"%"}}),(0,S.jsx)("div",{className:h.LM,style:{width:l+"%"}})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>m,vX:()=>b});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(38403),t.b),u=a()(i()),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 p="index-module--nrbS_",x="index-module--lGJqa",g="index-module--OZydS",b="index-module--FQDBA";const m=u},86454:(n,e,t)=>{t.d(e,{Bg:()=>w,Ly:()=>P,Mq:()=>y,ZP:()=>j,jl:()=>h,kL:()=>b,rK:()=>x,tM:()=>v,tW:()=>g,vt:()=>m,x6:()=>f,xn:()=>p,zh:()=>S});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(2431),t.b),u=a()(i()),c=s()(l);u.push([n.id,".index-module--jUUzB {\n position: relative;\n height: calc(100% - 60px);\n width: 100%;\n margin: 30px 0;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n letter-spacing: 0.5px;\n -webkit-font-smoothing: antialiased;\n -webkit-text-stroke: 0.1px;\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 overscroll-behavior-y: contain;\n}\n\n.index-module--jUUzB *,\n.index-module--jUUzB *::before,\n.index-module--jUUzB *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--jUUzB.index-module--ka5TW {\n height: 100%;\n width: 100%;\n margin: 0;\n}\n\n.index-module--jUUzB.index-module--rXcyI {\n height: 100%;\n width: 100%;\n margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--fH3d_ {\n position: absolute;\n width: 69%;\n top: calc(56px + 20px);\n height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--PRLOe {\n position: absolute;\n width: 31%;\n overflow: visible;\n z-index: 600;\n right: 0px;\n top: calc(56px + 20px);\n height: calc(100% - 60px - 56px - 70px);\n transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--zOzPb {\n position: absolute;\n z-index: 600;\n height: 56px;\n width: 100%;\n transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--_vKBL {\n position: absolute;\n width: 31%;\n height: 40px;\n right: 0px;\n bottom: calc(40px + 20px);\n padding-top: 10px;\n z-index: 600;\n transition: width 0.2s ease-in-out;\n background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.index-module--mZSQ5 {\n position: absolute;\n width: 31%;\n height: 40px;\n right: 0px;\n bottom: 0px;\n padding-top: 20px;\n z-index: 600;\n\n transition: width 0.2s ease-in-out;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--g6b2d .index-module--PRLOe,\n.index-module--g6b2d .index-module--mZSQ5,\n.index-module--g6b2d .index-module--_vKBL {\n width: 62%;\n}\n\n.index-module--jUUzB.index-module--rXcyI,\n.index-module--ka5TW.index-module--jUUzB {\n padding: 0;\n padding: initial;\n overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--ka5TW .index-module--fH3d_ {\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--ka5TW .index-module--PRLOe {\n display: none;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--ka5TW .index-module--zOzPb {\n display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--ka5TW .index-module--_vKBL {\n display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--ka5TW .index-module--mZSQ5 {\n display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--rXcyI .index-module--fH3d_ {\n top: 0px;\n left: 0px;\n height: var(--configuratorProductHeight);\n transition: height 0.2s ease-out;\n width: 100%;\n max-width: none;\n max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--rXcyI .index-module--PRLOe {\n left: 0px;\n top: auto;\n top: initial;\n transition: height 0.2s ease-out;\n bottom: 0px;\n width: 100%;\n z-index: 1000;\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--rXcyI .index-module--zOzPb {\n position: relative;\n right: auto;\n right: initial;\n top: auto;\n top: initial;\n transition: none 0s ease 0s;\n transition: initial;\n flex-grow: 10;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--rXcyI .index-module--_vKBL {\n display: none;\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\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--rXcyI .index-module--mZSQ5,\n.index-module--rXcyI.index-module--HZdfU .index-module--mZSQ5 {\n display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--GKXer {\n position: relative;\n transition: bottom 0.2s ease-out;\n width: 50px;\n height: var(--configuratorTabGroupHeight);\n background: no-repeat url("+c+") center center var(--primaryColor);\n background-size: 37%;\n z-index: 300;\n}\n\n.index-module--ka5TW,\n.index-module--rXcyI {\n --configuratorActionHeight: 50px;\n --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--FYopM {\n --configuratorTabGroupHeight: 50px;\n --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n.index-module--l4Hrm {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\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 p="index-module--jUUzB",x="index-module--ka5TW",g="index-module--rXcyI",b="index-module--fH3d_",m="index-module--PRLOe",f="index-module--zOzPb",h="index-module--_vKBL",v="index-module--mZSQ5",S="index-module--g6b2d",w="index-module--GKXer",y="index-module--FYopM",P="index-module--l4Hrm";const j=u},41060:(n,e,t)=>{t.d(e,{J7:()=>l,Rx:()=>u,ZP:()=>x,ad:()=>p,aq:()=>s,kh:()=>d,uQ:()=>c});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,".index-module--qmbFa {\n outline: medium none invert;\n outline: initial;\n position: absolute;\n z-index: 1000;\n width: 100%;\n}\ndiv.index-module--Lklbq {\n width: 100%;\n opacity: 1;\n height: var(--configuratorTabGroupHeight);\n background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n background: initial;\n border-radius: 0px;\n box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--A4coW {\n display: flex;\n flex-direction: column;\n height: 100%;\n background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n transform: none;\n transform: initial;\n left: auto;\n left: initial;\n top: auto;\n top: initial;\n}\n\n.index-module--WO2oD {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -32px);\n width: 40px;\n height: 40px;\n touch-action: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n width: var(--configuratorTabGroupHeight);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--yfZrB {\n position: relative;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n display: flex;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n pointer-events: all !important;\n}\n",""]);var d="index-module--qmbFa",s="index-module--Lklbq",l="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",p="index-module--yfZrB";const x=a},29390:(n,e,t)=>{t.d(e,{L3:()=>s,LM:()=>l,YS:()=>d,ZP:()=>u});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,".index-module--rHd3V {\n position: absolute;\n width: 100%;\n height: 3px;\n bottom: 0;\n left: 0;\n z-index: 2000;\n}\n\n.index-module--_zSo1 {\n background: #ccc;\n border-radius: 0 1px 1px 0;\n transition: width 0.35s ease-in-out;\n height: 100%;\n}\n\n.index-module--tkNQ6 {\n background: #eee;\n transition: width 0.35s ease-in-out;\n height: 100%;\n}\n",""]);var d="index-module--rHd3V",s="index-module--_zSo1",l="index-module--tkNQ6";const u=a}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2157,9001,4190,7853],{68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=t(88291),r=(t(87363),t(88130)),a=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 BasketMobile(n){var e=Object.assign({},((0,i.Z)(n),n)),t=(0,r.NP)();return(0,a.jsx)("div",_objectSpread(_objectSpread({},e),{},{onClick:function onClick(){return t.actionButtonState.onClickAddToBasket(t)}}))}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});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 a=function NavigationButtons(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},39141:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),d=t(88130),s=t(87363),l=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),b=t(90569),g=t.n(b),m=t(3565),f=t.n(m),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(39545),P={};P.styleTagTransform=w(),P.setAttributes=f(),P.insert=g().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=v();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(47514);const k=(0,l.Pi)((function Inputbox(n){(0,i.Z)(n);var e=(0,d.NP)(),t=(0,s.useRef)(null);if((0,s.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,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 r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=function(){var n=(0,o.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,j.jsx)("div",{children:(0,j.jsxs)("div",{className:y.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.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,j.jsx)("button",{className:y.vX,onClick:l})]})]})})}))},22157:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var o=t(65515),i=t.n(o),r=t(88130),a=t(87363),d=t(93379),s=t.n(d),l=t(7795),u=t.n(l),c=t(90569),p=t.n(c),x=t(3565),b=t.n(x),g=t(19216),m=t.n(g),f=t(44589),h=t.n(f),v=t(86454),S={};S.styleTagTransform=h(),S.setAttributes=b(),S.insert=p().bind(null,"head"),S.domAPI=u(),S.insertStyleElement=m();s()(v.ZP,S);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(39141),y=t(34190),P=t(97853),j=t(69001),k=t(78697),O=t(7474),B=t(9420),C=t(68063),I=t(88683),M=t(25322),T=t(47514),N={"--settingsBackgroundColor":"rgba(248, 248, 248, 0.98)","--tabGroupBackground":"rgba(248, 248, 248, 0.98)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#dfdfdf","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorder":"1px","--configuratorActionHeight":"40px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--globalBorderRadius":"3px","--mobile-tabgroup-drawer-border-radius":"12px","--buttons-border-radius":"8px"};const Z=(0,B.Pi)((function Gold(n){var e=(0,r.NP)(),t=(0,I.useDivaCore)().state.isFullscreenComponent;return(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(N)}),[]),(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)("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:i()(v.xn,e.uiState.configSettingsIsExpanded?v.zh:void 0,e.uiState.isMobileLandscape?v.rK:void 0,e.uiState.isMobilePortrait?v.tW:void 0,e.uiState.isTablet?v.Mq:void 0),children:(0,T.jsxs)("div",{id:"wcConfigurator-wrapper",style:{width:"100%",height:"100%",position:"absolute",bottom:0,left:0},children:[(0,T.jsx)(y.default,{className:v.kL}),e.uiState.isInMobileView?(0,T.jsx)(P.default,{tabgroupElement:(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(O.default,{className:v.x6,showCloseButtonInMobile:t?"left":void 0}),(0,T.jsx)(C.default,{className:v.Bg}),(0,T.jsx)(M.default,{})]})}):(0,T.jsxs)(T.Fragment,{children:[(0,T.jsx)(O.default,{className:v.x6,showCloseButtonInMobile:"none"}),(0,T.jsx)(P.default,{className:v.vt}),(0,T.jsx)(j.default,{className:v.jl,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,T.jsx)(k.default,{containerClassName:v.tM,showCheckoutButtons:!0})]})]})}),e.settingsState.inputBoxVisible&&(0,T.jsx)(w.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});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 a=function Product(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},59343:(n,e,t)=>{t.r(e),t.d(e,{default:()=>O});var o=t(34988),i=t(87363),r=t(92404),a=t(9420),d=t(88130),s=t(93379),l=t.n(s),u=t(7795),c=t.n(u),p=t(90569),x=t.n(p),b=t(3565),g=t.n(b),m=t(19216),f=t.n(m),h=t(44589),v=t.n(h),S=t(41060),w={};w.styleTagTransform=v(),w.setAttributes=g(),w.insert=x().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=f();l()(S.ZP,w);S.ZP&&S.ZP.locals&&S.ZP.locals;var y=t(82956),P=t(65515),j=t.n(P);var k=t(47514);const O=(0,a.Pi)((function SettingsBottomDrawer(n){var e=n.draggerElement,t=n.children,a=(0,d.NP)(),s=(0,i.useState)(a.uiState.isMobilePortrait),l=(0,o.Z)(s,2),u=l[0],c=l[1],p=function useDrawerHook(){var n=(0,i.useState)(0),e=(0,o.Z)(n,2),t=e[0],r=e[1],a=(0,i.useState)(0),d=(0,o.Z)(a,2),s=d[0],l=d[1],u=(0,i.useMemo)((function(){return function(n){return n.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(n){r(n.touches[0].clientY),l(n.touches[0].pageX)},handleTouchMove:function handleTouchMove(n){var e=n.touches[0].clientY,o=n.touches[0].pageX,i=Math.abs(e-t),r=Math.abs(o-s);i>=1&&i>2*r&&window.addEventListener("touchmove",u,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",u)}}}(),x=p.handleTouchStart,b=p.handleTouchMove,g=p.handleTouchEnd;return(0,i.useEffect)((function(){c(a.uiState.isMobilePortrait)}),[a.uiState.isInMobileView,a.uiState.isMobileLandscape,a.uiState.isTablet]),(0,k.jsx)(r.dy.Root,{open:u,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:a.settingsState.snapPoints,container:document.getElementById("wcConfigurator"),onClose:function onClose(){return a.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==a.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:a.settingsState.snapPoints[a.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(n){return a.settingsState.setActiveSnapPointIndex(a.settingsState.snapPoints.indexOf(n))},children:(0,k.jsx)(r.dy.Portal,{children:(0,k.jsxs)(r.dy.Content,{className:S.kh,children:[(0,k.jsx)(r.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,k.jsxs)(r.dy.Handle,{className:j()(S.aq),onTouchStart:x,onTouchMove:b,onTouchEnd:g,children:[(0,k.jsx)("div",{className:S.Rx,children:(0,k.jsx)("div",{className:S.uQ})}),(0,k.jsx)("div",{className:S.ad,children:e})]}),a.uiState.isInMobileView&&(0,k.jsx)("div",{className:j()(y.Iz,S.J7),children:t})]})})})}))},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>l});var o=t(9420),i=(t(87363),t(88130)),r=t(82956),a=t(65515),d=t.n(a),s=t(47514);const l=(0,o.Pi)((function SettingsExpanderButtons(n){var e=(0,i.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,s.jsxs)(s.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,s.jsx)("div",{className:d()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,s.jsxs)(s.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,s.jsx)("div",{className:d()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,s.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>f});var o=t(80248),i=t(72874),r=(t(87363),t(88130)),a=t(80509),d=t(90395),s=t(9420),l=t(82956),u=t(65515),c=t.n(u),p=t(99676),x=t(51451),b=t(59343),g=t(47514),m=["className","tabgroupElement"];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 f=(0,s.Pi)((function Settings(n){var e,t,o=n.className,s=n.tabgroupElement,u=(0,i.Z)(n,m),f=(0,r.NP)(),h=f.getIsInMobileView()&&f.getViewConfig().navigateMobileSwiper,v=(0,g.jsx)(g.Fragment,{children:h?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!f.uiState.isInMobileView&&!f.settingsState.forceSettingsHeaderInScrollContainer&&(0,g.jsx)(a.default,{},null!==(e=null===(t=f.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,g.jsx)(d.default,{}),(0,g.jsx)(x.default,{})]})});return(0,g.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,l.vt,"horizontal"==f.tabGroupState.curTabGroupType?l.s1:void 0,f.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,g.jsx)(b.default,{draggerElement:s,children:v}),!f.uiState.isInMobileView&&v]}))}))},25322:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var o=t(88291),i=t(88130),r=(t(87363),t(9420)),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),b=t(19216),g=t.n(b),m=t(44589),f=t.n(m),h=t(29390),v={};v.styleTagTransform=f(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=g();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(47514);const w=(0,r.Pi)((function ProgressBar(n){(0,o.Z)(n);var e=(0,i.NP)(),t=e.configuratorStructureHandler.lastConfigStep,r=e.tabGroupState.curConfigStep;if(!t||!r)return(0,S.jsx)(S.Fragment,{});var a=r.posNr,d=t.posNr,s=1==d?0:Math.round(a/d*100),l=100-s;return(0,S.jsxs)("div",{className:h.YS,children:[(0,S.jsx)("div",{className:h.L3,style:{width:s+"%"}}),(0,S.jsx)("div",{className:h.LM,style:{width:l+"%"}})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>b,Q_:()=>x,ZP:()=>m,vX:()=>g});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(38403),t.b),u=a()(i()),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 p="index-module--nrbS_",x="index-module--lGJqa",b="index-module--OZydS",g="index-module--FQDBA";const m=u},86454:(n,e,t)=>{t.d(e,{Bg:()=>w,Mq:()=>y,ZP:()=>P,jl:()=>h,kL:()=>g,rK:()=>x,tM:()=>v,tW:()=>b,vt:()=>m,x6:()=>f,xn:()=>p,zh:()=>S});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(2431),t.b),u=a()(i()),c=s()(l);u.push([n.id,".index-module--jUUzB {\n position: relative;\n height: calc(100% - 60px);\n width: 100%;\n margin: 30px 0;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n letter-spacing: 0.5px;\n -webkit-font-smoothing: antialiased;\n -webkit-text-stroke: 0.1px;\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 overscroll-behavior-y: contain;\n}\n\n.index-module--jUUzB *,\n.index-module--jUUzB *::before,\n.index-module--jUUzB *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--jUUzB.index-module--ka5TW {\n height: 100%;\n width: 100%;\n margin: 0;\n}\n\n.index-module--jUUzB.index-module--rXcyI {\n height: 100%;\n width: 100%;\n margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--fH3d_ {\n position: absolute;\n width: 69%;\n top: calc(56px + 20px);\n height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--PRLOe {\n position: absolute;\n width: 31%;\n overflow: visible;\n z-index: 600;\n right: 0px;\n top: calc(56px + 20px);\n height: calc(100% - 60px - 56px - 70px);\n transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--zOzPb {\n position: absolute;\n z-index: 600;\n height: 56px;\n width: 100%;\n transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--_vKBL {\n position: absolute;\n width: 31%;\n height: 40px;\n right: 0px;\n bottom: calc(40px + 20px);\n padding-top: 10px;\n z-index: 600;\n transition: width 0.2s ease-in-out;\n background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.index-module--mZSQ5 {\n position: absolute;\n width: 31%;\n height: 40px;\n right: 0px;\n bottom: 0px;\n padding-top: 20px;\n z-index: 600;\n\n transition: width 0.2s ease-in-out;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--g6b2d .index-module--PRLOe,\n.index-module--g6b2d .index-module--mZSQ5,\n.index-module--g6b2d .index-module--_vKBL {\n width: 62%;\n}\n\n.index-module--jUUzB.index-module--rXcyI,\n.index-module--ka5TW.index-module--jUUzB {\n padding: 0;\n padding: initial;\n overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--ka5TW .index-module--fH3d_ {\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--ka5TW .index-module--PRLOe {\n display: none;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--ka5TW .index-module--zOzPb {\n display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--ka5TW .index-module--_vKBL {\n display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--ka5TW .index-module--mZSQ5 {\n display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--rXcyI .index-module--fH3d_ {\n top: 0px;\n left: 0px;\n height: var(--configuratorProductHeight);\n transition: height 0.2s ease-out;\n width: 100%;\n max-width: none;\n max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--rXcyI .index-module--PRLOe {\n left: 0px;\n top: auto;\n top: initial;\n transition: height 0.2s ease-out;\n bottom: 0px;\n width: 100%;\n z-index: 1000;\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--rXcyI .index-module--zOzPb {\n position: relative;\n right: auto;\n right: initial;\n top: auto;\n top: initial;\n transition: none 0s ease 0s;\n transition: initial;\n flex-grow: 10;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--rXcyI .index-module--_vKBL {\n display: none;\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\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--rXcyI .index-module--mZSQ5,\n.index-module--rXcyI.index-module--HZdfU .index-module--mZSQ5 {\n display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--GKXer {\n position: relative;\n transition: bottom 0.2s ease-out;\n width: 50px;\n height: var(--configuratorTabGroupHeight);\n background: no-repeat url("+c+") center center var(--primaryColor);\n background-size: 37%;\n z-index: 300;\n}\n\n.index-module--ka5TW,\n.index-module--rXcyI {\n --configuratorActionHeight: 50px;\n --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--FYopM {\n --configuratorTabGroupHeight: 50px;\n --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n.index-module--l4Hrm {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\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 p="index-module--jUUzB",x="index-module--ka5TW",b="index-module--rXcyI",g="index-module--fH3d_",m="index-module--PRLOe",f="index-module--zOzPb",h="index-module--_vKBL",v="index-module--mZSQ5",S="index-module--g6b2d",w="index-module--GKXer",y="index-module--FYopM";const P=u},41060:(n,e,t)=>{t.d(e,{J7:()=>l,Rx:()=>u,ZP:()=>x,ad:()=>p,aq:()=>s,kh:()=>d,uQ:()=>c});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,".index-module--qmbFa {\n outline: medium none invert;\n outline: initial;\n position: absolute;\n z-index: 1000;\n width: 100%;\n}\ndiv.index-module--Lklbq {\n width: 100%;\n opacity: 1;\n height: var(--configuratorTabGroupHeight);\n background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n background: initial;\n border-radius: 0px;\n box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--A4coW {\n display: flex;\n flex-direction: column;\n height: 100%;\n background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n transform: none;\n transform: initial;\n left: auto;\n left: initial;\n top: auto;\n top: initial;\n}\n\n.index-module--WO2oD {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -32px);\n width: 40px;\n height: 40px;\n touch-action: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n width: var(--configuratorTabGroupHeight);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--yfZrB {\n position: relative;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n display: flex;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n pointer-events: all !important;\n}\n",""]);var d="index-module--qmbFa",s="index-module--Lklbq",l="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",p="index-module--yfZrB";const x=a},29390:(n,e,t)=>{t.d(e,{L3:()=>s,LM:()=>l,YS:()=>d,ZP:()=>u});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,".index-module--rHd3V {\n position: absolute;\n width: 100%;\n height: 3px;\n bottom: 0;\n left: 0;\n z-index: 2000;\n}\n\n.index-module--_zSo1 {\n background: #ccc;\n border-radius: 0 1px 1px 0;\n transition: width 0.35s ease-in-out;\n height: 100%;\n}\n\n.index-module--tkNQ6 {\n background: #eee;\n transition: width 0.35s ease-in-out;\n height: 100%;\n}\n",""]);var d="index-module--rHd3V",s="index-module--_zSo1",l="index-module--tkNQ6";const u=a}}]);
package/build/umd/3082.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 3082.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3082,1280],{23082:(n,e,o)=>{o.r(e),o.d(e,{default:()=>k});var t=o(80248),r=o(9420),i=(o(87363),o(41280)),a=o(93379),d=o.n(a),l=o(7795),c=o.n(l),s=o(90569),u=o.n(s),v=o(3565),f=o.n(v),x=o(19216),g=o.n(x),h=o(44589),p=o.n(h),b=o(77815),m={};m.styleTagTransform=p(),m.setAttributes=f(),m.insert=u().bind(null,"head"),m.domAPI=c(),m.insertStyleElement=g();d()(b.Z,m);b.Z&&b.Z.locals&&b.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 k=(0,r.Pi)((function ActionNavigationBlue(n){return(0,j.jsx)(i.default,_objectSpread(_objectSpread({},n),{},{showNextButtonIcon:!0,className:y()(b.L,n.className)}))}))},41280:(n,e,o)=>{o.r(e),o.d(e,{default:()=>g});var t=o(80248),r=o(72874),i=o(65515),a=o.n(i),d=o(88130),l=o(9420),c=(o(87363),o(88683)),s=o(40976),u=o(39667),v=o(19047),f=o(47514),x=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon","showCheckoutButtons"];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 g=(0,l.Pi)((function ActionNavigation(n){var e,o=n.className,t=n.showBackButtonText,i=n.backOverwrite,l=n.forthOverwrite,g=n.showNextButtonIcon,h=n.showCheckoutButtons,p=(0,r.Z)(n,x),b=(0,d.NP)(),m=(0,c.useTranslation)().t;return(0,f.jsx)("div",_objectSpread(_objectSpread({},p),{},{className:a()(o,s.jl,b.actionButtonState.isOnFirstStep?s.FN:void 0,b.actionButtonState.isOnFirstStepDisabled?s.$t:void 0,b.actionButtonState.isOnLastStep?s.Is:void 0,"vertical"==b.tabGroupState.curTabGroupType?s.KR:void 0,b.uiState.isMobilePortrait?s.tW:void 0,b.uiState.isMobileLandscape?s.Qv:void 0),children:(0,f.jsxs)("div",{className:s.nC,children:[(0,f.jsxs)("div",{className:a()(s.LI,s.op,i),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_BACK_BUTTON",b.actionButtonState.onClickConfiguratorSettingsBack()},children:[!t&&(0,f.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,f.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),t&&m("configurator.Back")]}),h&&(null===(e=b.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,v.evalVisible)(n,b,"navigator")})).map((function(n,e){return(0,f.jsx)("div",{className:s.rK,onClick:function onClick(){return(0,v.onClickCheckout)(n,b,e,m)},children:(0,f.jsx)(u.default,{checkoutButton:n,size:40})},e)}))),(0,f.jsxs)("div",{className:a()(s.LI,s.ox,l),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_FORWARD_BUTTON",b.actionButtonState.onClickConfiguratorSettingsForth()},id:"wcConfigurator-action-next",children:[m("configurator.Next"),g&&(0,f.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,f.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:()=>l});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 l=a},28717:(n,e,o)=>{o.d(e,{$t:()=>x,FN:()=>h,Is:()=>g,KR:()=>c,LI:()=>s,Qv:()=>p,ZP:()=>m,jl:()=>d,nC:()=>l,op:()=>v,ox:()=>f,rK:()=>u,tW:()=>b});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 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 d="index-module--Ug06K",l="index-module--uMdxf",c="index-module--j2X1m",s="index-module--NUblS",u="index-module--mfwxp",v="index-module--vWg5_",f="index-module--IneQR",x="index-module--n4fFc",g="index-module--YJM3e",h="index-module--X2uG9",p="index-module--CVPGS",b="index-module--KE5Qn";const m=a},40976:(n,e,o)=>{o.d(e,{$t:()=>g.$t,FN:()=>g.FN,Is:()=>g.Is,KR:()=>g.KR,LI:()=>g.LI,Qv:()=>g.Qv,jl:()=>g.jl,nC:()=>g.nC,op:()=>g.op,ox:()=>g.ox,rK:()=>g.rK,tW:()=>g.tW});var t=o(93379),r=o.n(t),i=o(7795),a=o.n(i),d=o(90569),l=o.n(d),c=o(3565),s=o.n(c),u=o(19216),v=o.n(u),f=o(44589),x=o.n(f),g=o(28717),h={};h.styleTagTransform=x(),h.setAttributes=s(),h.insert=l().bind(null,"head"),h.domAPI=a(),h.insertStyleElement=v();r()(g.ZP,h),g.ZP&&g.ZP.locals&&g.ZP.locals}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3082,1280],{23082:(n,e,o)=>{o.r(e),o.d(e,{default:()=>k});var t=o(80248),r=o(9420),i=(o(87363),o(41280)),a=o(93379),d=o.n(a),l=o(7795),c=o.n(l),s=o(90569),u=o.n(s),x=o(3565),v=o.n(x),f=o(19216),g=o.n(f),h=o(44589),p=o.n(h),b=o(77815),m={};m.styleTagTransform=p(),m.setAttributes=v(),m.insert=u().bind(null,"head"),m.domAPI=c(),m.insertStyleElement=g();d()(b.Z,m);b.Z&&b.Z.locals&&b.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 k=(0,r.Pi)((function ActionNavigationBlue(n){return(0,j.jsx)(i.default,_objectSpread(_objectSpread({},n),{},{showNextButtonIcon:!0,className:y()(b.L,n.className)}))}))},41280:(n,e,o)=>{o.r(e),o.d(e,{default:()=>g});var t=o(80248),r=o(72874),i=o(65515),a=o.n(i),d=o(88130),l=o(9420),c=(o(87363),o(88683)),s=o(40976),u=o(39667),x=o(19047),v=o(47514),f=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon","showCheckoutButtons"];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 g=(0,l.Pi)((function ActionNavigation(n){var e,o=n.className,t=n.showBackButtonText,i=n.backOverwrite,l=n.forthOverwrite,g=n.showNextButtonIcon,h=n.showCheckoutButtons,p=(0,r.Z)(n,f),b=(0,d.NP)(),m=(0,c.useTranslation)().t;return(0,v.jsx)("div",_objectSpread(_objectSpread({},p),{},{className:a()(o,s.jl,b.actionButtonState.isOnFirstStep?s.FN:void 0,b.actionButtonState.isOnFirstStepDisabled?s.$t:void 0,b.actionButtonState.isOnLastStep?s.Is:void 0,"vertical"==b.tabGroupState.curTabGroupType?s.KR:void 0,b.uiState.isMobilePortrait?s.tW:void 0,b.uiState.isMobileLandscape?s.Qv:void 0),children:(0,v.jsxs)("div",{className:s.nC,children:[(0,v.jsxs)("div",{className:a()(s.LI,s.op,i),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_BACK_BUTTON",b.actionButtonState.onClickConfiguratorSettingsBack()},children:[!t&&(0,v.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,v.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),t&&m("configurator.Back")]}),h&&(null===(e=b.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,x.evalVisible)(n,b,"navigator")})).map((function(n){return(0,v.jsx)("div",{className:s.rK,onClick:function onClick(){return(0,x.onClickCheckout)(n,b,n.index,m)},children:(0,v.jsx)(u.default,{checkoutButton:n,size:40})},n.index)}))),(0,v.jsxs)("div",{className:a()(s.LI,s.ox,l),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_FORWARD_BUTTON",b.actionButtonState.onClickConfiguratorSettingsForth()},id:"wcConfigurator-action-next",children:[m("configurator.Next"),g&&(0,v.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,v.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:()=>l});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 l=a},28717:(n,e,o)=>{o.d(e,{$t:()=>f,FN:()=>h,Is:()=>g,KR:()=>c,LI:()=>s,Qv:()=>p,ZP:()=>m,jl:()=>d,nC:()=>l,op:()=>x,ox:()=>v,rK:()=>u,tW:()=>b});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 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 d="index-module--Ug06K",l="index-module--uMdxf",c="index-module--j2X1m",s="index-module--NUblS",u="index-module--mfwxp",x="index-module--vWg5_",v="index-module--IneQR",f="index-module--n4fFc",g="index-module--YJM3e",h="index-module--X2uG9",p="index-module--CVPGS",b="index-module--KE5Qn";const m=a},40976:(n,e,o)=>{o.d(e,{$t:()=>g.$t,FN:()=>g.FN,Is:()=>g.Is,KR:()=>g.KR,LI:()=>g.LI,Qv:()=>g.Qv,jl:()=>g.jl,nC:()=>g.nC,op:()=>g.op,ox:()=>g.ox,rK:()=>g.rK,tW:()=>g.tW});var t=o(93379),r=o.n(t),i=o(7795),a=o.n(i),d=o(90569),l=o.n(d),c=o(3565),s=o.n(c),u=o(19216),x=o.n(u),v=o(44589),f=o.n(v),g=o(28717),h={};h.styleTagTransform=f(),h.setAttributes=s(),h.insert=l().bind(null,"head"),h.domAPI=a(),h.insertStyleElement=x();r()(g.ZP,h),g.ZP&&g.ZP.locals&&g.ZP.locals}}]);
package/build/umd/3492.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 3492.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3492,3605,1681,5818,3464],{34384:(M,e,t)=>{t.r(e),t.d(e,{default:()=>u});var n=t(80248),D=t(34988),I=t(9420),o=t(87363),g=t(29523),r=t(88130),A=t(88683),i=t(47514);function ownKeys(M,e){var t=Object.keys(M);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(M);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(M,e).enumerable}))),t.push.apply(t,n)}return t}function _objectSpread(M){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,n.Z)(M,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(M,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(M,e,Object.getOwnPropertyDescriptor(t,e))}))}return M}var j=(0,A.getLogger)("Planner","InfoBox");const u=(0,I.Pi)((function ContentItemWrapper(M){var e=M.direction,t=M.mountElementId,n=M.drawerStyle,I=(0,r.NP)(),u=(0,o.useState)(!1),c=(0,D.Z)(u,2),N=c[0],w=c[1],s=(0,A.useDivaCore)().actions,d=s.openDrawerMenu,a=s.closeDrawerMenu;return(0,o.useEffect)((function(){if(I.settingsState.contentItemVisible&&I.settingsState.contentItemId){w(!0);var M=I.getIsInMobileView(),D=function onClose(){I.settingsState.setContentItemId()},o=(0,i.jsx)(g.Q,{onClose:function onClose(){D(),a("content-item")},contentItemId:I.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},onContentItemLoaded:function onContentItemLoaded(M){j.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:I.settingsState.contentItemId,title:null!=M?M:void 0})}});d(M?{id:"content-item",content:o,onClose:D,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,snapPoints:[.9],direction:"bottom",mountElementId:"wcConfigurator-mobile-wrapper",handleInternScroll:!0}:{id:"content-item",content:o,onClose:D,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:e,mountElementId:null!=t?t:"wcConfigurator-product",handleInternScroll:!0,drawerStyle:_objectSpread({position:"absolute",zIndex:550,maxHeight:600,top:0,bottom:"unset"},n)})}else N&&(a("content-item"),setTimeout((function(){w(!1)}),400))}),[I.settingsState.contentItemVisible,I.settingsState.contentItemId]),(0,i.jsx)(i.Fragment,{})}))},53492:(M,e,t)=>{t.r(e),t.d(e,{default:()=>N});var n=t(80248),D=t(87363),I=t(81681),o=t(34384),g=t(33464),r=t(88130),A=t(19715),i=t(83605),j=t(75818),u=t(9420),c=t(47514);function ownKeys(M,e){var t=Object.keys(M);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(M);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(M,e).enumerable}))),t.push.apply(t,n)}return t}function _objectSpread(M){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,n.Z)(M,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(M,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(M,e,Object.getOwnPropertyDescriptor(t,e))}))}return M}const N=(0,u.Pi)((function Product(M){var e=(0,r.NP)(),t=(0,D.useRef)(null);return(0,D.useEffect)((function(){t&&e.productState.setProductElement(t.current)}),[t]),(0,D.useEffect)((function(){document.documentElement.style.setProperty("--configuratorProductHeight",e.settingsState.productHeight)}),[e.settingsState.productHeight]),(0,c.jsxs)("div",_objectSpread(_objectSpread({id:"wcConfigurator-product"},M),{},{ref:t,onTouchStart:function onTouchStart(){3==e.settingsState.activeSnapPointIndex&&e.settingsState.setActiveSnapPointIndex(2)},children:[(0,c.jsx)(I.default,{}),(0,c.jsx)(A.default,{}),e.productState.footerVisible.length>1&&(0,c.jsx)(i.default,{}),(0,c.jsx)(j.default,{}),(0,c.jsx)(g.default,{}),(0,c.jsx)(o.default,{direction:"right"})]}))}))},83605:(M,e,t)=>{t.r(e),t.d(e,{default:()=>o});var n=t(80248),D=(t(87363),t(2765)),I=t(47514);function ownKeys(M,e){var t=Object.keys(M);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(M);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(M,e).enumerable}))),t.push.apply(t,n)}return t}function _objectSpread(M){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,n.Z)(M,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(M,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(M,e,Object.getOwnPropertyDescriptor(t,e))}))}return M}const o=function ProductFooter(M){return(0,I.jsx)(D.ZP,_objectSpread(_objectSpread({},M),{},{componentName:"Product/ProductFooter"}))}},81681:(M,e,t)=>{t.r(e),t.d(e,{default:()=>o});var n=t(80248),D=(t(87363),t(2765)),I=t(47514);function ownKeys(M,e){var t=Object.keys(M);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(M);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(M,e).enumerable}))),t.push.apply(t,n)}return t}function _objectSpread(M){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,n.Z)(M,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(M,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(M,e,Object.getOwnPropertyDescriptor(t,e))}))}return M}const o=function ProductHeader(M){return(0,I.jsx)(D.ZP,_objectSpread(_objectSpread({},M),{},{componentName:"Product/ProductHeader/ProductHeader"}))}},75818:(M,e,t)=>{t.r(e),t.d(e,{default:()=>y});var n=t(65515),D=t.n(n),I=t(88623),o=t(9420),g=(t(87363),t(88130)),r=t(93379),A=t.n(r),i=t(7795),j=t.n(i),u=t(90569),c=t.n(u),N=t(3565),w=t.n(N),s=t(19216),d=t.n(s),a=t(44589),x=t.n(a),O=t(73475),z={};z.styleTagTransform=x(),z.setAttributes=w(),z.insert=c().bind(null,"head"),z.domAPI=j(),z.insertStyleElement=d();A()(O.ZP,z);O.ZP&&O.ZP.locals&&O.ZP.locals;var E=t(47514);const y=(0,o.Pi)((function ProductInfo(M){var e=(0,g.NP)();return(0,E.jsx)(E.Fragment,{children:e.settingsState.infoBoxContent&&(0,E.jsx)("div",{className:D()(O.RZ,e.uiState.isInMobileView?O.ai:void 0),children:e.settingsState.infoBoxContent&&(0,I.ZN)(e.settingsState.infoBoxContent.content)})})}))},33464:(M,e,t)=>{t.r(e),t.d(e,{default:()=>l});var n=t(34988),D=t(88130),I=t(87363),o=t(9420),g=t(3324),r=t(93379),A=t.n(r),i=t(7795),j=t.n(i),u=t(90569),c=t.n(u),N=t(3565),w=t.n(N),s=t(19216),d=t.n(s),a=t(44589),x=t.n(a),O=t(67279),z={};z.styleTagTransform=x(),z.setAttributes=w(),z.insert=c().bind(null,"head"),z.domAPI=j(),z.insertStyleElement=d();A()(O.ZP,z);O.ZP&&O.ZP.locals&&O.ZP.locals;var E=t(65515),y=t.n(E),S=t(47514);const l=(0,o.Pi)((function ProductSettings(M){var e=(0,D.NP)(),t=(0,I.useState)(e.getIsInMobileView()),o=(0,n.Z)(t,2),r=o[0],A=o[1];return e.uiState.ItemsPaletteInProductVisible?(0,S.jsxs)("div",{className:y()(O.oE,r?O.QW:void 0),children:[(0,S.jsx)("div",{className:y()(O.LI),onClick:function onClick(){return A(!r)}}),(0,S.jsx)("div",{className:y()(O.jR,r?O.pB:void 0),children:e.settingsState.itemPaletteInProduct.map((function(M,e){return(0,S.jsx)(g.default,{item:M.palette,id:M.id})}))})]}):(0,S.jsx)(S.Fragment,{})}))},73475:(M,e,t)=>{t.d(e,{RZ:()=>g,ZP:()=>A,ai:()=>r});var n=t(8081),D=t.n(n),I=t(23645),o=t.n(I)()(D());o.push([M.id,".index-module--TDdLn {\n position: absolute;\n top: 0;\n right: 0;\n background-color: rgba(248, 248, 248, 0.75);\n z-index: 800;\n width: 300px;\n}\n\n.index-module--96TgJ.index-module--TDdLn {\n bottom: 0;\n left: 0;\n top: auto;\n top: initial;\n width: 100%;\n}\n",""]);var g="index-module--TDdLn",r="index-module--96TgJ";const A=o},67279:(M,e,t)=>{t.d(e,{LI:()=>d,QW:()=>s,ZP:()=>x,jR:()=>w,oE:()=>N,pB:()=>a});var n=t(8081),D=t.n(n),I=t(23645),o=t.n(I),g=t(61667),r=t.n(g),A=new URL(t(38403),t.b),i=new URL(t(97663),t.b),j=o()(D()),u=r()(A),c=r()(i);j.push([M.id,".index-module--D0PtT {\n position: absolute;\n top: 16px;\n right: 0px;\n margin-top: 0px;\n max-height: 100%;\n z-index: 290;\n display: flex;\n}\n\n.index-module--s2I80 {\n overflow: auto;\n height: auto;\n background: var(--settingsBackgroundColor);\n padding: 0 16px;\n border-radius: var(--globalBorderRadius);\n width: 270px;\n transition: width 350ms ease;\n}\n\n.index-module--vO3ZU .index-module--s2I80 {\n padding: 0;\n padding: initial;\n}\n\n.index-module--eczzg {\n position: absolute;\n left: -32px;\n width: 32px;\n height: 38px;\n border-radius: 5px 0 0 5px;\n transform: rotate(180deg);\n border-radius: 0 var(--globalBorderRadius) var(--globalBorderRadius) 0;\n background: var(--secondaryColor) center center / 16px no-repeat url("+u+");\n}\n\n.index-module--vO3ZU .index-module--eczzg {\n position: relative;\n left: auto;\n left: initial;\n border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n transform: rotate(0deg);\n background: var(--secondaryColor) center center / 25px no-repeat url("+c+");\n}\n\n.index-module--o_3ds {\n width: 0px;\n overflow: hidden;\n}\n",""]);var N="index-module--D0PtT",w="index-module--s2I80",s="index-module--vO3ZU",d="index-module--eczzg",a="index-module--o_3ds";const x=j},38403:M=>{M.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},97663:M=>{M.exports="data:image/svg+xml;base64,CjxzdmcgZmlsbD0iI2ZmZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgdmlld0JveD0iMCAwIDUwIDUwIiB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4Ij48cGF0aCBkPSJNIDIyLjE5OTIxOSAyIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMS4yMTQ4NDQgMi44MzM5ODQ0IEwgMjAuMjA1MDc4IDguNzk2ODc1IEMgMTkuMDE2MDggOS4xNDc2NzQ5IDE3LjkwMzMzOSA5LjYwNzI4NjYgMTYuODM1OTM4IDEwLjE3MzgyOCBMIDExLjg3NSA2LjY4MTY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDEwLjU5Mzc1IDYuNzkyOTY4OCBMIDYuNjkzMzU5NCAxMC42OTMzNTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDYuNTgyMDMxMiAxMS45NzQ2MDkgTCAxMC4wNzYxNzIgMTYuOTM5NDUzIEMgOS41MDMyMzA2IDE3Ljk4MzI5MiA5LjA0NDc2ODEgMTkuMTA5MTgzIDguNjk5MjE4OCAyMC4yOTg4MjggTCAyLjg0NTcwMzEgMjEuMjEyODkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyIDIyLjE5OTIxOSBMIDIgMjcuNjk5MjE5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyLjgzMzk4NDQgMjguNjg1NTQ3IEwgOC43OTQ5MjE5IDI5LjY5MzM1OSBDIDkuMTQ1MTExOSAzMC44ODA4ODcgOS42MDQ1NDAyIDMxLjk5MDU0NyAxMC4xNjk5MjIgMzMuMDU2NjQxIEwgNi42ODc1IDM3LjkxNzk2OSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNi43OTI5Njg4IDM5LjIwNzAzMSBMIDEwLjY5MzM1OSA0My4xMDc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDExLjk3NDYwOSA0My4yMTg3NSBMIDE2LjkzOTQ1MyAzOS43MjQ2MDkgQyAxNy45ODU0NjIgNDAuMjk4NjgzIDE5LjExNDMxNiA0MC43NTc3NTIgMjAuMzA2NjQxIDQxLjEwMzUxNiBMIDIxLjMxNDQ1MyA0Ny4wNjY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDIyLjMwMDc4MSA0Ny45MDAzOTEgTCAyNy44MDA3ODEgNDcuOTAwMzkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyOC43ODMyMDMgNDcuMDgyMDMxIEwgMjkuODg0NzY2IDQxLjEwNzQyMiBDIDMxLjA3NzczNCA0MC43NTYyNjIgMzIuMTkzMTg2IDQwLjI5NDc0MiAzMy4yNjM2NzIgMzkuNzI2NTYyIEwgMzguMjI0NjA5IDQzLjIxODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS41MDc4MTIgNDMuMTA3NDIyIEwgNDMuNDA2MjUgMzkuMjA3MDMxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA0My41MDk3NjYgMzcuOTE0MDYyIEwgMzkuOTMxNjQxIDMyLjk1NzAzMSBDIDQwLjUwMDIwOSAzMS45MTk1MSA0MC45NTc3NTYgMzAuODIxMDYgNDEuMzAwNzgxIDI5LjY5MzM1OSBMIDQ3LjE2OTkyMiAyOC42ODU1NDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQ4IDI3LjY5OTIxOSBMIDQ4IDIyLjE5OTIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNDcuMTY2MDE2IDIxLjIxNDg0NCBMIDQxLjE5OTIxOSAyMC4yMDMxMjUgQyA0MC44NTU1NjMgMTkuMDc0MjM1IDQwLjM5Nzg0MSAxNy45NzM4MjcgMzkuODI4MTI1IDE2LjkzNTU0NyBMIDQzLjMxODM1OSAxMS45NzQ2MDkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQzLjIwNzAzMSAxMC42OTMzNTkgTCAzOS4zMDY2NDEgNi43OTI5Njg4IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOC4wMTM2NzIgNi42ODk0NTMxIEwgMzMuMDUyNzM0IDEwLjI3MzQzOCBDIDMyLjAwOTY1NiA5LjcwMTcwMjMgMzAuODg1Njg2IDkuMjQxMzY3NyAyOS42OTcyNjYgOC44OTY0ODQ0IEwgMjguNjg1NTQ3IDIuODM1OTM3NSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjcuNjk5MjE5IDIgTCAyMi4xOTkyMTkgMiB6IE0gMjMuMDQ0OTIyIDQgTCAyNi44NTM1MTYgNCBMIDI3LjgxNDQ1MyA5Ljc2MzY3MTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjU1NjY0MSAxMC41NzAzMTIgQyAzMC4wNzEwNCAxMC45NDg5MTMgMzEuNDc4MTI2IDExLjUxNDkzNSAzMi42NzU3ODEgMTIuMjUxOTUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzMy43ODUxNTYgMTIuMjEwOTM4IEwgMzguNDk0MTQxIDguODA4NTkzOCBMIDQxLjE5NzI2NiAxMS41MTE3MTkgTCAzNy44ODI4MTIgMTYuMjI0NjA5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzNy44NDc2NTYgMTcuMzI0MjE5IEMgMzguNTg0Njc1IDE4LjUyMTg3NCAzOS4xNTQ1ODYgMTkuOTM3NjA3IDM5LjUzMzIwMyAyMS4zNTc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQwLjMzMzk4NCAyMi4wODU5MzggTCA0NiAyMy4wNDQ5MjIgTCA0NiAyNi44NTc0MjIgTCA0MC40Mjk2ODggMjcuODE0NDUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS42MzI4MTIgMjguNTQyOTY5IEMgMzkuMjU0MTk2IDI5Ljk2Mjc4MyAzOC42ODYyMzcgMzEuMzc4NTE3IDM3Ljk0OTIxOSAzMi41NzYxNzIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDM3Ljk5MDIzNCAzMy42ODU1NDcgTCA0MS4zOTA2MjUgMzguMzk0NTMxIEwgMzguNjg3NSA0MS4wOTc2NTYgTCAzMy45NzQ2MDkgMzcuNzgxMjUgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDMyLjkwNDI5NyAzNy43MzI0MjIgQyAzMS41NjY2MzIgMzguNDk2ODAyIDMwLjI2MjcgMzkuMDUzNDY2IDI4Ljc1NzgxMiAzOS40Mjk2ODggQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjAxNzU3OCA0MC4yMTg3NSBMIDI2Ljk2Njc5NyA0NS45MDAzOTEgTCAyMy4xNDQ1MzEgNDUuOTAwMzkxIEwgMjIuMTg1NTQ3IDQwLjIzMjQyMiBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjEuNDQzMzU5IDM5LjQyOTY4OCBDIDE5LjkyODk2IDM5LjA1MTA4OCAxOC41MjE4NzQgMzguNDg1MDY1IDE3LjMyNDIxOSAzNy43NDgwNDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDE2LjIyNDYwOSAzNy43ODEyNSBMIDExLjUxMTcxOSA0MS4wOTc2NTYgTCA4LjgwNjY0MDYgMzguMzkyNTc4IEwgMTIuMTEzMjgxIDMzLjc4MzIwMyBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMTY3OTY5IDMyLjcwMzEyNSBDIDExLjQwMzU4MiAzMS4zNjU0NjUgMTAuODQ2OTI1IDMwLjA2MTUyOSAxMC40NzA3MDMgMjguNTU2NjQxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA5LjY2NjAxNTYgMjcuODE0NDUzIEwgNCAyNi44NTU0NjkgTCA0IDIzLjA1NjY0MSBMIDkuNTU0Njg3NSAyMi4xODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAxMC4zNzEwOTQgMjEuNDQzMzU5IEMgMTAuNzQ5Njk0IDE5LjkyODk2IDExLjMxMzc2MyAxOC41MjE4NzQgMTIuMDUwNzgxIDE3LjMyNDIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMDE3NTc4IDE2LjIyNDYwOSBMIDguNzAxMTcxOSAxMS41MTE3MTkgTCAxMS40MTIxMDkgOC44MDI3MzQ0IEwgMTYuMTI1IDEyLjExNzE4OCBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTcuMTk1MzEyIDEyLjE2Nzk2OSBDIDE4LjUzMjk3OCAxMS40MDM1ODkgMTkuODM2OTA5IDEwLjg0NjkyNSAyMS4zNDE3OTcgMTAuNDcwNzAzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMi4wODU5MzggOS42NjYwMTU2IEwgMjMuMDQ0OTIyIDQgeiBNIDI1IDE3IEMgMjAuNTcwMDg1IDE3IDE3IDIwLjU3MDA4NSAxNyAyNSBDIDE3IDI5LjQyOTkxNSAyMC41NzAwODUgMzMgMjUgMzMgQyAyOS40Mjk5MTUgMzMgMzMgMjkuNDI5OTE1IDMzIDI1IEMgMzMgMjAuNTcwMDg1IDI5LjQyOTkxNSAxNyAyNSAxNyB6IE0gMjUgMTkgQyAyOC4zNzAwODUgMTkgMzEgMjEuNjI5OTE1IDMxIDI1IEMgMzEgMjguMzcwMDg1IDI4LjM3MDA4NSAzMSAyNSAzMSBDIDIxLjYyOTkxNSAzMSAxOSAyOC4zNzAwODUgMTkgMjUgQyAxOSAyMS42Mjk5MTUgMjEuNjI5OTE1IDE5IDI1IDE5IHoiLz48L3N2Zz4="}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3492,3605,1681,5818,3464],{34384:(M,e,t)=>{t.r(e),t.d(e,{default:()=>u});var n=t(80248),D=t(34988),I=t(9420),o=t(87363),g=t(29523),r=t(88130),A=t(88683),i=t(47514);function ownKeys(M,e){var t=Object.keys(M);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(M);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(M,e).enumerable}))),t.push.apply(t,n)}return t}function _objectSpread(M){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,n.Z)(M,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(M,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(M,e,Object.getOwnPropertyDescriptor(t,e))}))}return M}var j=(0,A.getLogger)("Planner","InfoBox");const u=(0,I.Pi)((function ContentItemWrapper(M){var e=M.direction,t=M.mountElementId,n=M.drawerStyle,I=(0,r.NP)(),u=(0,o.useState)(!1),c=(0,D.Z)(u,2),N=c[0],w=c[1],s=(0,A.useDivaCore)().actions,d=s.openDrawerMenu,a=s.closeDrawerMenu;return(0,o.useEffect)((function(){if(I.settingsState.contentItemVisible&&I.settingsState.contentItemId){w(!0);var M=I.getIsInMobileView(),D=function onClose(){I.settingsState.setContentItemId()},o=(0,i.jsx)(g.Q,{onClose:function onClose(){D(),a("content-item")},contentItemId:I.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},onContentItemLoaded:function onContentItemLoaded(M){j.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:I.settingsState.contentItemId,title:null!=M?M:void 0})}});d(M?{id:"content-item",content:o,onClose:D,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,snapPoints:[.9],direction:"bottom",mountElementId:"wcConfigurator-wrapper",handleInternScroll:!0}:{id:"content-item",content:o,onClose:D,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:e,mountElementId:null!=t?t:"wcConfigurator-product",handleInternScroll:!0,drawerStyle:_objectSpread({position:"absolute",zIndex:550,maxHeight:600,top:0,bottom:"unset"},n)})}else N&&(a("content-item"),setTimeout((function(){w(!1)}),400))}),[I.settingsState.contentItemVisible,I.settingsState.contentItemId]),(0,i.jsx)(i.Fragment,{})}))},53492:(M,e,t)=>{t.r(e),t.d(e,{default:()=>N});var n=t(80248),D=t(87363),I=t(81681),o=t(34384),g=t(33464),r=t(88130),A=t(19715),i=t(83605),j=t(75818),u=t(9420),c=t(47514);function ownKeys(M,e){var t=Object.keys(M);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(M);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(M,e).enumerable}))),t.push.apply(t,n)}return t}function _objectSpread(M){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,n.Z)(M,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(M,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(M,e,Object.getOwnPropertyDescriptor(t,e))}))}return M}const N=(0,u.Pi)((function Product(M){var e=(0,r.NP)(),t=(0,D.useRef)(null);return(0,D.useEffect)((function(){t&&e.productState.setProductElement(t.current)}),[t]),(0,D.useEffect)((function(){document.documentElement.style.setProperty("--configuratorProductHeight",e.settingsState.productHeight)}),[e.settingsState.productHeight]),(0,c.jsxs)("div",_objectSpread(_objectSpread({id:"wcConfigurator-product"},M),{},{ref:t,onTouchStart:function onTouchStart(){3==e.settingsState.activeSnapPointIndex&&e.settingsState.setActiveSnapPointIndex(2)},children:[(0,c.jsx)(I.default,{}),(0,c.jsx)(A.default,{}),e.productState.footerVisible.length>1&&(0,c.jsx)(i.default,{}),(0,c.jsx)(j.default,{}),(0,c.jsx)(g.default,{}),(0,c.jsx)(o.default,{direction:"right"})]}))}))},83605:(M,e,t)=>{t.r(e),t.d(e,{default:()=>o});var n=t(80248),D=(t(87363),t(2765)),I=t(47514);function ownKeys(M,e){var t=Object.keys(M);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(M);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(M,e).enumerable}))),t.push.apply(t,n)}return t}function _objectSpread(M){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,n.Z)(M,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(M,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(M,e,Object.getOwnPropertyDescriptor(t,e))}))}return M}const o=function ProductFooter(M){return(0,I.jsx)(D.ZP,_objectSpread(_objectSpread({},M),{},{componentName:"Product/ProductFooter"}))}},81681:(M,e,t)=>{t.r(e),t.d(e,{default:()=>o});var n=t(80248),D=(t(87363),t(2765)),I=t(47514);function ownKeys(M,e){var t=Object.keys(M);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(M);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(M,e).enumerable}))),t.push.apply(t,n)}return t}function _objectSpread(M){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,n.Z)(M,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(M,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(M,e,Object.getOwnPropertyDescriptor(t,e))}))}return M}const o=function ProductHeader(M){return(0,I.jsx)(D.ZP,_objectSpread(_objectSpread({},M),{},{componentName:"Product/ProductHeader/ProductHeader"}))}},75818:(M,e,t)=>{t.r(e),t.d(e,{default:()=>y});var n=t(65515),D=t.n(n),I=t(88623),o=t(9420),g=(t(87363),t(88130)),r=t(93379),A=t.n(r),i=t(7795),j=t.n(i),u=t(90569),c=t.n(u),N=t(3565),w=t.n(N),s=t(19216),d=t.n(s),a=t(44589),x=t.n(a),O=t(73475),z={};z.styleTagTransform=x(),z.setAttributes=w(),z.insert=c().bind(null,"head"),z.domAPI=j(),z.insertStyleElement=d();A()(O.ZP,z);O.ZP&&O.ZP.locals&&O.ZP.locals;var E=t(47514);const y=(0,o.Pi)((function ProductInfo(M){var e=(0,g.NP)();return(0,E.jsx)(E.Fragment,{children:e.settingsState.infoBoxContent&&(0,E.jsx)("div",{className:D()(O.RZ,e.uiState.isInMobileView?O.ai:void 0),children:e.settingsState.infoBoxContent&&(0,I.ZN)(e.settingsState.infoBoxContent.content)})})}))},33464:(M,e,t)=>{t.r(e),t.d(e,{default:()=>l});var n=t(34988),D=t(88130),I=t(87363),o=t(9420),g=t(3324),r=t(93379),A=t.n(r),i=t(7795),j=t.n(i),u=t(90569),c=t.n(u),N=t(3565),w=t.n(N),s=t(19216),d=t.n(s),a=t(44589),x=t.n(a),O=t(67279),z={};z.styleTagTransform=x(),z.setAttributes=w(),z.insert=c().bind(null,"head"),z.domAPI=j(),z.insertStyleElement=d();A()(O.ZP,z);O.ZP&&O.ZP.locals&&O.ZP.locals;var E=t(65515),y=t.n(E),S=t(47514);const l=(0,o.Pi)((function ProductSettings(M){var e=(0,D.NP)(),t=(0,I.useState)(e.getIsInMobileView()),o=(0,n.Z)(t,2),r=o[0],A=o[1];return e.uiState.ItemsPaletteInProductVisible?(0,S.jsxs)("div",{className:y()(O.oE,r?O.QW:void 0),children:[(0,S.jsx)("div",{className:y()(O.LI),onClick:function onClick(){return A(!r)}}),(0,S.jsx)("div",{className:y()(O.jR,r?O.pB:void 0),children:e.settingsState.itemPaletteInProduct.map((function(M,e){return(0,S.jsx)(g.default,{item:M.palette,id:M.id})}))})]}):(0,S.jsx)(S.Fragment,{})}))},73475:(M,e,t)=>{t.d(e,{RZ:()=>g,ZP:()=>A,ai:()=>r});var n=t(8081),D=t.n(n),I=t(23645),o=t.n(I)()(D());o.push([M.id,".index-module--TDdLn {\n position: absolute;\n top: 0;\n right: 0;\n background-color: rgba(248, 248, 248, 0.75);\n z-index: 800;\n width: 300px;\n}\n\n.index-module--96TgJ.index-module--TDdLn {\n bottom: 0;\n left: 0;\n top: auto;\n top: initial;\n width: 100%;\n}\n",""]);var g="index-module--TDdLn",r="index-module--96TgJ";const A=o},67279:(M,e,t)=>{t.d(e,{LI:()=>d,QW:()=>s,ZP:()=>x,jR:()=>w,oE:()=>N,pB:()=>a});var n=t(8081),D=t.n(n),I=t(23645),o=t.n(I),g=t(61667),r=t.n(g),A=new URL(t(38403),t.b),i=new URL(t(97663),t.b),j=o()(D()),u=r()(A),c=r()(i);j.push([M.id,".index-module--D0PtT {\n position: absolute;\n top: 16px;\n right: 0px;\n margin-top: 0px;\n max-height: 100%;\n z-index: 290;\n display: flex;\n}\n\n.index-module--s2I80 {\n overflow: auto;\n height: auto;\n background: var(--settingsBackgroundColor);\n padding: 0 16px;\n border-radius: var(--globalBorderRadius);\n width: 270px;\n transition: width 350ms ease;\n}\n\n.index-module--vO3ZU .index-module--s2I80 {\n padding: 0;\n padding: initial;\n}\n\n.index-module--eczzg {\n position: absolute;\n left: -32px;\n width: 32px;\n height: 38px;\n border-radius: 5px 0 0 5px;\n transform: rotate(180deg);\n border-radius: 0 var(--globalBorderRadius) var(--globalBorderRadius) 0;\n background: var(--secondaryColor) center center / 16px no-repeat url("+u+");\n}\n\n.index-module--vO3ZU .index-module--eczzg {\n position: relative;\n left: auto;\n left: initial;\n border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n transform: rotate(0deg);\n background: var(--secondaryColor) center center / 25px no-repeat url("+c+");\n}\n\n.index-module--o_3ds {\n width: 0px;\n overflow: hidden;\n}\n",""]);var N="index-module--D0PtT",w="index-module--s2I80",s="index-module--vO3ZU",d="index-module--eczzg",a="index-module--o_3ds";const x=j},38403:M=>{M.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},97663:M=>{M.exports="data:image/svg+xml;base64,CjxzdmcgZmlsbD0iI2ZmZiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgdmlld0JveD0iMCAwIDUwIDUwIiB3aWR0aD0iNTBweCIgaGVpZ2h0PSI1MHB4Ij48cGF0aCBkPSJNIDIyLjE5OTIxOSAyIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMS4yMTQ4NDQgMi44MzM5ODQ0IEwgMjAuMjA1MDc4IDguNzk2ODc1IEMgMTkuMDE2MDggOS4xNDc2NzQ5IDE3LjkwMzMzOSA5LjYwNzI4NjYgMTYuODM1OTM4IDEwLjE3MzgyOCBMIDExLjg3NSA2LjY4MTY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDEwLjU5Mzc1IDYuNzkyOTY4OCBMIDYuNjkzMzU5NCAxMC42OTMzNTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDYuNTgyMDMxMiAxMS45NzQ2MDkgTCAxMC4wNzYxNzIgMTYuOTM5NDUzIEMgOS41MDMyMzA2IDE3Ljk4MzI5MiA5LjA0NDc2ODEgMTkuMTA5MTgzIDguNjk5MjE4OCAyMC4yOTg4MjggTCAyLjg0NTcwMzEgMjEuMjEyODkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyIDIyLjE5OTIxOSBMIDIgMjcuNjk5MjE5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyLjgzMzk4NDQgMjguNjg1NTQ3IEwgOC43OTQ5MjE5IDI5LjY5MzM1OSBDIDkuMTQ1MTExOSAzMC44ODA4ODcgOS42MDQ1NDAyIDMxLjk5MDU0NyAxMC4xNjk5MjIgMzMuMDU2NjQxIEwgNi42ODc1IDM3LjkxNzk2OSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNi43OTI5Njg4IDM5LjIwNzAzMSBMIDEwLjY5MzM1OSA0My4xMDc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDExLjk3NDYwOSA0My4yMTg3NSBMIDE2LjkzOTQ1MyAzOS43MjQ2MDkgQyAxNy45ODU0NjIgNDAuMjk4NjgzIDE5LjExNDMxNiA0MC43NTc3NTIgMjAuMzA2NjQxIDQxLjEwMzUxNiBMIDIxLjMxNDQ1MyA0Ny4wNjY0MDYgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDIyLjMwMDc4MSA0Ny45MDAzOTEgTCAyNy44MDA3ODEgNDcuOTAwMzkxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyOC43ODMyMDMgNDcuMDgyMDMxIEwgMjkuODg0NzY2IDQxLjEwNzQyMiBDIDMxLjA3NzczNCA0MC43NTYyNjIgMzIuMTkzMTg2IDQwLjI5NDc0MiAzMy4yNjM2NzIgMzkuNzI2NTYyIEwgMzguMjI0NjA5IDQzLjIxODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS41MDc4MTIgNDMuMTA3NDIyIEwgNDMuNDA2MjUgMzkuMjA3MDMxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA0My41MDk3NjYgMzcuOTE0MDYyIEwgMzkuOTMxNjQxIDMyLjk1NzAzMSBDIDQwLjUwMDIwOSAzMS45MTk1MSA0MC45NTc3NTYgMzAuODIxMDYgNDEuMzAwNzgxIDI5LjY5MzM1OSBMIDQ3LjE2OTkyMiAyOC42ODU1NDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQ4IDI3LjY5OTIxOSBMIDQ4IDIyLjE5OTIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgNDcuMTY2MDE2IDIxLjIxNDg0NCBMIDQxLjE5OTIxOSAyMC4yMDMxMjUgQyA0MC44NTU1NjMgMTkuMDc0MjM1IDQwLjM5Nzg0MSAxNy45NzM4MjcgMzkuODI4MTI1IDE2LjkzNTU0NyBMIDQzLjMxODM1OSAxMS45NzQ2MDkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQzLjIwNzAzMSAxMC42OTMzNTkgTCAzOS4zMDY2NDEgNi43OTI5Njg4IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOC4wMTM2NzIgNi42ODk0NTMxIEwgMzMuMDUyNzM0IDEwLjI3MzQzOCBDIDMyLjAwOTY1NiA5LjcwMTcwMjMgMzAuODg1Njg2IDkuMjQxMzY3NyAyOS42OTcyNjYgOC44OTY0ODQ0IEwgMjguNjg1NTQ3IDIuODM1OTM3NSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjcuNjk5MjE5IDIgTCAyMi4xOTkyMTkgMiB6IE0gMjMuMDQ0OTIyIDQgTCAyNi44NTM1MTYgNCBMIDI3LjgxNDQ1MyA5Ljc2MzY3MTkgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjU1NjY0MSAxMC41NzAzMTIgQyAzMC4wNzEwNCAxMC45NDg5MTMgMzEuNDc4MTI2IDExLjUxNDkzNSAzMi42NzU3ODEgMTIuMjUxOTUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzMy43ODUxNTYgMTIuMjEwOTM4IEwgMzguNDk0MTQxIDguODA4NTkzOCBMIDQxLjE5NzI2NiAxMS41MTE3MTkgTCAzNy44ODI4MTIgMTYuMjI0NjA5IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzNy44NDc2NTYgMTcuMzI0MjE5IEMgMzguNTg0Njc1IDE4LjUyMTg3NCAzOS4xNTQ1ODYgMTkuOTM3NjA3IDM5LjUzMzIwMyAyMS4zNTc0MjIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDQwLjMzMzk4NCAyMi4wODU5MzggTCA0NiAyMy4wNDQ5MjIgTCA0NiAyNi44NTc0MjIgTCA0MC40Mjk2ODggMjcuODE0NDUzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAzOS42MzI4MTIgMjguNTQyOTY5IEMgMzkuMjU0MTk2IDI5Ljk2Mjc4MyAzOC42ODYyMzcgMzEuMzc4NTE3IDM3Ljk0OTIxOSAzMi41NzYxNzIgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDM3Ljk5MDIzNCAzMy42ODU1NDcgTCA0MS4zOTA2MjUgMzguMzk0NTMxIEwgMzguNjg3NSA0MS4wOTc2NTYgTCAzMy45NzQ2MDkgMzcuNzgxMjUgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDMyLjkwNDI5NyAzNy43MzI0MjIgQyAzMS41NjY2MzIgMzguNDk2ODAyIDMwLjI2MjcgMzkuMDUzNDY2IDI4Ljc1NzgxMiAzOS40Mjk2ODggQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDI4LjAxNzU3OCA0MC4yMTg3NSBMIDI2Ljk2Njc5NyA0NS45MDAzOTEgTCAyMy4xNDQ1MzEgNDUuOTAwMzkxIEwgMjIuMTg1NTQ3IDQwLjIzMjQyMiBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMjEuNDQzMzU5IDM5LjQyOTY4OCBDIDE5LjkyODk2IDM5LjA1MTA4OCAxOC41MjE4NzQgMzguNDg1MDY1IDE3LjMyNDIxOSAzNy43NDgwNDcgQSAxLjAwMDEgMS4wMDAxIDAgMCAwIDE2LjIyNDYwOSAzNy43ODEyNSBMIDExLjUxMTcxOSA0MS4wOTc2NTYgTCA4LjgwNjY0MDYgMzguMzkyNTc4IEwgMTIuMTEzMjgxIDMzLjc4MzIwMyBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMTY3OTY5IDMyLjcwMzEyNSBDIDExLjQwMzU4MiAzMS4zNjU0NjUgMTAuODQ2OTI1IDMwLjA2MTUyOSAxMC40NzA3MDMgMjguNTU2NjQxIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCA5LjY2NjAxNTYgMjcuODE0NDUzIEwgNCAyNi44NTU0NjkgTCA0IDIzLjA1NjY0MSBMIDkuNTU0Njg3NSAyMi4xODc1IEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAxMC4zNzEwOTQgMjEuNDQzMzU5IEMgMTAuNzQ5Njk0IDE5LjkyODk2IDExLjMxMzc2MyAxOC41MjE4NzQgMTIuMDUwNzgxIDE3LjMyNDIxOSBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTIuMDE3NTc4IDE2LjIyNDYwOSBMIDguNzAxMTcxOSAxMS41MTE3MTkgTCAxMS40MTIxMDkgOC44MDI3MzQ0IEwgMTYuMTI1IDEyLjExNzE4OCBBIDEuMDAwMSAxLjAwMDEgMCAwIDAgMTcuMTk1MzEyIDEyLjE2Nzk2OSBDIDE4LjUzMjk3OCAxMS40MDM1ODkgMTkuODM2OTA5IDEwLjg0NjkyNSAyMS4zNDE3OTcgMTAuNDcwNzAzIEEgMS4wMDAxIDEuMDAwMSAwIDAgMCAyMi4wODU5MzggOS42NjYwMTU2IEwgMjMuMDQ0OTIyIDQgeiBNIDI1IDE3IEMgMjAuNTcwMDg1IDE3IDE3IDIwLjU3MDA4NSAxNyAyNSBDIDE3IDI5LjQyOTkxNSAyMC41NzAwODUgMzMgMjUgMzMgQyAyOS40Mjk5MTUgMzMgMzMgMjkuNDI5OTE1IDMzIDI1IEMgMzMgMjAuNTcwMDg1IDI5LjQyOTkxNSAxNyAyNSAxNyB6IE0gMjUgMTkgQyAyOC4zNzAwODUgMTkgMzEgMjEuNjI5OTE1IDMxIDI1IEMgMzEgMjguMzcwMDg1IDI4LjM3MDA4NSAzMSAyNSAzMSBDIDIxLjYyOTkxNSAzMSAxOSAyOC4zNzAwODUgMTkgMjUgQyAxOSAyMS42Mjk5MTUgMjEuNjI5OTE1IDE5IDI1IDE5IHoiLz48L3N2Zz4="}}]);
package/build/umd/3504.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 3504.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3504,6340,283,6135,1280,1051],{90283:(n,e,o)=>{o.r(e),o.d(e,{default:()=>k});var t=o(65515),i=o.n(t),r=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),m=o(19216),p=o.n(m),v=o(44589),h=o.n(v),g=o(81906),b={};b.styleTagTransform=h(),b.setAttributes=f(),b.insert=u().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=p();a()(g.ZP,b);g.ZP&&g.ZP.locals&&g.ZP.locals;var w=o(88683),j=o(88130),y=o(56340),P=o(47514);const k=(0,r.Pi)((function PriceSumm(n){var e,o,t=(0,j.NP)(),r=(0,w.useDivaCore)().state.hidePrices,d=(0,w.useTranslation)().t;return(0,P.jsxs)("div",{className:i()(g.rh,t.getIsInMobileView()?g.tq:void 0),children:[(0,P.jsx)("div",{children:d("configurator.Sum","Summe")}),(0,P.jsx)("div",{className:g.wZ,children:!r&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:i()(g.nt,t.productState.formatedBruttoPrice?g.kg:void 0),children:(0,P.jsx)(y.default,{price:null!==(e=t.productState.formatedCurSetPrice)&&void 0!==e?e:0})}),(0,P.jsxs)("div",{className:i()(g.nt,g.F0,t.productState.formatedBruttoPrice?void 0:g.al),children:[" ",(0,P.jsx)(y.default,{price:null!==(o=t.productState.formatedBruttoPrice)&&void 0!==o?o:0})]})]})})]})}))},13504:(n,e,o)=>{o.r(e),o.d(e,{default:()=>O});var t=o(80248),i=o(9420),r=o(88130),d=(o(87363),o(41280)),a=o(93379),l=o.n(a),s=o(7795),c=o.n(s),u=o(90569),x=o.n(u),f=o(3565),m=o.n(f),p=o(19216),v=o.n(p),h=o(44589),g=o.n(h),b=o(65923),w={};w.styleTagTransform=g(),w.setAttributes=m(),w.insert=x().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=v();l()(b.ZP,w);b.ZP&&b.ZP.locals&&b.ZP.locals;var j=o(90283),y=o(65515),P=o.n(y),k=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,i.Pi)((function ActionNavigationRalph(n){var e=(0,r.NP)();return(0,k.jsxs)("div",_objectSpread(_objectSpread({},n),{},{children:[!e.getIsInMobileView()&&(0,k.jsx)(j.default,{}),(0,k.jsx)(d.default,{className:P()(e.getIsInMobileView()?b.$5:void 0,b.nC),showBackButtonText:!0,forthOverwrite:b.ky,backOverwrite:b.g9})]}))}))},41280:(n,e,o)=>{o.r(e),o.d(e,{default:()=>p});var t=o(80248),i=o(72874),r=o(65515),d=o.n(r),a=o(88130),l=o(9420),s=(o(87363),o(88683)),c=o(40976),u=o(39667),x=o(19047),f=o(47514),m=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon","showCheckoutButtons"];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,l.Pi)((function ActionNavigation(n){var e,o=n.className,t=n.showBackButtonText,r=n.backOverwrite,l=n.forthOverwrite,p=n.showNextButtonIcon,v=n.showCheckoutButtons,h=(0,i.Z)(n,m),g=(0,a.NP)(),b=(0,s.useTranslation)().t;return(0,f.jsx)("div",_objectSpread(_objectSpread({},h),{},{className:d()(o,c.jl,g.actionButtonState.isOnFirstStep?c.FN:void 0,g.actionButtonState.isOnFirstStepDisabled?c.$t:void 0,g.actionButtonState.isOnLastStep?c.Is:void 0,"vertical"==g.tabGroupState.curTabGroupType?c.KR:void 0,g.uiState.isMobilePortrait?c.tW:void 0,g.uiState.isMobileLandscape?c.Qv:void 0),children:(0,f.jsxs)("div",{className:c.nC,children:[(0,f.jsxs)("div",{className:d()(c.LI,c.op,r),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_BACK_BUTTON",g.actionButtonState.onClickConfiguratorSettingsBack()},children:[!t&&(0,f.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,f.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),t&&b("configurator.Back")]}),v&&(null===(e=g.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,x.evalVisible)(n,g,"navigator")})).map((function(n,e){return(0,f.jsx)("div",{className:c.rK,onClick:function onClick(){return(0,x.onClickCheckout)(n,g,e,b)},children:(0,f.jsx)(u.default,{checkoutButton:n,size:40})},e)}))),(0,f.jsxs)("div",{className:d()(c.LI,c.ox,l),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_FORWARD_BUTTON",g.actionButtonState.onClickConfiguratorSettingsForth()},id:"wcConfigurator-action-next",children:[b("configurator.Next"),p&&(0,f.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,f.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))}))},56340:(n,e,o)=>{o.r(e),o.d(e,{default:()=>c});var t=o(34988),i=o(88683),r=o(87363),d=o(7501),a=o(88130),l=o(9420),s=o(47514);const c=(0,l.Pi)((function PriceCounter(n){var e,o,l=n.price,c=n.formattingFn,u=n.duration,x=void 0===u?.5:u,f=(0,r.useState)(0),m=(0,t.Z)(f,2),p=m[0],v=m[1],h=(0,r.useState)(0),g=(0,t.Z)(h,2),b=g[0],w=g[1],j=(0,a.NP)();return(0,r.useEffect)((function(){v(l)}),[l]),(0,s.jsx)(d.ZP,{end:p,duration:x,decimals:null!==(e=null===(o=p.toString().split(".")[1])||void 0===o?void 0:o.length)&&void 0!==e?e:0,start:b,formattingFn:function formattingFn(n){return c?c(n):i.DivaUtils.formatPrice(n,j.productState.getPriceFormatForCounter(p))},onEnd:function onEnd(){w(p)}})}))},81906:(n,e,o)=>{o.d(e,{F0:()=>x,ZP:()=>m,al:()=>f,kg:()=>u,nt:()=>c,rh:()=>a,tq:()=>l,wZ:()=>s});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r)()(i());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 opacity: 1;\n transition:\n opacity 0.3s ease-in-out,\n max-width 0.3s ease-in-out;\n max-width: 110px;\n}\n.index-module--IKzzi.index-module--Xsp7Q.index-module--rNvqj {\n opacity: 0;\n max-width: 0px;\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",f="index-module--rNvqj";const m=d},65923:(n,e,o)=>{o.d(e,{$5:()=>c,ZP:()=>u,g9:()=>l,ky:()=>s,nC:()=>a});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r)()(i());d.push([n.id,".index-module--FPhE6 .index-module--JMki1,\n.index-module--FPhE6 .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--FPhE6 .index-module--JMki1,\n.index-module--FPhE6 .index-module--ufp_O {\n cursor: pointer;\n width: 50%;\n flex-grow: 1;\n}\n\n.index-module--G6P2w {\n height: 100%;\n}\n",""]);var a="index-module--FPhE6",l="index-module--JMki1",s="index-module--ufp_O",c="index-module--G6P2w";const u=d},28717:(n,e,o)=>{o.d(e,{$t:()=>m,FN:()=>v,Is:()=>p,KR:()=>s,LI:()=>c,Qv:()=>h,ZP:()=>b,jl:()=>a,nC:()=>l,op:()=>x,ox:()=>f,rK:()=>u,tW:()=>g});var t=o(8081),i=o.n(t),r=o(23645),d=o.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",c="index-module--NUblS",u="index-module--mfwxp",x="index-module--vWg5_",f="index-module--IneQR",m="index-module--n4fFc",p="index-module--YJM3e",v="index-module--X2uG9",h="index-module--CVPGS",g="index-module--KE5Qn";const b=d},40976:(n,e,o)=>{o.d(e,{$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=o(93379),i=o.n(t),r=o(7795),d=o.n(r),a=o(90569),l=o.n(a),s=o(3565),c=o.n(s),u=o(19216),x=o.n(u),f=o(44589),m=o.n(f),p=o(28717),v={};v.styleTagTransform=m(),v.setAttributes=c(),v.insert=l().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=x();i()(p.ZP,v),p.ZP&&p.ZP.locals&&p.ZP.locals}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3504,6340,283,6135,1280,1051],{90283:(n,e,o)=>{o.r(e),o.d(e,{default:()=>k});var t=o(65515),i=o.n(t),r=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),m=o(19216),p=o.n(m),v=o(44589),h=o.n(v),g=o(81906),b={};b.styleTagTransform=h(),b.setAttributes=f(),b.insert=u().bind(null,"head"),b.domAPI=s(),b.insertStyleElement=p();a()(g.ZP,b);g.ZP&&g.ZP.locals&&g.ZP.locals;var w=o(88683),j=o(88130),y=o(56340),P=o(47514);const k=(0,r.Pi)((function PriceSumm(n){var e,o,t=(0,j.NP)(),r=(0,w.useDivaCore)().state.hidePrices,d=(0,w.useTranslation)().t;return(0,P.jsxs)("div",{className:i()(g.rh,t.getIsInMobileView()?g.tq:void 0),children:[(0,P.jsx)("div",{children:d("configurator.Sum","Summe")}),(0,P.jsx)("div",{className:g.wZ,children:!r&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:i()(g.nt,t.productState.formatedBruttoPrice?g.kg:void 0),children:(0,P.jsx)(y.default,{price:null!==(e=t.productState.formatedCurSetPrice)&&void 0!==e?e:0})}),(0,P.jsxs)("div",{className:i()(g.nt,g.F0,t.productState.formatedBruttoPrice?void 0:g.al),children:[" ",(0,P.jsx)(y.default,{price:null!==(o=t.productState.formatedBruttoPrice)&&void 0!==o?o:0})]})]})})]})}))},13504:(n,e,o)=>{o.r(e),o.d(e,{default:()=>O});var t=o(80248),i=o(9420),r=o(88130),d=(o(87363),o(41280)),a=o(93379),l=o.n(a),s=o(7795),c=o.n(s),u=o(90569),x=o.n(u),f=o(3565),m=o.n(f),p=o(19216),v=o.n(p),h=o(44589),g=o.n(h),b=o(65923),w={};w.styleTagTransform=g(),w.setAttributes=m(),w.insert=x().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=v();l()(b.ZP,w);b.ZP&&b.ZP.locals&&b.ZP.locals;var j=o(90283),y=o(65515),P=o.n(y),k=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,i.Pi)((function ActionNavigationRalph(n){var e=(0,r.NP)();return(0,k.jsxs)("div",_objectSpread(_objectSpread({},n),{},{children:[!e.getIsInMobileView()&&(0,k.jsx)(j.default,{}),(0,k.jsx)(d.default,{className:P()(e.getIsInMobileView()?b.$5:void 0,b.nC),showBackButtonText:!0,forthOverwrite:b.ky,backOverwrite:b.g9})]}))}))},41280:(n,e,o)=>{o.r(e),o.d(e,{default:()=>p});var t=o(80248),i=o(72874),r=o(65515),d=o.n(r),a=o(88130),l=o(9420),s=(o(87363),o(88683)),c=o(40976),u=o(39667),x=o(19047),f=o(47514),m=["className","showBackButtonText","backOverwrite","forthOverwrite","showNextButtonIcon","showCheckoutButtons"];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,l.Pi)((function ActionNavigation(n){var e,o=n.className,t=n.showBackButtonText,r=n.backOverwrite,l=n.forthOverwrite,p=n.showNextButtonIcon,v=n.showCheckoutButtons,h=(0,i.Z)(n,m),g=(0,a.NP)(),b=(0,s.useTranslation)().t;return(0,f.jsx)("div",_objectSpread(_objectSpread({},h),{},{className:d()(o,c.jl,g.actionButtonState.isOnFirstStep?c.FN:void 0,g.actionButtonState.isOnFirstStepDisabled?c.$t:void 0,g.actionButtonState.isOnLastStep?c.Is:void 0,"vertical"==g.tabGroupState.curTabGroupType?c.KR:void 0,g.uiState.isMobilePortrait?c.tW:void 0,g.uiState.isMobileLandscape?c.Qv:void 0),children:(0,f.jsxs)("div",{className:c.nC,children:[(0,f.jsxs)("div",{className:d()(c.LI,c.op,r),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_BACK_BUTTON",g.actionButtonState.onClickConfiguratorSettingsBack()},children:[!t&&(0,f.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,f.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateBack, var(--secondaryColor))",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})}),t&&b("configurator.Back")]}),v&&(null===(e=g.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,x.evalVisible)(n,g,"navigator")})).map((function(n){return(0,f.jsx)("div",{className:c.rK,onClick:function onClick(){return(0,x.onClickCheckout)(n,g,n.index,b)},children:(0,f.jsx)(u.default,{checkoutButton:n,size:40})},n.index)}))),(0,f.jsxs)("div",{className:d()(c.LI,c.ox,l),onClick:function onClick(){window.lastNavigationType="NAVIGATION_STANDARD_FORWARD_BUTTON",g.actionButtonState.onClickConfiguratorSettingsForth()},id:"wcConfigurator-action-next",children:[b("configurator.Next"),p&&(0,f.jsx)("svg",{width:"12",height:"22",viewBox:"0 0 12 22",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,f.jsx)("path",{d:"M11 1L1 11L11 21",stroke:"var(--navigateForthFontColor, #ffffff)",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]})]})}))}))},56340:(n,e,o)=>{o.r(e),o.d(e,{default:()=>c});var t=o(34988),i=o(88683),r=o(87363),d=o(7501),a=o(88130),l=o(9420),s=o(47514);const c=(0,l.Pi)((function PriceCounter(n){var e,o,l=n.price,c=n.formattingFn,u=n.duration,x=void 0===u?.5:u,f=(0,r.useState)(0),m=(0,t.Z)(f,2),p=m[0],v=m[1],h=(0,r.useState)(0),g=(0,t.Z)(h,2),b=g[0],w=g[1],j=(0,a.NP)();return(0,r.useEffect)((function(){v(l)}),[l]),(0,s.jsx)(d.ZP,{end:p,duration:x,decimals:null!==(e=null===(o=p.toString().split(".")[1])||void 0===o?void 0:o.length)&&void 0!==e?e:0,start:b,formattingFn:function formattingFn(n){return c?c(n):i.DivaUtils.formatPrice(n,j.productState.getPriceFormatForCounter(p))},onEnd:function onEnd(){w(p)}})}))},81906:(n,e,o)=>{o.d(e,{F0:()=>x,ZP:()=>m,al:()=>f,kg:()=>u,nt:()=>c,rh:()=>a,tq:()=>l,wZ:()=>s});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r)()(i());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 opacity: 1;\n transition:\n opacity 0.3s ease-in-out,\n max-width 0.3s ease-in-out;\n max-width: 110px;\n}\n.index-module--IKzzi.index-module--Xsp7Q.index-module--rNvqj {\n opacity: 0;\n max-width: 0px;\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",f="index-module--rNvqj";const m=d},65923:(n,e,o)=>{o.d(e,{$5:()=>c,ZP:()=>u,g9:()=>l,ky:()=>s,nC:()=>a});var t=o(8081),i=o.n(t),r=o(23645),d=o.n(r)()(i());d.push([n.id,".index-module--FPhE6 .index-module--JMki1,\n.index-module--FPhE6 .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--FPhE6 .index-module--JMki1,\n.index-module--FPhE6 .index-module--ufp_O {\n cursor: pointer;\n width: 50%;\n flex-grow: 1;\n}\n\n.index-module--G6P2w {\n height: 100%;\n}\n",""]);var a="index-module--FPhE6",l="index-module--JMki1",s="index-module--ufp_O",c="index-module--G6P2w";const u=d},28717:(n,e,o)=>{o.d(e,{$t:()=>m,FN:()=>v,Is:()=>p,KR:()=>s,LI:()=>c,Qv:()=>h,ZP:()=>b,jl:()=>a,nC:()=>l,op:()=>x,ox:()=>f,rK:()=>u,tW:()=>g});var t=o(8081),i=o.n(t),r=o(23645),d=o.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",c="index-module--NUblS",u="index-module--mfwxp",x="index-module--vWg5_",f="index-module--IneQR",m="index-module--n4fFc",p="index-module--YJM3e",v="index-module--X2uG9",h="index-module--CVPGS",g="index-module--KE5Qn";const b=d},40976:(n,e,o)=>{o.d(e,{$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=o(93379),i=o.n(t),r=o(7795),d=o.n(r),a=o(90569),l=o.n(a),s=o(3565),c=o.n(s),u=o(19216),x=o.n(u),f=o(44589),m=o.n(f),p=o(28717),v={};v.styleTagTransform=m(),v.setAttributes=c(),v.insert=l().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=x();i()(p.ZP,v),p.ZP&&p.ZP.locals&&p.ZP.locals}}]);
package/build/umd/3519.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 3519.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3519,9001,7853],{69001:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const a=function NavigationButtons(e){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Action/Navigation"}))}},39141:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),s=t(88130),l=t(87363),d=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),f=t.n(g),b=t(3565),m=t.n(b),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(39545),P={};P.styleTagTransform=w(),P.setAttributes=m(),P.insert=f().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=v();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(47514);const C=(0,d.Pi)((function Inputbox(e){(0,i.Z)(e);var n=(0,s.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,o,i;n.settingsState.setInputBoxValue(null!==(e=null===(o=n.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==e?e:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var e;null!==(e=n.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&n.settingsState.setInputBoxValue(n.settingsState.inputBoxItem.freeText)}),[n.settingsState.inputBoxItem]),!n.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var r=n.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var e=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!n.settingsState.inputBoxItem){e.next=6;break}return n.settingsState.inputBoxItem.freeText=n.settingsState.inputBoxValue,e.next=4,n.paletteViewHandler.clickedOnConfigPalette(n.settingsState.inputBoxItem,"inputbox");case 4:n.settingsState.updateInputBoxValues(!1,void 0),n.uiState.setConfiguratorDisabled(!1);case 6:n.settingsState.inputBoxVisible?n.uiState.setConfiguratorDisabled(!0):n.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!n.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:y.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return n.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){n&&"Enter"===e.key&&(d(),e.stopPropagation())}(e)},className:y.Ci,type:u?"number":"text",onChange:function onChange(e){return n.settingsState.setInputBoxValue(e.target.value)},value:n.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:y.vX,onClick:d})]})]})})}))},12887:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var o=t(87363),i=t(93379),r=t.n(i),a=t(7795),s=t.n(a),l=t(90569),d=t.n(l),u=t(3565),c=t.n(u),p=t(19216),x=t.n(p),g=t(44589),f=t.n(g),b=t(59318),m={};m.styleTagTransform=f(),m.setAttributes=c(),m.insert=d().bind(null,"head"),m.domAPI=s(),m.insertStyleElement=x();r()(b.ZP,m);b.ZP&&b.ZP.locals&&b.ZP.locals;var h=t(88130),v=t(9420),S=t(24925),w=t(88683),y=t(47514);const P=(0,v.Pi)((function Toolbar(e){var n,t,i,r=(0,h.NP)(),a=(0,w.useDivaCore)().state.organization.settings.wwsClient,s=function changeVal(e){var n=e===r.uiState.activeCatalogSection?"3D/2D":e;localStorage.setItem("lastWindow",n),r.uiState.setActiveCatalogSection(n)},l=!!Object.values(null!==(n=null===(t=r.divaWebPlanner.actSet())||void 0===t?void 0:t.CatalogData.allCatalogArticles)&&void 0!==n?n:{}).find((function(e){return e.partlistArticlesRules}));return(0,o.useEffect)((function(){("Pfister"!=a&&"ekText"==r.uiState.activeCatalogSection||!l&&"PartList"==r.uiState.activeCatalogSection||"3D/2D"!==r.uiState.activeCatalogSection)&&s("3D/2D")}),[]),(0,y.jsxs)(y.Fragment,{children:["3D/2D"!=r.uiState.activeCatalogSection&&(0,y.jsx)(S.default,{}),(0,y.jsxs)("div",{className:b.nC,children:[(0,y.jsx)("div",{className:b.wc,children:w.DivaUtils.formatPrice(null!==(i=r.productState.formatedTotalPrice)&&void 0!==i?i:0,r.productState.priceFormat)}),l&&(0,y.jsx)("div",{className:b.wc,onClick:function onClick(){return s("PartList")},children:"Stückliste"}),(0,y.jsx)("div",{className:b.wc,onClick:function onClick(){return s("PriceAnalyzer")},children:"Preise"}),(0,y.jsx)("div",{className:b.wc,onClick:function onClick(){return s("DecisionAnalyzer")},children:"Decisions"}),"Pfister"==a&&(0,y.jsx)("div",{className:b.wc,onClick:function onClick(){return s("ekText")},children:"Ek Text"})]})]})}))},73519:(e,n,t)=>{t.r(n),t.d(n,{cssVariables:()=>D,default:()=>E});var o=t(88130),i=t(87363),r=t(39141),a=t(93379),s=t.n(a),l=t(7795),d=t.n(l),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),g=t(19216),f=t.n(g),b=t(44589),m=t.n(b),h=t(53471),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=f();s()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(97853),w=t(7474),y=t(9420),P=t(65515),j=t.n(P),C=t(12887),I=t(69001),k=t(34384),O=t(47514),D={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--thirdColor)","--foldArrowMarginRight":"16px","--configuratorActionForthWidth":"calc(50% - 3px)","--configuratorActionBackWidth":"calc(50% - 3px)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const E=(0,y.Pi)((function Wysiwyg(e){var n=(0,o.NP)();return(0,i.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(D)}),[]),(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{ref:function ref(e){return n.uiState.setConfiguratorRef(e)},style:{pointerEvents:n.uiState.configuratorDisabled?"none":void 0},hidden:n.uiState.configuratorHidden,id:"wcConfigurator",className:j()(h.xn,n.getIsInMobileView()?h.ai:void 0),children:[(0,O.jsx)(w.default,{className:h.x6}),(0,O.jsx)(S.default,{className:h.vt}),(0,O.jsx)(I.default,{className:h.jl,showBackButtonText:!0,showCheckoutButtons:!1}),(0,O.jsx)(C.default,{}),(0,O.jsx)(k.default,{direction:"right",mountElementId:"wcConfigurator",drawerStyle:{zIndex:3e3,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"}})]}),n.settingsState.inputBoxVisible&&(0,O.jsx)(r.default,{})]})}))},34384:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var o=t(80248),i=t(34988),r=t(9420),a=t(87363),s=t(29523),l=t(88130),d=t(88683),u=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var c=(0,d.getLogger)("Planner","InfoBox");const p=(0,r.Pi)((function ContentItemWrapper(e){var n=e.direction,t=e.mountElementId,o=e.drawerStyle,r=(0,l.NP)(),p=(0,a.useState)(!1),x=(0,i.Z)(p,2),g=x[0],f=x[1],b=(0,d.useDivaCore)().actions,m=b.openDrawerMenu,h=b.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){f(!0);var e=r.getIsInMobileView(),i=function onClose(){r.settingsState.setContentItemId()},a=(0,u.jsx)(s.Q,{onClose:function onClose(){i(),h("content-item")},contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},onContentItemLoaded:function onContentItemLoaded(e){c.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=e?e:void 0})}});m(e?{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,snapPoints:[.9],direction:"bottom",mountElementId:"wcConfigurator-mobile-wrapper",handleInternScroll:!0}:{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:n,mountElementId:null!=t?t:"wcConfigurator-product",handleInternScroll:!0,drawerStyle:_objectSpread({position:"absolute",zIndex:550,maxHeight:600,top:0,bottom:"unset"},o)})}else g&&(h("content-item"),setTimeout((function(){f(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},59343:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var o=t(34988),i=t(87363),r=t(92404),a=t(9420),s=t(88130),l=t(93379),d=t.n(l),u=t(7795),c=t.n(u),p=t(90569),x=t.n(p),g=t(3565),f=t.n(g),b=t(19216),m=t.n(b),h=t(44589),v=t.n(h),S=t(41060),w={};w.styleTagTransform=v(),w.setAttributes=f(),w.insert=x().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=m();d()(S.ZP,w);S.ZP&&S.ZP.locals&&S.ZP.locals;var y=t(82956),P=t(65515),j=t.n(P);var C=t(47514);const I=(0,a.Pi)((function SettingsBottomDrawer(e){var n=e.draggerElement,t=e.children,a=(0,s.NP)(),l=(0,i.useState)(a.uiState.isMobilePortrait),d=(0,o.Z)(l,2),u=d[0],c=d[1],p=function useDrawerHook(){var e=(0,i.useState)(0),n=(0,o.Z)(e,2),t=n[0],r=n[1],a=(0,i.useState)(0),s=(0,o.Z)(a,2),l=s[0],d=s[1],u=(0,i.useMemo)((function(){return function(e){return e.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(e){r(e.touches[0].clientY),d(e.touches[0].pageX)},handleTouchMove:function handleTouchMove(e){var n=e.touches[0].clientY,o=e.touches[0].pageX,i=Math.abs(n-t),r=Math.abs(o-l);i>=1&&i>2*r&&window.addEventListener("touchmove",u,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",u)}}}(),x=p.handleTouchStart,g=p.handleTouchMove,f=p.handleTouchEnd;return(0,i.useEffect)((function(){c(a.uiState.isMobilePortrait)}),[a.uiState.isInMobileView,a.uiState.isMobileLandscape,a.uiState.isTablet]),(0,C.jsx)(r.dy.Root,{open:u,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:a.settingsState.snapPoints,container:document.getElementById("wcConfigurator"),onClose:function onClose(){return a.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==a.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:a.settingsState.snapPoints[a.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(e){return a.settingsState.setActiveSnapPointIndex(a.settingsState.snapPoints.indexOf(e))},children:(0,C.jsx)(r.dy.Portal,{children:(0,C.jsxs)(r.dy.Content,{title:"Settings",className:S.kh,children:[(0,C.jsxs)(r.dy.Handle,{title:"SettingsHandle",className:j()(S.aq),onTouchStart:x,onTouchMove:g,onTouchEnd:f,children:[(0,C.jsx)("div",{className:S.Rx,children:(0,C.jsx)("div",{className:S.uQ})}),(0,C.jsx)("div",{className:S.ad,children:n})]}),a.uiState.isInMobileView&&(0,C.jsx)("div",{className:j()(y.Iz,S.J7),children:t})]})})})}))},51451:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var o=t(9420),i=(t(87363),t(88130)),r=t(82956),a=t(65515),s=t.n(a),l=t(47514);const d=(0,o.Pi)((function SettingsExpanderButtons(e){var n=(0,i.NP)(),t=n.settingsState.contentItemId&&n.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[n.uiState.doShowConfSettingsExpander&&!n.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:n.uiState.onClickExpandConfigSettings}),!n.uiState.isInMobileView&&n.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!n.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:n.uiState.onClickExpandMaxConfigSettings}),!n.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:n.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var o=t(80248),i=t(72874),r=(t(87363),t(88130)),a=t(80509),s=t(90395),l=t(9420),d=t(82956),u=t(65515),c=t.n(u),p=t(99676),x=t(51451),g=t(59343),f=t(47514),b=["className","tabgroupElement"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const m=(0,l.Pi)((function Settings(e){var n,t,o=e.className,l=e.tabgroupElement,u=(0,i.Z)(e,b),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,v=(0,f.jsx)(f.Fragment,{children:h?(0,f.jsx)(p.default,{}):(0,f.jsxs)(f.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&(0,f.jsx)(a.default,{},null!==(n=null===(t=m.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,f.jsx)(s.default,{}),(0,f.jsx)(x.default,{})]})});return(0,f.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,d.vt,"horizontal"==m.tabGroupState.curTabGroupType?d.s1:void 0,m.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,f.jsx)(g.default,{draggerElement:l,children:v}),!m.uiState.isInMobileView&&v]}))}))},39545:(e,n,t)=>{t.d(n,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>b,vX:()=>f});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(38403),t.b),u=a()(i()),c=l()(d);u.push([e.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 p="index-module--nrbS_",x="index-module--lGJqa",g="index-module--OZydS",f="index-module--FQDBA";const b=u},59318:(e,n,t)=>{t.d(n,{ZP:()=>d,nC:()=>s,wc:()=>l});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.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 s="index-module--lxloL",l="index-module--CjTaL";const d=a},53471:(e,n,t)=>{t.d(n,{ZP:()=>p,ai:()=>d,jl:()=>c,vt:()=>u,x6:()=>l,xn:()=>s});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.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 s="index-module--B_KPE",l="index-module--qDhz3",d="index-module--aq01h",u="index-module--NDeij",c="index-module--Jh4qy";const p=a},41060:(e,n,t)=>{t.d(n,{J7:()=>d,Rx:()=>u,ZP:()=>x,ad:()=>p,aq:()=>l,kh:()=>s,uQ:()=>c});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,".index-module--qmbFa {\n outline: medium none invert;\n outline: initial;\n position: absolute;\n z-index: 1000;\n width: 100%;\n}\ndiv.index-module--Lklbq {\n width: 100%;\n opacity: 1;\n height: var(--configuratorTabGroupHeight);\n background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n background: initial;\n border-radius: 0px;\n box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--A4coW {\n display: flex;\n flex-direction: column;\n height: 100%;\n background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n transform: none;\n transform: initial;\n left: auto;\n left: initial;\n top: auto;\n top: initial;\n}\n\n.index-module--WO2oD {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -32px);\n width: 40px;\n height: 40px;\n touch-action: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n width: var(--configuratorTabGroupHeight);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--yfZrB {\n position: relative;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n display: flex;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n pointer-events: all !important;\n}\n",""]);var s="index-module--qmbFa",l="index-module--Lklbq",d="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",p="index-module--yfZrB";const x=a}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3519,9001,7853],{69001:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const a=function NavigationButtons(e){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Action/Navigation"}))}},39141:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),s=t(88130),l=t(87363),d=t(9420),c=t(93379),u=t.n(c),p=t(7795),x=t.n(p),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),P={};P.styleTagTransform=w(),P.setAttributes=m(),P.insert=g().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=v();u()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(47514);const C=(0,d.Pi)((function Inputbox(e){(0,i.Z)(e);var n=(0,s.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,o,i;n.settingsState.setInputBoxValue(null!==(e=null===(o=n.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==e?e:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var e;null!==(e=n.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&n.settingsState.setInputBoxValue(n.settingsState.inputBoxItem.freeText)}),[n.settingsState.inputBoxItem]),!n.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var r=n.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var e=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!n.settingsState.inputBoxItem){e.next=6;break}return n.settingsState.inputBoxItem.freeText=n.settingsState.inputBoxValue,e.next=4,n.paletteViewHandler.clickedOnConfigPalette(n.settingsState.inputBoxItem,"inputbox");case 4:n.settingsState.updateInputBoxValues(!1,void 0),n.uiState.setConfiguratorDisabled(!1);case 6:n.settingsState.inputBoxVisible?n.uiState.setConfiguratorDisabled(!0):n.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),c=!!n.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:y.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return n.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){n&&"Enter"===e.key&&(d(),e.stopPropagation())}(e)},className:y.Ci,type:c?"number":"text",onChange:function onChange(e){return n.settingsState.setInputBoxValue(e.target.value)},value:n.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:y.vX,onClick:d})]})]})})}))},12887:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var o=t(87363),i=t(93379),r=t.n(i),a=t(7795),s=t.n(a),l=t(90569),d=t.n(l),c=t(3565),u=t.n(c),p=t(19216),x=t.n(p),f=t(44589),g=t.n(f),b=t(59318),m={};m.styleTagTransform=g(),m.setAttributes=u(),m.insert=d().bind(null,"head"),m.domAPI=s(),m.insertStyleElement=x();r()(b.ZP,m);b.ZP&&b.ZP.locals&&b.ZP.locals;var h=t(88130),v=t(9420),S=t(24925),w=t(88683),y=t(47514);const P=(0,v.Pi)((function Toolbar(e){var n,t,i,r=(0,h.NP)(),a=(0,w.useDivaCore)().state.organization.settings.wwsClient,s=function changeVal(e){var n=e===r.uiState.activeCatalogSection?"3D/2D":e;localStorage.setItem("lastWindow",n),r.uiState.setActiveCatalogSection(n)},l=!!Object.values(null!==(n=null===(t=r.divaWebPlanner.actSet())||void 0===t?void 0:t.CatalogData.allCatalogArticles)&&void 0!==n?n:{}).find((function(e){return e.partlistArticlesRules}));return(0,o.useEffect)((function(){("Pfister"!=a&&"ekText"==r.uiState.activeCatalogSection||!l&&"PartList"==r.uiState.activeCatalogSection||"3D/2D"!==r.uiState.activeCatalogSection)&&s("3D/2D")}),[]),(0,y.jsxs)(y.Fragment,{children:["3D/2D"!=r.uiState.activeCatalogSection&&(0,y.jsx)(S.default,{}),(0,y.jsxs)("div",{className:b.nC,children:[(0,y.jsx)("div",{className:b.wc,children:w.DivaUtils.formatPrice(null!==(i=r.productState.formatedTotalPrice)&&void 0!==i?i:0,r.productState.priceFormat)}),l&&(0,y.jsx)("div",{className:b.wc,onClick:function onClick(){return s("PartList")},children:"Stückliste"}),(0,y.jsx)("div",{className:b.wc,onClick:function onClick(){return s("PriceAnalyzer")},children:"Preise"}),(0,y.jsx)("div",{className:b.wc,onClick:function onClick(){return s("DecisionAnalyzer")},children:"Decisions"}),"Pfister"==a&&(0,y.jsx)("div",{className:b.wc,onClick:function onClick(){return s("ekText")},children:"Ek Text"})]})]})}))},73519:(e,n,t)=>{t.r(n),t.d(n,{cssVariables:()=>D,default:()=>E});var o=t(88130),i=t(87363),r=t(39141),a=t(93379),s=t.n(a),l=t(7795),d=t.n(l),c=t(90569),u=t.n(c),p=t(3565),x=t.n(p),f=t(19216),g=t.n(f),b=t(44589),m=t.n(b),h=t(53471),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=g();s()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(97853),w=t(7474),y=t(9420),P=t(65515),j=t.n(P),C=t(12887),I=t(69001),k=t(34384),O=t(47514),D={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--thirdColor)","--foldArrowMarginRight":"16px","--configuratorActionForthWidth":"calc(50% - 3px)","--configuratorActionBackWidth":"calc(50% - 3px)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const E=(0,y.Pi)((function Wysiwyg(e){var n=(0,o.NP)();return(0,i.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(D)}),[]),(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{ref:function ref(e){return n.uiState.setConfiguratorRef(e)},style:{pointerEvents:n.uiState.configuratorDisabled?"none":void 0},hidden:n.uiState.configuratorHidden,id:"wcConfigurator",className:j()(h.xn,n.getIsInMobileView()?h.ai:void 0),children:[(0,O.jsx)(w.default,{className:h.x6}),(0,O.jsx)(S.default,{className:h.vt}),(0,O.jsx)(I.default,{className:h.jl,showBackButtonText:!0,showCheckoutButtons:!1}),(0,O.jsx)(C.default,{}),(0,O.jsx)(k.default,{direction:"right",mountElementId:"wcConfigurator",drawerStyle:{zIndex:3e3,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"}})]}),n.settingsState.inputBoxVisible&&(0,O.jsx)(r.default,{})]})}))},34384:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var o=t(80248),i=t(34988),r=t(9420),a=t(87363),s=t(29523),l=t(88130),d=t(88683),c=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var u=(0,d.getLogger)("Planner","InfoBox");const p=(0,r.Pi)((function ContentItemWrapper(e){var n=e.direction,t=e.mountElementId,o=e.drawerStyle,r=(0,l.NP)(),p=(0,a.useState)(!1),x=(0,i.Z)(p,2),f=x[0],g=x[1],b=(0,d.useDivaCore)().actions,m=b.openDrawerMenu,h=b.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){g(!0);var e=r.getIsInMobileView(),i=function onClose(){r.settingsState.setContentItemId()},a=(0,c.jsx)(s.Q,{onClose:function onClose(){i(),h("content-item")},contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},onContentItemLoaded:function onContentItemLoaded(e){u.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=e?e:void 0})}});m(e?{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,snapPoints:[.9],direction:"bottom",mountElementId:"wcConfigurator-wrapper",handleInternScroll:!0}:{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:n,mountElementId:null!=t?t:"wcConfigurator-product",handleInternScroll:!0,drawerStyle:_objectSpread({position:"absolute",zIndex:550,maxHeight:600,top:0,bottom:"unset"},o)})}else f&&(h("content-item"),setTimeout((function(){g(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,c.jsx)(c.Fragment,{})}))},59343:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var o=t(34988),i=t(87363),r=t(92404),a=t(9420),s=t(88130),l=t(93379),d=t.n(l),c=t(7795),u=t.n(c),p=t(90569),x=t.n(p),f=t(3565),g=t.n(f),b=t(19216),m=t.n(b),h=t(44589),v=t.n(h),S=t(41060),w={};w.styleTagTransform=v(),w.setAttributes=g(),w.insert=x().bind(null,"head"),w.domAPI=u(),w.insertStyleElement=m();d()(S.ZP,w);S.ZP&&S.ZP.locals&&S.ZP.locals;var y=t(82956),P=t(65515),j=t.n(P);var C=t(47514);const I=(0,a.Pi)((function SettingsBottomDrawer(e){var n=e.draggerElement,t=e.children,a=(0,s.NP)(),l=(0,i.useState)(a.uiState.isMobilePortrait),d=(0,o.Z)(l,2),c=d[0],u=d[1],p=function useDrawerHook(){var e=(0,i.useState)(0),n=(0,o.Z)(e,2),t=n[0],r=n[1],a=(0,i.useState)(0),s=(0,o.Z)(a,2),l=s[0],d=s[1],c=(0,i.useMemo)((function(){return function(e){return e.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(e){r(e.touches[0].clientY),d(e.touches[0].pageX)},handleTouchMove:function handleTouchMove(e){var n=e.touches[0].clientY,o=e.touches[0].pageX,i=Math.abs(n-t),r=Math.abs(o-l);i>=1&&i>2*r&&window.addEventListener("touchmove",c,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",c)}}}(),x=p.handleTouchStart,f=p.handleTouchMove,g=p.handleTouchEnd;return(0,i.useEffect)((function(){u(a.uiState.isMobilePortrait)}),[a.uiState.isInMobileView,a.uiState.isMobileLandscape,a.uiState.isTablet]),(0,C.jsx)(r.dy.Root,{open:c,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:a.settingsState.snapPoints,container:document.getElementById("wcConfigurator"),onClose:function onClose(){return a.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==a.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:a.settingsState.snapPoints[a.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(e){return a.settingsState.setActiveSnapPointIndex(a.settingsState.snapPoints.indexOf(e))},children:(0,C.jsx)(r.dy.Portal,{children:(0,C.jsxs)(r.dy.Content,{className:S.kh,children:[(0,C.jsx)(r.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,C.jsxs)(r.dy.Handle,{className:j()(S.aq),onTouchStart:x,onTouchMove:f,onTouchEnd:g,children:[(0,C.jsx)("div",{className:S.Rx,children:(0,C.jsx)("div",{className:S.uQ})}),(0,C.jsx)("div",{className:S.ad,children:n})]}),a.uiState.isInMobileView&&(0,C.jsx)("div",{className:j()(y.Iz,S.J7),children:t})]})})})}))},51451:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var o=t(9420),i=(t(87363),t(88130)),r=t(82956),a=t(65515),s=t.n(a),l=t(47514);const d=(0,o.Pi)((function SettingsExpanderButtons(e){var n=(0,i.NP)(),t=n.settingsState.contentItemId&&n.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[n.uiState.doShowConfSettingsExpander&&!n.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:n.uiState.onClickExpandConfigSettings}),!n.uiState.isInMobileView&&n.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!n.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:n.uiState.onClickExpandMaxConfigSettings}),!n.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:n.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var o=t(80248),i=t(72874),r=(t(87363),t(88130)),a=t(80509),s=t(90395),l=t(9420),d=t(82956),c=t(65515),u=t.n(c),p=t(99676),x=t(51451),f=t(59343),g=t(47514),b=["className","tabgroupElement"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const m=(0,l.Pi)((function Settings(e){var n,t,o=e.className,l=e.tabgroupElement,c=(0,i.Z)(e,b),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,v=(0,g.jsx)(g.Fragment,{children:h?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&(0,g.jsx)(a.default,{},null!==(n=null===(t=m.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,g.jsx)(s.default,{}),(0,g.jsx)(x.default,{})]})});return(0,g.jsxs)("div",_objectSpread(_objectSpread({},c),{},{id:"wcConfigurator-settings",className:u()(o,d.vt,"horizontal"==m.tabGroupState.curTabGroupType?d.s1:void 0,m.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,g.jsx)(f.default,{draggerElement:l,children:v}),!m.uiState.isInMobileView&&v]}))}))},39545:(e,n,t)=>{t.d(n,{Ci:()=>p,Jg:()=>f,Q_:()=>x,ZP:()=>b,vX:()=>g});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(38403),t.b),c=a()(i()),u=l()(d);c.push([e.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 p="index-module--nrbS_",x="index-module--lGJqa",f="index-module--OZydS",g="index-module--FQDBA";const b=c},59318:(e,n,t)=>{t.d(n,{ZP:()=>d,nC:()=>s,wc:()=>l});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.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 s="index-module--lxloL",l="index-module--CjTaL";const d=a},53471:(e,n,t)=>{t.d(n,{ZP:()=>p,ai:()=>d,jl:()=>u,vt:()=>c,x6:()=>l,xn:()=>s});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.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 s="index-module--B_KPE",l="index-module--qDhz3",d="index-module--aq01h",c="index-module--NDeij",u="index-module--Jh4qy";const p=a},41060:(e,n,t)=>{t.d(n,{J7:()=>d,Rx:()=>c,ZP:()=>x,ad:()=>p,aq:()=>l,kh:()=>s,uQ:()=>u});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,".index-module--qmbFa {\n outline: medium none invert;\n outline: initial;\n position: absolute;\n z-index: 1000;\n width: 100%;\n}\ndiv.index-module--Lklbq {\n width: 100%;\n opacity: 1;\n height: var(--configuratorTabGroupHeight);\n background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n background: initial;\n border-radius: 0px;\n box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--A4coW {\n display: flex;\n flex-direction: column;\n height: 100%;\n background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n transform: none;\n transform: initial;\n left: auto;\n left: initial;\n top: auto;\n top: initial;\n}\n\n.index-module--WO2oD {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -32px);\n width: 40px;\n height: 40px;\n touch-action: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n width: var(--configuratorTabGroupHeight);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--yfZrB {\n position: relative;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n display: flex;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n pointer-events: all !important;\n}\n",""]);var s="index-module--qmbFa",l="index-module--Lklbq",d="index-module--A4coW",c="index-module--WO2oD",u="index-module--BVoP4",p="index-module--yfZrB";const x=a}}]);