@crystaldesign/diva-web-planner-react 26.5.0-beta.2 → 26.5.0-beta.3

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 (261) hide show
  1. package/build/esm/{Planner2DGrid-d864216f.js → Planner2DGrid-2c0ceeb0.js} +1 -1
  2. package/build/esm/{Planner3DImage-e03b13c7.js → Planner3DImage-9144c26f.js} +1 -1
  3. package/build/esm/UnlockCard-efefccbf.js +191 -0
  4. package/build/esm/{index-ea7ae426.js → index-00a745dc.js} +2 -2
  5. package/build/esm/{index-bbbbadd8.js → index-01106c57.js} +3 -3
  6. package/build/esm/{index-ea47a2d1.js → index-04d84870.js} +1 -1
  7. package/build/esm/{index-10231f44.js → index-0516b1a4.js} +3 -3
  8. package/build/esm/{index-21d1194a.js → index-054b1c49.js} +2 -2
  9. package/build/esm/{index-365d6bf7.js → index-05c4edcb.js} +19 -19
  10. package/build/esm/{index-f7d80962.js → index-06b032d5.js} +2 -2
  11. package/build/esm/{index-cb41ffed.js → index-087d21e9.js} +70 -70
  12. package/build/esm/{index-b60422a9.js → index-0d245742.js} +89 -89
  13. package/build/esm/{index-37ff96a6.js → index-0e47c63c.js} +1 -1
  14. package/build/esm/{index-910cf159.js → index-0ea8679c.js} +3 -3
  15. package/build/esm/{index-cf43eed6.js → index-0ee09835.js} +2 -2
  16. package/build/esm/{index-479758d6.js → index-0f1fcea0.js} +1 -1
  17. package/build/esm/{index-845111b8.js → index-1133d782.js} +1 -1
  18. package/build/esm/{index-d104d20e.js → index-1198bdc0.js} +1 -1
  19. package/build/esm/{index-3132f3df.js → index-11b3e7da.js} +5 -5
  20. package/build/esm/{index-e18a9ad2.js → index-1361ec87.js} +1 -1
  21. package/build/esm/{index-b3b77ac7.js → index-167c00d4.js} +1 -1
  22. package/build/esm/{index-34fe7cf0.js → index-17a0d152.js} +1 -1
  23. package/build/esm/{index-4dcff7ae.js → index-185feb74.js} +1 -1
  24. package/build/esm/{index-b904f7bc.js → index-187d6e33.js} +1 -1
  25. package/build/esm/{index-43acdd1f.js → index-1a1144c1.js} +1 -1
  26. package/build/esm/{index-d2071267.js → index-1aa170f7.js} +1 -1
  27. package/build/esm/{index-d59ce358.js → index-1c518ae1.js} +1 -1
  28. package/build/esm/{index-e4e9f880.js → index-1cc7410c.js} +3 -3
  29. package/build/esm/{index-fbace0a9.js → index-1f5d7d2b.js} +1 -1
  30. package/build/esm/{index-eb5e8580.js → index-211217c7.js} +4 -4
  31. package/build/esm/{index-164023a3.js → index-21ca6a0d.js} +70 -70
  32. package/build/esm/{index-84c2b83f.js → index-2296a720.js} +1 -1
  33. package/build/esm/{index-8d069b96.js → index-2337f733.js} +1 -1
  34. package/build/esm/{index-594d14fb.js → index-23593530.js} +3 -3
  35. package/build/esm/{index-bfcdd8e9.js → index-23e05462.js} +2 -2
  36. package/build/esm/{index-89db1a9d.js → index-2491a713.js} +89 -89
  37. package/build/esm/{index-f382c7f3.js → index-24cc916b.js} +1 -1
  38. package/build/esm/{index-d2e8fde5.js → index-25c6143d.js} +1 -1
  39. package/build/esm/{index-cc853cba.js → index-2655f141.js} +8 -8
  40. package/build/esm/{index-c88c5cb9.js → index-2744d60b.js} +2 -2
  41. package/build/esm/{index-d7d39f6b.js → index-296237c8.js} +1 -1
  42. package/build/esm/{index-5ba60cff.js → index-2eaf035a.js} +1 -1
  43. package/build/esm/{index-c90de16e.js → index-2f1ec53e.js} +1 -1
  44. package/build/esm/{index-d9cbc6a8.js → index-2f662326.js} +1 -1
  45. package/build/esm/{index-ff4990b9.js → index-2fe552b2.js} +1 -1
  46. package/build/esm/{index-588cb86c.js → index-30ef43d4.js} +1 -1
  47. package/build/esm/{index-a30bd83a.js → index-3237a8de.js} +1 -1
  48. package/build/esm/{index-0cecef07.js → index-3284d8b1.js} +2 -2
  49. package/build/esm/{index-3afed818.js → index-350fcab0.js} +2 -2
  50. package/build/esm/{index-5db5c097.js → index-36475075.js} +2 -2
  51. package/build/esm/{index-2c41bcf5.js → index-3669574d.js} +2 -2
  52. package/build/esm/{index-62129cff.js → index-37e1c5fd.js} +2 -2
  53. package/build/esm/{index-42e94dfc.js → index-3b1b3539.js} +1 -1
  54. package/build/esm/{index-f1c40216.js → index-3c7bdac2.js} +5 -5
  55. package/build/esm/{index-c98ce46a.js → index-3e00a147.js} +3 -3
  56. package/build/esm/{index-5ba769c3.js → index-3e626fdf.js} +1 -1
  57. package/build/esm/{index-3e2ea9b4.js → index-3f3646bd.js} +7 -7
  58. package/build/esm/{index-e0bcc9dd.js → index-40cf1ca2.js} +2 -2
  59. package/build/esm/{index-c28858dd.js → index-41969b28.js} +90 -90
  60. package/build/esm/{index-9a9285c0.js → index-41fbf3af.js} +1 -1
  61. package/build/esm/{index-e2872dd7.js → index-438111e9.js} +65 -65
  62. package/build/esm/{index-3435a4cd.js → index-43f9adf8.js} +2 -2
  63. package/build/esm/{index-712ae276.js → index-46b3460b.js} +1 -1
  64. package/build/esm/{index-c532b3a1.js → index-4a80ef83.js} +1 -1
  65. package/build/esm/{index-3b04fc58.js → index-4b7357d5.js} +3 -3
  66. package/build/esm/{index-596fc694.js → index-4ba644a2.js} +1 -1
  67. package/build/esm/{index-93c5223b.js → index-4cc10ba1.js} +2 -2
  68. package/build/esm/{index-e3bc1a41.js → index-4dc2ffe8.js} +244 -247
  69. package/build/esm/{index-89000a43.js → index-4e2933c8.js} +4 -4
  70. package/build/esm/{index-bda44f41.js → index-4e85ce0f.js} +1 -1
  71. package/build/esm/{index-4f9e1473.js → index-4efccdf2.js} +6 -6
  72. package/build/esm/{index-99794a6f.js → index-4fb0315e.js} +1 -1
  73. package/build/esm/{index-d5d77fe8.js → index-4fc43ba7.js} +3 -3
  74. package/build/esm/{index-599f6328.js → index-52724e7f.js} +1 -1
  75. package/build/esm/{index-32903988.js → index-529c67c3.js} +1 -1
  76. package/build/esm/{index-59036c66.js → index-5386b456.js} +5 -5
  77. package/build/esm/{index-a00c6df0.js → index-53b21178.js} +1 -1
  78. package/build/esm/{index-65d01940.js → index-53e24191.js} +2 -2
  79. package/build/esm/{index-050f8c71.js → index-546bb0a3.js} +84 -84
  80. package/build/esm/{index-ea09f32a.js → index-57409256.js} +18 -18
  81. package/build/esm/{index-43454c4a.js → index-57f12b2b.js} +102 -102
  82. package/build/esm/{index-614ad812.js → index-595bef8d.js} +7 -7
  83. package/build/esm/{index-83a47839.js → index-5a863528.js} +21 -21
  84. package/build/esm/{index-c9296557.js → index-5be60ddf.js} +4 -4
  85. package/build/esm/{index-05137d66.js → index-5e8706e9.js} +1 -1
  86. package/build/esm/{index-0834596f.js → index-606e8f78.js} +67 -67
  87. package/build/esm/{index-fa51fb6c.js → index-60e59034.js} +1 -1
  88. package/build/esm/{index-178e8e21.js → index-6197964c.js} +1 -1
  89. package/build/esm/{index-4fff8588.js → index-61a5fb85.js} +1 -1
  90. package/build/esm/{index-7a542946.js → index-61d21c0a.js} +2 -2
  91. package/build/esm/{index-6a20dab0.js → index-62cc2599.js} +2 -2
  92. package/build/esm/{index-18575397.js → index-64cce079.js} +1 -1
  93. package/build/esm/{index-8cf06edb.js → index-65e3d093.js} +5 -5
  94. package/build/esm/{index-30ae9aca.js → index-66518c3e.js} +5 -5
  95. package/build/esm/{index-f9e7d718.js → index-672ea04a.js} +1 -1
  96. package/build/esm/{index-449ea5dc.js → index-681a0798.js} +4 -4
  97. package/build/esm/{index-8fa48288.js → index-6857774f.js} +1 -1
  98. package/build/esm/{index-9c580752.js → index-69e28e87.js} +20 -20
  99. package/build/esm/{index-b6b6b280.js → index-6e142003.js} +8 -8
  100. package/build/esm/{index-77409843.js → index-6f1075f1.js} +1 -1
  101. package/build/esm/{index-42e7658a.js → index-72efdb02.js} +65 -65
  102. package/build/esm/{index-3954252c.js → index-745302ee.js} +1 -1
  103. package/build/esm/{index-408f2a57.js → index-74fa8b6c.js} +1 -1
  104. package/build/esm/{index-9d180f9a.js → index-753e578b.js} +1 -1
  105. package/build/esm/{index-57a512e1.js → index-7741200b.js} +20 -20
  106. package/build/esm/{index-976967a4.js → index-78c30d63.js} +5 -5
  107. package/build/esm/{index-a3e23829.js → index-795c0fbe.js} +1 -1
  108. package/build/esm/{index-0f87fd58.js → index-79e33aba.js} +1 -1
  109. package/build/esm/{index-b872a323.js → index-7a683a03.js} +1 -1
  110. package/build/esm/{index-1aeaef5a.js → index-7b44db4f.js} +3 -3
  111. package/build/esm/{index-2790cb5c.js → index-7b941005.js} +1 -1
  112. package/build/esm/{index-7233dc53.js → index-7bef288c.js} +1 -1
  113. package/build/esm/{index-61d02f4b.js → index-7c02270c.js} +1 -1
  114. package/build/esm/{index-cd414bfb.js → index-7c649945.js} +71 -71
  115. package/build/esm/{index-6c8b4a76.js → index-7d680794.js} +1 -1
  116. package/build/esm/{index-1eb17513.js → index-7ee0ef14.js} +1 -1
  117. package/build/esm/{index-2fa26691.js → index-7fb885d5.js} +2 -2
  118. package/build/esm/{index-8e384844.js → index-7fe066bc.js} +1 -1
  119. package/build/esm/{index-8b7692bc.js → index-801d8ee2.js} +1 -1
  120. package/build/esm/{index-24f2bec7.js → index-81bda524.js} +2 -2
  121. package/build/esm/{index-e12ebe4f.js → index-839f837b.js} +66 -66
  122. package/build/esm/{index-e2982260.js → index-85d724d0.js} +2 -2
  123. package/build/esm/{index-fe93b6fc.js → index-886b031a.js} +3 -3
  124. package/build/esm/{index-2726423c.js → index-8a31e08f.js} +1 -1
  125. package/build/esm/{index-fe4deec3.js → index-8c036c70.js} +6 -6
  126. package/build/esm/{index-cdbf5758.js → index-8c3be754.js} +1 -1
  127. package/build/esm/{index-e692b051.js → index-8cfc6016.js} +1 -1
  128. package/build/esm/{index-61c1f59a.js → index-8d0b85c1.js} +1 -1
  129. package/build/esm/{index-078705d8.js → index-8de4246c.js} +19 -19
  130. package/build/esm/{index-6fac4c28.js → index-8e598ac6.js} +87 -87
  131. package/build/esm/{index-4ab4f4d7.js → index-8e6b5d57.js} +2 -2
  132. package/build/esm/{index-7b70ef6a.js → index-8f0d8f36.js} +3 -3
  133. package/build/esm/{index-56c0c883.js → index-9061ab00.js} +76 -76
  134. package/build/esm/{index-1a148555.js → index-915c4156.js} +25 -25
  135. package/build/esm/{index-372c1a16.js → index-91996159.js} +3 -3
  136. package/build/esm/{index-71002ceb.js → index-92b4ba6c.js} +2 -2
  137. package/build/esm/{index-5a7ee783.js → index-93cec8b2.js} +1 -1
  138. package/build/esm/{index-fa9b88f1.js → index-96f20095.js} +1 -1
  139. package/build/esm/{index-cda32900.js → index-9816d100.js} +1 -1
  140. package/build/esm/{index-5b02449b.js → index-98a8c79e.js} +1 -1
  141. package/build/esm/{index-952ad9e9.js → index-98f03fea.js} +1 -1
  142. package/build/esm/{index-3f52c439.js → index-9a03a1a0.js} +1 -1
  143. package/build/esm/{index-edd857c5.js → index-9a972c55.js} +8 -8
  144. package/build/esm/{index-ff7fd1a2.js → index-9b0fab26.js} +22 -22
  145. package/build/esm/{index-070d4556.js → index-9b538504.js} +1 -1
  146. package/build/esm/{index-2c997745.js → index-9cd6820c.js} +1 -1
  147. package/build/esm/{index-69c11953.js → index-9e1d46c9.js} +2 -2
  148. package/build/esm/{index-d81731d8.js → index-9e5cb781.js} +5 -5
  149. package/build/esm/{index-856f2a83.js → index-9ec2575d.js} +1 -1
  150. package/build/esm/{index-229710ee.js → index-9eee8b12.js} +1 -1
  151. package/build/esm/{index-32aedb7e.js → index-a0bd234d.js} +1 -1
  152. package/build/esm/{index-0842483a.js → index-a3048b34.js} +4 -4
  153. package/build/esm/{index-3a90fae6.js → index-a55aef7c.js} +1 -1
  154. package/build/esm/{index-e8858be9.js → index-a76c51e8.js} +91 -91
  155. package/build/esm/{index-049be59f.js → index-a78d98cc.js} +1 -1
  156. package/build/esm/{index-9066c99f.js → index-a7e70159.js} +1 -1
  157. package/build/esm/{index-72122d8a.js → index-a81cae1f.js} +1 -1
  158. package/build/esm/{index-099f2591.js → index-a8c3d1e1.js} +17 -17
  159. package/build/esm/{index-c1f0559b.js → index-a90eca27.js} +1 -1
  160. package/build/esm/{index-c580ef3d.js → index-a92bab60.js} +1 -1
  161. package/build/esm/{index-13ec3005.js → index-a9560eba.js} +2 -2
  162. package/build/esm/{index-c2da6b66.js → index-a9a26070.js} +3 -3
  163. package/build/esm/{index-593ea437.js → index-aaedcd71.js} +1 -1
  164. package/build/esm/{index-38d20bf2.js → index-ab21d29e.js} +20 -20
  165. package/build/esm/{index-fd13444f.js → index-ac45e4d8.js} +1 -1
  166. package/build/esm/{index-a67d2e41.js → index-afb9b2ca.js} +2 -2
  167. package/build/esm/{index-b5220d8c.js → index-b0b4ab84.js} +3 -3
  168. package/build/esm/{index-ac980b10.js → index-b1ac0d35.js} +1 -1
  169. package/build/esm/{index-68bd2f28.js → index-b23b8890.js} +3 -3
  170. package/build/esm/{index-1afd28b8.js → index-b40bacfe.js} +1 -1
  171. package/build/esm/{index-8fcc5c93.js → index-b4a09cd0.js} +1 -1
  172. package/build/esm/{index-fb764c48.js → index-b5ac9dd4.js} +69 -69
  173. package/build/esm/{index-d8bc4be4.js → index-b630f864.js} +5 -5
  174. package/build/esm/{index-c9e5e1e0.js → index-b83c1bd7.js} +68 -68
  175. package/build/esm/{index-3a0f4a98.js → index-b99d64d5.js} +74 -74
  176. package/build/esm/{index-5ebc8192.js → index-c2948898.js} +68 -68
  177. package/build/esm/{index-9c4e5318.js → index-c65b99f4.js} +3 -3
  178. package/build/esm/{index-8528a3c2.js → index-c77dfedc.js} +5 -5
  179. package/build/esm/{index-c4ef0644.js → index-c900d1f9.js} +1 -1
  180. package/build/esm/{index-364ba796.js → index-c9e380c6.js} +1 -1
  181. package/build/esm/{index-835f383d.js → index-cae82cea.js} +2 -2
  182. package/build/esm/{index-5297dc08.js → index-cb209ba2.js} +2 -2
  183. package/build/esm/{index-79021a7f.js → index-cea719c6.js} +5 -5
  184. package/build/esm/{index-90ae53e2.js → index-d1cf9442.js} +1 -1
  185. package/build/esm/{index-ba6589d7.js → index-d27a4968.js} +1 -1
  186. package/build/esm/{index-24567ee8.js → index-d69bc776.js} +1 -1
  187. package/build/esm/{index-cb04bf85.js → index-d83c3992.js} +1 -1
  188. package/build/esm/{index-11cd3977.js → index-d8beb961.js} +1 -1
  189. package/build/esm/{index-10663c11.js → index-d97139e8.js} +15 -15
  190. package/build/esm/{index-8c8696de.js → index-ddaf035f.js} +5 -5
  191. package/build/esm/{index-74f39781.js → index-de4f2487.js} +1 -1
  192. package/build/esm/{index-9d3461be.js → index-df8d5298.js} +1 -1
  193. package/build/esm/{index-4b48d1a3.js → index-dfd3e059.js} +3 -3
  194. package/build/esm/{index-911d1fde.js → index-e19ac221.js} +1 -1
  195. package/build/esm/{index-6e91eb86.js → index-e47a7dfc.js} +90 -90
  196. package/build/esm/{index-ee64a08d.js → index-e69210d3.js} +1 -1
  197. package/build/esm/{index-2784eb03.js → index-e69e8be2.js} +2 -2
  198. package/build/esm/{index-4982a711.js → index-e87d9974.js} +1 -1
  199. package/build/esm/{index-7dc429a4.js → index-eae71f1a.js} +1 -1
  200. package/build/esm/{index-5d6d6472.js → index-ed6de348.js} +5 -5
  201. package/build/esm/{index-0a79bac8.js → index-efedeb1f.js} +1 -1
  202. package/build/esm/{index-98190440.js → index-f1288a79.js} +1 -1
  203. package/build/esm/{index-8e216e6a.js → index-f14387bb.js} +1 -1
  204. package/build/esm/{index-84af05d4.js → index-f158b758.js} +3 -3
  205. package/build/esm/{index-2488ee7b.js → index-f1594f46.js} +6 -6
  206. package/build/esm/{index-4987a2a1.js → index-f20614f7.js} +66 -66
  207. package/build/esm/{index-d8ac6341.js → index-f27c512c.js} +1 -1
  208. package/build/esm/{index-827c0ab3.js → index-f393e324.js} +2 -2
  209. package/build/esm/{index-57355a39.js → index-f3d112e1.js} +1 -1
  210. package/build/esm/{index-345fe817.js → index-f40c43ba.js} +1 -1
  211. package/build/esm/{index-8a95da51.js → index-f4d95517.js} +1 -1
  212. package/build/esm/{index-f47acf56.js → index-f6259620.js} +2 -2
  213. package/build/esm/{index-5265d62a.js → index-f883880a.js} +21 -21
  214. package/build/esm/{index-801445df.js → index-f89f1bb5.js} +3 -3
  215. package/build/esm/{index-da507159.js → index-fa06f897.js} +3 -3
  216. package/build/esm/{index-6c9e72ba.js → index-fa44ac21.js} +1 -1
  217. package/build/esm/{index-ba3fa00a.js → index-fabe67b6.js} +1 -1
  218. package/build/esm/{index-f0e74441.js → index-fb4ea3c3.js} +2 -2
  219. package/build/esm/{index-34c8fecb.js → index-fb597f63.js} +73 -73
  220. package/build/esm/{index-780d4b78.js → index-fc3830f4.js} +1 -1
  221. package/build/esm/{index-45b57cc0.js → index-fd3b6011.js} +5 -5
  222. package/build/esm/{index-935efa21.js → index-feb7dd9e.js} +3 -3
  223. package/build/esm/{index-de12f43a.js → index-ff33e573.js} +103 -103
  224. package/build/esm/{index-548b3e24.js → index-ff65b3c7.js} +1 -1
  225. package/build/esm/{index-13e6d29c.js → index-ffa0132c.js} +1 -1
  226. package/build/esm/index.js +1 -1
  227. package/build/esm/{index.module-bcdc4577.js → index.module-16a900be.js} +1 -1
  228. package/build/esm/{index.module-225adff8.js → index.module-5b205f7f.js} +1 -1
  229. package/build/esm/{index.module-c0ff3aac.js → index.module-6743da68.js} +1 -1
  230. package/build/esm/{index.module-ecb6ca28.js → index.module-6f4ddb2a.js} +1 -1
  231. package/build/esm/{index.module-7b6cba8b.js → index.module-79870477.js} +1 -1
  232. package/build/esm/{index.module-a5a33cac.js → index.module-a0eb99ed.js} +1 -1
  233. package/build/esm/{index.module-08f4805e.js → index.module-be53d4bf.js} +1 -1
  234. package/build/esm/{index.module-f14e8675.js → index.module-dcbfa4a7.js} +1 -1
  235. package/build/esm/{index.module-39d443cd.js → index.module-e7cef57b.js} +1 -1
  236. package/build/esm/{useCustomDimensions-ced01006.js → useCustomDimensions-79bea366.js} +1 -1
  237. package/build/esm/{ussIsSticky-6b248198.js → ussIsSticky-c40d1d3b.js} +1 -1
  238. package/build/types/web-planner-react/src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/StyleConsultant/UnlockCard.d.ts.map +1 -1
  239. package/build/types/web-planner-react/src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/SummaryOverview/AppointmentPreview/index.d.ts.map +1 -1
  240. package/build/types/web-planner-react/src/model/States/UIState/AI/index.d.ts.map +1 -1
  241. package/build/types/web-planner-react/src/model/States/UIState/ActionButtons/index.d.ts +1 -1
  242. package/build/types/web-planner-react/src/model/States/UIState/ActionButtons/index.d.ts.map +1 -1
  243. package/build/types/web-planner-react/src/model/TabGroup/ConfiguratorStructureHandler.d.ts +1 -1
  244. package/build/types/web-planner-react/src/model/TabGroup/ConfiguratorStructureHandler.d.ts.map +1 -1
  245. package/build/umd/1713.diva-web-planner-react.umd.min.js +1 -1
  246. package/build/umd/2539.diva-web-planner-react.umd.min.js +1 -1
  247. package/build/umd/3425.diva-web-planner-react.umd.min.js +1 -1
  248. package/build/umd/3543.diva-web-planner-react.umd.min.js +1 -1
  249. package/build/umd/419.diva-web-planner-react.umd.min.js +1 -1
  250. package/build/umd/4247.diva-web-planner-react.umd.min.js +1 -1
  251. package/build/umd/4874.diva-web-planner-react.umd.min.js +1 -1
  252. package/build/umd/5768.diva-web-planner-react.umd.min.js +1 -1
  253. package/build/umd/5820.diva-web-planner-react.umd.min.js +1 -1
  254. package/build/umd/6171.diva-web-planner-react.umd.min.js +1 -1
  255. package/build/umd/8515.diva-web-planner-react.umd.min.js +1 -1
  256. package/build/umd/8606.diva-web-planner-react.umd.min.js +1 -1
  257. package/build/umd/9638.diva-web-planner-react.umd.min.js +1 -1
  258. package/build/umd/diva-web-planner-react.umd.min.js +1 -1
  259. package/build/umd/report.html +1 -1
  260. package/package.json +8 -8
  261. package/build/esm/UnlockCard-c90761c6.js +0 -188
package/build/umd/4247.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 4247.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4247,9001,4190,853,5820],{68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>u});var i=t(80248),o=t(88291),r=(t(87363),t(25709)),a=t(39667),s=t(19047),d=t(88683),l=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const u=function BasketMobile(n){var e,t=Object.assign({},((0,o.Z)(n),n)),i=(0,r.NP)(),u=null===(e=i.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.find((function(n){return"ADD_TO_BASKET"===n.type})),c=(0,d.useTranslation)().t;return(0,l.jsx)(l.Fragment,{children:u?(0,l.jsx)("div",{onClick:function onClick(){return(0,s.onClickCheckout)(u,i,u.index,c)},className:t.className,style:{backgroundImage:"unset",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)(a.default,{checkoutButton:_objectSpread({isPrimary:!0},u),size:32})}):(0,l.jsx)("div",_objectSpread(_objectSpread({},t),{},{onClick:function onClick(){return i.actionButtonState.onClickAddToBasket(i)}}))})}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function NavigationButtons(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},58655:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),s=t(25709),d=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),f=t(3565),m=t.n(f),h=t(19216),S=t.n(h),v=t(44589),w=t.n(v),y=t(39545),j={};j.styleTagTransform=w(),j.setAttributes=m(),j.insert=b().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=S();c()(y.ZP,j);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(47514);const k=(0,l.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,s.NP)(),t=(0,d.useRef)(null);if((0,d.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,d.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,P.jsx)(P.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=function(){var n=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,P.jsx)("div",{children:(0,P.jsxs)("div",{className:y.Q_,children:[(0,P.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,P.jsxs)("div",{style:{width:"100%"},children:[(0,P.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,P.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(l(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,P.jsx)("button",{className:y.vX,onClick:l})]})]})})}))},44247:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(65515),o=t.n(i),r=t(25709),a=t(87363),s=t(93379),d=t.n(s),l=t(7795),u=t.n(l),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),m=t(44589),h=t.n(m),S=t(86454),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();d()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(58655),y=t(34190),j=t(97853),P=t(69001),k=t(67609),O=t(60414),T=t(9420),I=t(68063),C=t(88683),B=t(23083),N=t(47514),G={"--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,T.Pi)((function Gold(n){var e=(0,r.NP)(),t=(0,C.useDivaCore)().state.isFullscreenComponent;return(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(G)}),[]),(0,N.jsxs)(N.Fragment,{children:[(0,N.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:o()(S.xn,e.uiState.configSettingsIsExpanded?S.zh:void 0,e.uiState.isMobileLandscape?S.rK:void 0,e.uiState.isMobilePortrait?S.tW:void 0,e.uiState.isTablet?S.Mq:void 0),children:(0,N.jsxs)("div",{id:"wcConfigurator-wrapper",ref:function ref(n){return e.uiState.setWrapperRef(n)},style:{width:"100%",height:"100%",position:"absolute",bottom:0,left:0},children:[(0,N.jsx)(y.default,{className:S.kL}),e.uiState.isInMobileView?(0,N.jsx)(j.default,{tabgroupElement:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(O.default,{className:S.x6,showCloseButtonInMobile:t?"left":void 0}),(0,N.jsx)(I.default,{className:S.Bg}),(0,N.jsx)(B.default,{})]})}):(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(O.default,{className:S.x6,showCloseButtonInMobile:"none"}),(0,N.jsx)(j.default,{className:S.vt}),(0,N.jsx)(P.default,{className:S.jl,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,N.jsx)(k.default,{containerClassName:S.tM,showCheckoutButtons:!0})]})]})}),e.settingsState.inputBoxVisible&&(0,N.jsx)(w.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function Product(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>l});var i=t(9420),o=(t(87363),t(25709)),r=t(82956),a=t(65515),s=t.n(a),d=t(47514);const l=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,o.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,d.jsxs)(d.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,d.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,d.jsxs)(d.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,d.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,d.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},30853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var i=t(34988),o=t(9420),r=t(87363),a=t(25709),s=t(93379),d=t.n(s),l=t(7795),u=t.n(l),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),m=t(44589),h=t.n(m),S=t(76640),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();d()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(65515),y=t.n(w),j=t(47514);const P=(0,o.Pi)((function NavForwardButton(n){var e=(0,a.NP)(),t=(0,r.useState)(!1),o=(0,i.Z)(t,2),s=o[0],d=o[1];return(0,r.useEffect)((function(){setTimeout((function(){d(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,j.jsx)("div",{className:y()(S.YS,s&&S.oP,e.uiState.isTablet?S.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,j.jsx)("div",{className:S.qv})})}))},63543:(n,e,t)=>{t.r(e),t.d(e,{default:()=>v});var i=t(88291),o=t(9420),r=t(87363),a=t(37707),s=t(25709),d=t(82956),l=t(63134),u=t(74133),c=t(84658),p=t(34988),x=t(50747),g=t.n(x),b=t(88683),f=t(30853),m=t(65515),h=t.n(m),S=t(47514);const v=(0,o.Pi)((function SettingsSwiper(n){(0,i.Z)(n);var e=(0,s.NP)(),t=function useSwiperHook(n){var e=(0,r.useState)(null),t=(0,p.Z)(e,2),i=t[0],o=t[1],a=(0,r.useState)([]),s=(0,p.Z)(a,2),d=s[0],l=s[1];(0,r.useEffect)((function(){var e=Object.keys(n.tabGroupState.allTabGroups);l(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,i]);var u=function(){var n=(0,c.Z)(g().mark((function _callee(){var n,e,t,o,r,a=arguments;return g().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(n=a.length>0&&void 0!==a[0]?a[0]:50,e=a.length>1&&void 0!==a[1]?a[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return t=.25*e,o=i.getTranslate(),r=o-n,i.allowTouchMove=!1,i.setTransition(2*t),i.setTranslate(r),s.next=12,b.DivaUtils.Sleep(2*t);case 12:return i.setTransition(t),i.setTranslate(o-.5*n),s.next=16,b.DivaUtils.Sleep(t);case 16:return i.setTransition(.5*t),i.setTranslate(.8*r),s.next=20,b.DivaUtils.Sleep(.5*t);case 20:i.setTransition(1.75*t),i.setTranslate(o),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),x=n.tabGroupState.curTabGroup?d.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:o,allSwipes:d,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var t=e.activeIndex-d.indexOf(n.tabGroupState.curTabGroup.key);1==t?n.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==t?n.actionButtonState.onClickConfiguratorSettingsBack():0!==t&&n.tabGroupState.allTabGroups[d[e.activeIndex]]&&n.tabGroupState.navigateToTabgroupByPosNr(n.tabGroupState.allTabGroups[d[e.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:x,teaseSwipe:u}}(e),o=t.setSwiperRef,x=t.allSwipes,m=t.handleSlideChange,v=t.handleSetTransition,w=t.handleTransitionEnd,y=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=x&&x.length?(0,S.jsx)(a.tq,{onSlideChange:m,onSetTransition:v,onTransitionEnd:w,initialSlide:y,onSwiper:o,className:d.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:h()("swiper-wrapper",d.Iz),children:x.map((function(n){var t,i=e.tabGroupState.allTabGroups[n],o=i?null===(t=Array.from(i.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,S.jsx)(a.o5,{className:d.AI,children:n==e.tabGroupState.curTabGroup.key?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(l.default,{},n),(0,S.jsx)(f.default,{})]}):(0,S.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:o&&(0,S.jsx)(u.default,{text:o,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,S.jsx)(S.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>m});var i=t(80248),o=t(72874),r=(t(87363),t(25709)),a=t(80509),s=t(63134),d=t(9420),l=t(82956),u=t(65515),c=t.n(u),p=t(63543),x=t(51451),g=t(74982),b=t(47514),f=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const m=(0,d.Pi)((function Settings(n){var e,t,i=n.className,d=n.tabgroupElement,u=(0,o.Z)(n,f),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,S=(0,b.jsx)(b.Fragment,{children:h?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&!m.wysiwygDebugState.wysiwygInspectView&&(0,b.jsx)(a.default,{},null!==(e=null===(t=m.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,b.jsx)(s.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,l.vt,"horizontal"==m.tabGroupState.curTabGroupType?l.s1:void 0,m.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:d,children:S}),!m.uiState.isInMobileView&&S]}))}))},23083:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(88291),o=t(25709),r=(t(87363),t(9420)),a=t(93379),s=t.n(a),d=t(7795),l=t.n(d),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),g=t(19216),b=t.n(g),f=t(44589),m=t.n(f),h=t(29390),S={};S.styleTagTransform=m(),S.setAttributes=x(),S.insert=c().bind(null,"head"),S.domAPI=l(),S.insertStyleElement=b();s()(h.ZP,S);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(47514);const w=(0,r.Pi)((function ProgressBar(n){var e;(0,i.Z)(n);var t=(0,o.NP)(),r=null===(e=t.configuratorStructureHandler)||void 0===e?void 0:e.lastConfigStep,a=t.tabGroupState.curConfigStep;if(!r||!a)return(0,v.jsx)(v.Fragment,{});var s=a.posNr,d=r.posNr,l=1==d?0:Math.round(s/d*100),u=100-l;return(0,v.jsxs)("div",{className:h.YS,children:[(0,v.jsx)("div",{className:h.L3,style:{width:l+"%"}}),(0,v.jsx)("div",{className:h.LM,style:{width:u+"%"}})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>f,vX:()=>b});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(38403),t.b),u=a()(o()),c=d()(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 f=u},86454:(n,e,t)=>{t.d(e,{Bg:()=>w,Mq:()=>y,ZP:()=>j,jl:()=>h,kL:()=>b,rK:()=>x,tM:()=>S,tW:()=>g,vt:()=>f,x6:()=>m,xn:()=>p,zh:()=>v});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(2431),t.b),u=a()(o()),c=d()(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 background-color: var(--configuratorBackgroundColor);\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_",f="index-module--PRLOe",m="index-module--zOzPb",h="index-module--_vKBL",S="index-module--mZSQ5",v="index-module--g6b2d",w="index-module--GKXer",y="index-module--FYopM";const j=u},76640:(n,e,t)=>{t.d(e,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>x});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(81165),t.b),u=a()(o()),c=d()(l);u.push([n.id,".index-module--OH1rD {\n position: absolute;\n transform: translateZ(0);\n bottom: 12px;\n right: 12px;\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--diva-theme-palette-primary-main);\n border-radius: 50%;\n cursor: pointer;\n z-index: 12000;\n box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n opacity: 0;\n transition:\n opacity 1.5s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n outline: none;\n -webkit-tap-highlight-color: transparent;\n pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n scale: 0.9;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n width: 20px;\n height: 20px;\n background-image: url("+c+");\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n}\n\n.index-module--BWnyQ {\n opacity: 1;\n pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n opacity: 0;\n transition:\n opacity 0s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n bottom: 16px;\n right: 16px;\n width: 52px;\n height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n width: 26px;\n height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",g="index-module--BWnyQ",b="index-module--CF6oq";const f=u},29390:(n,e,t)=>{t.d(e,{L3:()=>d,LM:()=>l,YS:()=>s,ZP:()=>u});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());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 s="index-module--rHd3V",d="index-module--_zSo1",l="index-module--tkNQ6";const u=a},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4247,9001,4190,853,5820],{68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>u});var i=t(80248),o=t(88291),r=(t(87363),t(25709)),a=t(39667),s=t(19047),d=t(88683),l=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const u=function BasketMobile(n){var e,t=Object.assign({},((0,o.Z)(n),n)),i=(0,r.NP)(),u=null===(e=i.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.find((function(n){return"ADD_TO_BASKET"===n.type})),c=(0,d.useTranslation)().t;return(0,l.jsx)(l.Fragment,{children:u?(0,l.jsx)("div",{onClick:function onClick(){return(0,s.onClickCheckout)(u,i,u.index,c)},className:t.className,style:{backgroundImage:"unset",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)(a.default,{checkoutButton:_objectSpread({isPrimary:!0},u),size:32})}):(0,l.jsx)("div",_objectSpread(_objectSpread({},t),{},{onClick:function onClick(){return i.actionButtonState.onClickAddToBasket(i)}}))})}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function NavigationButtons(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},58655:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),s=t(25709),d=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),f=t(3565),m=t.n(f),h=t(19216),S=t.n(h),v=t(44589),w=t.n(v),y=t(39545),j={};j.styleTagTransform=w(),j.setAttributes=m(),j.insert=b().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=S();c()(y.ZP,j);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(47514);const k=(0,l.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,s.NP)(),t=(0,d.useRef)(null);if((0,d.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,d.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,P.jsx)(P.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=function(){var n=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,P.jsx)("div",{children:(0,P.jsxs)("div",{className:y.Q_,children:[(0,P.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,P.jsxs)("div",{style:{width:"100%"},children:[(0,P.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,P.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(l(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,P.jsx)("button",{className:y.vX,onClick:l})]})]})})}))},44247:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(65515),o=t.n(i),r=t(25709),a=t(87363),s=t(93379),d=t.n(s),l=t(7795),u=t.n(l),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),m=t(44589),h=t.n(m),S=t(86454),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();d()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(58655),y=t(34190),j=t(97853),P=t(69001),k=t(67609),O=t(60414),T=t(9420),I=t(68063),C=t(88683),B=t(23083),N=t(47514),G={"--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,T.Pi)((function Gold(n){var e=(0,r.NP)(),t=(0,C.useDivaCore)().state.isFullscreenComponent;return(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(G)}),[]),(0,N.jsxs)(N.Fragment,{children:[(0,N.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:o()(S.xn,e.uiState.configSettingsIsExpanded?S.zh:void 0,e.uiState.isMobileLandscape?S.rK:void 0,e.uiState.isMobilePortrait?S.tW:void 0,e.uiState.isTablet?S.Mq:void 0),children:(0,N.jsxs)("div",{id:"wcConfigurator-wrapper",ref:function ref(n){return e.uiState.setWrapperRef(n)},style:{width:"100%",height:"100%",position:"absolute",bottom:0,left:0},children:[(0,N.jsx)(y.default,{className:S.kL}),e.uiState.isInMobileView?(0,N.jsx)(j.default,{tabgroupElement:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(O.default,{className:S.x6,showCloseButtonInMobile:t?"left":void 0}),(0,N.jsx)(I.default,{className:S.Bg}),(0,N.jsx)(B.default,{})]})}):(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(O.default,{className:S.x6,showCloseButtonInMobile:"none"}),(0,N.jsx)(j.default,{className:S.vt}),(0,N.jsx)(P.default,{className:S.jl,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,N.jsx)(k.default,{containerClassName:S.tM,showCheckoutButtons:!0})]})]})}),e.settingsState.inputBoxVisible&&(0,N.jsx)(w.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function Product(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>l});var i=t(9420),o=(t(87363),t(25709)),r=t(82956),a=t(65515),s=t.n(a),d=t(47514);const l=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,o.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,d.jsxs)(d.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,d.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,d.jsxs)(d.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,d.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,d.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},30853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var i=t(34988),o=t(9420),r=t(87363),a=t(25709),s=t(93379),d=t.n(s),l=t(7795),u=t.n(l),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),m=t(44589),h=t.n(m),S=t(76640),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();d()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(65515),y=t.n(w),j=t(47514);const P=(0,o.Pi)((function NavForwardButton(n){var e=(0,a.NP)(),t=(0,r.useState)(!1),o=(0,i.Z)(t,2),s=o[0],d=o[1];return(0,r.useEffect)((function(){setTimeout((function(){d(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,j.jsx)("div",{className:y()(S.YS,s&&S.oP,e.uiState.isTablet?S.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,j.jsx)("div",{className:S.qv})})}))},63543:(n,e,t)=>{t.r(e),t.d(e,{default:()=>v});var i=t(88291),o=t(9420),r=t(87363),a=t(37707),s=t(25709),d=t(82956),l=t(63134),u=t(74133),c=t(84658),p=t(34988),x=t(50747),g=t.n(x),b=t(88683),f=t(30853),m=t(65515),h=t.n(m),S=t(47514);const v=(0,o.Pi)((function SettingsSwiper(n){(0,i.Z)(n);var e=(0,s.NP)(),t=function useSwiperHook(n){var e=(0,r.useState)(null),t=(0,p.Z)(e,2),i=t[0],o=t[1],a=(0,r.useState)([]),s=(0,p.Z)(a,2),d=s[0],l=s[1];(0,r.useEffect)((function(){var e=Object.keys(n.tabGroupState.allTabGroups);l(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,i]);var u=function(){var n=(0,c.Z)(g().mark((function _callee(){var n,e,t,o,r,a=arguments;return g().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(n=a.length>0&&void 0!==a[0]?a[0]:50,e=a.length>1&&void 0!==a[1]?a[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return t=.25*e,o=i.getTranslate(),r=o-n,i.allowTouchMove=!1,i.setTransition(2*t),i.setTranslate(r),s.next=12,b.DivaUtils.Sleep(2*t);case 12:return i.setTransition(t),i.setTranslate(o-.5*n),s.next=16,b.DivaUtils.Sleep(t);case 16:return i.setTransition(.5*t),i.setTranslate(.8*r),s.next=20,b.DivaUtils.Sleep(.5*t);case 20:i.setTransition(1.75*t),i.setTranslate(o),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),x=n.tabGroupState.curTabGroup?d.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:o,allSwipes:d,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var t=e.activeIndex-d.indexOf(n.tabGroupState.curTabGroup.key);1==t?n.actionButtonState.onClickConfiguratorSettingsForth(!0,!0):-1==t?n.actionButtonState.onClickConfiguratorSettingsBack():0!==t&&n.tabGroupState.allTabGroups[d[e.activeIndex]]&&n.tabGroupState.navigateToTabgroupByPosNr(n.tabGroupState.allTabGroups[d[e.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:x,teaseSwipe:u}}(e),o=t.setSwiperRef,x=t.allSwipes,m=t.handleSlideChange,v=t.handleSetTransition,w=t.handleTransitionEnd,y=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=x&&x.length?(0,S.jsx)(a.tq,{onSlideChange:m,onSetTransition:v,onTransitionEnd:w,initialSlide:y,onSwiper:o,className:d.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:h()("swiper-wrapper",d.Iz),children:x.map((function(n){var t,i=e.tabGroupState.allTabGroups[n],o=i?null===(t=Array.from(i.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,S.jsx)(a.o5,{className:d.AI,children:n==e.tabGroupState.curTabGroup.key?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(l.default,{},n),(0,S.jsx)(f.default,{})]}):(0,S.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:o&&(0,S.jsx)(u.default,{text:o,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,S.jsx)(S.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>m});var i=t(80248),o=t(72874),r=(t(87363),t(25709)),a=t(80509),s=t(63134),d=t(9420),l=t(82956),u=t(65515),c=t.n(u),p=t(63543),x=t(51451),g=t(74982),b=t(47514),f=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const m=(0,d.Pi)((function Settings(n){var e,t,i=n.className,d=n.tabgroupElement,u=(0,o.Z)(n,f),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,S=(0,b.jsx)(b.Fragment,{children:h?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&!m.wysiwygDebugState.wysiwygInspectView&&(0,b.jsx)(a.default,{},null!==(e=null===(t=m.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,b.jsx)(s.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,l.vt,"horizontal"==m.tabGroupState.curTabGroupType?l.s1:void 0,m.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:d,children:S}),!m.uiState.isInMobileView&&S]}))}))},23083:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(88291),o=t(25709),r=(t(87363),t(9420)),a=t(93379),s=t.n(a),d=t(7795),l=t.n(d),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),g=t(19216),b=t.n(g),f=t(44589),m=t.n(f),h=t(29390),S={};S.styleTagTransform=m(),S.setAttributes=x(),S.insert=c().bind(null,"head"),S.domAPI=l(),S.insertStyleElement=b();s()(h.ZP,S);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(47514);const w=(0,r.Pi)((function ProgressBar(n){var e;(0,i.Z)(n);var t=(0,o.NP)(),r=null===(e=t.configuratorStructureHandler)||void 0===e?void 0:e.lastConfigStep,a=t.tabGroupState.curConfigStep;if(!r||!a)return(0,v.jsx)(v.Fragment,{});var s=a.posNr,d=r.posNr,l=1==d?0:Math.round(s/d*100),u=100-l;return(0,v.jsxs)("div",{className:h.YS,children:[(0,v.jsx)("div",{className:h.L3,style:{width:l+"%"}}),(0,v.jsx)("div",{className:h.LM,style:{width:u+"%"}})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>f,vX:()=>b});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(38403),t.b),u=a()(o()),c=d()(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 f=u},86454:(n,e,t)=>{t.d(e,{Bg:()=>w,Mq:()=>y,ZP:()=>j,jl:()=>h,kL:()=>b,rK:()=>x,tM:()=>S,tW:()=>g,vt:()=>f,x6:()=>m,xn:()=>p,zh:()=>v});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(2431),t.b),u=a()(o()),c=d()(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 background-color: var(--configuratorBackgroundColor);\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_",f="index-module--PRLOe",m="index-module--zOzPb",h="index-module--_vKBL",S="index-module--mZSQ5",v="index-module--g6b2d",w="index-module--GKXer",y="index-module--FYopM";const j=u},76640:(n,e,t)=>{t.d(e,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>x});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(81165),t.b),u=a()(o()),c=d()(l);u.push([n.id,".index-module--OH1rD {\n position: absolute;\n transform: translateZ(0);\n bottom: 12px;\n right: 12px;\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--diva-theme-palette-primary-main);\n border-radius: 50%;\n cursor: pointer;\n z-index: 12000;\n box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n opacity: 0;\n transition:\n opacity 1.5s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n outline: none;\n -webkit-tap-highlight-color: transparent;\n pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n scale: 0.9;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n width: 20px;\n height: 20px;\n background-image: url("+c+");\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n}\n\n.index-module--BWnyQ {\n opacity: 1;\n pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n opacity: 0;\n transition:\n opacity 0s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n bottom: 16px;\n right: 16px;\n width: 52px;\n height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n width: 26px;\n height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",g="index-module--BWnyQ",b="index-module--CF6oq";const f=u},29390:(n,e,t)=>{t.d(e,{L3:()=>d,LM:()=>l,YS:()=>s,ZP:()=>u});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());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 s="index-module--rHd3V",d="index-module--_zSo1",l="index-module--tkNQ6";const u=a},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
package/build/umd/4874.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 4874.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4874],{44874:(n,e,i)=>{i.r(e),i.d(e,{default:()=>x});var t=i(84658),o=i(34988),r=i(50747),a=i.n(r),d=i(87363),l=i(88683),s=i(44353),p=i(47514);const x=function UnlockCard(n){var e=n.budgetTotal,i=n.leadBonus,r=n.leadKeyActive,x=n.onSubmit,u=n.onSuccess,m=(0,l.useTranslation)().t,c=(0,d.useState)(""),h=(0,o.Z)(c,2),g=h[0],b=h[1],v=(0,d.useState)(r?"exhausted":"form"),f=(0,o.Z)(v,2),w=f[0],y=f[1],S=(0,d.useState)(""),k=(0,o.Z)(S,2),Z=k[0],z=k[1],M=function(){var n=(0,t.Z)(a().mark((function _callee(){var n,e,i,t;return a().wrap((function _callee$(o){for(;;)switch(o.prev=o.next){case 0:return y("loading"),z(""),o.next=4,x(g);case 4:null!=(n=o.sent)&&n.success?(y("success"),setTimeout((function(){return u()}),2500)):"LEAD_KEY_BONUS_EXHAUSTED"===(null==n?void 0:n.reason)?(z(null!==(e=null==n?void 0:n.message)&&void 0!==e?e:""),y("leadBonusExhausted")):"EMAIL_ALREADY_USED"===(null==n?void 0:n.reason)?(z(null!==(i=null==n?void 0:n.message)&&void 0!==i?i:""),y("emailAlreadyUsed")):(z(null!==(t=null==n?void 0:n.message)&&void 0!==t?t:""),y("error"));case 6:case"end":return o.stop()}}),_callee)})));return function handleSubmit(){return n.apply(this,arguments)}}();return"success"===w?(0,p.jsxs)("div",{className:"".concat(s.JK," ").concat(s.J2),children:[(0,p.jsx)("span",{className:s.JZ,children:"✓"}),(0,p.jsx)("p",{className:s.nP,children:m("configurator.inspiration.unlockSuccess","Erfolgreich freigeschaltet – jetzt weiter generieren!")})]}):"exhausted"===w?(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:m("configurator.inspiration.exhaustedTitle","Sie haben heute alle Raumbilder genutzt")}),(0,p.jsx)("p",{className:s._x,children:m("configurator.inspiration.exhaustedText","Ihr Kontingent ist für heute aufgebraucht. Kommen Sie morgen wieder – dann stehen Ihnen neue Raumbilder zur Verfügung.")})]}):"emailAlreadyUsed"===w?(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:m("configurator.inspiration.emailAlreadyUsedTitle","Diese E-Mail-Adresse wurde bereits verwendet")}),(0,p.jsx)("p",{className:s._x,children:m("configurator.inspiration.emailAlreadyUsedText","Die Freischaltung zusätzlicher Raumbilder ist pro E-Mail-Adresse nur einmal möglich.")})]}):"leadBonusExhausted"===w?(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:m("configurator.inspiration.leadKeyBonusExhaustedTitle","Bonus-Kontingent aufgebraucht")}),(0,p.jsx)("p",{className:s._x,children:m("configurator.inspiration.leadKeyBonusExhaustedText","Für diese E-Mail-Adresse sind alle zusätzlichen Raumbilder bereits verbraucht. Es können keine weiteren Bilder mehr freigeschaltet werden.")})]}):(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:m("configurator.inspiration.unlockTitle","Gefällt Ihnen, was Sie sehen?")}),(0,p.jsx)("p",{className:s._x,children:m("configurator.inspiration.unlockTextLead","Sie haben Ihre ".concat(e," inklusiven Raumbilder genutzt. Wir schenken Ihnen gerne ").concat(i," weitere – damit Sie Ihren Tjala in noch mehr Stilwelten erleben können."))}),(0,p.jsx)("input",{type:"email",className:s.eZ,value:g,onChange:function onChange(n){return b(n.target.value)},placeholder:m("configurator.inspiration.emailPlaceholder","ihre.email@beispiel.de"),disabled:"loading"===w}),"error"===w&&Z&&(0,p.jsx)("p",{className:s._x,children:Z}),(0,p.jsxs)("button",{type:"button",className:s.by,disabled:"loading"===w||!l.DivaUtils.validateEmail(g),onClick:M,children:["loading"===w?m("configurator.inspiration.unlocking","Wird freigeschaltet…"):m("configurator.inspiration.unlockButton","".concat(i," weitere Raumbilder freischalten")),"loading"!==w&&(0,p.jsx)("span",{className:s.Sm,children:"→"})]})]})}},41996:(n,e,i)=>{i.d(e,{J2:()=>j,JK:()=>z,JZ:()=>P,M3:()=>v,MZ:()=>B,N1:()=>S,N3:()=>Z,RF:()=>y,Se:()=>s,Sm:()=>N,Te:()=>g,Xf:()=>x,YO:()=>E,Yh:()=>_,ZP:()=>C,Zg:()=>b,_g:()=>T,_x:()=>A,a9:()=>f,bx:()=>q,by:()=>K,ch:()=>c,eZ:()=>F,fQ:()=>u,fU:()=>R,fh:()=>k,is:()=>m,mY:()=>p,nC:()=>d,nP:()=>V,pl:()=>w,tS:()=>l,w:()=>h,zP:()=>M});var t=i(8081),o=i.n(t),r=i(23645),a=i.n(r)()(o());a.push([n.id,".index-module--wzL3X {\n padding-top: 16px;\n padding-left: 12px;\n}\n\n.index-module--HfhVm {\n font-size: 14px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-secondary);\n margin: 0;\n}\n\n.index-module--vyBko {\n font-size: 18px;\n font-weight: 300;\n line-height: 1.3;\n letter-spacing: inherit;\n color: var(--diva-theme-palette-text-primary);\n margin: 0 0 8px;\n}\n\n.index-module--gveXM {\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: var(--diva-theme-palette-text-secondary);\n margin: 0 0 16px;\n}\n\n.mobile .index-module--gveXM {\n margin: 0 0 8px;\n}\n\n.index-module--G6Rna {\n margin-bottom: 16px;\n}\n\n.index-module--bdezP {\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: var(--diva-theme-palette-text-secondary);\n margin: 0;\n}\n\n.mobile .index-module--bdezP {\n font-size: 12px;\n}\n\n.index-module--aZSKq {\n margin-bottom: 16px;\n min-height: 60px;\n overflow: visible;\n}\n\n.index-module--aZSKq .swiper {\n position: relative;\n overflow: hidden;\n list-style: none;\n padding: 6px 0;\n z-index: 1;\n}\n\n.index-module--aZSKq .swiper-wrapper {\n position: relative;\n width: calc(100% - 24px);\n height: 100%;\n z-index: 1;\n display: flex;\n align-items: center;\n transition-property: transform;\n justify-content: center;\n padding: 12px;\n}\n\n.index-module--G6Rna .index-module--aZSKq .swiper-slide {\n flex-shrink: 0;\n width: 18%;\n aspect-ratio: 1;\n display: flex;\n align-items: center;\n overflow: visible;\n}\n\n.index-module--aZSKq .swiper-button-prev,\n.index-module--aZSKq .swiper-button-next {\n position: absolute;\n top: 50%;\n width: 24px;\n height: 24px;\n margin-top: -12px;\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n}\n.index-module--aZSKq .swiper-button-prev svg,\n.index-module--aZSKq .swiper-button-next svg {\n display: none;\n}\n\n.index-module--aZSKq .swiper-button-prev:focus,\n.index-module--aZSKq .swiper-button-prev:active,\n.index-module--aZSKq .swiper-button-next:focus,\n.index-module--aZSKq .swiper-button-next:active {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--aZSKq .swiper-button-prev::before,\n.index-module--aZSKq .swiper-button-next::before {\n display: none !important;\n}\n\n.index-module--aZSKq .swiper-button-prev:after,\n.index-module--aZSKq .swiper-button-next:after {\n font-family: swiper-icons;\n font-size: 24px;\n}\n\n.index-module--aZSKq .swiper-button-prev,\n.index-module--aZSKq .swiper-rtl .swiper-button-next {\n left: 4px;\n right: auto;\n}\n\n.index-module--aZSKq .swiper-button-next,\n.index-module--aZSKq .swiper-rtl .swiper-button-prev {\n right: 4px;\n left: auto;\n}\n\n.index-module--aZSKq .swiper-button-disabled {\n display: none;\n}\n\n.index-module--pFM1x {\n width: 100%;\n height: 100%;\n min-width: 0;\n padding: 0;\n border: none;\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n background: none;\n transition:\n opacity 0.2s,\n box-shadow 0.2s;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n}\n\n.index-module--pFM1x:hover {\n opacity: 0.8;\n}\n\n.index-module--pFM1x:focus,\n.index-module--pFM1x:active {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--xmg3Q {\n box-shadow: 0 0 0 3px var(--diva-theme-palette-primary-main);\n outline-offset: 2px;\n}\n\n.index-module--lU5QC {\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n}\n\n.index-module--ZbFvM {\n text-align: center;\n}\n\n.index-module--G1goE {\n font-size: 16px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-primary);\n margin: 0 0 8px;\n}\n\n.index-module--Mm_Ad {\n margin-bottom: 16px;\n}\n\n.index-module--fP54b {\n width: calc(100% - 28px);\n padding: 10px 14px;\n font-size: 14px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-primary);\n border: 1px solid #e8e3da;\n border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n border-radius: 4px;\n border-radius: var(--globalBorderRadius, 4px);\n background: var(--settingsBackgroundColor);\n}\n\n.index-module--fP54b:focus {\n outline: none;\n border-color: var(--diva-theme-palette-primary-main);\n box-shadow: 0 0 0 1px var(--diva-theme-palette-primary-main);\n}\n\n.index-module--fP54b::-moz-placeholder {\n color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--fP54b::placeholder {\n color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--NybYq {\n margin-bottom: 24px;\n}\n\n.index-module--aFhln {\n width: calc(100% - 48px);\n padding: 14px 24px;\n font-size: 16px;\n font-weight: 300;\n color: #fff;\n color: var(--diva-theme-palette-primary-contrast-text, #fff);\n background: var(--diva-theme-palette-primary-main);\n border: none;\n border-radius: var(--buttons-border-radius);\n cursor: pointer;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n box-shadow: var(--boxShadowHover, 0 4px 6px rgba(0, 0, 0, 0.1));\n transition:\n background 0.2s,\n box-shadow 0.2s;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n}\n\n.index-module--aFhln:focus,\n.index-module--aFhln:active {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--aFhln:hover:not(:disabled) {\n background: var(--diva-theme-palette-primary-dark);\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);\n box-shadow: var(--boxShadowActive, 0 6px 12px rgba(0, 0, 0, 0.15));\n}\n\n.index-module--aFhln:disabled {\n cursor: not-allowed;\n opacity: 0.7;\n}\n\n.index-module--kSA5W {\n font-size: 12px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-secondary);\n text-align: center;\n margin: 8px 0 0;\n}\n\n.index-module--YivLn {\n font-size: 13px;\n font-weight: 400;\n line-height: 1.5;\n color: #d32f2f;\n color: var(--diva-theme-palette-error-main, #d32f2f);\n background: color-mix(in srgb, #d32f2f 8%, transparent);\n background: color-mix(in srgb, var(--diva-theme-palette-error-main, #d32f2f) 8%, transparent);\n border: 1px solid color-mix(in srgb, #d32f2f 25%, transparent);\n border: 1px solid color-mix(in srgb, var(--diva-theme-palette-error-main, #d32f2f) 25%, transparent);\n border-radius: 4px;\n border-radius: var(--globalBorderRadius, 4px);\n padding: 10px 14px;\n margin: 12px 0 0;\n text-align: center;\n}\n\n.index-module--P1E7G {\n padding: 24px 20px;\n border: 2px solid color-mix(in srgb, var(--diva-theme-palette-primary-main) 20%, transparent);\n border-radius: 4px;\n border-radius: var(--globalBorderRadius, 4px);\n background: var(--settingsBackgroundColor);\n text-align: center;\n}\n\n.index-module--gbyhE {\n font-size: 18px;\n font-weight: 300;\n\n color: var(--diva-theme-palette-primary-main);\n margin: 0 0 12px;\n}\n\n.index-module--T4neK {\n font-size: 14px;\n font-weight: 300;\n line-height: 1.6;\n color: var(--diva-theme-palette-text-secondary);\n margin: 0 0 16px;\n}\n\n.index-module--SVhBo {\n width: calc(100% - 28px);\n padding: 12px 14px;\n font-size: 14px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-primary);\n border: 1px solid #e8e3da;\n border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n border-radius: 4px;\n border-radius: var(--globalBorderRadius, 4px);\n background: var(--settingsBackgroundColor);\n margin-bottom: 12px;\n}\n\n.index-module--SVhBo:focus {\n outline: none;\n border-color: var(--diva-theme-palette-primary-main);\n box-shadow: 0 0 0 1px var(--diva-theme-palette-primary-main);\n}\n\n.index-module--SVhBo::-moz-placeholder {\n color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--SVhBo::placeholder {\n color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--jsuNR {\n width: calc(100% - 48px);\n padding: 14px 24px;\n font-size: 14px;\n font-weight: 400;\n color: #fff;\n color: var(--diva-theme-palette-primary-contrast-text, #fff);\n background: var(--diva-theme-palette-primary-main);\n border: none;\n border-radius: var(--buttons-border-radius);\n cursor: pointer;\n transition:\n background 0.2s,\n box-shadow 0.2s;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n}\n\n.index-module--jsuNR:focus,\n.index-module--jsuNR:active {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--jsuNR:hover:not(:disabled) {\n background: var(--diva-theme-palette-primary-dark);\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);\n box-shadow: var(--boxShadowActive, 0 6px 12px rgba(0, 0, 0, 0.15));\n}\n\n.index-module--jsuNR:disabled {\n cursor: not-allowed;\n opacity: 0.7;\n}\n\n.index-module--DBkmW {\n font-size: 18px;\n line-height: 1;\n}\n\n.index-module--ZuwzE {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 12px;\n min-height: 120px;\n}\n\n.index-module--cFEvx {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: var(--diva-theme-palette-primary-main);\n color: #fff;\n color: var(--diva-theme-palette-primary-contrast-text, #fff);\n font-size: 20px;\n line-height: 1;\n}\n\n.index-module--mT13P {\n font-size: 15px;\n font-weight: 400;\n color: var(--diva-theme-palette-text-primary);\n margin: 0;\n}\n\n.index-module--Q2H7T {\n display: block;\n margin: 12px auto 24px;\n padding: 0;\n font-size: 14px;\n font-weight: 300;\n color: var(--diva-theme-palette-primary-main);\n text-decoration: underline;\n text-underline-offset: 3px;\n background: none;\n border: none;\n cursor: pointer;\n transition: color 0.15s;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--Q2H7T:hover {\n color: var(--diva-theme-palette-primary-dark);\n}\n\n.index-module--mwN_Y {\n margin-top: 24px;\n}\n\n.index-module--keDwN {\n font-size: 12px;\n font-weight: 300;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: var(--diva-theme-palette-text-secondary);\n margin: 0 0 12px;\n}\n\n.index-module--MFAVd {\n padding-bottom: 8px;\n}\n\n.index-module--MFAVd .swiper {\n position: relative;\n overflow: hidden;\n list-style: none;\n padding: 0;\n z-index: 1;\n}\n\n.index-module--MFAVd .swiper-wrapper {\n position: relative;\n height: 100%;\n z-index: 1;\n display: flex;\n align-items: center;\n transition-property: transform;\n padding: 12px;\n}\n\n.index-module--mwN_Y .index-module--MFAVd .swiper-slide {\n flex-shrink: 0;\n width: 80px;\n height: 80px;\n}\n\n.index-module--MFAVd .swiper-button-prev,\n.index-module--MFAVd .swiper-button-next {\n position: absolute;\n top: 50%;\n width: 24px;\n height: 24px;\n margin-top: -12px;\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n}\n\n.index-module--MFAVd .swiper-button-prev svg,\n.index-module--MFAVd .swiper-button-next svg {\n display: none;\n}\n\n.index-module--MFAVd .swiper-button-prev:focus,\n.index-module--MFAVd .swiper-button-prev:active,\n.index-module--MFAVd .swiper-button-next:focus,\n.index-module--MFAVd .swiper-button-next:active {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--MFAVd .swiper-button-prev::before,\n.index-module--MFAVd .swiper-button-next::before {\n display: none !important;\n}\n\n.index-module--MFAVd .swiper-button-prev:after,\n.index-module--MFAVd .swiper-button-next:after {\n font-family: swiper-icons;\n font-size: 24px;\n}\n\n.index-module--MFAVd .swiper-button-prev,\n.index-module--MFAVd .swiper-rtl .swiper-button-next {\n left: 4px;\n right: auto;\n}\n\n.index-module--MFAVd .swiper-button-next,\n.index-module--MFAVd .swiper-rtl .swiper-button-prev {\n right: 4px;\n left: auto;\n}\n\n.index-module--MFAVd .swiper-button-prev:after {\n content: 'prev';\n}\n\n.index-module--MFAVd .swiper-button-next:after {\n content: 'next';\n}\n\n.index-module--MFAVd .swiper-button-disabled {\n display: none;\n}\n\n.index-module--ZSu4D {\n width: 80px;\n height: 80px;\n flex-shrink: 0;\n overflow: hidden;\n border-radius: 4px;\n border-radius: var(--globalBorderRadius, 4px);\n border: 2px solid #e8e3da;\n border: 2px solid var(--galleryItemBorderColor, #e8e3da);\n cursor: pointer;\n transition:\n border-color 0.2s,\n box-shadow 0.2s;\n}\n\n.index-module--ZSu4D:hover {\n border-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--IIB9r {\n border-color: var(--diva-theme-palette-primary-main);\n box-shadow: 0 0 0 2px var(--diva-theme-palette-primary-main);\n}\n\n.index-module--ZSu4D img {\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n}\n",""]);var d="index-module--wzL3X",l="index-module--HfhVm",s="index-module--vyBko",p="index-module--gveXM",x="index-module--G6Rna",u="index-module--bdezP",m="index-module--aZSKq",c="index-module--pFM1x",h="index-module--xmg3Q",g="index-module--lU5QC",b="index-module--ZbFvM",v="index-module--G1goE",f="index-module--Mm_Ad",w="index-module--fP54b",y="index-module--NybYq",S="index-module--aFhln",k="index-module--kSA5W",Z="index-module--YivLn",z="index-module--P1E7G",M="index-module--gbyhE",A="index-module--T4neK",F="index-module--SVhBo",K="index-module--jsuNR",N="index-module--DBkmW",j="index-module--ZuwzE",P="index-module--cFEvx",V="index-module--mT13P",B="index-module--Q2H7T",E="index-module--mwN_Y",R="index-module--keDwN",T="index-module--MFAVd",q="index-module--ZSu4D",_="index-module--IIB9r";const C=a},44353:(n,e,i)=>{i.d(e,{J2:()=>h.J2,JK:()=>h.JK,JZ:()=>h.JZ,M3:()=>h.M3,MZ:()=>h.MZ,N1:()=>h.N1,N3:()=>h.N3,RF:()=>h.RF,Se:()=>h.Se,Sm:()=>h.Sm,Te:()=>h.Te,Xf:()=>h.Xf,YO:()=>h.YO,Yh:()=>h.Yh,Zg:()=>h.Zg,_g:()=>h._g,_x:()=>h._x,a9:()=>h.a9,bx:()=>h.bx,by:()=>h.by,ch:()=>h.ch,eZ:()=>h.eZ,fQ:()=>h.fQ,fU:()=>h.fU,fh:()=>h.fh,is:()=>h.is,mY:()=>h.mY,nC:()=>h.nC,nP:()=>h.nP,pl:()=>h.pl,tS:()=>h.tS,w:()=>h.w,zP:()=>h.zP});var t=i(93379),o=i.n(t),r=i(7795),a=i.n(r),d=i(90569),l=i.n(d),s=i(3565),p=i.n(s),x=i(19216),u=i.n(x),m=i(44589),c=i.n(m),h=i(41996),g={};g.styleTagTransform=c(),g.setAttributes=p(),g.insert=l().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=u();o()(h.ZP,g),h.ZP&&h.ZP.locals&&h.ZP.locals}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4874],{44874:(n,e,i)=>{i.r(e),i.d(e,{default:()=>x});var t=i(84658),o=i(34988),r=i(50747),d=i.n(r),a=i(87363),l=i(88683),s=i(44353),p=i(47514);const x=function UnlockCard(n){var e=n.budgetTotal,i=n.leadBonus,r=n.leadKeyActive,x=n.onSubmit,u=n.onSuccess,m=(0,l.useTranslation)().t,c=(0,a.useState)(""),h=(0,o.Z)(c,2),g=h[0],b=h[1],v=(0,a.useState)(r||i<=0?"exhausted":"form"),f=(0,o.Z)(v,2),w=f[0],y=f[1],S=(0,a.useState)(""),k=(0,o.Z)(S,2),Z=k[0],z=k[1],M=function(){var n=(0,t.Z)(d().mark((function _callee(){var n,e,i,t;return d().wrap((function _callee$(o){for(;;)switch(o.prev=o.next){case 0:return y("loading"),z(""),o.next=4,x(g);case 4:null!=(n=o.sent)&&n.success?(y("success"),setTimeout((function(){return u()}),2500)):"LEAD_KEY_BONUS_EXHAUSTED"===(null==n?void 0:n.reason)?(z(null!==(e=null==n?void 0:n.message)&&void 0!==e?e:""),y("leadBonusExhausted")):"EMAIL_ALREADY_USED"===(null==n?void 0:n.reason)?(z(null!==(i=null==n?void 0:n.message)&&void 0!==i?i:""),y("emailAlreadyUsed")):(z(null!==(t=null==n?void 0:n.message)&&void 0!==t?t:""),y("error"));case 6:case"end":return o.stop()}}),_callee)})));return function handleSubmit(){return n.apply(this,arguments)}}();return"success"===w?(0,p.jsxs)("div",{className:"".concat(s.JK," ").concat(s.J2),children:[(0,p.jsx)("span",{className:s.JZ,children:"✓"}),(0,p.jsx)("p",{className:s.nP,children:m("configurator.inspiration.unlockSuccess","Erfolgreich freigeschaltet – jetzt weiter generieren!")})]}):"exhausted"===w?(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:m("configurator.inspiration.exhaustedTitle","Sie haben heute alle Raumbilder genutzt")}),(0,p.jsx)("p",{className:s._x,children:m("configurator.inspiration.exhaustedText","Ihr Kontingent ist für heute aufgebraucht. Kommen Sie morgen wieder – dann stehen Ihnen neue Raumbilder zur Verfügung.")})]}):"emailAlreadyUsed"===w?(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:m("configurator.inspiration.emailAlreadyUsedTitle","Diese E-Mail-Adresse wurde bereits verwendet")}),(0,p.jsx)("p",{className:s._x,children:m("configurator.inspiration.emailAlreadyUsedText","Die Freischaltung zusätzlicher Raumbilder ist pro E-Mail-Adresse nur einmal möglich.")})]}):"leadBonusExhausted"===w?(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:m("configurator.inspiration.leadKeyBonusExhaustedTitle","Bonus-Kontingent aufgebraucht")}),(0,p.jsx)("p",{className:s._x,children:m("configurator.inspiration.leadKeyBonusExhaustedText","Für diese E-Mail-Adresse sind alle zusätzlichen Raumbilder bereits verbraucht. Es können keine weiteren Bilder mehr freigeschaltet werden.")})]}):(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:m("configurator.inspiration.unlockTitle","Gefällt Ihnen, was Sie sehen?")}),(0,p.jsx)("p",{className:s._x,children:m("configurator.inspiration.unlockTextLead",{budgetTotal:e,leadBonus:i})}),(0,p.jsx)("input",{type:"email",className:s.eZ,value:g,onChange:function onChange(n){return b(n.target.value)},placeholder:m("configurator.inspiration.emailPlaceholder","ihre.email@beispiel.de"),disabled:"loading"===w}),"error"===w&&Z&&(0,p.jsx)("p",{className:s._x,children:Z}),(0,p.jsxs)("button",{type:"button",className:s.by,disabled:"loading"===w||!l.DivaUtils.validateEmail(g),onClick:M,children:["loading"===w?m("configurator.inspiration.unlocking","Wird freigeschaltet…"):m("configurator.inspiration.unlockButton","".concat(i," weitere Raumbilder freischalten")),"loading"!==w&&(0,p.jsx)("span",{className:s.Sm,children:"→"})]})]})}},41996:(n,e,i)=>{i.d(e,{J2:()=>j,JK:()=>z,JZ:()=>B,M3:()=>v,MZ:()=>V,N1:()=>S,N3:()=>Z,RF:()=>y,Se:()=>s,Sm:()=>N,Te:()=>g,Xf:()=>x,YO:()=>E,Yh:()=>_,ZP:()=>C,Zg:()=>b,_g:()=>T,_x:()=>A,a9:()=>f,bx:()=>q,by:()=>K,ch:()=>c,eZ:()=>F,fQ:()=>u,fU:()=>R,fh:()=>k,is:()=>m,mY:()=>p,nC:()=>a,nP:()=>P,pl:()=>w,tS:()=>l,w:()=>h,zP:()=>M});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([n.id,".index-module--wzL3X {\n padding-top: 16px;\n padding-left: 12px;\n}\n\n.mobile .index-module--wzL3X {\n padding-left: 0px;\n}\n\n.index-module--HfhVm {\n font-size: 14px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-secondary);\n margin: 0;\n}\n\n.index-module--vyBko {\n font-size: 18px;\n font-weight: 300;\n line-height: 1.3;\n letter-spacing: inherit;\n color: var(--diva-theme-palette-text-primary);\n margin: 0 0 8px;\n}\n\n.index-module--gveXM {\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: var(--diva-theme-palette-text-secondary);\n margin: 0 0 16px;\n}\n\n.mobile .index-module--gveXM {\n margin: 0 0 8px;\n}\n\n.index-module--G6Rna {\n margin-bottom: 16px;\n}\n\n.index-module--bdezP {\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: var(--diva-theme-palette-text-secondary);\n margin: 0;\n}\n\n.mobile .index-module--bdezP {\n font-size: 12px;\n}\n\n.index-module--aZSKq {\n margin-bottom: 16px;\n min-height: 60px;\n overflow: visible;\n}\n\n.index-module--aZSKq .swiper {\n position: relative;\n overflow: hidden;\n list-style: none;\n padding: 6px 0;\n z-index: 1;\n}\n\n.index-module--aZSKq .swiper-wrapper {\n position: relative;\n width: calc(100% - 24px);\n height: 100%;\n z-index: 1;\n display: flex;\n align-items: center;\n transition-property: transform;\n justify-content: center;\n padding: 12px;\n}\n\n.index-module--G6Rna .index-module--aZSKq .swiper-slide {\n flex-shrink: 0;\n width: 18%;\n aspect-ratio: 1;\n display: flex;\n align-items: center;\n overflow: visible;\n}\n\n.index-module--aZSKq .swiper-button-prev,\n.index-module--aZSKq .swiper-button-next {\n position: absolute;\n top: 50%;\n width: 24px;\n height: 24px;\n margin-top: -12px;\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n}\n.index-module--aZSKq .swiper-button-prev svg,\n.index-module--aZSKq .swiper-button-next svg {\n display: none;\n}\n\n.index-module--aZSKq .swiper-button-prev:focus,\n.index-module--aZSKq .swiper-button-prev:active,\n.index-module--aZSKq .swiper-button-next:focus,\n.index-module--aZSKq .swiper-button-next:active {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--aZSKq .swiper-button-prev::before,\n.index-module--aZSKq .swiper-button-next::before {\n display: none !important;\n}\n\n.index-module--aZSKq .swiper-button-prev:after,\n.index-module--aZSKq .swiper-button-next:after {\n font-family: swiper-icons;\n font-size: 24px;\n}\n\n.index-module--aZSKq .swiper-button-prev,\n.index-module--aZSKq .swiper-rtl .swiper-button-next {\n left: 4px;\n right: auto;\n}\n\n.index-module--aZSKq .swiper-button-next,\n.index-module--aZSKq .swiper-rtl .swiper-button-prev {\n right: 4px;\n left: auto;\n}\n\n.index-module--aZSKq .swiper-button-disabled {\n display: none;\n}\n\n.index-module--pFM1x {\n width: 100%;\n height: 100%;\n min-width: 0;\n padding: 0;\n border: none;\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n background: none;\n transition:\n opacity 0.2s,\n box-shadow 0.2s;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n}\n\n.index-module--pFM1x:hover {\n opacity: 0.8;\n}\n\n.index-module--pFM1x:focus,\n.index-module--pFM1x:active {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--xmg3Q {\n box-shadow: 0 0 0 3px var(--diva-theme-palette-primary-main);\n outline-offset: 2px;\n}\n\n.index-module--lU5QC {\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n}\n\n.index-module--ZbFvM {\n text-align: center;\n}\n\n.index-module--G1goE {\n font-size: 16px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-primary);\n margin: 0 0 8px;\n}\n\n.index-module--Mm_Ad {\n margin-bottom: 16px;\n}\n\n.index-module--fP54b {\n width: calc(100% - 28px);\n padding: 10px 14px;\n font-size: 14px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-primary);\n border: 1px solid #e8e3da;\n border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n border-radius: 4px;\n border-radius: var(--globalBorderRadius, 4px);\n background: var(--settingsBackgroundColor);\n}\n\n.index-module--fP54b:focus {\n outline: none;\n border-color: var(--diva-theme-palette-primary-main);\n box-shadow: 0 0 0 1px var(--diva-theme-palette-primary-main);\n}\n\n.index-module--fP54b::-moz-placeholder {\n color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--fP54b::placeholder {\n color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--NybYq {\n margin-bottom: 24px;\n}\n\n.index-module--aFhln {\n width: calc(100% - 48px);\n padding: 14px 24px;\n font-size: 16px;\n font-weight: 300;\n color: #fff;\n color: var(--diva-theme-palette-primary-contrast-text, #fff);\n background: var(--diva-theme-palette-primary-main);\n border: none;\n border-radius: var(--buttons-border-radius);\n cursor: pointer;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n box-shadow: var(--boxShadowHover, 0 4px 6px rgba(0, 0, 0, 0.1));\n transition:\n background 0.2s,\n box-shadow 0.2s;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n}\n\n.index-module--aFhln:focus,\n.index-module--aFhln:active {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--aFhln:hover:not(:disabled) {\n background: var(--diva-theme-palette-primary-dark);\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);\n box-shadow: var(--boxShadowActive, 0 6px 12px rgba(0, 0, 0, 0.15));\n}\n\n.index-module--aFhln:disabled {\n cursor: not-allowed;\n opacity: 0.7;\n}\n\n.index-module--kSA5W {\n font-size: 12px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-secondary);\n text-align: center;\n margin: 8px 0 0;\n}\n\n.index-module--YivLn {\n font-size: 13px;\n font-weight: 400;\n line-height: 1.5;\n color: #d32f2f;\n color: var(--diva-theme-palette-error-main, #d32f2f);\n background: color-mix(in srgb, #d32f2f 8%, transparent);\n background: color-mix(in srgb, var(--diva-theme-palette-error-main, #d32f2f) 8%, transparent);\n border: 1px solid color-mix(in srgb, #d32f2f 25%, transparent);\n border: 1px solid color-mix(in srgb, var(--diva-theme-palette-error-main, #d32f2f) 25%, transparent);\n border-radius: 4px;\n border-radius: var(--globalBorderRadius, 4px);\n padding: 10px 14px;\n margin: 12px 0 0;\n text-align: center;\n}\n\n.index-module--P1E7G {\n padding: 24px 20px;\n border: 2px solid color-mix(in srgb, var(--diva-theme-palette-primary-main) 20%, transparent);\n border-radius: 4px;\n border-radius: var(--globalBorderRadius, 4px);\n background: var(--settingsBackgroundColor);\n text-align: center;\n}\n\n.index-module--gbyhE {\n font-size: 18px;\n font-weight: 300;\n\n color: var(--diva-theme-palette-primary-main);\n margin: 0 0 12px;\n}\n\n.index-module--T4neK {\n font-size: 14px;\n font-weight: 300;\n line-height: 1.6;\n color: var(--diva-theme-palette-text-secondary);\n margin: 0 0 16px;\n}\n\n.index-module--SVhBo {\n width: calc(100% - 28px);\n padding: 12px 14px;\n font-size: 16px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-primary);\n border: 1px solid #e8e3da;\n border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n border-radius: 4px;\n border-radius: var(--globalBorderRadius, 4px);\n background: var(--settingsBackgroundColor);\n margin-bottom: 12px;\n}\n\n.index-module--SVhBo:focus {\n outline: none;\n border-color: var(--diva-theme-palette-primary-main);\n box-shadow: 0 0 0 1px var(--diva-theme-palette-primary-main);\n}\n\n.index-module--SVhBo::-moz-placeholder {\n color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--SVhBo::placeholder {\n color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--jsuNR {\n width: calc(100% - 48px);\n padding: 14px 24px;\n font-size: 14px;\n font-weight: 400;\n color: #fff;\n color: var(--diva-theme-palette-primary-contrast-text, #fff);\n background: var(--diva-theme-palette-primary-main);\n border: none;\n border-radius: var(--buttons-border-radius);\n cursor: pointer;\n transition:\n background 0.2s,\n box-shadow 0.2s;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n}\n\n.index-module--jsuNR:focus,\n.index-module--jsuNR:active {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--jsuNR:hover:not(:disabled) {\n background: var(--diva-theme-palette-primary-dark);\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);\n box-shadow: var(--boxShadowActive, 0 6px 12px rgba(0, 0, 0, 0.15));\n}\n\n.index-module--jsuNR:disabled {\n cursor: not-allowed;\n opacity: 0.7;\n}\n\n.index-module--DBkmW {\n font-size: 18px;\n line-height: 1;\n}\n\n.index-module--ZuwzE {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 12px;\n min-height: 120px;\n}\n\n.index-module--cFEvx {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: var(--diva-theme-palette-primary-main);\n color: #fff;\n color: var(--diva-theme-palette-primary-contrast-text, #fff);\n font-size: 20px;\n line-height: 1;\n}\n\n.index-module--mT13P {\n font-size: 15px;\n font-weight: 400;\n color: var(--diva-theme-palette-text-primary);\n margin: 0;\n}\n\n.index-module--Q2H7T {\n display: block;\n margin: 12px auto 24px;\n padding: 0;\n font-size: 14px;\n font-weight: 300;\n color: var(--diva-theme-palette-primary-main);\n text-decoration: underline;\n text-underline-offset: 3px;\n background: none;\n border: none;\n cursor: pointer;\n transition: color 0.15s;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--Q2H7T:hover {\n color: var(--diva-theme-palette-primary-dark);\n}\n\n.index-module--mwN_Y {\n margin-top: 24px;\n}\n\n.index-module--keDwN {\n font-size: 12px;\n font-weight: 300;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: var(--diva-theme-palette-text-secondary);\n margin: 0 0 12px;\n}\n\n.index-module--MFAVd {\n padding-bottom: 8px;\n}\n\n.index-module--MFAVd .swiper {\n position: relative;\n overflow: hidden;\n list-style: none;\n padding: 0;\n z-index: 1;\n}\n\n.index-module--MFAVd .swiper-wrapper {\n position: relative;\n height: 100%;\n z-index: 1;\n display: flex;\n align-items: center;\n transition-property: transform;\n padding: 12px;\n}\n\n.index-module--mwN_Y .index-module--MFAVd .swiper-slide {\n flex-shrink: 0;\n width: 80px;\n height: 80px;\n}\n\n.index-module--MFAVd .swiper-button-prev,\n.index-module--MFAVd .swiper-button-next {\n position: absolute;\n top: 50%;\n width: 24px;\n height: 24px;\n margin-top: -12px;\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n}\n\n.index-module--MFAVd .swiper-button-prev svg,\n.index-module--MFAVd .swiper-button-next svg {\n display: none;\n}\n\n.index-module--MFAVd .swiper-button-prev:focus,\n.index-module--MFAVd .swiper-button-prev:active,\n.index-module--MFAVd .swiper-button-next:focus,\n.index-module--MFAVd .swiper-button-next:active {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--MFAVd .swiper-button-prev::before,\n.index-module--MFAVd .swiper-button-next::before {\n display: none !important;\n}\n\n.index-module--MFAVd .swiper-button-prev:after,\n.index-module--MFAVd .swiper-button-next:after {\n font-family: swiper-icons;\n font-size: 24px;\n}\n\n.index-module--MFAVd .swiper-button-prev,\n.index-module--MFAVd .swiper-rtl .swiper-button-next {\n left: 4px;\n right: auto;\n}\n\n.index-module--MFAVd .swiper-button-next,\n.index-module--MFAVd .swiper-rtl .swiper-button-prev {\n right: 4px;\n left: auto;\n}\n\n.index-module--MFAVd .swiper-button-prev:after {\n content: 'prev';\n}\n\n.index-module--MFAVd .swiper-button-next:after {\n content: 'next';\n}\n\n.index-module--MFAVd .swiper-button-disabled {\n display: none;\n}\n\n.index-module--ZSu4D {\n width: 80px;\n height: 80px;\n flex-shrink: 0;\n overflow: hidden;\n border-radius: 4px;\n border-radius: var(--globalBorderRadius, 4px);\n border: 2px solid #e8e3da;\n border: 2px solid var(--galleryItemBorderColor, #e8e3da);\n cursor: pointer;\n transition:\n border-color 0.2s,\n box-shadow 0.2s;\n}\n\n.index-module--ZSu4D:hover {\n border-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--IIB9r {\n border-color: var(--diva-theme-palette-primary-main);\n box-shadow: 0 0 0 2px var(--diva-theme-palette-primary-main);\n}\n\n.index-module--ZSu4D img {\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n}\n",""]);var a="index-module--wzL3X",l="index-module--HfhVm",s="index-module--vyBko",p="index-module--gveXM",x="index-module--G6Rna",u="index-module--bdezP",m="index-module--aZSKq",c="index-module--pFM1x",h="index-module--xmg3Q",g="index-module--lU5QC",b="index-module--ZbFvM",v="index-module--G1goE",f="index-module--Mm_Ad",w="index-module--fP54b",y="index-module--NybYq",S="index-module--aFhln",k="index-module--kSA5W",Z="index-module--YivLn",z="index-module--P1E7G",M="index-module--gbyhE",A="index-module--T4neK",F="index-module--SVhBo",K="index-module--jsuNR",N="index-module--DBkmW",j="index-module--ZuwzE",B="index-module--cFEvx",P="index-module--mT13P",V="index-module--Q2H7T",E="index-module--mwN_Y",R="index-module--keDwN",T="index-module--MFAVd",q="index-module--ZSu4D",_="index-module--IIB9r";const C=d},44353:(n,e,i)=>{i.d(e,{J2:()=>h.J2,JK:()=>h.JK,JZ:()=>h.JZ,M3:()=>h.M3,MZ:()=>h.MZ,N1:()=>h.N1,N3:()=>h.N3,RF:()=>h.RF,Se:()=>h.Se,Sm:()=>h.Sm,Te:()=>h.Te,Xf:()=>h.Xf,YO:()=>h.YO,Yh:()=>h.Yh,Zg:()=>h.Zg,_g:()=>h._g,_x:()=>h._x,a9:()=>h.a9,bx:()=>h.bx,by:()=>h.by,ch:()=>h.ch,eZ:()=>h.eZ,fQ:()=>h.fQ,fU:()=>h.fU,fh:()=>h.fh,is:()=>h.is,mY:()=>h.mY,nC:()=>h.nC,nP:()=>h.nP,pl:()=>h.pl,tS:()=>h.tS,w:()=>h.w,zP:()=>h.zP});var t=i(93379),o=i.n(t),r=i(7795),d=i.n(r),a=i(90569),l=i.n(a),s=i(3565),p=i.n(s),x=i(19216),u=i.n(x),m=i(44589),c=i.n(m),h=i(41996),g={};g.styleTagTransform=c(),g.setAttributes=p(),g.insert=l().bind(null,"head"),g.domAPI=d(),g.insertStyleElement=u();o()(h.ZP,g),h.ZP&&h.ZP.locals&&h.ZP.locals}}]);
package/build/umd/5768.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 5768.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5768,853,5820],{58655:(n,e,t)=>{t.r(e),t.d(e,{default:()=>T});var i=t(84658),a=t(88291),o=t(50747),r=t.n(o),s=t(25709),l=t(87363),d=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),b=t.n(g),f=t(3565),S=t.n(f),m=t(19216),h=t.n(m),v=t(44589),w=t.n(v),y=t(39545),k={};k.styleTagTransform=w(),k.setAttributes=S(),k.insert=b().bind(null,"head"),k.domAPI=x(),k.insertStyleElement=h();c()(y.ZP,k);y.ZP&&y.ZP.locals&&y.ZP.locals;var I=t(47514);const T=(0,d.Pi)((function Inputbox(n){(0,a.Z)(n);var e=(0,s.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,i,a;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(a=t.current)||void 0===a||a.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var o=e.settingsState.inputBoxItem.text;o.includes(":")&&(o=o.slice(0,o.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(r().mark((function _callee(){return r().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:y.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:o}),(0,I.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(d(),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,I.jsx)("button",{className:y.vX,onClick:d})]})]})})}))},5768:(n,e,t)=>{t.r(e),t.d(e,{default:()=>T});var i=t(25709),a=t(87363),o=t(93379),r=t.n(o),s=t(7795),l=t.n(s),d=t(90569),u=t.n(d),c=t(3565),p=t.n(c),x=t(19216),g=t.n(x),b=t(44589),f=t.n(b),S=t(89583),m={};m.styleTagTransform=f(),m.setAttributes=p(),m.insert=u().bind(null,"head"),m.domAPI=l(),m.insertStyleElement=g();r()(S.ZP,m);S.ZP&&S.ZP.locals&&S.ZP.locals;var h=t(97853),v=t(60414),w=t(9420),y=t(58655),k=t(47514),I={"--settingsBackgroundColor":"#f4f4f4","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--primaryColor":"#455864","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const T=(0,w.Pi)((function Classification(n){var e=(0,i.NP)();return(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(I)}),[]),(0,k.jsx)(k.Fragment,{children:(0,k.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:S.xn,children:[(0,k.jsx)(v.default,{className:S.x6,tabSearchClass:S.jp}),(0,k.jsx)(h.default,{className:S.vt}),e.settingsState.inputBoxVisible&&(0,k.jsx)(y.default,{})]})})}))},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(9420),a=(t(87363),t(25709)),o=t(82956),r=t(65515),s=t.n(r),l=t(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,a.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(o.AH,t?o.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(o.EN,t?o.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:o.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},30853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(34988),a=t(9420),o=t(87363),r=t(25709),s=t(93379),l=t.n(s),d=t(7795),u=t.n(d),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),S=t(44589),m=t.n(S),h=t(76640),v={};v.styleTagTransform=m(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=t(65515),y=t.n(w),k=t(47514);const I=(0,a.Pi)((function NavForwardButton(n){var e=(0,r.NP)(),t=(0,o.useState)(!1),a=(0,i.Z)(t,2),s=a[0],l=a[1];return(0,o.useEffect)((function(){setTimeout((function(){l(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,k.jsx)("div",{className:y()(h.YS,s&&h.oP,e.uiState.isTablet?h.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,k.jsx)("div",{className:h.qv})})}))},63543:(n,e,t)=>{t.r(e),t.d(e,{default:()=>v});var i=t(88291),a=t(9420),o=t(87363),r=t(37707),s=t(25709),l=t(82956),d=t(63134),u=t(74133),c=t(84658),p=t(34988),x=t(50747),g=t.n(x),b=t(88683),f=t(30853),S=t(65515),m=t.n(S),h=t(47514);const v=(0,a.Pi)((function SettingsSwiper(n){(0,i.Z)(n);var e=(0,s.NP)(),t=function useSwiperHook(n){var e=(0,o.useState)(null),t=(0,p.Z)(e,2),i=t[0],a=t[1],r=(0,o.useState)([]),s=(0,p.Z)(r,2),l=s[0],d=s[1];(0,o.useEffect)((function(){var e=Object.keys(n.tabGroupState.allTabGroups);d(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,i]);var u=function(){var n=(0,c.Z)(g().mark((function _callee(){var n,e,t,a,o,r=arguments;return g().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(n=r.length>0&&void 0!==r[0]?r[0]:50,e=r.length>1&&void 0!==r[1]?r[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return t=.25*e,a=i.getTranslate(),o=a-n,i.allowTouchMove=!1,i.setTransition(2*t),i.setTranslate(o),s.next=12,b.DivaUtils.Sleep(2*t);case 12:return i.setTransition(t),i.setTranslate(a-.5*n),s.next=16,b.DivaUtils.Sleep(t);case 16:return i.setTransition(.5*t),i.setTranslate(.8*o),s.next=20,b.DivaUtils.Sleep(.5*t);case 20:i.setTransition(1.75*t),i.setTranslate(a),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),x=n.tabGroupState.curTabGroup?l.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:a,allSwipes:l,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var t=e.activeIndex-l.indexOf(n.tabGroupState.curTabGroup.key);1==t?n.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==t?n.actionButtonState.onClickConfiguratorSettingsBack():0!==t&&n.tabGroupState.allTabGroups[l[e.activeIndex]]&&n.tabGroupState.navigateToTabgroupByPosNr(n.tabGroupState.allTabGroups[l[e.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:x,teaseSwipe:u}}(e),a=t.setSwiperRef,x=t.allSwipes,S=t.handleSlideChange,v=t.handleSetTransition,w=t.handleTransitionEnd,y=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=x&&x.length?(0,h.jsx)(r.tq,{onSlideChange:S,onSetTransition:v,onTransitionEnd:w,initialSlide:y,onSwiper:a,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:m()("swiper-wrapper",l.Iz),children:x.map((function(n){var t,i=e.tabGroupState.allTabGroups[n],a=i?null===(t=Array.from(i.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,h.jsx)(r.o5,{className:l.AI,children:n==e.tabGroupState.curTabGroup.key?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(d.default,{},n),(0,h.jsx)(f.default,{})]}):(0,h.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:a&&(0,h.jsx)(u.default,{text:a,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,h.jsx)(h.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var i=t(80248),a=t(72874),o=(t(87363),t(25709)),r=t(80509),s=t(63134),l=t(9420),d=t(82956),u=t(65515),c=t.n(u),p=t(63543),x=t(51451),g=t(74982),b=t(47514),f=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const S=(0,l.Pi)((function Settings(n){var e,t,i=n.className,l=n.tabgroupElement,u=(0,a.Z)(n,f),S=(0,o.NP)(),m=S.getIsInMobileView()&&S.getViewConfig().navigateMobileSwiper,h=(0,b.jsx)(b.Fragment,{children:m?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!S.uiState.isInMobileView&&!S.settingsState.forceSettingsHeaderInScrollContainer&&!S.wysiwygDebugState.wysiwygInspectView&&(0,b.jsx)(r.default,{},null!==(e=null===(t=S.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,b.jsx)(s.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,d.vt,"horizontal"==S.tabGroupState.curTabGroupType?d.s1:void 0,S.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:l,children:h}),!S.uiState.isInMobileView&&h]}))}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>f,vX:()=>b});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o),s=t(61667),l=t.n(s),d=new URL(t(38403),t.b),u=r()(a()),c=l()(d);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 f=u},89583:(n,e,t)=>{t.d(e,{ZP:()=>f,jp:()=>b,vt:()=>g,x6:()=>x,xn:()=>p});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o),s=t(61667),l=t.n(s),d=new URL(t(68812),t.b),u=r()(a()),c=l()(d);u.push([n.id,"body {\n margin: 0;\n overscroll-behavior-x: none;\n}\n\n.index-module--CY5B_ {\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 background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--CY5B_ *,\n.index-module--CY5B_ *::before,\n.index-module--CY5B_ *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--kV7Ww {\n border-radius: 8px 0 0 8px;\n overflow: hidden;\n width: 350px;\n position: relative;\n}\n\n.index-module--hY0OM {\n width: calc(100% - 350px);\n position: relative;\n border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n\n.index-module--L16Ky {\n background-color: #0d3040;\n padding: 12px 16px;\n position: relative;\n display: flex;\n}\n\n.index-module--L16Ky input {\n outline: medium none invert !important;\n outline: initial !important;\n}\n\n.index-module--L16Ky input {\n color: #fff;\n width: 100%;\n background-color: #0d3040;\n font-size: 14px;\n border: 0px solid;\n}\n\n.index-module--L16Ky div {\n background-image: url("+c+");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 75%;\n width: 16px;\n height: 16px;\n transition: all 0.15s ease;\n margin: 0px 3px;\n border-radius: var(--globalBorderRadius);\n cursor: pointer;\n}\n\n.index-module--L16Ky div:hover {\n background-size: 100%;\n}\n",""]);var p="index-module--CY5B_",x="index-module--kV7Ww",g="index-module--hY0OM",b="index-module--L16Ky";const f=u},76640:(n,e,t)=>{t.d(e,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>x});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o),s=t(61667),l=t.n(s),d=new URL(t(81165),t.b),u=r()(a()),c=l()(d);u.push([n.id,".index-module--OH1rD {\n position: absolute;\n transform: translateZ(0);\n bottom: 12px;\n right: 12px;\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--diva-theme-palette-primary-main);\n border-radius: 50%;\n cursor: pointer;\n z-index: 12000;\n box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n opacity: 0;\n transition:\n opacity 1.5s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n outline: none;\n -webkit-tap-highlight-color: transparent;\n pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n scale: 0.9;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n width: 20px;\n height: 20px;\n background-image: url("+c+");\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n}\n\n.index-module--BWnyQ {\n opacity: 1;\n pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n opacity: 0;\n transition:\n opacity 0s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n bottom: 16px;\n right: 16px;\n width: 52px;\n height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n width: 26px;\n height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",g="index-module--BWnyQ",b="index-module--CF6oq";const f=u},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="},68812:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjZWVlIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5768,853,5820],{58655:(n,e,t)=>{t.r(e),t.d(e,{default:()=>T});var i=t(84658),a=t(88291),o=t(50747),r=t.n(o),s=t(25709),l=t(87363),d=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),b=t.n(g),f=t(3565),S=t.n(f),m=t(19216),h=t.n(m),v=t(44589),w=t.n(v),y=t(39545),k={};k.styleTagTransform=w(),k.setAttributes=S(),k.insert=b().bind(null,"head"),k.domAPI=x(),k.insertStyleElement=h();c()(y.ZP,k);y.ZP&&y.ZP.locals&&y.ZP.locals;var I=t(47514);const T=(0,d.Pi)((function Inputbox(n){(0,a.Z)(n);var e=(0,s.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,i,a;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(a=t.current)||void 0===a||a.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var o=e.settingsState.inputBoxItem.text;o.includes(":")&&(o=o.slice(0,o.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(r().mark((function _callee(){return r().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:y.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:o}),(0,I.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(d(),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,I.jsx)("button",{className:y.vX,onClick:d})]})]})})}))},5768:(n,e,t)=>{t.r(e),t.d(e,{default:()=>T});var i=t(25709),a=t(87363),o=t(93379),r=t.n(o),s=t(7795),l=t.n(s),d=t(90569),u=t.n(d),c=t(3565),p=t.n(c),x=t(19216),g=t.n(x),b=t(44589),f=t.n(b),S=t(89583),m={};m.styleTagTransform=f(),m.setAttributes=p(),m.insert=u().bind(null,"head"),m.domAPI=l(),m.insertStyleElement=g();r()(S.ZP,m);S.ZP&&S.ZP.locals&&S.ZP.locals;var h=t(97853),v=t(60414),w=t(9420),y=t(58655),k=t(47514),I={"--settingsBackgroundColor":"#f4f4f4","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--primaryColor":"#455864","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const T=(0,w.Pi)((function Classification(n){var e=(0,i.NP)();return(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(I)}),[]),(0,k.jsx)(k.Fragment,{children:(0,k.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:S.xn,children:[(0,k.jsx)(v.default,{className:S.x6,tabSearchClass:S.jp}),(0,k.jsx)(h.default,{className:S.vt}),e.settingsState.inputBoxVisible&&(0,k.jsx)(y.default,{})]})})}))},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(9420),a=(t(87363),t(25709)),o=t(82956),r=t(65515),s=t.n(r),l=t(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,a.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(o.AH,t?o.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(o.EN,t?o.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:o.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},30853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(34988),a=t(9420),o=t(87363),r=t(25709),s=t(93379),l=t.n(s),d=t(7795),u=t.n(d),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),S=t(44589),m=t.n(S),h=t(76640),v={};v.styleTagTransform=m(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=t(65515),y=t.n(w),k=t(47514);const I=(0,a.Pi)((function NavForwardButton(n){var e=(0,r.NP)(),t=(0,o.useState)(!1),a=(0,i.Z)(t,2),s=a[0],l=a[1];return(0,o.useEffect)((function(){setTimeout((function(){l(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,k.jsx)("div",{className:y()(h.YS,s&&h.oP,e.uiState.isTablet?h.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,k.jsx)("div",{className:h.qv})})}))},63543:(n,e,t)=>{t.r(e),t.d(e,{default:()=>v});var i=t(88291),a=t(9420),o=t(87363),r=t(37707),s=t(25709),l=t(82956),d=t(63134),u=t(74133),c=t(84658),p=t(34988),x=t(50747),g=t.n(x),b=t(88683),f=t(30853),S=t(65515),m=t.n(S),h=t(47514);const v=(0,a.Pi)((function SettingsSwiper(n){(0,i.Z)(n);var e=(0,s.NP)(),t=function useSwiperHook(n){var e=(0,o.useState)(null),t=(0,p.Z)(e,2),i=t[0],a=t[1],r=(0,o.useState)([]),s=(0,p.Z)(r,2),l=s[0],d=s[1];(0,o.useEffect)((function(){var e=Object.keys(n.tabGroupState.allTabGroups);d(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,i]);var u=function(){var n=(0,c.Z)(g().mark((function _callee(){var n,e,t,a,o,r=arguments;return g().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(n=r.length>0&&void 0!==r[0]?r[0]:50,e=r.length>1&&void 0!==r[1]?r[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return t=.25*e,a=i.getTranslate(),o=a-n,i.allowTouchMove=!1,i.setTransition(2*t),i.setTranslate(o),s.next=12,b.DivaUtils.Sleep(2*t);case 12:return i.setTransition(t),i.setTranslate(a-.5*n),s.next=16,b.DivaUtils.Sleep(t);case 16:return i.setTransition(.5*t),i.setTranslate(.8*o),s.next=20,b.DivaUtils.Sleep(.5*t);case 20:i.setTransition(1.75*t),i.setTranslate(a),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),x=n.tabGroupState.curTabGroup?l.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:a,allSwipes:l,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var t=e.activeIndex-l.indexOf(n.tabGroupState.curTabGroup.key);1==t?n.actionButtonState.onClickConfiguratorSettingsForth(!0,!0):-1==t?n.actionButtonState.onClickConfiguratorSettingsBack():0!==t&&n.tabGroupState.allTabGroups[l[e.activeIndex]]&&n.tabGroupState.navigateToTabgroupByPosNr(n.tabGroupState.allTabGroups[l[e.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:x,teaseSwipe:u}}(e),a=t.setSwiperRef,x=t.allSwipes,S=t.handleSlideChange,v=t.handleSetTransition,w=t.handleTransitionEnd,y=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=x&&x.length?(0,h.jsx)(r.tq,{onSlideChange:S,onSetTransition:v,onTransitionEnd:w,initialSlide:y,onSwiper:a,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:m()("swiper-wrapper",l.Iz),children:x.map((function(n){var t,i=e.tabGroupState.allTabGroups[n],a=i?null===(t=Array.from(i.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,h.jsx)(r.o5,{className:l.AI,children:n==e.tabGroupState.curTabGroup.key?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(d.default,{},n),(0,h.jsx)(f.default,{})]}):(0,h.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:a&&(0,h.jsx)(u.default,{text:a,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,h.jsx)(h.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var i=t(80248),a=t(72874),o=(t(87363),t(25709)),r=t(80509),s=t(63134),l=t(9420),d=t(82956),u=t(65515),c=t.n(u),p=t(63543),x=t(51451),g=t(74982),b=t(47514),f=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const S=(0,l.Pi)((function Settings(n){var e,t,i=n.className,l=n.tabgroupElement,u=(0,a.Z)(n,f),S=(0,o.NP)(),m=S.getIsInMobileView()&&S.getViewConfig().navigateMobileSwiper,h=(0,b.jsx)(b.Fragment,{children:m?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!S.uiState.isInMobileView&&!S.settingsState.forceSettingsHeaderInScrollContainer&&!S.wysiwygDebugState.wysiwygInspectView&&(0,b.jsx)(r.default,{},null!==(e=null===(t=S.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,b.jsx)(s.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,d.vt,"horizontal"==S.tabGroupState.curTabGroupType?d.s1:void 0,S.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:l,children:h}),!S.uiState.isInMobileView&&h]}))}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>f,vX:()=>b});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o),s=t(61667),l=t.n(s),d=new URL(t(38403),t.b),u=r()(a()),c=l()(d);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 f=u},89583:(n,e,t)=>{t.d(e,{ZP:()=>f,jp:()=>b,vt:()=>g,x6:()=>x,xn:()=>p});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o),s=t(61667),l=t.n(s),d=new URL(t(68812),t.b),u=r()(a()),c=l()(d);u.push([n.id,"body {\n margin: 0;\n overscroll-behavior-x: none;\n}\n\n.index-module--CY5B_ {\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 background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--CY5B_ *,\n.index-module--CY5B_ *::before,\n.index-module--CY5B_ *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--kV7Ww {\n border-radius: 8px 0 0 8px;\n overflow: hidden;\n width: 350px;\n position: relative;\n}\n\n.index-module--hY0OM {\n width: calc(100% - 350px);\n position: relative;\n border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n\n.index-module--L16Ky {\n background-color: #0d3040;\n padding: 12px 16px;\n position: relative;\n display: flex;\n}\n\n.index-module--L16Ky input {\n outline: medium none invert !important;\n outline: initial !important;\n}\n\n.index-module--L16Ky input {\n color: #fff;\n width: 100%;\n background-color: #0d3040;\n font-size: 14px;\n border: 0px solid;\n}\n\n.index-module--L16Ky div {\n background-image: url("+c+");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 75%;\n width: 16px;\n height: 16px;\n transition: all 0.15s ease;\n margin: 0px 3px;\n border-radius: var(--globalBorderRadius);\n cursor: pointer;\n}\n\n.index-module--L16Ky div:hover {\n background-size: 100%;\n}\n",""]);var p="index-module--CY5B_",x="index-module--kV7Ww",g="index-module--hY0OM",b="index-module--L16Ky";const f=u},76640:(n,e,t)=>{t.d(e,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>x});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o),s=t(61667),l=t.n(s),d=new URL(t(81165),t.b),u=r()(a()),c=l()(d);u.push([n.id,".index-module--OH1rD {\n position: absolute;\n transform: translateZ(0);\n bottom: 12px;\n right: 12px;\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--diva-theme-palette-primary-main);\n border-radius: 50%;\n cursor: pointer;\n z-index: 12000;\n box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n opacity: 0;\n transition:\n opacity 1.5s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n outline: none;\n -webkit-tap-highlight-color: transparent;\n pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n scale: 0.9;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n width: 20px;\n height: 20px;\n background-image: url("+c+");\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n}\n\n.index-module--BWnyQ {\n opacity: 1;\n pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n opacity: 0;\n transition:\n opacity 0s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n bottom: 16px;\n right: 16px;\n width: 52px;\n height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n width: 26px;\n height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",g="index-module--BWnyQ",b="index-module--CF6oq";const f=u},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="},68812:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjZWVlIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
package/build/umd/5820.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 5820.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5820,853],{51451:(e,t,n)=>{n.r(t),n.d(t,{default:()=>u});var i=n(9420),a=(n(87363),n(25709)),r=n(82956),o=n(65515),s=n.n(o),l=n(47514);const u=(0,i.Pi)((function SettingsExpanderButtons(e){var t=(0,a.NP)(),n=t.settingsState.contentItemId&&t.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[t.uiState.doShowConfSettingsExpander&&!t.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,n?r.al:void 0),onClick:t.uiState.onClickExpandConfigSettings}),!t.uiState.isInMobileView&&t.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!t.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,n?r.al:void 0),onClick:t.uiState.onClickExpandMaxConfigSettings}),!t.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:t.uiState.onClickExpandMinConfigSettings})]})]})}))},30853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>G});var i=n(34988),a=n(9420),r=n(87363),o=n(25709),s=n(93379),l=n.n(s),u=n(7795),c=n.n(u),d=n(90569),p=n.n(d),S=n(3565),b=n.n(S),g=n(19216),x=n.n(g),v=n(44589),f=n.n(v),h=n(76640),w={};w.styleTagTransform=f(),w.setAttributes=b(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=x();l()(h.ZP,w);h.ZP&&h.ZP.locals&&h.ZP.locals;var m=n(65515),T=n.n(m),y=n(47514);const G=(0,a.Pi)((function NavForwardButton(e){var t=(0,o.NP)(),n=(0,r.useState)(!1),a=(0,i.Z)(n,2),s=a[0],l=a[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!t.actionButtonState.isOnLastStep&&!t.actionButtonState.isOnFirstStepDisabled)}),400)}),[t.actionButtonState.isOnLastStep,t.actionButtonState.isOnFirstStepDisabled]),(0,y.jsx)("div",{className:T()(h.YS,s&&h.oP,t.uiState.isTablet?h.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",t.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,y.jsx)("div",{className:h.qv})})}))},63543:(e,t,n)=>{n.r(t),n.d(t,{default:()=>w});var i=n(88291),a=n(9420),r=n(87363),o=n(37707),s=n(25709),l=n(82956),u=n(63134),c=n(74133),d=n(84658),p=n(34988),S=n(50747),b=n.n(S),g=n(88683),x=n(30853),v=n(65515),f=n.n(v),h=n(47514);const w=(0,a.Pi)((function SettingsSwiper(e){(0,i.Z)(e);var t=(0,s.NP)(),n=function useSwiperHook(e){var t=(0,r.useState)(null),n=(0,p.Z)(t,2),i=n[0],a=n[1],o=(0,r.useState)([]),s=(0,p.Z)(o,2),l=s[0],u=s[1];(0,r.useEffect)((function(){var t=Object.keys(e.tabGroupState.allTabGroups);u(t),e.tabGroupState.curTabGroup&&t.indexOf(e.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(t.indexOf(e.tabGroupState.curTabGroup.key),400))}),[e.tabGroupState.allTabGroups,e.tabGroupState.curTabGroup,i]);var c=function(){var e=(0,d.Z)(b().mark((function _callee(){var e,t,n,a,r,o=arguments;return b().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(e=o.length>0&&void 0!==o[0]?o[0]:50,t=o.length>1&&void 0!==o[1]?o[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return n=.25*t,a=i.getTranslate(),r=a-e,i.allowTouchMove=!1,i.setTransition(2*n),i.setTranslate(r),s.next=12,g.DivaUtils.Sleep(2*n);case 12:return i.setTransition(n),i.setTranslate(a-.5*e),s.next=16,g.DivaUtils.Sleep(n);case 16:return i.setTransition(.5*n),i.setTranslate(.8*r),s.next=20,g.DivaUtils.Sleep(.5*n);case 20:i.setTransition(1.75*n),i.setTranslate(a),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return e.apply(this,arguments)}}(),S=e.tabGroupState.curTabGroup?l.indexOf(e.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:a,allSwipes:l,handleSlideChange:function handleSlideChange(t){if(void 0!==e.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var n=t.activeIndex-l.indexOf(e.tabGroupState.curTabGroup.key);1==n?e.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==n?e.actionButtonState.onClickConfiguratorSettingsBack():0!==n&&e.tabGroupState.allTabGroups[l[t.activeIndex]]&&e.tabGroupState.navigateToTabgroupByPosNr(e.tabGroupState.allTabGroups[l[t.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){e.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){e.uiState.swiperNavigationActive=!1},initialSlide:S,teaseSwipe:c}}(t),a=n.setSwiperRef,S=n.allSwipes,v=n.handleSlideChange,w=n.handleSetTransition,m=n.handleTransitionEnd,T=n.initialSlide;return t.tabGroupState.curTabGroup&&null!=S&&S.length?(0,h.jsx)(o.tq,{onSlideChange:v,onSetTransition:w,onTransitionEnd:m,initialSlide:T,onSwiper:a,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:f()("swiper-wrapper",l.Iz),children:S.map((function(e){var n,i=t.tabGroupState.allTabGroups[e],a=i?null===(n=Array.from(i.options.values())[0])||void 0===n?void 0:n.title:void 0;return(0,h.jsx)(o.o5,{className:l.AI,children:e==t.tabGroupState.curTabGroup.key?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(u.default,{},e),(0,h.jsx)(x.default,{})]}):(0,h.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:a&&(0,h.jsx)(c.default,{text:a,isSettingsHeader:!1,isInScroller:!0})})},e)}))}):(0,h.jsx)(h.Fragment,{})}))},97853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>v});var i=n(80248),a=n(72874),r=(n(87363),n(25709)),o=n(80509),s=n(63134),l=n(9420),u=n(82956),c=n(65515),d=n.n(c),p=n(63543),S=n(51451),b=n(74982),g=n(47514),x=["className","tabgroupElement"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const v=(0,l.Pi)((function Settings(e){var t,n,i=e.className,l=e.tabgroupElement,c=(0,a.Z)(e,x),v=(0,r.NP)(),f=v.getIsInMobileView()&&v.getViewConfig().navigateMobileSwiper,h=(0,g.jsx)(g.Fragment,{children:f?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!v.uiState.isInMobileView&&!v.settingsState.forceSettingsHeaderInScrollContainer&&!v.wysiwygDebugState.wysiwygInspectView&&(0,g.jsx)(o.default,{},null!==(t=null===(n=v.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,g.jsx)(s.default,{}),(0,g.jsx)(S.default,{})]})});return(0,g.jsxs)("div",_objectSpread(_objectSpread({},c),{},{id:"wcConfigurator-settings",className:d()(i,u.vt,"horizontal"==v.tabGroupState.curTabGroupType?u.s1:void 0,v.uiState.configSettingsIsExpanded?u.zh:void 0),children:[(0,g.jsx)(b.default,{draggerElement:l,children:h}),!v.uiState.isInMobileView&&h]}))}))},76640:(e,t,n)=>{n.d(t,{Mq:()=>g,YS:()=>p,ZP:()=>x,oP:()=>b,qv:()=>S});var i=n(8081),a=n.n(i),r=n(23645),o=n.n(r),s=n(61667),l=n.n(s),u=new URL(n(81165),n.b),c=o()(a()),d=l()(u);c.push([e.id,".index-module--OH1rD {\n position: absolute;\n transform: translateZ(0);\n bottom: 12px;\n right: 12px;\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--diva-theme-palette-primary-main);\n border-radius: 50%;\n cursor: pointer;\n z-index: 12000;\n box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n opacity: 0;\n transition:\n opacity 1.5s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n outline: none;\n -webkit-tap-highlight-color: transparent;\n pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n scale: 0.9;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n width: 20px;\n height: 20px;\n background-image: url("+d+");\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n}\n\n.index-module--BWnyQ {\n opacity: 1;\n pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n opacity: 0;\n transition:\n opacity 0s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n bottom: 16px;\n right: 16px;\n width: 52px;\n height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n width: 26px;\n height: 26px;\n}\n",""]);var p="index-module--OH1rD",S="index-module--GRTuu",b="index-module--BWnyQ",g="index-module--CF6oq";const x=c},81165:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5820,853],{51451:(e,t,n)=>{n.r(t),n.d(t,{default:()=>u});var i=n(9420),a=(n(87363),n(25709)),r=n(82956),o=n(65515),s=n.n(o),l=n(47514);const u=(0,i.Pi)((function SettingsExpanderButtons(e){var t=(0,a.NP)(),n=t.settingsState.contentItemId&&t.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[t.uiState.doShowConfSettingsExpander&&!t.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,n?r.al:void 0),onClick:t.uiState.onClickExpandConfigSettings}),!t.uiState.isInMobileView&&t.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!t.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,n?r.al:void 0),onClick:t.uiState.onClickExpandMaxConfigSettings}),!t.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:t.uiState.onClickExpandMinConfigSettings})]})]})}))},30853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>G});var i=n(34988),a=n(9420),r=n(87363),o=n(25709),s=n(93379),l=n.n(s),u=n(7795),c=n.n(u),d=n(90569),p=n.n(d),S=n(3565),b=n.n(S),g=n(19216),x=n.n(g),v=n(44589),f=n.n(v),h=n(76640),w={};w.styleTagTransform=f(),w.setAttributes=b(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=x();l()(h.ZP,w);h.ZP&&h.ZP.locals&&h.ZP.locals;var m=n(65515),T=n.n(m),y=n(47514);const G=(0,a.Pi)((function NavForwardButton(e){var t=(0,o.NP)(),n=(0,r.useState)(!1),a=(0,i.Z)(n,2),s=a[0],l=a[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!t.actionButtonState.isOnLastStep&&!t.actionButtonState.isOnFirstStepDisabled)}),400)}),[t.actionButtonState.isOnLastStep,t.actionButtonState.isOnFirstStepDisabled]),(0,y.jsx)("div",{className:T()(h.YS,s&&h.oP,t.uiState.isTablet?h.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",t.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,y.jsx)("div",{className:h.qv})})}))},63543:(e,t,n)=>{n.r(t),n.d(t,{default:()=>w});var i=n(88291),a=n(9420),r=n(87363),o=n(37707),s=n(25709),l=n(82956),u=n(63134),c=n(74133),d=n(84658),p=n(34988),S=n(50747),b=n.n(S),g=n(88683),x=n(30853),v=n(65515),f=n.n(v),h=n(47514);const w=(0,a.Pi)((function SettingsSwiper(e){(0,i.Z)(e);var t=(0,s.NP)(),n=function useSwiperHook(e){var t=(0,r.useState)(null),n=(0,p.Z)(t,2),i=n[0],a=n[1],o=(0,r.useState)([]),s=(0,p.Z)(o,2),l=s[0],u=s[1];(0,r.useEffect)((function(){var t=Object.keys(e.tabGroupState.allTabGroups);u(t),e.tabGroupState.curTabGroup&&t.indexOf(e.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(t.indexOf(e.tabGroupState.curTabGroup.key),400))}),[e.tabGroupState.allTabGroups,e.tabGroupState.curTabGroup,i]);var c=function(){var e=(0,d.Z)(b().mark((function _callee(){var e,t,n,a,r,o=arguments;return b().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(e=o.length>0&&void 0!==o[0]?o[0]:50,t=o.length>1&&void 0!==o[1]?o[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return n=.25*t,a=i.getTranslate(),r=a-e,i.allowTouchMove=!1,i.setTransition(2*n),i.setTranslate(r),s.next=12,g.DivaUtils.Sleep(2*n);case 12:return i.setTransition(n),i.setTranslate(a-.5*e),s.next=16,g.DivaUtils.Sleep(n);case 16:return i.setTransition(.5*n),i.setTranslate(.8*r),s.next=20,g.DivaUtils.Sleep(.5*n);case 20:i.setTransition(1.75*n),i.setTranslate(a),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return e.apply(this,arguments)}}(),S=e.tabGroupState.curTabGroup?l.indexOf(e.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:a,allSwipes:l,handleSlideChange:function handleSlideChange(t){if(void 0!==e.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var n=t.activeIndex-l.indexOf(e.tabGroupState.curTabGroup.key);1==n?e.actionButtonState.onClickConfiguratorSettingsForth(!0,!0):-1==n?e.actionButtonState.onClickConfiguratorSettingsBack():0!==n&&e.tabGroupState.allTabGroups[l[t.activeIndex]]&&e.tabGroupState.navigateToTabgroupByPosNr(e.tabGroupState.allTabGroups[l[t.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){e.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){e.uiState.swiperNavigationActive=!1},initialSlide:S,teaseSwipe:c}}(t),a=n.setSwiperRef,S=n.allSwipes,v=n.handleSlideChange,w=n.handleSetTransition,m=n.handleTransitionEnd,T=n.initialSlide;return t.tabGroupState.curTabGroup&&null!=S&&S.length?(0,h.jsx)(o.tq,{onSlideChange:v,onSetTransition:w,onTransitionEnd:m,initialSlide:T,onSwiper:a,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:f()("swiper-wrapper",l.Iz),children:S.map((function(e){var n,i=t.tabGroupState.allTabGroups[e],a=i?null===(n=Array.from(i.options.values())[0])||void 0===n?void 0:n.title:void 0;return(0,h.jsx)(o.o5,{className:l.AI,children:e==t.tabGroupState.curTabGroup.key?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(u.default,{},e),(0,h.jsx)(x.default,{})]}):(0,h.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:a&&(0,h.jsx)(c.default,{text:a,isSettingsHeader:!1,isInScroller:!0})})},e)}))}):(0,h.jsx)(h.Fragment,{})}))},97853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>v});var i=n(80248),a=n(72874),r=(n(87363),n(25709)),o=n(80509),s=n(63134),l=n(9420),u=n(82956),c=n(65515),d=n.n(c),p=n(63543),S=n(51451),b=n(74982),g=n(47514),x=["className","tabgroupElement"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const v=(0,l.Pi)((function Settings(e){var t,n,i=e.className,l=e.tabgroupElement,c=(0,a.Z)(e,x),v=(0,r.NP)(),f=v.getIsInMobileView()&&v.getViewConfig().navigateMobileSwiper,h=(0,g.jsx)(g.Fragment,{children:f?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!v.uiState.isInMobileView&&!v.settingsState.forceSettingsHeaderInScrollContainer&&!v.wysiwygDebugState.wysiwygInspectView&&(0,g.jsx)(o.default,{},null!==(t=null===(n=v.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,g.jsx)(s.default,{}),(0,g.jsx)(S.default,{})]})});return(0,g.jsxs)("div",_objectSpread(_objectSpread({},c),{},{id:"wcConfigurator-settings",className:d()(i,u.vt,"horizontal"==v.tabGroupState.curTabGroupType?u.s1:void 0,v.uiState.configSettingsIsExpanded?u.zh:void 0),children:[(0,g.jsx)(b.default,{draggerElement:l,children:h}),!v.uiState.isInMobileView&&h]}))}))},76640:(e,t,n)=>{n.d(t,{Mq:()=>g,YS:()=>p,ZP:()=>x,oP:()=>b,qv:()=>S});var i=n(8081),a=n.n(i),r=n(23645),o=n.n(r),s=n(61667),l=n.n(s),u=new URL(n(81165),n.b),c=o()(a()),d=l()(u);c.push([e.id,".index-module--OH1rD {\n position: absolute;\n transform: translateZ(0);\n bottom: 12px;\n right: 12px;\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--diva-theme-palette-primary-main);\n border-radius: 50%;\n cursor: pointer;\n z-index: 12000;\n box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n opacity: 0;\n transition:\n opacity 1.5s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n outline: none;\n -webkit-tap-highlight-color: transparent;\n pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n scale: 0.9;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n width: 20px;\n height: 20px;\n background-image: url("+d+");\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n}\n\n.index-module--BWnyQ {\n opacity: 1;\n pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n opacity: 0;\n transition:\n opacity 0s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n bottom: 16px;\n right: 16px;\n width: 52px;\n height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n width: 26px;\n height: 26px;\n}\n",""]);var p="index-module--OH1rD",S="index-module--GRTuu",b="index-module--BWnyQ",g="index-module--CF6oq";const x=c},81165:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
package/build/umd/6171.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 6171.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6171,853,5820],{58655:(e,t,n)=>{n.r(t),n.d(t,{default:()=>P});var i=n(84658),o=n(88291),r=n(50747),a=n.n(r),s=n(25709),l=n(87363),d=n(9420),u=n(93379),c=n.n(u),p=n(7795),x=n.n(p),b=n(90569),g=n.n(b),f=n(3565),m=n.n(f),S=n(19216),v=n.n(S),h=n(44589),y=n.n(h),w=n(39545),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=n(47514);const P=(0,d.Pi)((function Inputbox(e){(0,o.Z)(e);var t=(0,s.NP)(),n=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,i,o;t.settingsState.setInputBoxValue(null!==(e=null===(i=t.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==e?e:""),null===(o=n.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var e;null!==(e=t.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&t.settingsState.setInputBoxValue(t.settingsState.inputBoxItem.freeText)}),[t.settingsState.inputBoxItem]),!t.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var r=t.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var e=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!t.settingsState.inputBoxItem){e.next=6;break}return t.settingsState.inputBoxItem.freeText=t.settingsState.inputBoxValue,e.next=4,t.paletteViewHandler.clickedOnConfigPalette(t.settingsState.inputBoxItem,"inputbox");case 4:t.settingsState.updateInputBoxValues(!1,void 0),t.uiState.setConfiguratorDisabled(!1);case 6:t.settingsState.inputBoxVisible?t.uiState.setConfiguratorDisabled(!0):t.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!t.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:w.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return t.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,I.jsx)("input",{ref:n,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){t&&"Enter"===e.key&&(d(),e.stopPropagation())}(e)},className:w.Ci,type:u?"number":"text",onChange:function onChange(e){return t.settingsState.setInputBoxValue(e.target.value)},value:t.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:w.vX,onClick:d})]})]})})}))},16171:(e,t,n)=>{n.r(t),n.d(t,{cssVariables:()=>k,default:()=>T});var i=n(25709),o=n(87363),r=n(58655),a=n(93379),s=n.n(a),l=n(7795),d=n.n(l),u=n(90569),c=n.n(u),p=n(3565),x=n.n(p),b=n(19216),g=n.n(b),f=n(44589),m=n.n(f),S=n(61609),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=g();s()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var h=n(41454),y=n(97853),w=n(60414),j=n(9420),I=n(65515),P=n.n(I),O=n(47514),k={"--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const T=(0,j.Pi)((function Serious(e){var t,n=(0,i.NP)();(0,o.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(k)}),[]);var a="PRODUCTS"==(null===(t=n.tabGroupState.curTabGroup)||void 0===t?void 0:t.type);return(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:S.xn,children:[(0,O.jsx)(w.default,{className:S.x6}),(0,O.jsx)(y.default,{className:P()(S.vt,a?S.Uu:void 0)}),(0,O.jsx)(h.default,{className:P()(S.kL,a?S.Uu:void 0),contentItemStartPos:"left"})]}),n.settingsState.inputBoxVisible&&(0,O.jsx)(r.default,{})]})}))},34384:(e,t,n)=>{n.r(t),n.d(t,{default:()=>p});var i=n(80248),o=n(34988),r=n(9420),a=n(87363),s=n(92862),l=n(25709),d=n(88683),u=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var c=(0,d.getLogger)("Planner","InfoBox");const p=(0,r.Pi)((function ContentItemWrapper(e){var t=e.direction,n=e.mountElement,i=e.drawerStyle,r=(0,l.NP)(),p=(0,a.useState)(!1),x=(0,o.Z)(p,2),b=x[0],g=x[1],f=(0,d.useDivaCore)().actions,m=f.openDrawerMenu,S=f.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){g(!0);var e,a,l=r.getIsInMobileView(),d=function onClose(){S("content-item",!0),r.settingsState.setContentItemId()},p=r.settingsState.selectedArticles.map((function(e){return e.basketId})).flat(),x=r.divaWebPlanner.getVariantValues(p).map((function(e){return{featureCodex:e.OPT.startsWith("OPT")?e.OPT.substring(3):e.OPT,selectedOptions:[e.OPV]}})),f=(0,u.jsx)(s.Q,{onClose:d,contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(e){c.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=e?e:void 0})},params:{initialContext:x},onEvent:function onEvent(e){if("applyResults"==e.type){var t,n=e.payload;!(null!==(t=r.divaWebPlanner.actSet())&&void 0!==t&&t.CatalogData.isIDMFormat)&&Object.entries(n).forEach((function(e){var t=(0,o.Z)(e,2),i=t[0],r=t[1];n["OPT".concat(i)]="OPV".concat(r)})),r.paletteViewHandler.changeOnCheckoutConfig(n,p)}else"onCancel"!=e.type&&"onClose"!=e.type||d()}},r.settingsState.contentItemId+r.settingsState.contentItemVisible);if(l)m({id:"content-item",content:f,onClose:d,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(e=r.uiState.wrapperRef)&&void 0!==e?e:void 0,handleInternScroll:!0});else m({id:"content-item",content:f,onClose:d,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:t,mountElement:null!==(a=null!=n?n:r.productState.productElement)&&void 0!==a?a:void 0,handleInternScroll:!0,drawerStyle:_objectSpread(_objectSpread({position:"absolute",zIndex:550,maxWidth:500,maxHeight:600,top:0,bottom:"unset",boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),i),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else b&&(S("content-item",!0),setTimeout((function(){g(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},41454:(e,t,n)=>{n.r(t),n.d(t,{default:()=>k});var i=n(80248),o=n(72874),r=n(87363),a=n(25709),s=n(9420),l=n(24263),d=n(19715),u=n(93379),c=n.n(u),p=n(7795),x=n.n(p),b=n(90569),g=n.n(b),f=n(3565),m=n.n(f),S=n(19216),v=n.n(S),h=n(44589),y=n.n(h),w=n(23522),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(w.Z,j);w.Z&&w.Z.locals&&w.Z.locals;var I=n(34384),P=n(47514),O=["contentItemStartPos"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const k=(0,s.Pi)((function Product(e){var t,n=e.contentItemStartPos,i=(0,o.Z)(e,O),s=(0,a.NP)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var e=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(e=0),u.current.scrollTo({top:e,behavior:"smooth"})}};return(0,r.useEffect)((function(){var e;!s.uiState.isLoading&&null!==(e=s.configState.paramters)&&void 0!==e&&e.checkout&&c()}),[null===(t=s.configState.paramters)||void 0===t?void 0:t.checkout,s.uiState.isLoading]),(0,P.jsxs)("div",_objectSpread(_objectSpread({ref:function setRef(e){u.current=e,s.productState.setProductElement(e)}},i),{},{id:"wcConfigurator-product",children:[!s.uiState.isLoading&&(0,P.jsx)("div",{className:w.x,onClick:c}),(0,P.jsx)(d.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!s.uiState.isLoading&&void 0!==s.divaWebPlanner.getBasket()&&(0,P.jsx)(l.default,{}),(0,P.jsx)(I.default,{direction:n})]}))}))},51451:(e,t,n)=>{n.r(t),n.d(t,{default:()=>d});var i=n(9420),o=(n(87363),n(25709)),r=n(82956),a=n(65515),s=n.n(a),l=n(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(e){var t=(0,o.NP)(),n=t.settingsState.contentItemId&&t.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[t.uiState.doShowConfSettingsExpander&&!t.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,n?r.al:void 0),onClick:t.uiState.onClickExpandConfigSettings}),!t.uiState.isInMobileView&&t.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!t.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,n?r.al:void 0),onClick:t.uiState.onClickExpandMaxConfigSettings}),!t.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:t.uiState.onClickExpandMinConfigSettings})]})]})}))},30853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>I});var i=n(34988),o=n(9420),r=n(87363),a=n(25709),s=n(93379),l=n.n(s),d=n(7795),u=n.n(d),c=n(90569),p=n.n(c),x=n(3565),b=n.n(x),g=n(19216),f=n.n(g),m=n(44589),S=n.n(m),v=n(76640),h={};h.styleTagTransform=S(),h.setAttributes=b(),h.insert=p().bind(null,"head"),h.domAPI=u(),h.insertStyleElement=f();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var y=n(65515),w=n.n(y),j=n(47514);const I=(0,o.Pi)((function NavForwardButton(e){var t=(0,a.NP)(),n=(0,r.useState)(!1),o=(0,i.Z)(n,2),s=o[0],l=o[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!t.actionButtonState.isOnLastStep&&!t.actionButtonState.isOnFirstStepDisabled)}),400)}),[t.actionButtonState.isOnLastStep,t.actionButtonState.isOnFirstStepDisabled]),(0,j.jsx)("div",{className:w()(v.YS,s&&v.oP,t.uiState.isTablet?v.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",t.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,j.jsx)("div",{className:v.qv})})}))},63543:(e,t,n)=>{n.r(t),n.d(t,{default:()=>h});var i=n(88291),o=n(9420),r=n(87363),a=n(37707),s=n(25709),l=n(82956),d=n(63134),u=n(74133),c=n(84658),p=n(34988),x=n(50747),b=n.n(x),g=n(88683),f=n(30853),m=n(65515),S=n.n(m),v=n(47514);const h=(0,o.Pi)((function SettingsSwiper(e){(0,i.Z)(e);var t=(0,s.NP)(),n=function useSwiperHook(e){var t=(0,r.useState)(null),n=(0,p.Z)(t,2),i=n[0],o=n[1],a=(0,r.useState)([]),s=(0,p.Z)(a,2),l=s[0],d=s[1];(0,r.useEffect)((function(){var t=Object.keys(e.tabGroupState.allTabGroups);d(t),e.tabGroupState.curTabGroup&&t.indexOf(e.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(t.indexOf(e.tabGroupState.curTabGroup.key),400))}),[e.tabGroupState.allTabGroups,e.tabGroupState.curTabGroup,i]);var u=function(){var e=(0,c.Z)(b().mark((function _callee(){var e,t,n,o,r,a=arguments;return b().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(e=a.length>0&&void 0!==a[0]?a[0]:50,t=a.length>1&&void 0!==a[1]?a[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return n=.25*t,o=i.getTranslate(),r=o-e,i.allowTouchMove=!1,i.setTransition(2*n),i.setTranslate(r),s.next=12,g.DivaUtils.Sleep(2*n);case 12:return i.setTransition(n),i.setTranslate(o-.5*e),s.next=16,g.DivaUtils.Sleep(n);case 16:return i.setTransition(.5*n),i.setTranslate(.8*r),s.next=20,g.DivaUtils.Sleep(.5*n);case 20:i.setTransition(1.75*n),i.setTranslate(o),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return e.apply(this,arguments)}}(),x=e.tabGroupState.curTabGroup?l.indexOf(e.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:o,allSwipes:l,handleSlideChange:function handleSlideChange(t){if(void 0!==e.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var n=t.activeIndex-l.indexOf(e.tabGroupState.curTabGroup.key);1==n?e.actionButtonState.onClickConfiguratorSettingsForth(!0):-1==n?e.actionButtonState.onClickConfiguratorSettingsBack():0!==n&&e.tabGroupState.allTabGroups[l[t.activeIndex]]&&e.tabGroupState.navigateToTabgroupByPosNr(e.tabGroupState.allTabGroups[l[t.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){e.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){e.uiState.swiperNavigationActive=!1},initialSlide:x,teaseSwipe:u}}(t),o=n.setSwiperRef,x=n.allSwipes,m=n.handleSlideChange,h=n.handleSetTransition,y=n.handleTransitionEnd,w=n.initialSlide;return t.tabGroupState.curTabGroup&&null!=x&&x.length?(0,v.jsx)(a.tq,{onSlideChange:m,onSetTransition:h,onTransitionEnd:y,initialSlide:w,onSwiper:o,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:S()("swiper-wrapper",l.Iz),children:x.map((function(e){var n,i=t.tabGroupState.allTabGroups[e],o=i?null===(n=Array.from(i.options.values())[0])||void 0===n?void 0:n.title:void 0;return(0,v.jsx)(a.o5,{className:l.AI,children:e==t.tabGroupState.curTabGroup.key?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(d.default,{},e),(0,v.jsx)(f.default,{})]}):(0,v.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:o&&(0,v.jsx)(u.default,{text:o,isSettingsHeader:!1,isInScroller:!0})})},e)}))}):(0,v.jsx)(v.Fragment,{})}))},97853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>m});var i=n(80248),o=n(72874),r=(n(87363),n(25709)),a=n(80509),s=n(63134),l=n(9420),d=n(82956),u=n(65515),c=n.n(u),p=n(63543),x=n(51451),b=n(74982),g=n(47514),f=["className","tabgroupElement"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const m=(0,l.Pi)((function Settings(e){var t,n,i=e.className,l=e.tabgroupElement,u=(0,o.Z)(e,f),m=(0,r.NP)(),S=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,v=(0,g.jsx)(g.Fragment,{children:S?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&!m.wysiwygDebugState.wysiwygInspectView&&(0,g.jsx)(a.default,{},null!==(t=null===(n=m.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,g.jsx)(s.default,{}),(0,g.jsx)(x.default,{})]})});return(0,g.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,d.vt,"horizontal"==m.tabGroupState.curTabGroupType?d.s1:void 0,m.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,g.jsx)(b.default,{draggerElement:l,children:v}),!m.uiState.isInMobileView&&v]}))}))},39545:(e,t,n)=>{n.d(t,{Ci:()=>p,Jg:()=>b,Q_:()=>x,ZP:()=>f,vX:()=>g});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(38403),n.b),u=a()(o()),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",b="index-module--OZydS",g="index-module--FQDBA";const f=u},61609:(e,t,n)=>{n.d(t,{Uu:()=>u,ZP:()=>p,kL:()=>d,vt:()=>c,x6:()=>l,xn:()=>s});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r)()(o());a.push([e.id,"body {\n margin: 0;\n overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n -webkit-font-smoothing: antialiased;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n width: 75px;\n position: relative;\n}\n.index-module--jhJYn {\n overflow: auto !important;\n}\n.index-module--jhJYn {\n width: calc(100% - 501px);\n position: relative;\n}\n.index-module--jhJYn.index-module--yUjbF {\n display: none;\n}\n\n.index-module--ik_S6 {\n width: 426px;\n position: relative;\n border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n flex-grow: 1;\n position: relative;\n overflow: auto;\n}\n\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n",""]);var s="index-module--ic0Nz",l="index-module--SLjS6",d="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const p=a},23522:(e,t,n)=>{n.d(t,{Z:()=>x,x:()=>p});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(66993),n.b),u=a()(o()),c=l()(d);u.push([e.id,".index-module--IAoMi {\n bottom: 40px;\n right: 8px;\n position: absolute;\n width: 70px;\n height: 55px;\n transform: rotate(90deg);\n background-image: url("+c+");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: contain;\n z-index: 300;\n}\n",""]);var p="index-module--IAoMi";const x=u},76640:(e,t,n)=>{n.d(t,{Mq:()=>g,YS:()=>p,ZP:()=>f,oP:()=>b,qv:()=>x});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(81165),n.b),u=a()(o()),c=l()(d);u.push([e.id,".index-module--OH1rD {\n position: absolute;\n transform: translateZ(0);\n bottom: 12px;\n right: 12px;\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--diva-theme-palette-primary-main);\n border-radius: 50%;\n cursor: pointer;\n z-index: 12000;\n box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n opacity: 0;\n transition:\n opacity 1.5s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n outline: none;\n -webkit-tap-highlight-color: transparent;\n pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n scale: 0.9;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n width: 20px;\n height: 20px;\n background-image: url("+c+");\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n}\n\n.index-module--BWnyQ {\n opacity: 1;\n pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n opacity: 0;\n transition:\n opacity 0s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n bottom: 16px;\n right: 16px;\n width: 52px;\n height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n width: 26px;\n height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",b="index-module--BWnyQ",g="index-module--CF6oq";const f=u},66993:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="},81165:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6171,853,5820],{58655:(e,t,n)=>{n.r(t),n.d(t,{default:()=>P});var i=n(84658),o=n(88291),r=n(50747),a=n.n(r),s=n(25709),l=n(87363),d=n(9420),u=n(93379),c=n.n(u),p=n(7795),x=n.n(p),b=n(90569),g=n.n(b),f=n(3565),m=n.n(f),S=n(19216),v=n.n(S),h=n(44589),y=n.n(h),w=n(39545),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var I=n(47514);const P=(0,d.Pi)((function Inputbox(e){(0,o.Z)(e);var t=(0,s.NP)(),n=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,i,o;t.settingsState.setInputBoxValue(null!==(e=null===(i=t.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==e?e:""),null===(o=n.current)||void 0===o||o.focus()}),[]),(0,l.useEffect)((function(){var e;null!==(e=t.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&t.settingsState.setInputBoxValue(t.settingsState.inputBoxItem.freeText)}),[t.settingsState.inputBoxItem]),!t.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var r=t.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var e=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!t.settingsState.inputBoxItem){e.next=6;break}return t.settingsState.inputBoxItem.freeText=t.settingsState.inputBoxValue,e.next=4,t.paletteViewHandler.clickedOnConfigPalette(t.settingsState.inputBoxItem,"inputbox");case 4:t.settingsState.updateInputBoxValues(!1,void 0),t.uiState.setConfiguratorDisabled(!1);case 6:t.settingsState.inputBoxVisible?t.uiState.setConfiguratorDisabled(!0):t.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!t.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:w.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return t.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,I.jsx)("input",{ref:n,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){t&&"Enter"===e.key&&(d(),e.stopPropagation())}(e)},className:w.Ci,type:u?"number":"text",onChange:function onChange(e){return t.settingsState.setInputBoxValue(e.target.value)},value:t.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:w.vX,onClick:d})]})]})})}))},16171:(e,t,n)=>{n.r(t),n.d(t,{cssVariables:()=>k,default:()=>T});var i=n(25709),o=n(87363),r=n(58655),a=n(93379),s=n.n(a),l=n(7795),d=n.n(l),u=n(90569),c=n.n(u),p=n(3565),x=n.n(p),b=n(19216),g=n.n(b),f=n(44589),m=n.n(f),S=n(61609),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=g();s()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var h=n(41454),y=n(97853),w=n(60414),j=n(9420),I=n(65515),P=n.n(I),O=n(47514),k={"--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const T=(0,j.Pi)((function Serious(e){var t,n=(0,i.NP)();(0,o.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(k)}),[]);var a="PRODUCTS"==(null===(t=n.tabGroupState.curTabGroup)||void 0===t?void 0:t.type);return(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:S.xn,children:[(0,O.jsx)(w.default,{className:S.x6}),(0,O.jsx)(y.default,{className:P()(S.vt,a?S.Uu:void 0)}),(0,O.jsx)(h.default,{className:P()(S.kL,a?S.Uu:void 0),contentItemStartPos:"left"})]}),n.settingsState.inputBoxVisible&&(0,O.jsx)(r.default,{})]})}))},34384:(e,t,n)=>{n.r(t),n.d(t,{default:()=>p});var i=n(80248),o=n(34988),r=n(9420),a=n(87363),s=n(92862),l=n(25709),d=n(88683),u=n(47514);function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var c=(0,d.getLogger)("Planner","InfoBox");const p=(0,r.Pi)((function ContentItemWrapper(e){var t=e.direction,n=e.mountElement,i=e.drawerStyle,r=(0,l.NP)(),p=(0,a.useState)(!1),x=(0,o.Z)(p,2),b=x[0],g=x[1],f=(0,d.useDivaCore)().actions,m=f.openDrawerMenu,S=f.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){g(!0);var e,a,l=r.getIsInMobileView(),d=function onClose(){S("content-item",!0),r.settingsState.setContentItemId()},p=r.settingsState.selectedArticles.map((function(e){return e.basketId})).flat(),x=r.divaWebPlanner.getVariantValues(p).map((function(e){return{featureCodex:e.OPT.startsWith("OPT")?e.OPT.substring(3):e.OPT,selectedOptions:[e.OPV]}})),f=(0,u.jsx)(s.Q,{onClose:d,contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},headerWrapperStyle:{borderTopRightRadius:"8px",borderTopLeftRadius:"8px"},onContentItemLoaded:function onContentItemLoaded(e){c.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=e?e:void 0})},params:{initialContext:x},onEvent:function onEvent(e){if("applyResults"==e.type){var t,n=e.payload;!(null!==(t=r.divaWebPlanner.actSet())&&void 0!==t&&t.CatalogData.isIDMFormat)&&Object.entries(n).forEach((function(e){var t=(0,o.Z)(e,2),i=t[0],r=t[1];n["OPT".concat(i)]="OPV".concat(r)})),r.paletteViewHandler.changeOnCheckoutConfig(n,p)}else"onCancel"!=e.type&&"onClose"!=e.type||d()}},r.settingsState.contentItemId+r.settingsState.contentItemVisible);if(l)m({id:"content-item",content:f,onClose:d,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,direction:"bottom",mountElement:null!==(e=r.uiState.wrapperRef)&&void 0!==e?e:void 0,handleInternScroll:!0});else m({id:"content-item",content:f,onClose:d,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:t,mountElement:null!==(a=null!=n?n:r.productState.productElement)&&void 0!==a?a:void 0,handleInternScroll:!0,drawerStyle:_objectSpread(_objectSpread({position:"absolute",zIndex:550,maxWidth:500,maxHeight:600,top:0,bottom:"unset",boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"}),i),wrapperStyle:_objectSpread({zIndex:550,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"},"right"===t?{borderTopLeftRadius:"16px",borderBottomLeftRadius:"16px"}:{borderTopRightRadius:"16px",borderBottomRightRadius:"16px"})})}else b&&(S("content-item",!0),setTimeout((function(){g(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},41454:(e,t,n)=>{n.r(t),n.d(t,{default:()=>k});var i=n(80248),o=n(72874),r=n(87363),a=n(25709),s=n(9420),l=n(24263),d=n(19715),u=n(93379),c=n.n(u),p=n(7795),x=n.n(p),b=n(90569),g=n.n(b),f=n(3565),m=n.n(f),S=n(19216),v=n.n(S),h=n(44589),y=n.n(h),w=n(23522),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(w.Z,j);w.Z&&w.Z.locals&&w.Z.locals;var I=n(34384),P=n(47514),O=["contentItemStartPos"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const k=(0,s.Pi)((function Product(e){var t,n=e.contentItemStartPos,i=(0,o.Z)(e,O),s=(0,a.NP)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var e=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(e=0),u.current.scrollTo({top:e,behavior:"smooth"})}};return(0,r.useEffect)((function(){var e;!s.uiState.isLoading&&null!==(e=s.configState.paramters)&&void 0!==e&&e.checkout&&c()}),[null===(t=s.configState.paramters)||void 0===t?void 0:t.checkout,s.uiState.isLoading]),(0,P.jsxs)("div",_objectSpread(_objectSpread({ref:function setRef(e){u.current=e,s.productState.setProductElement(e)}},i),{},{id:"wcConfigurator-product",children:[!s.uiState.isLoading&&(0,P.jsx)("div",{className:w.x,onClick:c}),(0,P.jsx)(d.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!s.uiState.isLoading&&void 0!==s.divaWebPlanner.getBasket()&&(0,P.jsx)(l.default,{}),(0,P.jsx)(I.default,{direction:n})]}))}))},51451:(e,t,n)=>{n.r(t),n.d(t,{default:()=>d});var i=n(9420),o=(n(87363),n(25709)),r=n(82956),a=n(65515),s=n.n(a),l=n(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(e){var t=(0,o.NP)(),n=t.settingsState.contentItemId&&t.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[t.uiState.doShowConfSettingsExpander&&!t.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,n?r.al:void 0),onClick:t.uiState.onClickExpandConfigSettings}),!t.uiState.isInMobileView&&t.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!t.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,n?r.al:void 0),onClick:t.uiState.onClickExpandMaxConfigSettings}),!t.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:t.uiState.onClickExpandMinConfigSettings})]})]})}))},30853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>I});var i=n(34988),o=n(9420),r=n(87363),a=n(25709),s=n(93379),l=n.n(s),d=n(7795),u=n.n(d),c=n(90569),p=n.n(c),x=n(3565),b=n.n(x),g=n(19216),f=n.n(g),m=n(44589),S=n.n(m),v=n(76640),h={};h.styleTagTransform=S(),h.setAttributes=b(),h.insert=p().bind(null,"head"),h.domAPI=u(),h.insertStyleElement=f();l()(v.ZP,h);v.ZP&&v.ZP.locals&&v.ZP.locals;var y=n(65515),w=n.n(y),j=n(47514);const I=(0,o.Pi)((function NavForwardButton(e){var t=(0,a.NP)(),n=(0,r.useState)(!1),o=(0,i.Z)(n,2),s=o[0],l=o[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!t.actionButtonState.isOnLastStep&&!t.actionButtonState.isOnFirstStepDisabled)}),400)}),[t.actionButtonState.isOnLastStep,t.actionButtonState.isOnFirstStepDisabled]),(0,j.jsx)("div",{className:w()(v.YS,s&&v.oP,t.uiState.isTablet?v.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",t.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,j.jsx)("div",{className:v.qv})})}))},63543:(e,t,n)=>{n.r(t),n.d(t,{default:()=>h});var i=n(88291),o=n(9420),r=n(87363),a=n(37707),s=n(25709),l=n(82956),d=n(63134),u=n(74133),c=n(84658),p=n(34988),x=n(50747),b=n.n(x),g=n(88683),f=n(30853),m=n(65515),S=n.n(m),v=n(47514);const h=(0,o.Pi)((function SettingsSwiper(e){(0,i.Z)(e);var t=(0,s.NP)(),n=function useSwiperHook(e){var t=(0,r.useState)(null),n=(0,p.Z)(t,2),i=n[0],o=n[1],a=(0,r.useState)([]),s=(0,p.Z)(a,2),l=s[0],d=s[1];(0,r.useEffect)((function(){var t=Object.keys(e.tabGroupState.allTabGroups);d(t),e.tabGroupState.curTabGroup&&t.indexOf(e.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(t.indexOf(e.tabGroupState.curTabGroup.key),400))}),[e.tabGroupState.allTabGroups,e.tabGroupState.curTabGroup,i]);var u=function(){var e=(0,c.Z)(b().mark((function _callee(){var e,t,n,o,r,a=arguments;return b().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(e=a.length>0&&void 0!==a[0]?a[0]:50,t=a.length>1&&void 0!==a[1]?a[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return n=.25*t,o=i.getTranslate(),r=o-e,i.allowTouchMove=!1,i.setTransition(2*n),i.setTranslate(r),s.next=12,g.DivaUtils.Sleep(2*n);case 12:return i.setTransition(n),i.setTranslate(o-.5*e),s.next=16,g.DivaUtils.Sleep(n);case 16:return i.setTransition(.5*n),i.setTranslate(.8*r),s.next=20,g.DivaUtils.Sleep(.5*n);case 20:i.setTransition(1.75*n),i.setTranslate(o),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return e.apply(this,arguments)}}(),x=e.tabGroupState.curTabGroup?l.indexOf(e.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:o,allSwipes:l,handleSlideChange:function handleSlideChange(t){if(void 0!==e.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var n=t.activeIndex-l.indexOf(e.tabGroupState.curTabGroup.key);1==n?e.actionButtonState.onClickConfiguratorSettingsForth(!0,!0):-1==n?e.actionButtonState.onClickConfiguratorSettingsBack():0!==n&&e.tabGroupState.allTabGroups[l[t.activeIndex]]&&e.tabGroupState.navigateToTabgroupByPosNr(e.tabGroupState.allTabGroups[l[t.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){e.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){e.uiState.swiperNavigationActive=!1},initialSlide:x,teaseSwipe:u}}(t),o=n.setSwiperRef,x=n.allSwipes,m=n.handleSlideChange,h=n.handleSetTransition,y=n.handleTransitionEnd,w=n.initialSlide;return t.tabGroupState.curTabGroup&&null!=x&&x.length?(0,v.jsx)(a.tq,{onSlideChange:m,onSetTransition:h,onTransitionEnd:y,initialSlide:w,onSwiper:o,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:S()("swiper-wrapper",l.Iz),children:x.map((function(e){var n,i=t.tabGroupState.allTabGroups[e],o=i?null===(n=Array.from(i.options.values())[0])||void 0===n?void 0:n.title:void 0;return(0,v.jsx)(a.o5,{className:l.AI,children:e==t.tabGroupState.curTabGroup.key?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(d.default,{},e),(0,v.jsx)(f.default,{})]}):(0,v.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:o&&(0,v.jsx)(u.default,{text:o,isSettingsHeader:!1,isInScroller:!0})})},e)}))}):(0,v.jsx)(v.Fragment,{})}))},97853:(e,t,n)=>{n.r(t),n.d(t,{default:()=>m});var i=n(80248),o=n(72874),r=(n(87363),n(25709)),a=n(80509),s=n(63134),l=n(9420),d=n(82956),u=n(65515),c=n.n(u),p=n(63543),x=n(51451),b=n(74982),g=n(47514),f=["className","tabgroupElement"];function ownKeys(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);t&&(i=i.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,i)}return n}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ownKeys(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ownKeys(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}const m=(0,l.Pi)((function Settings(e){var t,n,i=e.className,l=e.tabgroupElement,u=(0,o.Z)(e,f),m=(0,r.NP)(),S=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,v=(0,g.jsx)(g.Fragment,{children:S?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&!m.wysiwygDebugState.wysiwygInspectView&&(0,g.jsx)(a.default,{},null!==(t=null===(n=m.tabGroupState.curTabGroup)||void 0===n?void 0:n.key)&&void 0!==t?t:0),(0,g.jsx)(s.default,{}),(0,g.jsx)(x.default,{})]})});return(0,g.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,d.vt,"horizontal"==m.tabGroupState.curTabGroupType?d.s1:void 0,m.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,g.jsx)(b.default,{draggerElement:l,children:v}),!m.uiState.isInMobileView&&v]}))}))},39545:(e,t,n)=>{n.d(t,{Ci:()=>p,Jg:()=>b,Q_:()=>x,ZP:()=>f,vX:()=>g});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(38403),n.b),u=a()(o()),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",b="index-module--OZydS",g="index-module--FQDBA";const f=u},61609:(e,t,n)=>{n.d(t,{Uu:()=>u,ZP:()=>p,kL:()=>d,vt:()=>c,x6:()=>l,xn:()=>s});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r)()(o());a.push([e.id,"body {\n margin: 0;\n overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n -webkit-font-smoothing: antialiased;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n width: 75px;\n position: relative;\n}\n.index-module--jhJYn {\n overflow: auto !important;\n}\n.index-module--jhJYn {\n width: calc(100% - 501px);\n position: relative;\n}\n.index-module--jhJYn.index-module--yUjbF {\n display: none;\n}\n\n.index-module--ik_S6 {\n width: 426px;\n position: relative;\n border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n flex-grow: 1;\n position: relative;\n overflow: auto;\n}\n\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n",""]);var s="index-module--ic0Nz",l="index-module--SLjS6",d="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const p=a},23522:(e,t,n)=>{n.d(t,{Z:()=>x,x:()=>p});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(66993),n.b),u=a()(o()),c=l()(d);u.push([e.id,".index-module--IAoMi {\n bottom: 40px;\n right: 8px;\n position: absolute;\n width: 70px;\n height: 55px;\n transform: rotate(90deg);\n background-image: url("+c+");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: contain;\n z-index: 300;\n}\n",""]);var p="index-module--IAoMi";const x=u},76640:(e,t,n)=>{n.d(t,{Mq:()=>g,YS:()=>p,ZP:()=>f,oP:()=>b,qv:()=>x});var i=n(8081),o=n.n(i),r=n(23645),a=n.n(r),s=n(61667),l=n.n(s),d=new URL(n(81165),n.b),u=a()(o()),c=l()(d);u.push([e.id,".index-module--OH1rD {\n position: absolute;\n transform: translateZ(0);\n bottom: 12px;\n right: 12px;\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--diva-theme-palette-primary-main);\n border-radius: 50%;\n cursor: pointer;\n z-index: 12000;\n box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n opacity: 0;\n transition:\n opacity 1.5s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n outline: none;\n -webkit-tap-highlight-color: transparent;\n pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n scale: 0.9;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n width: 20px;\n height: 20px;\n background-image: url("+c+");\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n}\n\n.index-module--BWnyQ {\n opacity: 1;\n pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n opacity: 0;\n transition:\n opacity 0s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n bottom: 16px;\n right: 16px;\n width: 52px;\n height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n width: 26px;\n height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",b="index-module--BWnyQ",g="index-module--CF6oq";const f=u},66993:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="},81165:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);