@crystaldesign/diva-web-planner-react 25.11.1-rc.0 → 25.11.1-rc.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (269) hide show
  1. package/build/esm/{ArticleProperties-e7a983e4.js → ArticleProperties-e903c7e4.js} +1 -1
  2. package/build/esm/{CatalogProperties-51404087.js → CatalogProperties-4d8d1a86.js} +1 -1
  3. package/build/esm/{DecisionVizualizer-30d41d05.js → DecisionVizualizer-a6b0bf37.js} +1 -1
  4. package/build/esm/{OptionProperties-2c977ae4.js → OptionProperties-43b7df8a.js} +1 -1
  5. package/build/esm/{OptionValueProperties-191adf8f.js → OptionValueProperties-e3cfe2b7.js} +1 -1
  6. package/build/esm/{Planner2DGrid-fc45c684.js → Planner2DGrid-35902222.js} +1 -1
  7. package/build/esm/{Planner3DImage-caa0c38a.js → Planner3DImage-314605ce.js} +1 -1
  8. package/build/esm/{index-3478816b.js → index-00762aab.js} +1 -1
  9. package/build/esm/{index-0cb28fa5.js → index-00c8a0da.js} +1 -1
  10. package/build/esm/{index-84eb0861.js → index-0118422a.js} +1 -1
  11. package/build/esm/{index-2111c01a.js → index-01a0354c.js} +18 -18
  12. package/build/esm/{index-974b557a.js → index-02eeb09f.js} +1 -1
  13. package/build/esm/{index-150884b6.js → index-03e1cd49.js} +6 -6
  14. package/build/esm/{index-b5d95fde.js → index-0463b1ef.js} +3 -3
  15. package/build/esm/{index-cf1ce7cf.js → index-048cd6e9.js} +3 -3
  16. package/build/esm/{index-c78744fd.js → index-0491b0b2.js} +63 -63
  17. package/build/esm/{index-9fb454f3.js → index-06da5e96.js} +80 -80
  18. package/build/esm/{index-9801771b.js → index-06e3066c.js} +1 -1
  19. package/build/esm/{index-0ae8cf1e.js → index-0713d838.js} +1 -1
  20. package/build/esm/{index-a0c1f196.js → index-0761eebe.js} +2 -2
  21. package/build/esm/{index-a14629ba.js → index-08b3a446.js} +1 -1
  22. package/build/esm/{index-bace7f50.js → index-08c0cb29.js} +4 -4
  23. package/build/esm/{index-de2ed5f4.js → index-08d5cba5.js} +7 -7
  24. package/build/esm/{index-9f44cda4.js → index-0986a1c1.js} +60 -60
  25. package/build/esm/{index-e72f9b16.js → index-0ad23f3a.js} +2 -2
  26. package/build/esm/{index-bef6e125.js → index-0d106fc4.js} +1 -1
  27. package/build/esm/{index-ddddf6c5.js → index-0d3ca221.js} +2 -2
  28. package/build/esm/{index-a1f4f22a.js → index-0d46e00c.js} +1 -1
  29. package/build/esm/{index-3b5e9c94.js → index-0e7541d2.js} +5 -5
  30. package/build/esm/{index-926be0ef.js → index-10d7db81.js} +1 -1
  31. package/build/esm/{index-42d373a1.js → index-10df6aa0.js} +1 -1
  32. package/build/esm/{index-a2201514.js → index-129a50c7.js} +1 -1
  33. package/build/esm/{index-21958bc4.js → index-13648a13.js} +1 -1
  34. package/build/esm/{index-d2ec7114.js → index-153022f2.js} +1 -1
  35. package/build/esm/{index-9ce19f59.js → index-162bfbf4.js} +5 -5
  36. package/build/esm/{index-3ad5df6f.js → index-171fcfbc.js} +3 -3
  37. package/build/esm/{index-20364af7.js → index-179f2084.js} +1 -1
  38. package/build/esm/{index-e4681010.js → index-17f44381.js} +1 -1
  39. package/build/esm/{index-e13fb194.js → index-194dac77.js} +2 -2
  40. package/build/esm/{index-0d23917f.js → index-1b71cc1f.js} +1 -1
  41. package/build/esm/{index-9f227ad9.js → index-1b851ff2.js} +1 -1
  42. package/build/esm/{index-c214d9aa.js → index-1ca20371.js} +1 -1
  43. package/build/esm/{index-864a6ec9.js → index-1d10ec92.js} +1 -1
  44. package/build/esm/{index-5c9f45cd.js → index-1d763697.js} +4 -4
  45. package/build/esm/{index-4c93baa4.js → index-1d86145f.js} +3 -3
  46. package/build/esm/{index-d6ec4f5f.js → index-2050b27b.js} +1 -1
  47. package/build/esm/{index-7bff0e48.js → index-22412eb3.js} +1 -1
  48. package/build/esm/{index-c7548c1d.js → index-2285a049.js} +1 -1
  49. package/build/esm/{index-86ffdcd0.js → index-22ffc9c6.js} +1 -1
  50. package/build/esm/{index-497e4c1c.js → index-24878f2b.js} +2 -2
  51. package/build/esm/{index-29681105.js → index-285adeb7.js} +3 -3
  52. package/build/esm/{index-b037e5b6.js → index-2b93e791.js} +1 -1
  53. package/build/esm/{index-666b78f6.js → index-2cbcb93c.js} +2 -2
  54. package/build/esm/{index-f7f76786.js → index-2fd305e2.js} +1 -1
  55. package/build/esm/{index-43abb06a.js → index-31905161.js} +2 -2
  56. package/build/esm/{index-5f07d85f.js → index-31cac5c2.js} +7 -7
  57. package/build/esm/{index-01b81c1e.js → index-31fdc4ff.js} +6 -6
  58. package/build/esm/{index-047ded59.js → index-3344f2df.js} +58 -58
  59. package/build/esm/{index-80d6b14e.js → index-33ae52a5.js} +1 -1
  60. package/build/esm/{index-f7667f25.js → index-33e00833.js} +5 -5
  61. package/build/esm/{index-1fa7f4ae.js → index-34921931.js} +5 -5
  62. package/build/esm/{index-7827265c.js → index-37c37741.js} +1 -1
  63. package/build/esm/{index-c8f0f321.js → index-3d3dde02.js} +1 -1
  64. package/build/esm/{index-3664573f.js → index-3d563e96.js} +59 -59
  65. package/build/esm/{index-20d7a85a.js → index-40e860f3.js} +1 -1
  66. package/build/esm/{index-aed20c95.js → index-44515a95.js} +17 -17
  67. package/build/esm/{index-9261a23e.js → index-49b967dc.js} +1 -1
  68. package/build/esm/{index-07940d31.js → index-4a311ea7.js} +1 -1
  69. package/build/esm/{index-e30d04a4.js → index-4ba6de79.js} +1 -1
  70. package/build/esm/{index-0b95025e.js → index-4c33efc5.js} +1 -1
  71. package/build/esm/{index-855b5e01.js → index-4c928d41.js} +2 -2
  72. package/build/esm/{index-75da72fe.js → index-4e76eabd.js} +2 -2
  73. package/build/esm/{index-6ec58566.js → index-4f39be5f.js} +2 -2
  74. package/build/esm/{index-c067c6f9.js → index-50e75cec.js} +61 -61
  75. package/build/esm/{index-387966b2.js → index-5134d750.js} +59 -59
  76. package/build/esm/{index-f4a3cf9a.js → index-54d0b2ac.js} +1 -1
  77. package/build/esm/{index-bf6512c6.js → index-558a524c.js} +1 -1
  78. package/build/esm/{index-cb661302.js → index-560d8f81.js} +117 -117
  79. package/build/esm/{index-7fce6043.js → index-58010195.js} +1 -1
  80. package/build/esm/{index-4e1ec7d9.js → index-5818817c.js} +2 -2
  81. package/build/esm/{index-f2e7ac6e.js → index-58751ef3.js} +1 -1
  82. package/build/esm/{index-539af290.js → index-593c8c78.js} +6 -6
  83. package/build/esm/{index-2ea3384e.js → index-5c2ee8de.js} +1 -1
  84. package/build/esm/{index-5af7cf25.js → index-5dce1705.js} +28 -28
  85. package/build/esm/{index-bd862683.js → index-60547999.js} +1 -1
  86. package/build/esm/{index-55aa083d.js → index-60733522.js} +2 -2
  87. package/build/esm/{index-c2f4fba0.js → index-61ef93ef.js} +7 -7
  88. package/build/esm/{index-5c7d9b8b.js → index-62d47673.js} +1 -1
  89. package/build/esm/{index-2cff173e.js → index-66cbfee7.js} +1 -1
  90. package/build/esm/{index-ee83a3c8.js → index-6aa40b52.js} +1 -1
  91. package/build/esm/{index-97391b6f.js → index-6dee6045.js} +2 -2
  92. package/build/esm/{index-77043724.js → index-6fb4f8e4.js} +1 -1
  93. package/build/esm/{index-e4387d6a.js → index-6fe7e831.js} +1 -1
  94. package/build/esm/{index-c4c99a63.js → index-776d168f.js} +1 -1
  95. package/build/esm/{index-4c258b70.js → index-78180080.js} +5 -5
  96. package/build/esm/{index-8e2c9d88.js → index-78c8ed7f.js} +1 -1
  97. package/build/esm/{index-40c15906.js → index-791f3667.js} +15 -15
  98. package/build/esm/{index-4e4c01c8.js → index-7ad06306.js} +22 -22
  99. package/build/esm/{index-73055d3e.js → index-7c40fba9.js} +10 -10
  100. package/build/esm/{index-6d1fdbdc.js → index-7cb57818.js} +3 -3
  101. package/build/esm/{index-42c7f578.js → index-7d8f660a.js} +4 -4
  102. package/build/esm/{index-f6ae8c62.js → index-7e4e215b.js} +2 -2
  103. package/build/esm/{index-925a76d7.js → index-7f079c4f.js} +1 -1
  104. package/build/esm/{index-7e7811b8.js → index-811c2bfc.js} +1 -1
  105. package/build/esm/{index-c710f8c4.js → index-81cce808.js} +7 -7
  106. package/build/esm/{index-dcb15835.js → index-8213e3c4.js} +1 -1
  107. package/build/esm/{index-b5b845ce.js → index-821e5c70.js} +1 -1
  108. package/build/esm/{index-6cf5f2e2.js → index-8467c748.js} +80 -80
  109. package/build/esm/{index-3c4e2500.js → index-859f18e7.js} +1 -1
  110. package/build/esm/{index-4f552f54.js → index-87242142.js} +1 -1
  111. package/build/esm/{index-0e05dcc9.js → index-873e05cc.js} +2 -2
  112. package/build/esm/{index-dd1ac55b.js → index-87fc652b.js} +2 -2
  113. package/build/esm/{index-c7e6b0d7.js → index-8867975d.js} +1 -1
  114. package/build/esm/{index-ea6a1515.js → index-88abd265.js} +3 -3
  115. package/build/esm/{index-b95530e9.js → index-8a79118a.js} +6 -6
  116. package/build/esm/{index-0ef4e90d.js → index-8b4a7ce1.js} +1 -1
  117. package/build/esm/{index-ac04d9cd.js → index-8cc6b8ee.js} +5 -5
  118. package/build/esm/{index-49b34914.js → index-8df6646f.js} +26 -26
  119. package/build/esm/{index-b8c93f88.js → index-8f37872b.js} +25 -25
  120. package/build/esm/{index-54d44eb3.js → index-8fcd7877.js} +1 -1
  121. package/build/esm/{index-e4bd3e4f.js → index-926be1fc.js} +2 -2
  122. package/build/esm/{index-20e9e703.js → index-93f12406.js} +1 -1
  123. package/build/esm/{index-44c01741.js → index-967b666e.js} +5 -5
  124. package/build/esm/{index-49f5a6aa.js → index-9698421a.js} +4 -4
  125. package/build/esm/{index-2f2031ae.js → index-97ed4956.js} +2 -2
  126. package/build/esm/{index-93e57a8d.js → index-994cf3ff.js} +2 -2
  127. package/build/esm/{index-ca314708.js → index-99a2fcdd.js} +1 -1
  128. package/build/esm/{index-972c93b3.js → index-9a3f22e0.js} +3 -3
  129. package/build/esm/{index-4e13592e.js → index-9b251552.js} +1 -1
  130. package/build/esm/{index-24f473cc.js → index-9c959cce.js} +2 -2
  131. package/build/esm/{index-2aa328c1.js → index-9da31be7.js} +2 -2
  132. package/build/esm/{index-d73fbb7d.js → index-9dcfb155.js} +1 -1
  133. package/build/esm/{index-800eb62f.js → index-9e594c12.js} +1 -1
  134. package/build/esm/{index-0381e04f.js → index-9f8d5a85.js} +20 -20
  135. package/build/esm/{index-7b016478.js → index-a16cf945.js} +1 -1
  136. package/build/esm/{index-1223a854.js → index-a23604e8.js} +1 -1
  137. package/build/esm/{index-60176998.js → index-a2fb749d.js} +3 -3
  138. package/build/esm/{index-85894e25.js → index-a39ce267.js} +1 -1
  139. package/build/esm/{index-1219e3bb.js → index-a4a7175d.js} +60 -60
  140. package/build/esm/{index-f096bbc7.js → index-a50db762.js} +1 -1
  141. package/build/esm/{index-88a9f051.js → index-a6b10a23.js} +1 -1
  142. package/build/esm/{index-5ca597b9.js → index-a746cc42.js} +63 -63
  143. package/build/esm/{index-c29a42c8.js → index-aa1b0c43.js} +2 -2
  144. package/build/esm/{index-1fe638ea.js → index-ad2f9fb2.js} +1 -1
  145. package/build/esm/{index-50096dd2.js → index-ad40b98e.js} +74 -74
  146. package/build/esm/{index-8f2814eb.js → index-ae72b420.js} +2 -2
  147. package/build/esm/{index-2ab825f6.js → index-b03eb53e.js} +1 -1
  148. package/build/esm/{index-7ddc33d4.js → index-b046af79.js} +2 -2
  149. package/build/esm/{index-f3770a7e.js → index-b09295ca.js} +1 -1
  150. package/build/esm/{index-90684be1.js → index-b0b290b9.js} +1 -1
  151. package/build/esm/{index-dd2548ff.js → index-b3ab095d.js} +1 -1
  152. package/build/esm/{index-26224e94.js → index-b43e1e68.js} +2 -2
  153. package/build/esm/{index-0bced4bc.js → index-b5adc719.js} +2 -2
  154. package/build/esm/{index-3ebbf46e.js → index-b76f161c.js} +118 -118
  155. package/build/esm/{index-9969acc0.js → index-b779f514.js} +1 -1
  156. package/build/esm/{index-8df65025.js → index-b7fc417c.js} +7 -7
  157. package/build/esm/{index-2eedf6a3.js → index-b853a0a3.js} +5 -5
  158. package/build/esm/{index-8748d4a4.js → index-b8cf0e6d.js} +1 -1
  159. package/build/esm/{index-41edefae.js → index-b8e0d5a1.js} +4 -4
  160. package/build/esm/{index-4826e447.js → index-b8ff57a4.js} +6 -6
  161. package/build/esm/{index-45f69afe.js → index-ba9ed86c.js} +1 -1
  162. package/build/esm/{index-86bbb082.js → index-bb0c0880.js} +5 -5
  163. package/build/esm/{index-a2de6459.js → index-bb696b36.js} +1 -1
  164. package/build/esm/{index-1220ec2d.js → index-bb9a536f.js} +2 -2
  165. package/build/esm/{index-e9ef640f.js → index-bbb99219.js} +42 -42
  166. package/build/esm/{index-9c35d93f.js → index-bcfbb997.js} +1 -1
  167. package/build/esm/{index-3970b88a.js → index-bd4db5b2.js} +1 -1
  168. package/build/esm/{index-816ce82a.js → index-be9e5374.js} +61 -61
  169. package/build/esm/{index-2c78524a.js → index-c0bbcaa4.js} +19 -19
  170. package/build/esm/{index-6a1e169a.js → index-c288cebb.js} +1 -1
  171. package/build/esm/{index-57f55381.js → index-c29cd962.js} +6 -6
  172. package/build/esm/{index-d8ac668e.js → index-c2d04393.js} +7 -7
  173. package/build/esm/{index-23b011eb.js → index-c427e14a.js} +1 -1
  174. package/build/esm/{index-7e1b48c9.js → index-c49e55f8.js} +6 -6
  175. package/build/esm/{index-43f13a58.js → index-c5dff8c9.js} +58 -58
  176. package/build/esm/{index-9f18b6e7.js → index-c710007e.js} +92 -92
  177. package/build/esm/{index-bf32881f.js → index-c909f759.js} +1 -1
  178. package/build/esm/{index-4891c8a5.js → index-c996b193.js} +1 -1
  179. package/build/esm/{index-925d3a4d.js → index-ca24eae5.js} +1 -1
  180. package/build/esm/{index-5b01a73b.js → index-cb14fbe4.js} +81 -81
  181. package/build/esm/{index-0fbb2ac7.js → index-cb7582c5.js} +1 -1
  182. package/build/esm/{index-6791ebe0.js → index-cba116db.js} +3 -3
  183. package/build/esm/{index-f69a6b8e.js → index-cc19197f.js} +5 -5
  184. package/build/esm/{index-8da4e651.js → index-ccd21d34.js} +18 -5
  185. package/build/esm/{index-656438df.js → index-ccd6e6cd.js} +5 -5
  186. package/build/esm/{index-f17d50ab.js → index-cdcf6b74.js} +1 -1
  187. package/build/esm/{index-76f3645b.js → index-cec018c8.js} +1 -1
  188. package/build/esm/{index-fad68852.js → index-cf906cf3.js} +3 -3
  189. package/build/esm/{index-e5a2a36a.js → index-d09aa59c.js} +2 -2
  190. package/build/esm/{index-0a725b13.js → index-d2157bab.js} +1 -1
  191. package/build/esm/{index-408e53b9.js → index-d468d747.js} +2 -2
  192. package/build/esm/{index-ae210e05.js → index-d5417cf5.js} +66 -66
  193. package/build/esm/{index-47151c9d.js → index-d75eba95.js} +1 -1
  194. package/build/esm/{index-27dd3713.js → index-d769333c.js} +7 -7
  195. package/build/esm/{index-31622983.js → index-d8ada243.js} +1 -1
  196. package/build/esm/{index-09957480.js → index-d8d2c49d.js} +9 -9
  197. package/build/esm/{index-bb3205b2.js → index-db77e7a5.js} +2 -2
  198. package/build/esm/{index-e185e3fc.js → index-dce49bc1.js} +2 -2
  199. package/build/esm/{index-97259aab.js → index-dd7a49b3.js} +2 -2
  200. package/build/esm/{index-5dc66752.js → index-ddd56b1e.js} +10 -10
  201. package/build/esm/{index-ee6c86c7.js → index-e073c7dd.js} +58 -58
  202. package/build/esm/{index-7406d797.js → index-e08c3c41.js} +1 -1
  203. package/build/esm/{index-3d3d465a.js → index-e1d4ca29.js} +1 -1
  204. package/build/esm/{index-32c4a6a2.js → index-e3129ab2.js} +1 -1
  205. package/build/esm/{index-5f15e0aa.js → index-e35bb95f.js} +3 -3
  206. package/build/esm/{index-88c84acf.js → index-e3a9a35d.js} +1 -1
  207. package/build/esm/{index-c9cf3f39.js → index-e58b7690.js} +1 -1
  208. package/build/esm/{index-400ba8df.js → index-e5a1f834.js} +2 -2
  209. package/build/esm/{index-642fac53.js → index-e6e30f8a.js} +3 -3
  210. package/build/esm/{index-80fdaac4.js → index-e6fe8f5a.js} +2 -2
  211. package/build/esm/{index-1f15f887.js → index-e776eadf.js} +1 -1
  212. package/build/esm/{index-693d913f.js → index-e84bdb8e.js} +10 -10
  213. package/build/esm/{index-09b71cd9.js → index-e8c19768.js} +1 -1
  214. package/build/esm/{index-af870057.js → index-ea739503.js} +1 -1
  215. package/build/esm/{index-d7670bcf.js → index-ec5a9639.js} +4 -4
  216. package/build/esm/{index-6e823e26.js → index-ecd4a06f.js} +1 -1
  217. package/build/esm/{index-6a07c529.js → index-ecf0ac9c.js} +1 -1
  218. package/build/esm/{index-3ec7dc04.js → index-edd20d1d.js} +10 -10
  219. package/build/esm/{index-7a98beff.js → index-ee895bf3.js} +6 -6
  220. package/build/esm/{index-9f2407ab.js → index-ef883ffc.js} +2 -2
  221. package/build/esm/{index-5d9da8ff.js → index-f0311754.js} +3 -3
  222. package/build/esm/{index-cf48c5f8.js → index-f0fd013b.js} +1 -1
  223. package/build/esm/{index-7d71345e.js → index-f1f40d70.js} +1 -1
  224. package/build/esm/{index-ca597438.js → index-f23b204c.js} +3 -3
  225. package/build/esm/{index-4e0c79b6.js → index-f2578566.js} +6 -6
  226. package/build/esm/{index-b50d4114.js → index-f46c602a.js} +242 -242
  227. package/build/esm/{index-b1474d6c.js → index-f505f910.js} +41 -41
  228. package/build/esm/{index-9ac5c7ee.js → index-f5432ab5.js} +1 -1
  229. package/build/esm/{index-a7882fa0.js → index-f60a0cec.js} +2 -2
  230. package/build/esm/{index-0cd6d61e.js → index-f661502f.js} +6 -6
  231. package/build/esm/{index-6e8a6137.js → index-f6e97d24.js} +2 -2
  232. package/build/esm/{index-91e0610d.js → index-f6f458b6.js} +4 -4
  233. package/build/esm/{index-17f94147.js → index-f6fc8ba6.js} +2 -2
  234. package/build/esm/{index-18e36fe5.js → index-f7f412ba.js} +2 -2
  235. package/build/esm/{index-b61b665b.js → index-f90e8424.js} +3 -3
  236. package/build/esm/{index-90274ad2.js → index-f9a7ffc6.js} +1 -1
  237. package/build/esm/{index-3ec73c86.js → index-fba12611.js} +19 -19
  238. package/build/esm/{index-107b8080.js → index-fd72ed1d.js} +93 -93
  239. package/build/esm/{index-67e1f965.js → index-fe2b602f.js} +20 -20
  240. package/build/esm/{index-9b3873bc.js → index-ff5654d0.js} +77 -77
  241. package/build/esm/index.js +1 -1
  242. package/build/esm/{index.module-5f55c0ca.js → index.module-26417e2e.js} +1 -1
  243. package/build/esm/{index.module-30974f90.js → index.module-2c7b7683.js} +1 -1
  244. package/build/esm/{index.module-a1813a74.js → index.module-2ebd2c9a.js} +1 -1
  245. package/build/esm/{index.module-d25f4e97.js → index.module-48a114dc.js} +1 -1
  246. package/build/esm/{index.module-04cbdbb7.js → index.module-61deed85.js} +1 -1
  247. package/build/esm/{index.module-af0c9946.js → index.module-65c45a65.js} +1 -1
  248. package/build/esm/{index.module-51b14d6e.js → index.module-8da66626.js} +1 -1
  249. package/build/esm/{index.module-7e2d506a.js → index.module-911cc5e9.js} +1 -1
  250. package/build/esm/{index.module-d33d41f1.js → index.module-96c0dd62.js} +1 -1
  251. package/build/esm/{index.module-ac92522f.js → index.module-ada38fd8.js} +1 -1
  252. package/build/esm/{index.module-e2a35697.js → index.module-aff90be9.js} +1 -1
  253. package/build/esm/{index.module-63269a98.js → index.module-c3c01472.js} +1 -1
  254. package/build/esm/{react-json-viewer-0c3df0ed.js → react-json-viewer-7c941b34.js} +1 -1
  255. package/build/esm/{useCustomDimensions-168809a0.js → useCustomDimensions-75ec6515.js} +1 -1
  256. package/build/esm/{ussIsSticky-3f080ba8.js → ussIsSticky-cad592c1.js} +1 -1
  257. package/build/types/web-planner-react/src/components/Settings/SettingsDrawer/index.d.ts.map +1 -1
  258. package/build/types/web-planner-react/src/components/Settings/SettingsDrawer/useDrawerHook.d.ts.map +1 -1
  259. package/build/umd/2157.diva-web-planner-react.umd.min.js +1 -1
  260. package/build/umd/3519.diva-web-planner-react.umd.min.js +1 -1
  261. package/build/umd/3977.diva-web-planner-react.umd.min.js +1 -1
  262. package/build/umd/5679.diva-web-planner-react.umd.min.js +1 -1
  263. package/build/umd/5805.diva-web-planner-react.umd.min.js +1 -1
  264. package/build/umd/6075.diva-web-planner-react.umd.min.js +1 -1
  265. package/build/umd/7023.diva-web-planner-react.umd.min.js +1 -1
  266. package/build/umd/7853.diva-web-planner-react.umd.min.js +1 -1
  267. package/build/umd/9343.diva-web-planner-react.umd.min.js +1 -1
  268. package/build/umd/report.html +1 -1
  269. package/package.json +8 -8
package/build/umd/3977.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 3977.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3977,9001,4190,7853],{11784:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var o=t(88130),i=t(9420),r=(t(87363),t(93379)),a=t.n(r),d=t(7795),l=t.n(d),s=t(90569),u=t.n(s),c=t(3565),x=t.n(c),p=t(19216),g=t.n(p),m=t(44589),b=t.n(m),h=t(38921),f={};f.styleTagTransform=b(),f.setAttributes=x(),f.insert=u().bind(null,"head"),f.domAPI=l(),f.insertStyleElement=g();a()(h.ZP,f);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(65515),y=t.n(v),w=t(88683),S=t(19047),j=t(39667),I=t(40976),k=t(56340),P=t(47514);const C=(0,i.Pi)((function BasketActionStandard(n){var e,t,i,r=n.buttonTextClassName,a=void 0===r?h.UU:r,d=n.buttonPriceClassName,l=void 0===d?h.QD:d,s=n.containerClassName,u=n.price,c=n.showCheckoutButtons,x=(0,o.NP)(),p=(0,w.useDivaCore)().state.hidePrices,g=(0,w.useTranslation)().t;return(0,P.jsxs)("div",{className:y()(h.tM,s),children:[c&&(null===(e=x.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,S.evalVisible)(n,x,"navigator")})).map((function(n){return(0,P.jsx)("div",{className:I.rK,onClick:function onClick(){return(0,S.onClickCheckout)(n,x,n.index,g)},children:(0,P.jsx)(j.default,{checkoutButton:n,size:32})},n.index)}))),(0,P.jsxs)("div",{className:h.m2,onClick:function onClick(){return x.actionButtonState.onClickAddToBasket(x)},id:"wcConfigurator-action-tobasket",children:[(0,P.jsx)("div",{className:a,children:g("configurator.ADD_TO_BASKET")}),!p&&void 0!==u&&"horizontal"==x.tabGroupState.curTabGroupType&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:y()(h.DC,h.F0,x.productState.formatedBruttoPrice?void 0:h.al),children:(0,P.jsx)(k.default,{price:null!==(t=x.productState.formatedBruttoPrice)&&void 0!==t?t:0})}),(0,P.jsx)("div",{className:l,children:(0,P.jsx)(k.default,{price:null!==(i=x.productState.formatedCurSetPrice)&&void 0!==i?i:0})})]})]})]})}))},68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=t(88291),r=(t(87363),t(88130)),a=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function BasketMobile(n){var e=Object.assign({},((0,i.Z)(n),n)),t=(0,r.NP)();return(0,a.jsx)("div",_objectSpread(_objectSpread({},e),{},{onClick:function onClick(){return t.actionButtonState.onClickAddToBasket(t)}}))}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function NavigationButtons(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},39141:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),d=t(88130),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),g=t(90569),m=t.n(g),b=t(3565),h=t.n(b),f=t(19216),v=t.n(f),y=t(44589),w=t.n(y),S=t(39545),j={};j.styleTagTransform=w(),j.setAttributes=h(),j.insert=m().bind(null,"head"),j.domAPI=p(),j.insertStyleElement=v();c()(S.ZP,j);S.ZP&&S.ZP.locals&&S.ZP.locals;var I=t(47514);const k=(0,s.Pi)((function Inputbox(n){(0,i.Z)(n);var e=(0,d.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,o,i;e.settingsState.setInputBoxValue(null!==(n=null===(o=e.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==n?n:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,o.Z)(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,I.jsx)("div",{children:(0,I.jsxs)("div",{className:S.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:S.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,I.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:S.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:S.vX,onClick:s})]})]})})}))},53977:(n,e,t)=>{t.r(e),t.d(e,{default:()=>D});var o=t(88291),i=t(65515),r=t.n(i),a=t(88130),d=t(87363),l=t(93379),s=t.n(l),u=t(7795),c=t.n(u),x=t(90569),p=t.n(x),g=t(3565),m=t.n(g),b=t(19216),h=t.n(b),f=t(44589),v=t.n(f),y=t(52284),w={};w.styleTagTransform=v(),w.setAttributes=m(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=h();s()(y.ZP,w);y.ZP&&y.ZP.locals&&y.ZP.locals;var S=t(39141),j=t(34190),I=t(97853),k=t(7474),P=t(69001),C=t(88683),N=t(11784),M=t(9420),O=t(68063),B=t(25322),Z=t(47514),T={"--primaryColor":"#d60084","--secondaryColor":"#4b4b4b","--thirdColor":"#e5e5e5e5","--articlePosNrRadius":"50%","--articlePosNrSize":"1.5rem","--galleryItemRadius":"50%","--galleryItemRowCount":"5","--galleryItemMargin":"0.5%","--galleryItemRowCountSmall":"6","--galleryItemMarginSmall":"0.3%","--galleryItemBorder":"0px","--galleryItemBorderColor":"#e8e9ed","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--fontWeight1":"300","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--tabGroupBackground":"unset","--settingsBackgroundColor":"rgba(248, 248, 248, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"12px","--settingsScrollerPaddingLeft":"12px","--configuratorActionHeight":"50px","--configuratorActionForthWidth":"calc(100% - 56px)","--configuratorActionBackWidth":"50px","--globalBorderRadius":"3px","--mobile-tabgroup-drawer-border-radius":"12px","--buttons-border-radius":"8px"};const D=(0,M.Pi)((function Standard(n){(0,o.Z)(n);var e=(0,a.NP)(),t=(0,C.useDivaCore)().state.isFullscreenComponent;return(0,d.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(T)}),[]),(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.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:r()(y.xn,e.uiState.configSettingsIsExpanded?y.zh:void 0,e.uiState.isMobileLandscape?y.rK:void 0,e.uiState.isMobilePortrait?y.tW:void 0,e.uiState.isTablet?y.Mq:void 0,e.uiState.configSettingsIsMinExpanded?y.m7:void 0,e.uiState.configSettingsIsMaxExpanded?y.Zk:void 0,t?y.E9:void 0),children:(0,Z.jsxs)("div",{id:"wcConfigurator-wrapper",style:{width:"100%",height:"100%",position:"absolute",bottom:0,left:0},children:[(0,Z.jsx)(j.default,{className:y.kL}),e.uiState.isInMobileView?(0,Z.jsx)(I.default,{tabgroupElement:(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(k.default,{className:y.x6,showCloseButtonInMobile:t?"left":void 0}),(0,Z.jsx)(O.default,{className:y.Bg}),(0,Z.jsx)(B.default,{})]})}):(0,Z.jsxs)("div",{className:y.g6,children:[(0,Z.jsx)(k.default,{className:y.x6}),(0,Z.jsx)(I.default,{className:y.vt}),(0,Z.jsx)(P.default,{className:y.jl,showCheckoutButtons:!0}),(0,Z.jsx)(N.default,{containerClassName:y.tM,showCheckoutButtons:!1})]})]})}),e.settingsState.inputBoxVisible&&(0,Z.jsx)(S.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function Product(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},59343:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var o=t(87363),i=t(92404),r=t(9420),a=t(88130),d=t(93379),l=t.n(d),s=t(7795),u=t.n(s),c=t(90569),x=t.n(c),p=t(3565),g=t.n(p),m=t(19216),b=t.n(m),h=t(44589),f=t.n(h),v=t(41060),y={};y.styleTagTransform=f(),y.setAttributes=g(),y.insert=x().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=b();l()(v.ZP,y);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(82956),S=t(65515),j=t.n(S),I=t(34988),k=t(88683);var P=t(47514);const C=(0,r.Pi)((function SettingsBottomDrawer(n){var e,t=n.draggerElement,r=n.children,d=(0,a.NP)(),l=function useDrawerHook(){var n=(0,o.useState)(0),e=(0,I.Z)(n,2),t=e[0],i=e[1],r=(0,o.useState)(0),d=(0,I.Z)(r,2),l=d[0],s=d[1],u=(0,a.NP)(),c=(0,o.useState)(u.uiState.isMobilePortrait),x=(0,I.Z)(c,2),p=x[0],g=x[1],m=(0,o.useState)(u.uiState.snapPoints),b=(0,I.Z)(m,2),h=b[0],f=b[1],v=(0,k.useDivaCore)().state,y=v.dimensions,w=y.width,S=y.height,j=v.initializing;(0,o.useEffect)((function(){f(u.uiState.snapPoints)}),[w,S,j]),(0,o.useEffect)((function(){g(u.uiState.isMobilePortrait)}),[u.uiState.isInMobileView,u.uiState.isMobileLandscape,u.uiState.isTablet,w,S]);var P=(0,o.useMemo)((function(){return function(n){return n.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(n){i(n.touches[0].clientY),s(n.touches[0].pageX)},handleTouchMove:function handleTouchMove(n){var e=n.touches[0].clientY,o=n.touches[0].pageX,i=Math.abs(e-t),r=Math.abs(o-l);i>=1&&i>2*r&&window.addEventListener("touchmove",P,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",P)},snapPoints:h,open:p}}(),s=l.handleTouchStart,u=l.handleTouchMove,c=l.handleTouchEnd,x=l.open,p=l.snapPoints,g=document.getElementById("wcConfigurator"),m=d.uiState.snapPoints[d.settingsState.activeSnapPointIndex];return e="string"==typeof m?m:"calc("+100*m+"%"+(3==d.settingsState.activeSnapPointIndex?")":" - 36px)"),g&&null!=p&&p.length?(0,P.jsx)(i.dy.Root,{open:x,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:p,container:g,onClose:function onClose(){return d.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==d.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:p[d.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(n){return d.settingsState.setActiveSnapPointIndex(p.indexOf(n))},children:(0,P.jsx)(i.dy.Portal,{children:(0,P.jsxs)(i.dy.Content,{className:v.kh,style:{height:e},children:[(0,P.jsx)(i.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,P.jsxs)(i.dy.Handle,{className:j()(v.aq),onTouchStart:s,onTouchMove:u,onTouchEnd:c,children:[(0,P.jsx)("div",{className:v.Rx,children:(0,P.jsx)("div",{className:v.uQ})}),(0,P.jsx)("div",{className:v.ad,children:t})]}),d.uiState.isInMobileView&&(0,P.jsx)("div",{className:j()(w.Iz,v.J7),children:r})]})})}):(0,P.jsx)(P.Fragment,{})}))},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>s});var o=t(9420),i=(t(87363),t(88130)),r=t(82956),a=t(65515),d=t.n(a),l=t(47514);const s=(0,o.Pi)((function SettingsExpanderButtons(n){var e=(0,i.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:d()(r.AH,t?r.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:d()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>h});var o=t(80248),i=t(72874),r=(t(87363),t(88130)),a=t(80509),d=t(90395),l=t(9420),s=t(82956),u=t(65515),c=t.n(u),x=t(99676),p=t(51451),g=t(59343),m=t(47514),b=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const h=(0,l.Pi)((function Settings(n){var e,t,o=n.className,l=n.tabgroupElement,u=(0,i.Z)(n,b),h=(0,r.NP)(),f=h.getIsInMobileView()&&h.getViewConfig().navigateMobileSwiper,v=(0,m.jsx)(m.Fragment,{children:f?(0,m.jsx)(x.default,{}):(0,m.jsxs)(m.Fragment,{children:[!h.uiState.isInMobileView&&!h.settingsState.forceSettingsHeaderInScrollContainer&&(0,m.jsx)(a.default,{},null!==(e=null===(t=h.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,m.jsx)(d.default,{}),(0,m.jsx)(p.default,{})]})});return(0,m.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,s.vt,"horizontal"==h.tabGroupState.curTabGroupType?s.s1:void 0,h.uiState.configSettingsIsExpanded?s.zh:void 0),children:[(0,m.jsx)(g.default,{draggerElement:l,children:v}),!h.uiState.isInMobileView&&v]}))}))},25322:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var o=t(88291),i=t(88130),r=(t(87363),t(9420)),a=t(93379),d=t.n(a),l=t(7795),s=t.n(l),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),g=t(19216),m=t.n(g),b=t(44589),h=t.n(b),f=t(29390),v={};v.styleTagTransform=h(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();d()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var y=t(47514);const w=(0,r.Pi)((function ProgressBar(n){(0,o.Z)(n);var e=(0,i.NP)(),t=e.configuratorStructureHandler.lastConfigStep,r=e.tabGroupState.curConfigStep;if(!t||!r)return(0,y.jsx)(y.Fragment,{});var a=r.posNr,d=t.posNr,l=1==d?0:Math.round(a/d*100),s=100-l;return(0,y.jsxs)("div",{className:f.YS,children:[(0,y.jsx)("div",{className:f.L3,style:{width:l+"%"}}),(0,y.jsx)("div",{className:f.LM,style:{width:s+"%"}})]})}))},38921:(n,e,t)=>{t.d(e,{DC:()=>b,F0:()=>h,QD:()=>g,UU:()=>m,ZP:()=>v,al:()=>f,m2:()=>p,tM:()=>x});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(2431),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--NTXww {\n background: rgba(242.2, 242.2, 242.2, 0.9);\n transition: width 0.2s ease-in-out;\n display: flex;\n}\n\n.index-module--g_4ro {\n background-color: var(--primaryColor);\n background-color: var(--saveButton, var(--primaryColor));\n border: 1px var(--primaryColor) solid;\n border: 1px var(--saveButton, var(--primaryColor)) solid;\n border-radius: var(--globalBorderRadius);\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n line-height: 20.8px;\n font-weight: var(--fontWeight1);\n height: calc(100% - 2px);\n font-size: 14px;\n color: white;\n flex-grow: 1;\n -webkit-text-stroke: 0px;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n pointer-events: none;\n background-color: #c25353;\n border-color: #c25353;\n}\n\n.index-module--g_4ro:hover {\n background-color: var(--diva-theme-palette-primary-dark);\n border-color: var(--diva-theme-palette-primary-dark);\n cursor: pointer;\n transition:\n box-shadow 0.3s ease,\n background-color 0.3s ease,\n border-color 0.3s ease;\n\n box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--gle4T {\n float: right;\n margin-right: 10%;\n}\n.index-module--li8pV {\n background-image: url("+c+");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: contain;\n width: 50%;\n height: 50%;\n transform: translate(-50%, -50%);\n left: 50%;\n top: 50%;\n position: absolute;\n}\n\n.index-module--gDeD1 .index-module--NTXww {\n /*auser In die Zusammenfassung wird ausgeblendet*/\n display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n margin-top: 0px;\n}\n\n.index-module--CSmEc {\n float: left;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n}\n\n.index-module--Odv_c {\n float: right;\n position: relative;\n margin-right: 20px;\n font-size: 14px;\n -webkit-font-smoothing: antialiased;\n -webkit-text-stroke: 0px;\n line-height: 36.8px;\n min-width: 64px;\n text-align: right;\n font-weight: 300;\n}\n\n.index-module--Odv_c.index-module--mG83s {\n color: #eee;\n opacity: 1;\n transition:\n opacity 0.3s ease-in-out,\n max-width 0.3s ease-in-out;\n max-width: 110px;\n}\n.index-module--Odv_c.index-module--mG83s.index-module--H3WLd {\n opacity: 0;\n max-width: 0px;\n}\n\n.index-module--Odv_c.index-module--mG83s:before {\n position: absolute;\n content: '';\n left: -6px;\n top: 44%;\n right: 0;\n border-top: 2px solid;\n border-color: grey;\n transform: rotate(-7deg);\n}\n\n.index-module--zifQl .index-module--Odv_c.index-module--mG83s:before {\n top: 45%;\n}\n",""]);var x="index-module--NTXww",p="index-module--g_4ro",g="index-module--gle4T",m="index-module--CSmEc",b="index-module--Odv_c",h="index-module--mG83s",f="index-module--H3WLd";const v=u},28717:(n,e,t)=>{t.d(e,{$t:()=>g,FN:()=>b,Is:()=>m,KR:()=>s,LI:()=>u,Qv:()=>h,ZP:()=>v,jl:()=>d,nC:()=>l,op:()=>x,ox:()=>p,rK:()=>c,tW:()=>f});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n height: 100%;\n font-weight: 300;\n font-size: 14px;\n -webkit-text-stroke: 0px;\n line-height: 36.8px;\n width: 100%;\n display: flex;\n gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n border-radius: var(--globalBorderRadius);\n height: 100%;\n text-align: center;\n}\n\n.index-module--mfwxp {\n color: var(--secondaryColor);\n color: var(--navigateBack, var(--secondaryColor));\n float: left;\n width: calc(var(--configuratorActionBackWidth));\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.index-module--vWg5_ {\n border: 1px var(--secondaryColor) solid;\n border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n background-color: white;\n color: var(--secondaryColor);\n color: var(--navigateBack, var(--secondaryColor));\n float: left;\n width: calc(var(--configuratorActionBackWidth));\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.index-module--IneQR {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n background-color: var(--navigateForth, var(--secondaryColor));\n color: #ffffff;\n color: var(--navigateForthFontColor, #ffffff);\n float: right;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n cursor: pointer;\n box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n transform: rotate(180deg);\n position: absolute;\n right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n pointer-events: none;\n background-color: #707070;\n background-color: var(--navigateForth, #707070);\n border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n line-height: calc(var(--configuratorActionHeight) - 5px);\n border-radius: var(--globalBorderRadius);\n}\n",""]);var d="index-module--Ug06K",l="index-module--uMdxf",s="index-module--j2X1m",u="index-module--NUblS",c="index-module--mfwxp",x="index-module--vWg5_",p="index-module--IneQR",g="index-module--n4fFc",m="index-module--YJM3e",b="index-module--X2uG9",h="index-module--CVPGS",f="index-module--KE5Qn";const v=a},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>g,Q_:()=>p,ZP:()=>b,vX:()=>m});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(38403),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--nrbS_ {\n width: 90%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n float: left;\n}\n\n.index-module--lGJqa {\n letter-spacing: 0.5px;\n -webkit-text-stroke: 0.1px;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n z-index: 999;\n width: 40em;\n max-width: 70%;\n max-height: 90%;\n background-color: white;\n padding: 1em 2em 0.5em 2em;\n border-radius: 15px;\n border: 1px solid #cbcbcb;\n font-size: 14.4px;\n color: #363636;\n display: flex;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n font-size: 16px;\n -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n padding: 0;\n margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n width: calc(100% - 65px);\n float: left;\n padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n height: 40px;\n width: 55px;\n display: block;\n background-repeat: no-repeat;\n background-position: center;\n float: left;\n clear: both;\n margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n border-radius: 20px;\n position: absolute;\n font-size: 22pt;\n font-family: sans-serif;\n font-weight: 50;\n top: -20px;\n right: -20px;\n width: 40px;\n height: 40px;\n background-color: #fff;\n color: #666;\n border: 2px solid #666;\n text-align: center;\n padding-top: 0px;\n content: 'X';\n}\n\n.index-module--OZydS:hover {\n background-color: #aaa;\n color: #000;\n border: 2px solid #000;\n}\n.index-module--FQDBA {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n color: #ffffff;\n height: 41px;\n width: 8%;\n margin: 8px 0 7px;\n float: right;\n border-radius: var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+c+");\n background-size: 16px;\n transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",g="index-module--OZydS",m="index-module--FQDBA";const b=u},52284:(n,e,t)=>{t.d(e,{Bg:()=>k,E9:()=>S,Mq:()=>P,ZP:()=>C,Zk:()=>v,g6:()=>h,jl:()=>j,kL:()=>m,m7:()=>b,rK:()=>p,tM:()=>I,tW:()=>g,vt:()=>y,x6:()=>w,xn:()=>x,zh:()=>f});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(2431),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--IFlVF {\n position: relative;\n\n height: 100%;\n width: 100%;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n overscroll-behavior-y: contain;\n}\n\n.index-module--IFlVF *,\n.index-module--IFlVF *::before,\n.index-module--IFlVF *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--IFlVF.index-module--y76la {\n height: 100%;\n width: 100%;\n}\n\n.index-module--IFlVF.index-module--IKL3M {\n height: 100%;\n width: 100%;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--bAkHK {\n position: absolute;\n width: 63%;\n max-width: calc(100% - 564px);\n left: 0px;\n top: 0;\n height: 100%;\n}\n.index-module--_dUy6 .index-module--bAkHK {\n width: calc(100% - 128px - 16px);\n max-width: none;\n max-width: initial;\n}\n\n.index-module--MbykI {\n position: absolute;\n z-index: 600;\n height: calc(100% - 32px);\n width: calc(37% - 16px);\n min-width: 550px;\n right: 0;\n padding: 16px 16px 16px 0;\n background-color: var(--settingsBackgroundColor);\n transition: width 0.45s;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--xeINC .index-module--MbykI {\n width: 70%;\n}\n\n.index-module--_dUy6 .index-module--MbykI {\n width: calc(128px);\n min-width: 0;\n min-width: initial;\n}\n.index-module--v90g0 .index-module--MbykI {\n width: calc(100% - 16px);\n z-index: 801;\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--rbJ1a {\n position: absolute;\n width: calc(100% - 128px - 4px - 16px);\n\n overflow-y: hidden;\n overflow-x: hidden;\n overflow: visible;\n z-index: 100;\n right: calc(128px + 4px + 16px);\n top: 16px;\n height: calc(100% - 32px - 4px - 50px);\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--NOlUe {\n position: absolute;\n z-index: 300;\n right: 16px;\n top: 16px;\n height: calc(100% - 32px - 4px - 50px);\n width: 128px;\n}\n.index-module--OJH2L .index-module--NOlUe {\n top: 80px;\n height: calc(100% - 32px - 4px - 50px - 64px);\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--ORcZQ {\n position: absolute;\n width: calc(100% - 128px - 4px - 16px);\n height: 50px;\n right: calc(128px + 4px + 16px);\n bottom: 16px;\n z-index: 200;\n}\n\n.index-module--_dUy6 .index-module--ORcZQ {\n overflow: hidden;\n}\n\n/*************************************Basket Button****************************************/\n.index-module--NnWir {\n position: absolute;\n width: 128px;\n height: 50px;\n right: 16px;\n bottom: 16px;\n z-index: 200;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xeINC .index-module--rbJ1a,\n.index-module--v90g0 .index-module--rbJ1a,\n.index-module--xeINC .index-module--ORcZQ,\n.index-module--v90g0 .index-module--ORcZQ {\n width: calc(100% - 128px - 16px - 4px);\n}\n\n.index-module--IFlVF.index-module--IKL3M,\n.index-module--y76la.index-module--IFlVF {\n padding: 0;\n padding: initial;\n overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--y76la .index-module--bAkHK {\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n max-width: none;\n max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--y76la .index-module--rbJ1a {\n display: none;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n top: 100%;\n} */\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--y76la .index-module--NOlUe {\n display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--y76la .index-module--ORcZQ {\n display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--y76la .index-module--NnWir {\n display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--IKL3M .index-module--bAkHK {\n top: 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--IKL3M .index-module--rbJ1a {\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--IKL3M .index-module--NOlUe {\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--IKL3M .index-module--ORcZQ {\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--IKL3M .index-module--NnWir,\n.index-module--IKL3M.index-module--EMso2 .index-module--NnWir {\n display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--OfS8A {\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: 600;\n}\n\n.index-module--y76la,\n.index-module--IKL3M {\n --configuratorActionHeight: 50px;\n --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--u9qmL {\n --configuratorTabGroupHeight: 50px;\n --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n.index-module--FWJW2 {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.index-module--IFlVF ::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n",""]);var x="index-module--IFlVF",p="index-module--y76la",g="index-module--IKL3M",m="index-module--bAkHK",b="index-module--_dUy6",h="index-module--MbykI",f="index-module--xeINC",v="index-module--v90g0",y="index-module--rbJ1a",w="index-module--NOlUe",S="index-module--OJH2L",j="index-module--ORcZQ",I="index-module--NnWir",k="index-module--OfS8A",P="index-module--u9qmL";const C=u},41060:(n,e,t)=>{t.d(e,{J7:()=>s,Rx:()=>u,ZP:()=>p,ad:()=>x,aq:()=>l,kh:()=>d,uQ:()=>c});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,".index-module--qmbFa {\n transition:\n opacity 0.3s ease,\n transform 0.5s cubic-bezier(0.32, 0.72, 0, 1) !important;\n}\n\n.index-module--qmbFa {\n outline: medium none invert;\n outline: initial;\n position: absolute;\n z-index: 1000;\n width: 100%;\n left: 0;\n right: 0;\n opacity: 1;\n}\n\n.diva-fullscreen .index-module--qmbFa {\n position: fixed;\n}\n\n.index-module--qmbFa.vaul-dragging {\n transition: opacity 0.3s ease !important;\n height: calc(100% - 36px) !important;\n}\n\ndiv.index-module--Lklbq {\n width: 100%;\n opacity: 1;\n height: var(--configuratorTabGroupHeight);\n background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n background: initial;\n border-radius: 0px;\n box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--A4coW {\n display: flex;\n flex-direction: column;\n height: calc(100% - 38px);\n overflow: hidden;\n background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n transform: none;\n transform: initial;\n left: auto;\n left: initial;\n top: auto;\n top: initial;\n}\n\n.index-module--WO2oD {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -32px);\n width: 40px;\n height: 40px;\n touch-action: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n width: var(--configuratorTabGroupHeight);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--yfZrB {\n position: relative;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n display: flex;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n pointer-events: all !important;\n}\n",""]);var d="index-module--qmbFa",l="index-module--Lklbq",s="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",x="index-module--yfZrB";const p=a},29390:(n,e,t)=>{t.d(e,{L3:()=>l,LM:()=>s,YS:()=>d,ZP:()=>u});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,".index-module--rHd3V {\n position: absolute;\n width: 100%;\n height: 3px;\n bottom: 0;\n left: 0;\n z-index: 2000;\n}\n\n.index-module--_zSo1 {\n background: #ccc;\n border-radius: 0 1px 1px 0;\n transition: width 0.35s ease-in-out;\n height: 100%;\n}\n\n.index-module--tkNQ6 {\n background: #eee;\n transition: width 0.35s ease-in-out;\n height: 100%;\n}\n",""]);var d="index-module--rHd3V",l="index-module--_zSo1",s="index-module--tkNQ6";const u=a},40976:(n,e,t)=>{t.d(e,{$t:()=>m.$t,FN:()=>m.FN,Is:()=>m.Is,KR:()=>m.KR,LI:()=>m.LI,Qv:()=>m.Qv,jl:()=>m.jl,nC:()=>m.nC,op:()=>m.op,ox:()=>m.ox,rK:()=>m.rK,tW:()=>m.tW});var o=t(93379),i=t.n(o),r=t(7795),a=t.n(r),d=t(90569),l=t.n(d),s=t(3565),u=t.n(s),c=t(19216),x=t.n(c),p=t(44589),g=t.n(p),m=t(28717),b={};b.styleTagTransform=g(),b.setAttributes=u(),b.insert=l().bind(null,"head"),b.domAPI=a(),b.insertStyleElement=x();i()(m.ZP,b),m.ZP&&m.ZP.locals&&m.ZP.locals},2431:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3977,9001,4190,7853],{11784:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var o=t(88130),i=t(9420),r=(t(87363),t(93379)),a=t.n(r),d=t(7795),l=t.n(d),s=t(90569),u=t.n(s),c=t(3565),x=t.n(c),p=t(19216),g=t.n(p),m=t(44589),b=t.n(m),h=t(38921),f={};f.styleTagTransform=b(),f.setAttributes=x(),f.insert=u().bind(null,"head"),f.domAPI=l(),f.insertStyleElement=g();a()(h.ZP,f);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(65515),y=t.n(v),w=t(88683),S=t(19047),j=t(39667),I=t(40976),k=t(56340),P=t(47514);const C=(0,i.Pi)((function BasketActionStandard(n){var e,t,i,r=n.buttonTextClassName,a=void 0===r?h.UU:r,d=n.buttonPriceClassName,l=void 0===d?h.QD:d,s=n.containerClassName,u=n.price,c=n.showCheckoutButtons,x=(0,o.NP)(),p=(0,w.useDivaCore)().state.hidePrices,g=(0,w.useTranslation)().t;return(0,P.jsxs)("div",{className:y()(h.tM,s),children:[c&&(null===(e=x.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,S.evalVisible)(n,x,"navigator")})).map((function(n){return(0,P.jsx)("div",{className:I.rK,onClick:function onClick(){return(0,S.onClickCheckout)(n,x,n.index,g)},children:(0,P.jsx)(j.default,{checkoutButton:n,size:32})},n.index)}))),(0,P.jsxs)("div",{className:h.m2,onClick:function onClick(){return x.actionButtonState.onClickAddToBasket(x)},id:"wcConfigurator-action-tobasket",children:[(0,P.jsx)("div",{className:a,children:g("configurator.ADD_TO_BASKET")}),!p&&void 0!==u&&"horizontal"==x.tabGroupState.curTabGroupType&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:y()(h.DC,h.F0,x.productState.formatedBruttoPrice?void 0:h.al),children:(0,P.jsx)(k.default,{price:null!==(t=x.productState.formatedBruttoPrice)&&void 0!==t?t:0})}),(0,P.jsx)("div",{className:l,children:(0,P.jsx)(k.default,{price:null!==(i=x.productState.formatedCurSetPrice)&&void 0!==i?i:0})})]})]})]})}))},68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=t(88291),r=(t(87363),t(88130)),a=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function BasketMobile(n){var e=Object.assign({},((0,i.Z)(n),n)),t=(0,r.NP)();return(0,a.jsx)("div",_objectSpread(_objectSpread({},e),{},{onClick:function onClick(){return t.actionButtonState.onClickAddToBasket(t)}}))}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function NavigationButtons(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},39141:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),d=t(88130),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),g=t(90569),m=t.n(g),b=t(3565),h=t.n(b),f=t(19216),v=t.n(f),y=t(44589),w=t.n(y),S=t(39545),j={};j.styleTagTransform=w(),j.setAttributes=h(),j.insert=m().bind(null,"head"),j.domAPI=p(),j.insertStyleElement=v();c()(S.ZP,j);S.ZP&&S.ZP.locals&&S.ZP.locals;var I=t(47514);const k=(0,s.Pi)((function Inputbox(n){(0,i.Z)(n);var e=(0,d.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,o,i;e.settingsState.setInputBoxValue(null!==(n=null===(o=e.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==n?n:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,o.Z)(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,I.jsx)("div",{children:(0,I.jsxs)("div",{className:S.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:S.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,I.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:S.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:S.vX,onClick:s})]})]})})}))},53977:(n,e,t)=>{t.r(e),t.d(e,{default:()=>D});var o=t(88291),i=t(65515),r=t.n(i),a=t(88130),d=t(87363),l=t(93379),s=t.n(l),u=t(7795),c=t.n(u),x=t(90569),p=t.n(x),g=t(3565),m=t.n(g),b=t(19216),h=t.n(b),f=t(44589),v=t.n(f),y=t(52284),w={};w.styleTagTransform=v(),w.setAttributes=m(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=h();s()(y.ZP,w);y.ZP&&y.ZP.locals&&y.ZP.locals;var S=t(39141),j=t(34190),I=t(97853),k=t(7474),P=t(69001),C=t(88683),N=t(11784),M=t(9420),O=t(68063),B=t(25322),Z=t(47514),T={"--primaryColor":"#d60084","--secondaryColor":"#4b4b4b","--thirdColor":"#e5e5e5e5","--articlePosNrRadius":"50%","--articlePosNrSize":"1.5rem","--galleryItemRadius":"50%","--galleryItemRowCount":"5","--galleryItemMargin":"0.5%","--galleryItemRowCountSmall":"6","--galleryItemMarginSmall":"0.3%","--galleryItemBorder":"0px","--galleryItemBorderColor":"#e8e9ed","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--fontWeight1":"300","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--tabGroupBackground":"unset","--settingsBackgroundColor":"rgba(248, 248, 248, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"12px","--settingsScrollerPaddingLeft":"12px","--configuratorActionHeight":"50px","--configuratorActionForthWidth":"calc(100% - 56px)","--configuratorActionBackWidth":"50px","--globalBorderRadius":"3px","--mobile-tabgroup-drawer-border-radius":"12px","--buttons-border-radius":"8px"};const D=(0,M.Pi)((function Standard(n){(0,o.Z)(n);var e=(0,a.NP)(),t=(0,C.useDivaCore)().state.isFullscreenComponent;return(0,d.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(T)}),[]),(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.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:r()(y.xn,e.uiState.configSettingsIsExpanded?y.zh:void 0,e.uiState.isMobileLandscape?y.rK:void 0,e.uiState.isMobilePortrait?y.tW:void 0,e.uiState.isTablet?y.Mq:void 0,e.uiState.configSettingsIsMinExpanded?y.m7:void 0,e.uiState.configSettingsIsMaxExpanded?y.Zk:void 0,t?y.E9:void 0),children:(0,Z.jsxs)("div",{id:"wcConfigurator-wrapper",style:{width:"100%",height:"100%",position:"absolute",bottom:0,left:0},children:[(0,Z.jsx)(j.default,{className:y.kL}),e.uiState.isInMobileView?(0,Z.jsx)(I.default,{tabgroupElement:(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(k.default,{className:y.x6,showCloseButtonInMobile:t?"left":void 0}),(0,Z.jsx)(O.default,{className:y.Bg}),(0,Z.jsx)(B.default,{})]})}):(0,Z.jsxs)("div",{className:y.g6,children:[(0,Z.jsx)(k.default,{className:y.x6}),(0,Z.jsx)(I.default,{className:y.vt}),(0,Z.jsx)(P.default,{className:y.jl,showCheckoutButtons:!0}),(0,Z.jsx)(N.default,{containerClassName:y.tM,showCheckoutButtons:!1})]})]})}),e.settingsState.inputBoxVisible&&(0,Z.jsx)(S.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function Product(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},59343:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var o=t(87363),i=t(92404),r=t(9420),a=t(88130),d=t(93379),l=t.n(d),s=t(7795),u=t.n(s),c=t(90569),x=t.n(c),p=t(3565),g=t.n(p),m=t(19216),b=t.n(m),h=t(44589),f=t.n(h),v=t(41060),y={};y.styleTagTransform=f(),y.setAttributes=g(),y.insert=x().bind(null,"head"),y.domAPI=u(),y.insertStyleElement=b();l()(v.ZP,y);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(82956),S=t(65515),j=t.n(S),I=t(34988),k=t(88683);var P=t(47514);const C=(0,r.Pi)((function SettingsBottomDrawer(n){var e,t=n.draggerElement,r=n.children,d=(0,a.NP)(),l=function useDrawerHook(){var n=(0,o.useState)(0),e=(0,I.Z)(n,2),t=e[0],i=e[1],r=(0,o.useState)(0),d=(0,I.Z)(r,2),l=d[0],s=d[1],u=(0,a.NP)(),c=(0,o.useState)(u.uiState.isMobilePortrait),x=(0,I.Z)(c,2),p=x[0],g=x[1],m=(0,o.useState)(u.uiState.snapPoints),b=(0,I.Z)(m,2),h=b[0],f=b[1],v=(0,o.useState)(null),y=(0,I.Z)(v,2),w=y[0],S=y[1],j=(0,k.useDivaCore)().state,P=j.dimensions,C=P.width,N=P.height,M=j.initializing;(0,o.useEffect)((function(){O()}),[C,N,M]);var O=function trySetSnapPoints(){var n=u.uiState.snapPoints;w&&clearTimeout(w),null!=n&&n.length?f(n):S(setTimeout((function(){return O()}),100))};(0,o.useEffect)((function(){g(u.uiState.isMobilePortrait)}),[u.uiState.isInMobileView,u.uiState.isMobileLandscape,u.uiState.isTablet,C,N]);var B=(0,o.useMemo)((function(){return function(n){return n.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(n){i(n.touches[0].clientY),s(n.touches[0].pageX)},handleTouchMove:function handleTouchMove(n){var e=n.touches[0].clientY,o=n.touches[0].pageX,i=Math.abs(e-t),r=Math.abs(o-l);i>=1&&i>2*r&&window.addEventListener("touchmove",B,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",B)},snapPoints:h,open:p}}(),s=l.handleTouchStart,u=l.handleTouchMove,c=l.handleTouchEnd,x=l.open,p=l.snapPoints,g=document.getElementById("wcConfigurator");if(!g)return(0,P.jsx)(P.Fragment,{});if(null==p||!p.length)return(0,P.jsx)(P.Fragment,{});var m=d.uiState.snapPoints[d.settingsState.activeSnapPointIndex];return e="string"==typeof m?m:"calc("+100*m+"%"+(3==d.settingsState.activeSnapPointIndex?")":" - 36px)"),(0,P.jsx)(i.dy.Root,{open:x,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:p,container:g,onClose:function onClose(){return d.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==d.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:p[d.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(n){return d.settingsState.setActiveSnapPointIndex(p.indexOf(n))},children:(0,P.jsx)(i.dy.Portal,{children:(0,P.jsxs)(i.dy.Content,{className:v.kh,style:{height:e},children:[(0,P.jsx)(i.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,P.jsxs)(i.dy.Handle,{className:j()(v.aq),onTouchStart:s,onTouchMove:u,onTouchEnd:c,children:[(0,P.jsx)("div",{className:v.Rx,children:(0,P.jsx)("div",{className:v.uQ})}),(0,P.jsx)("div",{className:v.ad,children:t})]}),d.uiState.isInMobileView&&(0,P.jsx)("div",{className:j()(w.Iz,v.J7),children:r})]})})})}))},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>s});var o=t(9420),i=(t(87363),t(88130)),r=t(82956),a=t(65515),d=t.n(a),l=t(47514);const s=(0,o.Pi)((function SettingsExpanderButtons(n){var e=(0,i.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:d()(r.AH,t?r.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:d()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>h});var o=t(80248),i=t(72874),r=(t(87363),t(88130)),a=t(80509),d=t(90395),l=t(9420),s=t(82956),u=t(65515),c=t.n(u),x=t(99676),p=t(51451),g=t(59343),m=t(47514),b=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const h=(0,l.Pi)((function Settings(n){var e,t,o=n.className,l=n.tabgroupElement,u=(0,i.Z)(n,b),h=(0,r.NP)(),f=h.getIsInMobileView()&&h.getViewConfig().navigateMobileSwiper,v=(0,m.jsx)(m.Fragment,{children:f?(0,m.jsx)(x.default,{}):(0,m.jsxs)(m.Fragment,{children:[!h.uiState.isInMobileView&&!h.settingsState.forceSettingsHeaderInScrollContainer&&(0,m.jsx)(a.default,{},null!==(e=null===(t=h.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,m.jsx)(d.default,{}),(0,m.jsx)(p.default,{})]})});return(0,m.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,s.vt,"horizontal"==h.tabGroupState.curTabGroupType?s.s1:void 0,h.uiState.configSettingsIsExpanded?s.zh:void 0),children:[(0,m.jsx)(g.default,{draggerElement:l,children:v}),!h.uiState.isInMobileView&&v]}))}))},25322:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var o=t(88291),i=t(88130),r=(t(87363),t(9420)),a=t(93379),d=t.n(a),l=t(7795),s=t.n(l),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),g=t(19216),m=t.n(g),b=t(44589),h=t.n(b),f=t(29390),v={};v.styleTagTransform=h(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();d()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var y=t(47514);const w=(0,r.Pi)((function ProgressBar(n){(0,o.Z)(n);var e=(0,i.NP)(),t=e.configuratorStructureHandler.lastConfigStep,r=e.tabGroupState.curConfigStep;if(!t||!r)return(0,y.jsx)(y.Fragment,{});var a=r.posNr,d=t.posNr,l=1==d?0:Math.round(a/d*100),s=100-l;return(0,y.jsxs)("div",{className:f.YS,children:[(0,y.jsx)("div",{className:f.L3,style:{width:l+"%"}}),(0,y.jsx)("div",{className:f.LM,style:{width:s+"%"}})]})}))},38921:(n,e,t)=>{t.d(e,{DC:()=>b,F0:()=>h,QD:()=>g,UU:()=>m,ZP:()=>v,al:()=>f,m2:()=>p,tM:()=>x});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(2431),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--NTXww {\n background: rgba(242.2, 242.2, 242.2, 0.9);\n transition: width 0.2s ease-in-out;\n display: flex;\n}\n\n.index-module--g_4ro {\n background-color: var(--primaryColor);\n background-color: var(--saveButton, var(--primaryColor));\n border: 1px var(--primaryColor) solid;\n border: 1px var(--saveButton, var(--primaryColor)) solid;\n border-radius: var(--globalBorderRadius);\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n line-height: 20.8px;\n font-weight: var(--fontWeight1);\n height: calc(100% - 2px);\n font-size: 14px;\n color: white;\n flex-grow: 1;\n -webkit-text-stroke: 0px;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n pointer-events: none;\n background-color: #c25353;\n border-color: #c25353;\n}\n\n.index-module--g_4ro:hover {\n background-color: var(--diva-theme-palette-primary-dark);\n border-color: var(--diva-theme-palette-primary-dark);\n cursor: pointer;\n transition:\n box-shadow 0.3s ease,\n background-color 0.3s ease,\n border-color 0.3s ease;\n\n box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--gle4T {\n float: right;\n margin-right: 10%;\n}\n.index-module--li8pV {\n background-image: url("+c+");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: contain;\n width: 50%;\n height: 50%;\n transform: translate(-50%, -50%);\n left: 50%;\n top: 50%;\n position: absolute;\n}\n\n.index-module--gDeD1 .index-module--NTXww {\n /*auser In die Zusammenfassung wird ausgeblendet*/\n display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n margin-top: 0px;\n}\n\n.index-module--CSmEc {\n float: left;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n}\n\n.index-module--Odv_c {\n float: right;\n position: relative;\n margin-right: 20px;\n font-size: 14px;\n -webkit-font-smoothing: antialiased;\n -webkit-text-stroke: 0px;\n line-height: 36.8px;\n min-width: 64px;\n text-align: right;\n font-weight: 300;\n}\n\n.index-module--Odv_c.index-module--mG83s {\n color: #eee;\n opacity: 1;\n transition:\n opacity 0.3s ease-in-out,\n max-width 0.3s ease-in-out;\n max-width: 110px;\n}\n.index-module--Odv_c.index-module--mG83s.index-module--H3WLd {\n opacity: 0;\n max-width: 0px;\n}\n\n.index-module--Odv_c.index-module--mG83s:before {\n position: absolute;\n content: '';\n left: -6px;\n top: 44%;\n right: 0;\n border-top: 2px solid;\n border-color: grey;\n transform: rotate(-7deg);\n}\n\n.index-module--zifQl .index-module--Odv_c.index-module--mG83s:before {\n top: 45%;\n}\n",""]);var x="index-module--NTXww",p="index-module--g_4ro",g="index-module--gle4T",m="index-module--CSmEc",b="index-module--Odv_c",h="index-module--mG83s",f="index-module--H3WLd";const v=u},28717:(n,e,t)=>{t.d(e,{$t:()=>g,FN:()=>b,Is:()=>m,KR:()=>s,LI:()=>u,Qv:()=>h,ZP:()=>v,jl:()=>d,nC:()=>l,op:()=>x,ox:()=>p,rK:()=>c,tW:()=>f});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n height: 100%;\n font-weight: 300;\n font-size: 14px;\n -webkit-text-stroke: 0px;\n line-height: 36.8px;\n width: 100%;\n display: flex;\n gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n border-radius: var(--globalBorderRadius);\n height: 100%;\n text-align: center;\n}\n\n.index-module--mfwxp {\n color: var(--secondaryColor);\n color: var(--navigateBack, var(--secondaryColor));\n float: left;\n width: calc(var(--configuratorActionBackWidth));\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.index-module--vWg5_ {\n border: 1px var(--secondaryColor) solid;\n border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n background-color: white;\n color: var(--secondaryColor);\n color: var(--navigateBack, var(--secondaryColor));\n float: left;\n width: calc(var(--configuratorActionBackWidth));\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.index-module--IneQR {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n background-color: var(--navigateForth, var(--secondaryColor));\n color: #ffffff;\n color: var(--navigateForthFontColor, #ffffff);\n float: right;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n cursor: pointer;\n box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n transform: rotate(180deg);\n position: absolute;\n right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n pointer-events: none;\n background-color: #707070;\n background-color: var(--navigateForth, #707070);\n border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n line-height: calc(var(--configuratorActionHeight) - 5px);\n border-radius: var(--globalBorderRadius);\n}\n",""]);var d="index-module--Ug06K",l="index-module--uMdxf",s="index-module--j2X1m",u="index-module--NUblS",c="index-module--mfwxp",x="index-module--vWg5_",p="index-module--IneQR",g="index-module--n4fFc",m="index-module--YJM3e",b="index-module--X2uG9",h="index-module--CVPGS",f="index-module--KE5Qn";const v=a},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>g,Q_:()=>p,ZP:()=>b,vX:()=>m});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(38403),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--nrbS_ {\n width: 90%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n float: left;\n}\n\n.index-module--lGJqa {\n letter-spacing: 0.5px;\n -webkit-text-stroke: 0.1px;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n z-index: 999;\n width: 40em;\n max-width: 70%;\n max-height: 90%;\n background-color: white;\n padding: 1em 2em 0.5em 2em;\n border-radius: 15px;\n border: 1px solid #cbcbcb;\n font-size: 14.4px;\n color: #363636;\n display: flex;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n font-size: 16px;\n -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n padding: 0;\n margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n width: calc(100% - 65px);\n float: left;\n padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n height: 40px;\n width: 55px;\n display: block;\n background-repeat: no-repeat;\n background-position: center;\n float: left;\n clear: both;\n margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n border-radius: 20px;\n position: absolute;\n font-size: 22pt;\n font-family: sans-serif;\n font-weight: 50;\n top: -20px;\n right: -20px;\n width: 40px;\n height: 40px;\n background-color: #fff;\n color: #666;\n border: 2px solid #666;\n text-align: center;\n padding-top: 0px;\n content: 'X';\n}\n\n.index-module--OZydS:hover {\n background-color: #aaa;\n color: #000;\n border: 2px solid #000;\n}\n.index-module--FQDBA {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n color: #ffffff;\n height: 41px;\n width: 8%;\n margin: 8px 0 7px;\n float: right;\n border-radius: var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+c+");\n background-size: 16px;\n transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",g="index-module--OZydS",m="index-module--FQDBA";const b=u},52284:(n,e,t)=>{t.d(e,{Bg:()=>k,E9:()=>S,Mq:()=>P,ZP:()=>C,Zk:()=>v,g6:()=>h,jl:()=>j,kL:()=>m,m7:()=>b,rK:()=>p,tM:()=>I,tW:()=>g,vt:()=>y,x6:()=>w,xn:()=>x,zh:()=>f});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(2431),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--IFlVF {\n position: relative;\n\n height: 100%;\n width: 100%;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n overscroll-behavior-y: contain;\n}\n\n.index-module--IFlVF *,\n.index-module--IFlVF *::before,\n.index-module--IFlVF *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--IFlVF.index-module--y76la {\n height: 100%;\n width: 100%;\n}\n\n.index-module--IFlVF.index-module--IKL3M {\n height: 100%;\n width: 100%;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--bAkHK {\n position: absolute;\n width: 63%;\n max-width: calc(100% - 564px);\n left: 0px;\n top: 0;\n height: 100%;\n}\n.index-module--_dUy6 .index-module--bAkHK {\n width: calc(100% - 128px - 16px);\n max-width: none;\n max-width: initial;\n}\n\n.index-module--MbykI {\n position: absolute;\n z-index: 600;\n height: calc(100% - 32px);\n width: calc(37% - 16px);\n min-width: 550px;\n right: 0;\n padding: 16px 16px 16px 0;\n background-color: var(--settingsBackgroundColor);\n transition: width 0.45s;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--xeINC .index-module--MbykI {\n width: 70%;\n}\n\n.index-module--_dUy6 .index-module--MbykI {\n width: calc(128px);\n min-width: 0;\n min-width: initial;\n}\n.index-module--v90g0 .index-module--MbykI {\n width: calc(100% - 16px);\n z-index: 801;\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--rbJ1a {\n position: absolute;\n width: calc(100% - 128px - 4px - 16px);\n\n overflow-y: hidden;\n overflow-x: hidden;\n overflow: visible;\n z-index: 100;\n right: calc(128px + 4px + 16px);\n top: 16px;\n height: calc(100% - 32px - 4px - 50px);\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--NOlUe {\n position: absolute;\n z-index: 300;\n right: 16px;\n top: 16px;\n height: calc(100% - 32px - 4px - 50px);\n width: 128px;\n}\n.index-module--OJH2L .index-module--NOlUe {\n top: 80px;\n height: calc(100% - 32px - 4px - 50px - 64px);\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--ORcZQ {\n position: absolute;\n width: calc(100% - 128px - 4px - 16px);\n height: 50px;\n right: calc(128px + 4px + 16px);\n bottom: 16px;\n z-index: 200;\n}\n\n.index-module--_dUy6 .index-module--ORcZQ {\n overflow: hidden;\n}\n\n/*************************************Basket Button****************************************/\n.index-module--NnWir {\n position: absolute;\n width: 128px;\n height: 50px;\n right: 16px;\n bottom: 16px;\n z-index: 200;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xeINC .index-module--rbJ1a,\n.index-module--v90g0 .index-module--rbJ1a,\n.index-module--xeINC .index-module--ORcZQ,\n.index-module--v90g0 .index-module--ORcZQ {\n width: calc(100% - 128px - 16px - 4px);\n}\n\n.index-module--IFlVF.index-module--IKL3M,\n.index-module--y76la.index-module--IFlVF {\n padding: 0;\n padding: initial;\n overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--y76la .index-module--bAkHK {\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n max-width: none;\n max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--y76la .index-module--rbJ1a {\n display: none;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n top: 100%;\n} */\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--y76la .index-module--NOlUe {\n display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--y76la .index-module--ORcZQ {\n display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--y76la .index-module--NnWir {\n display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--IKL3M .index-module--bAkHK {\n top: 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--IKL3M .index-module--rbJ1a {\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--IKL3M .index-module--NOlUe {\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--IKL3M .index-module--ORcZQ {\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--IKL3M .index-module--NnWir,\n.index-module--IKL3M.index-module--EMso2 .index-module--NnWir {\n display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--OfS8A {\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: 600;\n}\n\n.index-module--y76la,\n.index-module--IKL3M {\n --configuratorActionHeight: 50px;\n --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--u9qmL {\n --configuratorTabGroupHeight: 50px;\n --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n.index-module--FWJW2 {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.index-module--IFlVF ::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n",""]);var x="index-module--IFlVF",p="index-module--y76la",g="index-module--IKL3M",m="index-module--bAkHK",b="index-module--_dUy6",h="index-module--MbykI",f="index-module--xeINC",v="index-module--v90g0",y="index-module--rbJ1a",w="index-module--NOlUe",S="index-module--OJH2L",j="index-module--ORcZQ",I="index-module--NnWir",k="index-module--OfS8A",P="index-module--u9qmL";const C=u},41060:(n,e,t)=>{t.d(e,{J7:()=>s,Rx:()=>u,ZP:()=>p,ad:()=>x,aq:()=>l,kh:()=>d,uQ:()=>c});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,".index-module--qmbFa {\n transition:\n opacity 0.3s ease,\n transform 0.5s cubic-bezier(0.32, 0.72, 0, 1) !important;\n}\n\n.index-module--qmbFa {\n outline: medium none invert;\n outline: initial;\n position: absolute;\n z-index: 1000;\n width: 100%;\n left: 0;\n right: 0;\n opacity: 1;\n}\n\n.diva-fullscreen .index-module--qmbFa {\n position: fixed;\n}\n\n.index-module--qmbFa.vaul-dragging {\n transition: opacity 0.3s ease !important;\n height: calc(100% - 36px) !important;\n}\n\ndiv.index-module--Lklbq {\n width: 100%;\n opacity: 1;\n height: var(--configuratorTabGroupHeight);\n background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n background: initial;\n border-radius: 0px;\n box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--A4coW {\n display: flex;\n flex-direction: column;\n height: calc(100% - 38px);\n overflow: hidden;\n background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n transform: none;\n transform: initial;\n left: auto;\n left: initial;\n top: auto;\n top: initial;\n}\n\n.index-module--WO2oD {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -32px);\n width: 40px;\n height: 40px;\n touch-action: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n width: var(--configuratorTabGroupHeight);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--yfZrB {\n position: relative;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n display: flex;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n pointer-events: all !important;\n}\n",""]);var d="index-module--qmbFa",l="index-module--Lklbq",s="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",x="index-module--yfZrB";const p=a},29390:(n,e,t)=>{t.d(e,{L3:()=>l,LM:()=>s,YS:()=>d,ZP:()=>u});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,".index-module--rHd3V {\n position: absolute;\n width: 100%;\n height: 3px;\n bottom: 0;\n left: 0;\n z-index: 2000;\n}\n\n.index-module--_zSo1 {\n background: #ccc;\n border-radius: 0 1px 1px 0;\n transition: width 0.35s ease-in-out;\n height: 100%;\n}\n\n.index-module--tkNQ6 {\n background: #eee;\n transition: width 0.35s ease-in-out;\n height: 100%;\n}\n",""]);var d="index-module--rHd3V",l="index-module--_zSo1",s="index-module--tkNQ6";const u=a},40976:(n,e,t)=>{t.d(e,{$t:()=>m.$t,FN:()=>m.FN,Is:()=>m.Is,KR:()=>m.KR,LI:()=>m.LI,Qv:()=>m.Qv,jl:()=>m.jl,nC:()=>m.nC,op:()=>m.op,ox:()=>m.ox,rK:()=>m.rK,tW:()=>m.tW});var o=t(93379),i=t.n(o),r=t(7795),a=t.n(r),d=t(90569),l=t.n(d),s=t(3565),u=t.n(s),c=t(19216),x=t.n(c),p=t(44589),g=t.n(p),m=t(28717),b={};b.styleTagTransform=g(),b.setAttributes=u(),b.insert=l().bind(null,"head"),b.domAPI=a(),b.insertStyleElement=x();i()(m.ZP,b),m.ZP&&m.ZP.locals&&m.ZP.locals},2431:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="}}]);
package/build/umd/5679.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 5679.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5679,7853],{39141:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),s=t(88130),d=t(87363),l=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),b=t(90569),g=t.n(b),f=t(3565),m=t.n(f),h=t(19216),v=t.n(h),S=t(44589),y=t.n(S),w=t(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 P=t(47514);const I=(0,l.Pi)((function Inputbox(e){(0,i.Z)(e);var n=(0,s.NP)(),t=(0,d.useRef)(null);if((0,d.useEffect)((function(){var e,o,i;n.settingsState.setInputBoxValue(null!==(e=null===(o=n.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==e?e:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,d.useEffect)((function(){var e;null!==(e=n.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&n.settingsState.setInputBoxValue(n.settingsState.inputBoxItem.freeText)}),[n.settingsState.inputBoxItem]),!n.settingsState.inputBoxItem)return(0,P.jsx)(P.Fragment,{});var r=n.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=function(){var e=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!n.settingsState.inputBoxItem){e.next=6;break}return n.settingsState.inputBoxItem.freeText=n.settingsState.inputBoxValue,e.next=4,n.paletteViewHandler.clickedOnConfigPalette(n.settingsState.inputBoxItem,"inputbox");case 4:n.settingsState.updateInputBoxValues(!1,void 0),n.uiState.setConfiguratorDisabled(!1);case 6:n.settingsState.inputBoxVisible?n.uiState.setConfiguratorDisabled(!0):n.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!n.settingsState.inputBoxItem.measureUnit;return(0,P.jsx)("div",{children:(0,P.jsxs)("div",{className:w.Q_,children:[(0,P.jsx)("span",{onClick:function onClick(){return n.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,P.jsxs)("div",{style:{width:"100%"},children:[(0,P.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,P.jsx)("input",{ref:t,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){n&&"Enter"===e.key&&(l(),e.stopPropagation())}(e)},className:w.Ci,type:u?"number":"text",onChange:function onChange(e){return n.settingsState.setInputBoxValue(e.target.value)},value:n.settingsState.inputBoxValue}),(0,P.jsx)("button",{className:w.vX,onClick:l})]})]})})}))},85679:(e,n,t)=>{t.r(n),t.d(n,{cssVariables:()=>O,default:()=>C});var o=t(88130),i=t(87363),r=t(39141),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),b=t(19216),g=t.n(b),f=t(44589),m=t.n(f),h=t(61609),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=g();s()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(50638),y=t(97853),w=t(7474),j=t(9420),P=t(65515),I=t.n(P),k=t(47514),O={"--primaryColor":"#df2927","--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 C=(0,j.Pi)((function Serious(e){var n,t=(0,o.NP)();(0,i.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(O)}),[]);var a="PRODUCTS"==(null===(n=t.tabGroupState.curTabGroup)||void 0===n?void 0:n.type);return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{ref:function ref(e){return t.uiState.setConfiguratorRef(e)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,k.jsx)(w.default,{className:h.x6}),(0,k.jsx)(y.default,{className:I()(h.vt,a?h.Uu:void 0)}),(0,k.jsx)(S.default,{className:I()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"})]}),t.settingsState.inputBoxVisible&&(0,k.jsx)(r.default,{})]})}))},34384:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var o=t(80248),i=t(34988),r=t(9420),a=t(87363),s=t(29523),d=t(88130),l=t(88683),u=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var c=(0,l.getLogger)("Planner","InfoBox");const p=(0,r.Pi)((function ContentItemWrapper(e){var n=e.direction,t=e.mountElementId,o=e.drawerStyle,r=(0,d.NP)(),p=(0,a.useState)(!1),x=(0,i.Z)(p,2),b=x[0],g=x[1],f=(0,l.useDivaCore)().actions,m=f.openDrawerMenu,h=f.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){g(!0);var e=r.getIsInMobileView(),i=function onClose(){r.settingsState.setContentItemId()},a=(0,u.jsx)(s.Q,{onClose:function onClose(){i(),h("content-item")},contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},onContentItemLoaded:function onContentItemLoaded(e){c.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=e?e:void 0})}});m(e?{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,snapPoints:[.9],direction:"bottom",mountElementId:"wcConfigurator-wrapper",handleInternScroll:!0}:{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:n,mountElementId:null!=t?t:"wcConfigurator-product",handleInternScroll:!0,drawerStyle:_objectSpread({position:"absolute",zIndex:550,maxHeight:600,top:0,bottom:"unset"},o)})}else b&&(h("content-item"),setTimeout((function(){g(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},50638:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var o=t(80248),i=t(72874),r=t(87363),a=t(88130),s=t(9420),d=t(29211),l=t(19715),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),b=t(90569),g=t.n(b),f=t(3565),m=t.n(f),h=t(19216),v=t.n(h),S=t(44589),y=t.n(S),w=t(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 P=t(34384),I=t(47514),k=["contentItemStartPos"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const O=(0,s.Pi)((function Product(e){var n,t=e.contentItemStartPos,o=(0,i.Z)(e,k),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(){u&&s.productState.setProductElement(u.current)}),[u]),(0,r.useEffect)((function(){var e;!s.uiState.isLoading&&null!==(e=s.configState.paramters)&&void 0!==e&&e.checkout&&c()}),[null===(n=s.configState.paramters)||void 0===n?void 0:n.checkout,s.uiState.isLoading]),(0,I.jsxs)("div",_objectSpread(_objectSpread({ref:u},o),{},{id:"wcConfigurator-product",children:[!s.uiState.isLoading&&(0,I.jsx)("div",{className:w.x,onClick:c}),(0,I.jsx)(l.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!s.uiState.isLoading&&void 0!==s.divaWebPlanner.getBasket()&&(0,I.jsx)(d.default,{}),(0,I.jsx)(P.default,{direction:t})]}))}))},59343:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var o=t(87363),i=t(92404),r=t(9420),a=t(88130),s=t(93379),d=t.n(s),l=t(7795),u=t.n(l),c=t(90569),p=t.n(c),x=t(3565),b=t.n(x),g=t(19216),f=t.n(g),m=t(44589),h=t.n(m),v=t(41060),S={};S.styleTagTransform=h(),S.setAttributes=b(),S.insert=p().bind(null,"head"),S.domAPI=u(),S.insertStyleElement=f();d()(v.ZP,S);v.ZP&&v.ZP.locals&&v.ZP.locals;var y=t(82956),w=t(65515),j=t.n(w),P=t(34988),I=t(88683);var k=t(47514);const O=(0,r.Pi)((function SettingsBottomDrawer(e){var n,t=e.draggerElement,r=e.children,s=(0,a.NP)(),d=function useDrawerHook(){var e=(0,o.useState)(0),n=(0,P.Z)(e,2),t=n[0],i=n[1],r=(0,o.useState)(0),s=(0,P.Z)(r,2),d=s[0],l=s[1],u=(0,a.NP)(),c=(0,o.useState)(u.uiState.isMobilePortrait),p=(0,P.Z)(c,2),x=p[0],b=p[1],g=(0,o.useState)(u.uiState.snapPoints),f=(0,P.Z)(g,2),m=f[0],h=f[1],v=(0,I.useDivaCore)().state,S=v.dimensions,y=S.width,w=S.height,j=v.initializing;(0,o.useEffect)((function(){h(u.uiState.snapPoints)}),[y,w,j]),(0,o.useEffect)((function(){b(u.uiState.isMobilePortrait)}),[u.uiState.isInMobileView,u.uiState.isMobileLandscape,u.uiState.isTablet,y,w]);var k=(0,o.useMemo)((function(){return function(e){return e.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(e){i(e.touches[0].clientY),l(e.touches[0].pageX)},handleTouchMove:function handleTouchMove(e){var n=e.touches[0].clientY,o=e.touches[0].pageX,i=Math.abs(n-t),r=Math.abs(o-d);i>=1&&i>2*r&&window.addEventListener("touchmove",k,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",k)},snapPoints:m,open:x}}(),l=d.handleTouchStart,u=d.handleTouchMove,c=d.handleTouchEnd,p=d.open,x=d.snapPoints,b=document.getElementById("wcConfigurator"),g=s.uiState.snapPoints[s.settingsState.activeSnapPointIndex];return n="string"==typeof g?g:"calc("+100*g+"%"+(3==s.settingsState.activeSnapPointIndex?")":" - 36px)"),b&&null!=x&&x.length?(0,k.jsx)(i.dy.Root,{open:p,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:x,container:b,onClose:function onClose(){return s.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==s.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:x[s.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(e){return s.settingsState.setActiveSnapPointIndex(x.indexOf(e))},children:(0,k.jsx)(i.dy.Portal,{children:(0,k.jsxs)(i.dy.Content,{className:v.kh,style:{height:n},children:[(0,k.jsx)(i.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,k.jsxs)(i.dy.Handle,{className:j()(v.aq),onTouchStart:l,onTouchMove:u,onTouchEnd:c,children:[(0,k.jsx)("div",{className:v.Rx,children:(0,k.jsx)("div",{className:v.uQ})}),(0,k.jsx)("div",{className:v.ad,children:t})]}),s.uiState.isInMobileView&&(0,k.jsx)("div",{className:j()(y.Iz,v.J7),children:r})]})})}):(0,k.jsx)(k.Fragment,{})}))},51451:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var o=t(9420),i=(t(87363),t(88130)),r=t(82956),a=t(65515),s=t.n(a),d=t(47514);const l=(0,o.Pi)((function SettingsExpanderButtons(e){var n=(0,i.NP)(),t=n.settingsState.contentItemId&&n.settingsState.contentItemVisible;return(0,d.jsxs)(d.Fragment,{children:[n.uiState.doShowConfSettingsExpander&&!n.uiState.isInMobileView&&(0,d.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:n.uiState.onClickExpandConfigSettings}),!n.uiState.isInMobileView&&n.uiState.doShowConfSettingsMaxMinExpander&&(0,d.jsxs)(d.Fragment,{children:[!n.uiState.configSettingsIsMaxExpanded&&(0,d.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:n.uiState.onClickExpandMaxConfigSettings}),!n.uiState.configSettingsIsMinExpanded&&(0,d.jsx)("div",{className:r.nW,onClick:n.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var o=t(80248),i=t(72874),r=(t(87363),t(88130)),a=t(80509),s=t(90395),d=t(9420),l=t(82956),u=t(65515),c=t.n(u),p=t(99676),x=t(51451),b=t(59343),g=t(47514),f=["className","tabgroupElement"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const m=(0,d.Pi)((function Settings(e){var n,t,o=e.className,d=e.tabgroupElement,u=(0,i.Z)(e,f),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,v=(0,g.jsx)(g.Fragment,{children:h?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&(0,g.jsx)(a.default,{},null!==(n=null===(t=m.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,g.jsx)(s.default,{}),(0,g.jsx)(x.default,{})]})});return(0,g.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,l.vt,"horizontal"==m.tabGroupState.curTabGroupType?l.s1:void 0,m.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,g.jsx)(b.default,{draggerElement:d,children:v}),!m.uiState.isInMobileView&&v]}))}))},39545:(e,n,t)=>{t.d(n,{Ci:()=>p,Jg:()=>b,Q_:()=>x,ZP:()=>f,vX:()=>g});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(38403),t.b),u=a()(i()),c=d()(l);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,n,t)=>{t.d(n,{Uu:()=>u,ZP:()=>p,kL:()=>l,vt:()=>c,x6:()=>d,xn:()=>s});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());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}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n width: 75px;\n position: relative;\n}\n.index-module--jhJYn {\n width: calc(100% - 501px);\n position: relative;\n overflow: auto;\n}\n.index-module--jhJYn.index-module--yUjbF {\n display: none;\n}\n\n.index-module--ik_S6 {\n width: 426px;\n position: relative;\n border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n flex-grow: 1;\n position: relative;\n overflow: auto;\n}\n\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n",""]);var s="index-module--ic0Nz",d="index-module--SLjS6",l="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const p=a},23522:(e,n,t)=>{t.d(n,{Z:()=>x,x:()=>p});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(66993),t.b),u=a()(i()),c=d()(l);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},41060:(e,n,t)=>{t.d(n,{J7:()=>l,Rx:()=>u,ZP:()=>x,ad:()=>p,aq:()=>d,kh:()=>s,uQ:()=>c});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,".index-module--qmbFa {\n transition:\n opacity 0.3s ease,\n transform 0.5s cubic-bezier(0.32, 0.72, 0, 1) !important;\n}\n\n.index-module--qmbFa {\n outline: medium none invert;\n outline: initial;\n position: absolute;\n z-index: 1000;\n width: 100%;\n left: 0;\n right: 0;\n opacity: 1;\n}\n\n.diva-fullscreen .index-module--qmbFa {\n position: fixed;\n}\n\n.index-module--qmbFa.vaul-dragging {\n transition: opacity 0.3s ease !important;\n height: calc(100% - 36px) !important;\n}\n\ndiv.index-module--Lklbq {\n width: 100%;\n opacity: 1;\n height: var(--configuratorTabGroupHeight);\n background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n background: initial;\n border-radius: 0px;\n box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--A4coW {\n display: flex;\n flex-direction: column;\n height: calc(100% - 38px);\n overflow: hidden;\n background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n transform: none;\n transform: initial;\n left: auto;\n left: initial;\n top: auto;\n top: initial;\n}\n\n.index-module--WO2oD {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -32px);\n width: 40px;\n height: 40px;\n touch-action: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n width: var(--configuratorTabGroupHeight);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--yfZrB {\n position: relative;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n display: flex;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n pointer-events: all !important;\n}\n",""]);var s="index-module--qmbFa",d="index-module--Lklbq",l="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",p="index-module--yfZrB";const x=a},66993:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5679,7853],{39141:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),s=t(88130),d=t(87363),l=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),b=t(90569),g=t.n(b),f=t(3565),m=t.n(f),h=t(19216),v=t.n(h),S=t(44589),y=t.n(S),w=t(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 P=t(47514);const I=(0,l.Pi)((function Inputbox(e){(0,i.Z)(e);var n=(0,s.NP)(),t=(0,d.useRef)(null);if((0,d.useEffect)((function(){var e,o,i;n.settingsState.setInputBoxValue(null!==(e=null===(o=n.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==e?e:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,d.useEffect)((function(){var e;null!==(e=n.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&n.settingsState.setInputBoxValue(n.settingsState.inputBoxItem.freeText)}),[n.settingsState.inputBoxItem]),!n.settingsState.inputBoxItem)return(0,P.jsx)(P.Fragment,{});var r=n.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=function(){var e=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!n.settingsState.inputBoxItem){e.next=6;break}return n.settingsState.inputBoxItem.freeText=n.settingsState.inputBoxValue,e.next=4,n.paletteViewHandler.clickedOnConfigPalette(n.settingsState.inputBoxItem,"inputbox");case 4:n.settingsState.updateInputBoxValues(!1,void 0),n.uiState.setConfiguratorDisabled(!1);case 6:n.settingsState.inputBoxVisible?n.uiState.setConfiguratorDisabled(!0):n.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!n.settingsState.inputBoxItem.measureUnit;return(0,P.jsx)("div",{children:(0,P.jsxs)("div",{className:w.Q_,children:[(0,P.jsx)("span",{onClick:function onClick(){return n.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,P.jsxs)("div",{style:{width:"100%"},children:[(0,P.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,P.jsx)("input",{ref:t,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){n&&"Enter"===e.key&&(l(),e.stopPropagation())}(e)},className:w.Ci,type:u?"number":"text",onChange:function onChange(e){return n.settingsState.setInputBoxValue(e.target.value)},value:n.settingsState.inputBoxValue}),(0,P.jsx)("button",{className:w.vX,onClick:l})]})]})})}))},85679:(e,n,t)=>{t.r(n),t.d(n,{cssVariables:()=>O,default:()=>C});var o=t(88130),i=t(87363),r=t(39141),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),b=t(19216),g=t.n(b),f=t(44589),m=t.n(f),h=t(61609),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=g();s()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(50638),y=t(97853),w=t(7474),j=t(9420),P=t(65515),I=t.n(P),k=t(47514),O={"--primaryColor":"#df2927","--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 C=(0,j.Pi)((function Serious(e){var n,t=(0,o.NP)();(0,i.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(O)}),[]);var a="PRODUCTS"==(null===(n=t.tabGroupState.curTabGroup)||void 0===n?void 0:n.type);return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{ref:function ref(e){return t.uiState.setConfiguratorRef(e)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,k.jsx)(w.default,{className:h.x6}),(0,k.jsx)(y.default,{className:I()(h.vt,a?h.Uu:void 0)}),(0,k.jsx)(S.default,{className:I()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"})]}),t.settingsState.inputBoxVisible&&(0,k.jsx)(r.default,{})]})}))},34384:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var o=t(80248),i=t(34988),r=t(9420),a=t(87363),s=t(29523),d=t(88130),l=t(88683),u=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var c=(0,l.getLogger)("Planner","InfoBox");const p=(0,r.Pi)((function ContentItemWrapper(e){var n=e.direction,t=e.mountElementId,o=e.drawerStyle,r=(0,d.NP)(),p=(0,a.useState)(!1),x=(0,i.Z)(p,2),b=x[0],g=x[1],f=(0,l.useDivaCore)().actions,m=f.openDrawerMenu,h=f.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){g(!0);var e=r.getIsInMobileView(),i=function onClose(){r.settingsState.setContentItemId()},a=(0,u.jsx)(s.Q,{onClose:function onClose(){i(),h("content-item")},contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},onContentItemLoaded:function onContentItemLoaded(e){c.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=e?e:void 0})}});m(e?{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,snapPoints:[.9],direction:"bottom",mountElementId:"wcConfigurator-wrapper",handleInternScroll:!0}:{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:n,mountElementId:null!=t?t:"wcConfigurator-product",handleInternScroll:!0,drawerStyle:_objectSpread({position:"absolute",zIndex:550,maxHeight:600,top:0,bottom:"unset"},o)})}else b&&(h("content-item"),setTimeout((function(){g(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},50638:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var o=t(80248),i=t(72874),r=t(87363),a=t(88130),s=t(9420),d=t(29211),l=t(19715),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),b=t(90569),g=t.n(b),f=t(3565),m=t.n(f),h=t(19216),v=t.n(h),S=t(44589),y=t.n(S),w=t(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 P=t(34384),I=t(47514),k=["contentItemStartPos"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const O=(0,s.Pi)((function Product(e){var n,t=e.contentItemStartPos,o=(0,i.Z)(e,k),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(){u&&s.productState.setProductElement(u.current)}),[u]),(0,r.useEffect)((function(){var e;!s.uiState.isLoading&&null!==(e=s.configState.paramters)&&void 0!==e&&e.checkout&&c()}),[null===(n=s.configState.paramters)||void 0===n?void 0:n.checkout,s.uiState.isLoading]),(0,I.jsxs)("div",_objectSpread(_objectSpread({ref:u},o),{},{id:"wcConfigurator-product",children:[!s.uiState.isLoading&&(0,I.jsx)("div",{className:w.x,onClick:c}),(0,I.jsx)(l.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!s.uiState.isLoading&&void 0!==s.divaWebPlanner.getBasket()&&(0,I.jsx)(d.default,{}),(0,I.jsx)(P.default,{direction:t})]}))}))},59343:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var o=t(87363),i=t(92404),r=t(9420),a=t(88130),s=t(93379),d=t.n(s),l=t(7795),u=t.n(l),c=t(90569),p=t.n(c),x=t(3565),b=t.n(x),g=t(19216),f=t.n(g),m=t(44589),h=t.n(m),v=t(41060),S={};S.styleTagTransform=h(),S.setAttributes=b(),S.insert=p().bind(null,"head"),S.domAPI=u(),S.insertStyleElement=f();d()(v.ZP,S);v.ZP&&v.ZP.locals&&v.ZP.locals;var y=t(82956),w=t(65515),j=t.n(w),P=t(34988),I=t(88683);var k=t(47514);const O=(0,r.Pi)((function SettingsBottomDrawer(e){var n,t=e.draggerElement,r=e.children,s=(0,a.NP)(),d=function useDrawerHook(){var e=(0,o.useState)(0),n=(0,P.Z)(e,2),t=n[0],i=n[1],r=(0,o.useState)(0),s=(0,P.Z)(r,2),d=s[0],l=s[1],u=(0,a.NP)(),c=(0,o.useState)(u.uiState.isMobilePortrait),p=(0,P.Z)(c,2),x=p[0],b=p[1],g=(0,o.useState)(u.uiState.snapPoints),f=(0,P.Z)(g,2),m=f[0],h=f[1],v=(0,o.useState)(null),S=(0,P.Z)(v,2),y=S[0],w=S[1],j=(0,I.useDivaCore)().state,k=j.dimensions,O=k.width,C=k.height,Z=j.initializing;(0,o.useEffect)((function(){N()}),[O,C,Z]);var N=function trySetSnapPoints(){var e=u.uiState.snapPoints;y&&clearTimeout(y),null!=e&&e.length?h(e):w(setTimeout((function(){return N()}),100))};(0,o.useEffect)((function(){b(u.uiState.isMobilePortrait)}),[u.uiState.isInMobileView,u.uiState.isMobileLandscape,u.uiState.isTablet,O,C]);var E=(0,o.useMemo)((function(){return function(e){return e.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(e){i(e.touches[0].clientY),l(e.touches[0].pageX)},handleTouchMove:function handleTouchMove(e){var n=e.touches[0].clientY,o=e.touches[0].pageX,i=Math.abs(n-t),r=Math.abs(o-d);i>=1&&i>2*r&&window.addEventListener("touchmove",E,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",E)},snapPoints:m,open:x}}(),l=d.handleTouchStart,u=d.handleTouchMove,c=d.handleTouchEnd,p=d.open,x=d.snapPoints,b=document.getElementById("wcConfigurator");if(!b)return(0,k.jsx)(k.Fragment,{});if(null==x||!x.length)return(0,k.jsx)(k.Fragment,{});var g=s.uiState.snapPoints[s.settingsState.activeSnapPointIndex];return n="string"==typeof g?g:"calc("+100*g+"%"+(3==s.settingsState.activeSnapPointIndex?")":" - 36px)"),(0,k.jsx)(i.dy.Root,{open:p,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:x,container:b,onClose:function onClose(){return s.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==s.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:x[s.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(e){return s.settingsState.setActiveSnapPointIndex(x.indexOf(e))},children:(0,k.jsx)(i.dy.Portal,{children:(0,k.jsxs)(i.dy.Content,{className:v.kh,style:{height:n},children:[(0,k.jsx)(i.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,k.jsxs)(i.dy.Handle,{className:j()(v.aq),onTouchStart:l,onTouchMove:u,onTouchEnd:c,children:[(0,k.jsx)("div",{className:v.Rx,children:(0,k.jsx)("div",{className:v.uQ})}),(0,k.jsx)("div",{className:v.ad,children:t})]}),s.uiState.isInMobileView&&(0,k.jsx)("div",{className:j()(y.Iz,v.J7),children:r})]})})})}))},51451:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var o=t(9420),i=(t(87363),t(88130)),r=t(82956),a=t(65515),s=t.n(a),d=t(47514);const l=(0,o.Pi)((function SettingsExpanderButtons(e){var n=(0,i.NP)(),t=n.settingsState.contentItemId&&n.settingsState.contentItemVisible;return(0,d.jsxs)(d.Fragment,{children:[n.uiState.doShowConfSettingsExpander&&!n.uiState.isInMobileView&&(0,d.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:n.uiState.onClickExpandConfigSettings}),!n.uiState.isInMobileView&&n.uiState.doShowConfSettingsMaxMinExpander&&(0,d.jsxs)(d.Fragment,{children:[!n.uiState.configSettingsIsMaxExpanded&&(0,d.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:n.uiState.onClickExpandMaxConfigSettings}),!n.uiState.configSettingsIsMinExpanded&&(0,d.jsx)("div",{className:r.nW,onClick:n.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var o=t(80248),i=t(72874),r=(t(87363),t(88130)),a=t(80509),s=t(90395),d=t(9420),l=t(82956),u=t(65515),c=t.n(u),p=t(99676),x=t(51451),b=t(59343),g=t(47514),f=["className","tabgroupElement"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const m=(0,d.Pi)((function Settings(e){var n,t,o=e.className,d=e.tabgroupElement,u=(0,i.Z)(e,f),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,v=(0,g.jsx)(g.Fragment,{children:h?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&(0,g.jsx)(a.default,{},null!==(n=null===(t=m.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,g.jsx)(s.default,{}),(0,g.jsx)(x.default,{})]})});return(0,g.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,l.vt,"horizontal"==m.tabGroupState.curTabGroupType?l.s1:void 0,m.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,g.jsx)(b.default,{draggerElement:d,children:v}),!m.uiState.isInMobileView&&v]}))}))},39545:(e,n,t)=>{t.d(n,{Ci:()=>p,Jg:()=>b,Q_:()=>x,ZP:()=>f,vX:()=>g});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(38403),t.b),u=a()(i()),c=d()(l);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,n,t)=>{t.d(n,{Uu:()=>u,ZP:()=>p,kL:()=>l,vt:()=>c,x6:()=>d,xn:()=>s});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());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}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n width: 75px;\n position: relative;\n}\n.index-module--jhJYn {\n width: calc(100% - 501px);\n position: relative;\n overflow: auto;\n}\n.index-module--jhJYn.index-module--yUjbF {\n display: none;\n}\n\n.index-module--ik_S6 {\n width: 426px;\n position: relative;\n border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n flex-grow: 1;\n position: relative;\n overflow: auto;\n}\n\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n",""]);var s="index-module--ic0Nz",d="index-module--SLjS6",l="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const p=a},23522:(e,n,t)=>{t.d(n,{Z:()=>x,x:()=>p});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(66993),t.b),u=a()(i()),c=d()(l);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},41060:(e,n,t)=>{t.d(n,{J7:()=>l,Rx:()=>u,ZP:()=>x,ad:()=>p,aq:()=>d,kh:()=>s,uQ:()=>c});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,".index-module--qmbFa {\n transition:\n opacity 0.3s ease,\n transform 0.5s cubic-bezier(0.32, 0.72, 0, 1) !important;\n}\n\n.index-module--qmbFa {\n outline: medium none invert;\n outline: initial;\n position: absolute;\n z-index: 1000;\n width: 100%;\n left: 0;\n right: 0;\n opacity: 1;\n}\n\n.diva-fullscreen .index-module--qmbFa {\n position: fixed;\n}\n\n.index-module--qmbFa.vaul-dragging {\n transition: opacity 0.3s ease !important;\n height: calc(100% - 36px) !important;\n}\n\ndiv.index-module--Lklbq {\n width: 100%;\n opacity: 1;\n height: var(--configuratorTabGroupHeight);\n background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n background: initial;\n border-radius: 0px;\n box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--A4coW {\n display: flex;\n flex-direction: column;\n height: calc(100% - 38px);\n overflow: hidden;\n background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n transform: none;\n transform: initial;\n left: auto;\n left: initial;\n top: auto;\n top: initial;\n}\n\n.index-module--WO2oD {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -32px);\n width: 40px;\n height: 40px;\n touch-action: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n width: var(--configuratorTabGroupHeight);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--yfZrB {\n position: relative;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n display: flex;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n pointer-events: all !important;\n}\n",""]);var s="index-module--qmbFa",d="index-module--Lklbq",l="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",p="index-module--yfZrB";const x=a},66993:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="}}]);
package/build/umd/5805.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 5805.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5805,5679,7853],{39141:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),s=t(88130),d=t(87363),l=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),b=t(90569),f=t.n(b),g=t(3565),m=t.n(g),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(39545),j={};j.styleTagTransform=w(),j.setAttributes=m(),j.insert=f().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(y.ZP,j);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(47514);const I=(0,l.Pi)((function Inputbox(e){(0,i.Z)(e);var n=(0,s.NP)(),t=(0,d.useRef)(null);if((0,d.useEffect)((function(){var e,o,i;n.settingsState.setInputBoxValue(null!==(e=null===(o=n.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==e?e:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,d.useEffect)((function(){var e;null!==(e=n.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&n.settingsState.setInputBoxValue(n.settingsState.inputBoxItem.freeText)}),[n.settingsState.inputBoxItem]),!n.settingsState.inputBoxItem)return(0,P.jsx)(P.Fragment,{});var r=n.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=function(){var e=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!n.settingsState.inputBoxItem){e.next=6;break}return n.settingsState.inputBoxItem.freeText=n.settingsState.inputBoxValue,e.next=4,n.paletteViewHandler.clickedOnConfigPalette(n.settingsState.inputBoxItem,"inputbox");case 4:n.settingsState.updateInputBoxValues(!1,void 0),n.uiState.setConfiguratorDisabled(!1);case 6:n.settingsState.inputBoxVisible?n.uiState.setConfiguratorDisabled(!0):n.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!n.settingsState.inputBoxItem.measureUnit;return(0,P.jsx)("div",{children:(0,P.jsxs)("div",{className:y.Q_,children:[(0,P.jsx)("span",{onClick:function onClick(){return n.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(e){return function keyDownFunction(e){n&&"Enter"===e.key&&(l(),e.stopPropagation())}(e)},className:y.Ci,type:u?"number":"text",onChange:function onChange(e){return n.settingsState.setInputBoxValue(e.target.value)},value:n.settingsState.inputBoxValue}),(0,P.jsx)("button",{className:y.vX,onClick:l})]})]})})}))},85679:(e,n,t)=>{t.r(n),t.d(n,{cssVariables:()=>O,default:()=>C});var o=t(88130),i=t(87363),r=t(39141),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),b=t(19216),f=t.n(b),g=t(44589),m=t.n(g),h=t(61609),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();s()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(50638),w=t(97853),y=t(7474),j=t(9420),P=t(65515),I=t.n(P),k=t(47514),O={"--primaryColor":"#df2927","--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 C=(0,j.Pi)((function Serious(e){var n,t=(0,o.NP)();(0,i.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(O)}),[]);var a="PRODUCTS"==(null===(n=t.tabGroupState.curTabGroup)||void 0===n?void 0:n.type);return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{ref:function ref(e){return t.uiState.setConfiguratorRef(e)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,k.jsx)(y.default,{className:h.x6}),(0,k.jsx)(w.default,{className:I()(h.vt,a?h.Uu:void 0)}),(0,k.jsx)(S.default,{className:I()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"})]}),t.settingsState.inputBoxVisible&&(0,k.jsx)(r.default,{})]})}))},8357:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var o=t(88130),i=t(87363),r=t(39141),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),b=t(19216),f=t.n(b),g=t(44589),m=t.n(g),h=t(87623),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=f();s()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(85679),w=t(50638),y=t(97853),j=t(7474),P=t(9420),I=t(65515),k=t.n(I),O=t(47514);const C=(0,P.Pi)((function Serious(e){var n,t=(0,o.NP)();(0,i.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(S.cssVariables)}),[]);var a="PRODUCTS"==(null===(n=t.tabGroupState.curTabGroup)||void 0===n?void 0:n.type);return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{ref:function ref(e){return t.uiState.setConfiguratorRef(e)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,O.jsx)(w.default,{className:k()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"}),(0,O.jsx)(y.default,{className:k()(h.vt,a?h.Uu:void 0)}),(0,O.jsx)(j.default,{className:h.x6})]}),t.settingsState.inputBoxVisible&&(0,O.jsx)(r.default,{})]})}))},34384:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var o=t(80248),i=t(34988),r=t(9420),a=t(87363),s=t(29523),d=t(88130),l=t(88683),u=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var c=(0,l.getLogger)("Planner","InfoBox");const p=(0,r.Pi)((function ContentItemWrapper(e){var n=e.direction,t=e.mountElementId,o=e.drawerStyle,r=(0,d.NP)(),p=(0,a.useState)(!1),x=(0,i.Z)(p,2),b=x[0],f=x[1],g=(0,l.useDivaCore)().actions,m=g.openDrawerMenu,h=g.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){f(!0);var e=r.getIsInMobileView(),i=function onClose(){r.settingsState.setContentItemId()},a=(0,u.jsx)(s.Q,{onClose:function onClose(){i(),h("content-item")},contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},onContentItemLoaded:function onContentItemLoaded(e){c.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=e?e:void 0})}});m(e?{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,snapPoints:[.9],direction:"bottom",mountElementId:"wcConfigurator-wrapper",handleInternScroll:!0}:{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:n,mountElementId:null!=t?t:"wcConfigurator-product",handleInternScroll:!0,drawerStyle:_objectSpread({position:"absolute",zIndex:550,maxHeight:600,top:0,bottom:"unset"},o)})}else b&&(h("content-item"),setTimeout((function(){f(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},50638:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var o=t(80248),i=t(72874),r=t(87363),a=t(88130),s=t(9420),d=t(29211),l=t(19715),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),b=t(90569),f=t.n(b),g=t(3565),m=t.n(g),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(23522),j={};j.styleTagTransform=w(),j.setAttributes=m(),j.insert=f().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(y.Z,j);y.Z&&y.Z.locals&&y.Z.locals;var P=t(34384),I=t(47514),k=["contentItemStartPos"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const O=(0,s.Pi)((function Product(e){var n,t=e.contentItemStartPos,o=(0,i.Z)(e,k),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(){u&&s.productState.setProductElement(u.current)}),[u]),(0,r.useEffect)((function(){var e;!s.uiState.isLoading&&null!==(e=s.configState.paramters)&&void 0!==e&&e.checkout&&c()}),[null===(n=s.configState.paramters)||void 0===n?void 0:n.checkout,s.uiState.isLoading]),(0,I.jsxs)("div",_objectSpread(_objectSpread({ref:u},o),{},{id:"wcConfigurator-product",children:[!s.uiState.isLoading&&(0,I.jsx)("div",{className:y.x,onClick:c}),(0,I.jsx)(l.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!s.uiState.isLoading&&void 0!==s.divaWebPlanner.getBasket()&&(0,I.jsx)(d.default,{}),(0,I.jsx)(P.default,{direction:t})]}))}))},59343:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var o=t(87363),i=t(92404),r=t(9420),a=t(88130),s=t(93379),d=t.n(s),l=t(7795),u=t.n(l),c=t(90569),p=t.n(c),x=t(3565),b=t.n(x),f=t(19216),g=t.n(f),m=t(44589),h=t.n(m),v=t(41060),S={};S.styleTagTransform=h(),S.setAttributes=b(),S.insert=p().bind(null,"head"),S.domAPI=u(),S.insertStyleElement=g();d()(v.ZP,S);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(82956),y=t(65515),j=t.n(y),P=t(34988),I=t(88683);var k=t(47514);const O=(0,r.Pi)((function SettingsBottomDrawer(e){var n,t=e.draggerElement,r=e.children,s=(0,a.NP)(),d=function useDrawerHook(){var e=(0,o.useState)(0),n=(0,P.Z)(e,2),t=n[0],i=n[1],r=(0,o.useState)(0),s=(0,P.Z)(r,2),d=s[0],l=s[1],u=(0,a.NP)(),c=(0,o.useState)(u.uiState.isMobilePortrait),p=(0,P.Z)(c,2),x=p[0],b=p[1],f=(0,o.useState)(u.uiState.snapPoints),g=(0,P.Z)(f,2),m=g[0],h=g[1],v=(0,I.useDivaCore)().state,S=v.dimensions,w=S.width,y=S.height,j=v.initializing;(0,o.useEffect)((function(){h(u.uiState.snapPoints)}),[w,y,j]),(0,o.useEffect)((function(){b(u.uiState.isMobilePortrait)}),[u.uiState.isInMobileView,u.uiState.isMobileLandscape,u.uiState.isTablet,w,y]);var k=(0,o.useMemo)((function(){return function(e){return e.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(e){i(e.touches[0].clientY),l(e.touches[0].pageX)},handleTouchMove:function handleTouchMove(e){var n=e.touches[0].clientY,o=e.touches[0].pageX,i=Math.abs(n-t),r=Math.abs(o-d);i>=1&&i>2*r&&window.addEventListener("touchmove",k,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",k)},snapPoints:m,open:x}}(),l=d.handleTouchStart,u=d.handleTouchMove,c=d.handleTouchEnd,p=d.open,x=d.snapPoints,b=document.getElementById("wcConfigurator"),f=s.uiState.snapPoints[s.settingsState.activeSnapPointIndex];return n="string"==typeof f?f:"calc("+100*f+"%"+(3==s.settingsState.activeSnapPointIndex?")":" - 36px)"),b&&null!=x&&x.length?(0,k.jsx)(i.dy.Root,{open:p,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:x,container:b,onClose:function onClose(){return s.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==s.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:x[s.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(e){return s.settingsState.setActiveSnapPointIndex(x.indexOf(e))},children:(0,k.jsx)(i.dy.Portal,{children:(0,k.jsxs)(i.dy.Content,{className:v.kh,style:{height:n},children:[(0,k.jsx)(i.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,k.jsxs)(i.dy.Handle,{className:j()(v.aq),onTouchStart:l,onTouchMove:u,onTouchEnd:c,children:[(0,k.jsx)("div",{className:v.Rx,children:(0,k.jsx)("div",{className:v.uQ})}),(0,k.jsx)("div",{className:v.ad,children:t})]}),s.uiState.isInMobileView&&(0,k.jsx)("div",{className:j()(w.Iz,v.J7),children:r})]})})}):(0,k.jsx)(k.Fragment,{})}))},51451:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var o=t(9420),i=(t(87363),t(88130)),r=t(82956),a=t(65515),s=t.n(a),d=t(47514);const l=(0,o.Pi)((function SettingsExpanderButtons(e){var n=(0,i.NP)(),t=n.settingsState.contentItemId&&n.settingsState.contentItemVisible;return(0,d.jsxs)(d.Fragment,{children:[n.uiState.doShowConfSettingsExpander&&!n.uiState.isInMobileView&&(0,d.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:n.uiState.onClickExpandConfigSettings}),!n.uiState.isInMobileView&&n.uiState.doShowConfSettingsMaxMinExpander&&(0,d.jsxs)(d.Fragment,{children:[!n.uiState.configSettingsIsMaxExpanded&&(0,d.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:n.uiState.onClickExpandMaxConfigSettings}),!n.uiState.configSettingsIsMinExpanded&&(0,d.jsx)("div",{className:r.nW,onClick:n.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var o=t(80248),i=t(72874),r=(t(87363),t(88130)),a=t(80509),s=t(90395),d=t(9420),l=t(82956),u=t(65515),c=t.n(u),p=t(99676),x=t(51451),b=t(59343),f=t(47514),g=["className","tabgroupElement"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const m=(0,d.Pi)((function Settings(e){var n,t,o=e.className,d=e.tabgroupElement,u=(0,i.Z)(e,g),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,v=(0,f.jsx)(f.Fragment,{children:h?(0,f.jsx)(p.default,{}):(0,f.jsxs)(f.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&(0,f.jsx)(a.default,{},null!==(n=null===(t=m.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,f.jsx)(s.default,{}),(0,f.jsx)(x.default,{})]})});return(0,f.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,l.vt,"horizontal"==m.tabGroupState.curTabGroupType?l.s1:void 0,m.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,f.jsx)(b.default,{draggerElement:d,children:v}),!m.uiState.isInMobileView&&v]}))}))},39545:(e,n,t)=>{t.d(n,{Ci:()=>p,Jg:()=>b,Q_:()=>x,ZP:()=>g,vX:()=>f});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(38403),t.b),u=a()(i()),c=d()(l);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",f="index-module--FQDBA";const g=u},61609:(e,n,t)=>{t.d(n,{Uu:()=>u,ZP:()=>p,kL:()=>l,vt:()=>c,x6:()=>d,xn:()=>s});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());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}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n width: 75px;\n position: relative;\n}\n.index-module--jhJYn {\n width: calc(100% - 501px);\n position: relative;\n overflow: auto;\n}\n.index-module--jhJYn.index-module--yUjbF {\n display: none;\n}\n\n.index-module--ik_S6 {\n width: 426px;\n position: relative;\n border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n flex-grow: 1;\n position: relative;\n overflow: auto;\n}\n\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n",""]);var s="index-module--ic0Nz",d="index-module--SLjS6",l="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const p=a},87623:(e,n,t)=>{t.d(n,{Uu:()=>u,ZP:()=>p,kL:()=>l,vt:()=>c,x6:()=>d,xn:()=>s});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,"body {\n margin: 0;\n overscroll-behavior-x: none;\n}\n\n.index-module--K6KzO {\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n -webkit-font-smoothing: antialiased;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n}\n\n.index-module--K6KzO *,\n.index-module--K6KzO *::before,\n.index-module--K6KzO *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--wjIBY {\n width: 75px;\n position: relative;\n}\n.index-module--zOtvQ {\n width: calc(100% - 501px);\n position: relative;\n overflow: auto;\n}\n.index-module--zOtvQ.index-module--aLQCY {\n display: none;\n}\n\n.index-module--LDBW2.index-module--aLQCY {\n flex-grow: 1;\n position: relative;\n overflow: auto;\n}\n\n.index-module--LDBW2 {\n width: 426px;\n position: relative;\n border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n",""]);var s="index-module--K6KzO",d="index-module--wjIBY",l="index-module--zOtvQ",u="index-module--aLQCY",c="index-module--LDBW2";const p=a},23522:(e,n,t)=>{t.d(n,{Z:()=>x,x:()=>p});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(66993),t.b),u=a()(i()),c=d()(l);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},41060:(e,n,t)=>{t.d(n,{J7:()=>l,Rx:()=>u,ZP:()=>x,ad:()=>p,aq:()=>d,kh:()=>s,uQ:()=>c});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,".index-module--qmbFa {\n transition:\n opacity 0.3s ease,\n transform 0.5s cubic-bezier(0.32, 0.72, 0, 1) !important;\n}\n\n.index-module--qmbFa {\n outline: medium none invert;\n outline: initial;\n position: absolute;\n z-index: 1000;\n width: 100%;\n left: 0;\n right: 0;\n opacity: 1;\n}\n\n.diva-fullscreen .index-module--qmbFa {\n position: fixed;\n}\n\n.index-module--qmbFa.vaul-dragging {\n transition: opacity 0.3s ease !important;\n height: calc(100% - 36px) !important;\n}\n\ndiv.index-module--Lklbq {\n width: 100%;\n opacity: 1;\n height: var(--configuratorTabGroupHeight);\n background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n background: initial;\n border-radius: 0px;\n box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--A4coW {\n display: flex;\n flex-direction: column;\n height: calc(100% - 38px);\n overflow: hidden;\n background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n transform: none;\n transform: initial;\n left: auto;\n left: initial;\n top: auto;\n top: initial;\n}\n\n.index-module--WO2oD {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -32px);\n width: 40px;\n height: 40px;\n touch-action: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n width: var(--configuratorTabGroupHeight);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--yfZrB {\n position: relative;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n display: flex;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n pointer-events: all !important;\n}\n",""]);var s="index-module--qmbFa",d="index-module--Lklbq",l="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",p="index-module--yfZrB";const x=a},66993:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5805,5679,7853],{39141:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),s=t(88130),d=t(87363),l=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),f=t(90569),b=t.n(f),g=t(3565),m=t.n(g),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(39545),j={};j.styleTagTransform=w(),j.setAttributes=m(),j.insert=b().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(y.ZP,j);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(47514);const I=(0,l.Pi)((function Inputbox(e){(0,i.Z)(e);var n=(0,s.NP)(),t=(0,d.useRef)(null);if((0,d.useEffect)((function(){var e,o,i;n.settingsState.setInputBoxValue(null!==(e=null===(o=n.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==e?e:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,d.useEffect)((function(){var e;null!==(e=n.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&n.settingsState.setInputBoxValue(n.settingsState.inputBoxItem.freeText)}),[n.settingsState.inputBoxItem]),!n.settingsState.inputBoxItem)return(0,P.jsx)(P.Fragment,{});var r=n.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=function(){var e=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!n.settingsState.inputBoxItem){e.next=6;break}return n.settingsState.inputBoxItem.freeText=n.settingsState.inputBoxValue,e.next=4,n.paletteViewHandler.clickedOnConfigPalette(n.settingsState.inputBoxItem,"inputbox");case 4:n.settingsState.updateInputBoxValues(!1,void 0),n.uiState.setConfiguratorDisabled(!1);case 6:n.settingsState.inputBoxVisible?n.uiState.setConfiguratorDisabled(!0):n.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!n.settingsState.inputBoxItem.measureUnit;return(0,P.jsx)("div",{children:(0,P.jsxs)("div",{className:y.Q_,children:[(0,P.jsx)("span",{onClick:function onClick(){return n.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(e){return function keyDownFunction(e){n&&"Enter"===e.key&&(l(),e.stopPropagation())}(e)},className:y.Ci,type:u?"number":"text",onChange:function onChange(e){return n.settingsState.setInputBoxValue(e.target.value)},value:n.settingsState.inputBoxValue}),(0,P.jsx)("button",{className:y.vX,onClick:l})]})]})})}))},85679:(e,n,t)=>{t.r(n),t.d(n,{cssVariables:()=>O,default:()=>C});var o=t(88130),i=t(87363),r=t(39141),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),f=t(19216),b=t.n(f),g=t(44589),m=t.n(g),h=t(61609),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=b();s()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(50638),w=t(97853),y=t(7474),j=t(9420),P=t(65515),I=t.n(P),k=t(47514),O={"--primaryColor":"#df2927","--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 C=(0,j.Pi)((function Serious(e){var n,t=(0,o.NP)();(0,i.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(O)}),[]);var a="PRODUCTS"==(null===(n=t.tabGroupState.curTabGroup)||void 0===n?void 0:n.type);return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{ref:function ref(e){return t.uiState.setConfiguratorRef(e)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,k.jsx)(y.default,{className:h.x6}),(0,k.jsx)(w.default,{className:I()(h.vt,a?h.Uu:void 0)}),(0,k.jsx)(S.default,{className:I()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"})]}),t.settingsState.inputBoxVisible&&(0,k.jsx)(r.default,{})]})}))},8357:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var o=t(88130),i=t(87363),r=t(39141),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),f=t(19216),b=t.n(f),g=t(44589),m=t.n(g),h=t(87623),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=b();s()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(85679),w=t(50638),y=t(97853),j=t(7474),P=t(9420),I=t(65515),k=t.n(I),O=t(47514);const C=(0,P.Pi)((function Serious(e){var n,t=(0,o.NP)();(0,i.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(S.cssVariables)}),[]);var a="PRODUCTS"==(null===(n=t.tabGroupState.curTabGroup)||void 0===n?void 0:n.type);return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{ref:function ref(e){return t.uiState.setConfiguratorRef(e)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,O.jsx)(w.default,{className:k()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"}),(0,O.jsx)(y.default,{className:k()(h.vt,a?h.Uu:void 0)}),(0,O.jsx)(j.default,{className:h.x6})]}),t.settingsState.inputBoxVisible&&(0,O.jsx)(r.default,{})]})}))},34384:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var o=t(80248),i=t(34988),r=t(9420),a=t(87363),s=t(29523),d=t(88130),l=t(88683),u=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var c=(0,l.getLogger)("Planner","InfoBox");const p=(0,r.Pi)((function ContentItemWrapper(e){var n=e.direction,t=e.mountElementId,o=e.drawerStyle,r=(0,d.NP)(),p=(0,a.useState)(!1),x=(0,i.Z)(p,2),f=x[0],b=x[1],g=(0,l.useDivaCore)().actions,m=g.openDrawerMenu,h=g.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){b(!0);var e=r.getIsInMobileView(),i=function onClose(){r.settingsState.setContentItemId()},a=(0,u.jsx)(s.Q,{onClose:function onClose(){i(),h("content-item")},contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},onContentItemLoaded:function onContentItemLoaded(e){c.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=e?e:void 0})}});m(e?{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,snapPoints:[.9],direction:"bottom",mountElementId:"wcConfigurator-wrapper",handleInternScroll:!0}:{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:n,mountElementId:null!=t?t:"wcConfigurator-product",handleInternScroll:!0,drawerStyle:_objectSpread({position:"absolute",zIndex:550,maxHeight:600,top:0,bottom:"unset"},o)})}else f&&(h("content-item"),setTimeout((function(){b(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},50638:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var o=t(80248),i=t(72874),r=t(87363),a=t(88130),s=t(9420),d=t(29211),l=t(19715),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),f=t(90569),b=t.n(f),g=t(3565),m=t.n(g),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(23522),j={};j.styleTagTransform=w(),j.setAttributes=m(),j.insert=b().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(y.Z,j);y.Z&&y.Z.locals&&y.Z.locals;var P=t(34384),I=t(47514),k=["contentItemStartPos"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const O=(0,s.Pi)((function Product(e){var n,t=e.contentItemStartPos,o=(0,i.Z)(e,k),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(){u&&s.productState.setProductElement(u.current)}),[u]),(0,r.useEffect)((function(){var e;!s.uiState.isLoading&&null!==(e=s.configState.paramters)&&void 0!==e&&e.checkout&&c()}),[null===(n=s.configState.paramters)||void 0===n?void 0:n.checkout,s.uiState.isLoading]),(0,I.jsxs)("div",_objectSpread(_objectSpread({ref:u},o),{},{id:"wcConfigurator-product",children:[!s.uiState.isLoading&&(0,I.jsx)("div",{className:y.x,onClick:c}),(0,I.jsx)(l.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!s.uiState.isLoading&&void 0!==s.divaWebPlanner.getBasket()&&(0,I.jsx)(d.default,{}),(0,I.jsx)(P.default,{direction:t})]}))}))},59343:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var o=t(87363),i=t(92404),r=t(9420),a=t(88130),s=t(93379),d=t.n(s),l=t(7795),u=t.n(l),c=t(90569),p=t.n(c),x=t(3565),f=t.n(x),b=t(19216),g=t.n(b),m=t(44589),h=t.n(m),v=t(41060),S={};S.styleTagTransform=h(),S.setAttributes=f(),S.insert=p().bind(null,"head"),S.domAPI=u(),S.insertStyleElement=g();d()(v.ZP,S);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(82956),y=t(65515),j=t.n(y),P=t(34988),I=t(88683);var k=t(47514);const O=(0,r.Pi)((function SettingsBottomDrawer(e){var n,t=e.draggerElement,r=e.children,s=(0,a.NP)(),d=function useDrawerHook(){var e=(0,o.useState)(0),n=(0,P.Z)(e,2),t=n[0],i=n[1],r=(0,o.useState)(0),s=(0,P.Z)(r,2),d=s[0],l=s[1],u=(0,a.NP)(),c=(0,o.useState)(u.uiState.isMobilePortrait),p=(0,P.Z)(c,2),x=p[0],f=p[1],b=(0,o.useState)(u.uiState.snapPoints),g=(0,P.Z)(b,2),m=g[0],h=g[1],v=(0,o.useState)(null),S=(0,P.Z)(v,2),w=S[0],y=S[1],j=(0,I.useDivaCore)().state,k=j.dimensions,O=k.width,C=k.height,Z=j.initializing;(0,o.useEffect)((function(){N()}),[O,C,Z]);var N=function trySetSnapPoints(){var e=u.uiState.snapPoints;w&&clearTimeout(w),null!=e&&e.length?h(e):y(setTimeout((function(){return N()}),100))};(0,o.useEffect)((function(){f(u.uiState.isMobilePortrait)}),[u.uiState.isInMobileView,u.uiState.isMobileLandscape,u.uiState.isTablet,O,C]);var E=(0,o.useMemo)((function(){return function(e){return e.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(e){i(e.touches[0].clientY),l(e.touches[0].pageX)},handleTouchMove:function handleTouchMove(e){var n=e.touches[0].clientY,o=e.touches[0].pageX,i=Math.abs(n-t),r=Math.abs(o-d);i>=1&&i>2*r&&window.addEventListener("touchmove",E,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",E)},snapPoints:m,open:x}}(),l=d.handleTouchStart,u=d.handleTouchMove,c=d.handleTouchEnd,p=d.open,x=d.snapPoints,f=document.getElementById("wcConfigurator");if(!f)return(0,k.jsx)(k.Fragment,{});if(null==x||!x.length)return(0,k.jsx)(k.Fragment,{});var b=s.uiState.snapPoints[s.settingsState.activeSnapPointIndex];return n="string"==typeof b?b:"calc("+100*b+"%"+(3==s.settingsState.activeSnapPointIndex?")":" - 36px)"),(0,k.jsx)(i.dy.Root,{open:p,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:x,container:f,onClose:function onClose(){return s.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==s.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:x[s.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(e){return s.settingsState.setActiveSnapPointIndex(x.indexOf(e))},children:(0,k.jsx)(i.dy.Portal,{children:(0,k.jsxs)(i.dy.Content,{className:v.kh,style:{height:n},children:[(0,k.jsx)(i.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,k.jsxs)(i.dy.Handle,{className:j()(v.aq),onTouchStart:l,onTouchMove:u,onTouchEnd:c,children:[(0,k.jsx)("div",{className:v.Rx,children:(0,k.jsx)("div",{className:v.uQ})}),(0,k.jsx)("div",{className:v.ad,children:t})]}),s.uiState.isInMobileView&&(0,k.jsx)("div",{className:j()(w.Iz,v.J7),children:r})]})})})}))},51451:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var o=t(9420),i=(t(87363),t(88130)),r=t(82956),a=t(65515),s=t.n(a),d=t(47514);const l=(0,o.Pi)((function SettingsExpanderButtons(e){var n=(0,i.NP)(),t=n.settingsState.contentItemId&&n.settingsState.contentItemVisible;return(0,d.jsxs)(d.Fragment,{children:[n.uiState.doShowConfSettingsExpander&&!n.uiState.isInMobileView&&(0,d.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:n.uiState.onClickExpandConfigSettings}),!n.uiState.isInMobileView&&n.uiState.doShowConfSettingsMaxMinExpander&&(0,d.jsxs)(d.Fragment,{children:[!n.uiState.configSettingsIsMaxExpanded&&(0,d.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:n.uiState.onClickExpandMaxConfigSettings}),!n.uiState.configSettingsIsMinExpanded&&(0,d.jsx)("div",{className:r.nW,onClick:n.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var o=t(80248),i=t(72874),r=(t(87363),t(88130)),a=t(80509),s=t(90395),d=t(9420),l=t(82956),u=t(65515),c=t.n(u),p=t(99676),x=t(51451),f=t(59343),b=t(47514),g=["className","tabgroupElement"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const m=(0,d.Pi)((function Settings(e){var n,t,o=e.className,d=e.tabgroupElement,u=(0,i.Z)(e,g),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,v=(0,b.jsx)(b.Fragment,{children:h?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&(0,b.jsx)(a.default,{},null!==(n=null===(t=m.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,b.jsx)(s.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,l.vt,"horizontal"==m.tabGroupState.curTabGroupType?l.s1:void 0,m.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,b.jsx)(f.default,{draggerElement:d,children:v}),!m.uiState.isInMobileView&&v]}))}))},39545:(e,n,t)=>{t.d(n,{Ci:()=>p,Jg:()=>f,Q_:()=>x,ZP:()=>g,vX:()=>b});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(38403),t.b),u=a()(i()),c=d()(l);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",f="index-module--OZydS",b="index-module--FQDBA";const g=u},61609:(e,n,t)=>{t.d(n,{Uu:()=>u,ZP:()=>p,kL:()=>l,vt:()=>c,x6:()=>d,xn:()=>s});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());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}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n width: 75px;\n position: relative;\n}\n.index-module--jhJYn {\n width: calc(100% - 501px);\n position: relative;\n overflow: auto;\n}\n.index-module--jhJYn.index-module--yUjbF {\n display: none;\n}\n\n.index-module--ik_S6 {\n width: 426px;\n position: relative;\n border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n flex-grow: 1;\n position: relative;\n overflow: auto;\n}\n\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n",""]);var s="index-module--ic0Nz",d="index-module--SLjS6",l="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const p=a},87623:(e,n,t)=>{t.d(n,{Uu:()=>u,ZP:()=>p,kL:()=>l,vt:()=>c,x6:()=>d,xn:()=>s});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,"body {\n margin: 0;\n overscroll-behavior-x: none;\n}\n\n.index-module--K6KzO {\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n -webkit-font-smoothing: antialiased;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n}\n\n.index-module--K6KzO *,\n.index-module--K6KzO *::before,\n.index-module--K6KzO *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--wjIBY {\n width: 75px;\n position: relative;\n}\n.index-module--zOtvQ {\n width: calc(100% - 501px);\n position: relative;\n overflow: auto;\n}\n.index-module--zOtvQ.index-module--aLQCY {\n display: none;\n}\n\n.index-module--LDBW2.index-module--aLQCY {\n flex-grow: 1;\n position: relative;\n overflow: auto;\n}\n\n.index-module--LDBW2 {\n width: 426px;\n position: relative;\n border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n",""]);var s="index-module--K6KzO",d="index-module--wjIBY",l="index-module--zOtvQ",u="index-module--aLQCY",c="index-module--LDBW2";const p=a},23522:(e,n,t)=>{t.d(n,{Z:()=>x,x:()=>p});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(66993),t.b),u=a()(i()),c=d()(l);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},41060:(e,n,t)=>{t.d(n,{J7:()=>l,Rx:()=>u,ZP:()=>x,ad:()=>p,aq:()=>d,kh:()=>s,uQ:()=>c});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,".index-module--qmbFa {\n transition:\n opacity 0.3s ease,\n transform 0.5s cubic-bezier(0.32, 0.72, 0, 1) !important;\n}\n\n.index-module--qmbFa {\n outline: medium none invert;\n outline: initial;\n position: absolute;\n z-index: 1000;\n width: 100%;\n left: 0;\n right: 0;\n opacity: 1;\n}\n\n.diva-fullscreen .index-module--qmbFa {\n position: fixed;\n}\n\n.index-module--qmbFa.vaul-dragging {\n transition: opacity 0.3s ease !important;\n height: calc(100% - 36px) !important;\n}\n\ndiv.index-module--Lklbq {\n width: 100%;\n opacity: 1;\n height: var(--configuratorTabGroupHeight);\n background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n background: initial;\n border-radius: 0px;\n box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--A4coW {\n display: flex;\n flex-direction: column;\n height: calc(100% - 38px);\n overflow: hidden;\n background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n transform: none;\n transform: initial;\n left: auto;\n left: initial;\n top: auto;\n top: initial;\n}\n\n.index-module--WO2oD {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -32px);\n width: 40px;\n height: 40px;\n touch-action: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n width: var(--configuratorTabGroupHeight);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--yfZrB {\n position: relative;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n display: flex;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n pointer-events: all !important;\n}\n",""]);var s="index-module--qmbFa",d="index-module--Lklbq",l="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",p="index-module--yfZrB";const x=a},66993:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="}}]);
package/build/umd/6075.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 6075.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6075,9001,4190,7853],{68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(80248),o=t(88291),r=(t(87363),t(88130)),a=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function BasketMobile(n){var e=Object.assign({},((0,o.Z)(n),n)),t=(0,r.NP)();return(0,a.jsx)("div",_objectSpread(_objectSpread({},e),{},{onClick:function onClick(){return t.actionButtonState.onClickAddToBasket(t)}}))}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var 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"}))}},39141:(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),d=t(88130),s=t(87363),l=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),b=t.n(g),f=t(3565),h=t.n(f),m=t(19216),v=t.n(m),S=t(44589),w=t.n(S),y=t(39545),P={};P.styleTagTransform=w(),P.setAttributes=h(),P.insert=b().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=v();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(47514);const k=(0,l.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,d.NP)(),t=(0,s.useRef)(null);if((0,s.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,s.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,j.jsx)(j.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,j.jsx)("div",{children:(0,j.jsxs)("div",{className:y.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(l(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:y.vX,onClick:l})]})]})})}))},36075:(n,e,t)=>{t.r(e),t.d(e,{default:()=>E});var i=t(65515),o=t.n(i),r=t(88130),a=t(87363),d=t(93379),s=t.n(d),l=t(7795),u=t.n(l),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),h=t(44589),m=t.n(h),v=t(26643),S={};S.styleTagTransform=m(),S.setAttributes=g(),S.insert=p().bind(null,"head"),S.domAPI=u(),S.insertStyleElement=f();s()(v.ZP,S);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(39141),y=t(34190),P=t(97853),j=t(69001),k=t(28596),O=t(7474),C=t(9420),B=t(68063),Z=t(88683),M=t(25322),I=t(47514),N={"--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#f3f3f3","--settingsBackgroundColor":"rgba(248, 248, 248, 0.95)","--tabGroupBackground":"rgba(248, 248, 248, 0.95)","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorder":"1px","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--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 E=(0,C.Pi)((function Ralph(n){var e=(0,r.NP)();(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(N)}),[]);var t=(0,Z.useDivaCore)().state.isFullscreenComponent;return(0,I.jsxs)(I.Fragment,{children:[(0,I.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()(v.xn,e.uiState.configSettingsIsExpanded?v.zh:void 0,e.uiState.isMobileLandscape?v.rK:void 0,e.uiState.isMobilePortrait?v.tW:void 0),children:(0,I.jsxs)("div",{id:"wcConfigurator-wrapper",className:v.Ly,children:[(0,I.jsx)(y.default,{className:v.kL}),e.uiState.isInMobileView?(0,I.jsx)(P.default,{tabgroupElement:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(O.default,{className:v.x6,showCloseButtonInMobile:t?"left":void 0}),(0,I.jsx)(B.default,{className:v.Bg}),(0,I.jsx)(M.default,{})]})}):(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(O.default,{className:v.x6,showCloseButtonInMobile:"right"}),(0,I.jsx)(P.default,{className:v.vt}),(0,I.jsx)(j.default,{className:v.jl,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,I.jsx)(k.default,{containerClassName:v.tM,showCheckoutButtons:!0})]}),")"]})}),e.settingsState.inputBoxVisible&&(0,I.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"}))}},59343:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var i=t(87363),o=t(92404),r=t(9420),a=t(88130),d=t(93379),s=t.n(d),l=t(7795),u=t.n(l),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),h=t(44589),m=t.n(h),v=t(41060),S={};S.styleTagTransform=m(),S.setAttributes=g(),S.insert=p().bind(null,"head"),S.domAPI=u(),S.insertStyleElement=f();s()(v.ZP,S);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(82956),y=t(65515),P=t.n(y),j=t(34988),k=t(88683);var O=t(47514);const C=(0,r.Pi)((function SettingsBottomDrawer(n){var e,t=n.draggerElement,r=n.children,d=(0,a.NP)(),s=function useDrawerHook(){var n=(0,i.useState)(0),e=(0,j.Z)(n,2),t=e[0],o=e[1],r=(0,i.useState)(0),d=(0,j.Z)(r,2),s=d[0],l=d[1],u=(0,a.NP)(),c=(0,i.useState)(u.uiState.isMobilePortrait),p=(0,j.Z)(c,2),x=p[0],g=p[1],b=(0,i.useState)(u.uiState.snapPoints),f=(0,j.Z)(b,2),h=f[0],m=f[1],v=(0,k.useDivaCore)().state,S=v.dimensions,w=S.width,y=S.height,P=v.initializing;(0,i.useEffect)((function(){m(u.uiState.snapPoints)}),[w,y,P]),(0,i.useEffect)((function(){g(u.uiState.isMobilePortrait)}),[u.uiState.isInMobileView,u.uiState.isMobileLandscape,u.uiState.isTablet,w,y]);var O=(0,i.useMemo)((function(){return function(n){return n.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(n){o(n.touches[0].clientY),l(n.touches[0].pageX)},handleTouchMove:function handleTouchMove(n){var e=n.touches[0].clientY,i=n.touches[0].pageX,o=Math.abs(e-t),r=Math.abs(i-s);o>=1&&o>2*r&&window.addEventListener("touchmove",O,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",O)},snapPoints:h,open:x}}(),l=s.handleTouchStart,u=s.handleTouchMove,c=s.handleTouchEnd,p=s.open,x=s.snapPoints,g=document.getElementById("wcConfigurator"),b=d.uiState.snapPoints[d.settingsState.activeSnapPointIndex];return e="string"==typeof b?b:"calc("+100*b+"%"+(3==d.settingsState.activeSnapPointIndex?")":" - 36px)"),g&&null!=x&&x.length?(0,O.jsx)(o.dy.Root,{open:p,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:x,container:g,onClose:function onClose(){return d.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==d.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:x[d.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(n){return d.settingsState.setActiveSnapPointIndex(x.indexOf(n))},children:(0,O.jsx)(o.dy.Portal,{children:(0,O.jsxs)(o.dy.Content,{className:v.kh,style:{height:e},children:[(0,O.jsx)(o.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,O.jsxs)(o.dy.Handle,{className:P()(v.aq),onTouchStart:l,onTouchMove:u,onTouchEnd:c,children:[(0,O.jsx)("div",{className:v.Rx,children:(0,O.jsx)("div",{className:v.uQ})}),(0,O.jsx)("div",{className:v.ad,children:t})]}),d.uiState.isInMobileView&&(0,O.jsx)("div",{className:P()(w.Iz,v.J7),children:r})]})})}):(0,O.jsx)(O.Fragment,{})}))},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>l});var i=t(9420),o=(t(87363),t(88130)),r=t(82956),a=t(65515),d=t.n(a),s=t(47514);const l=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,o.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,s.jsxs)(s.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,s.jsx)("div",{className:d()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,s.jsxs)(s.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,s.jsx)("div",{className:d()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,s.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>h});var i=t(80248),o=t(72874),r=(t(87363),t(88130)),a=t(80509),d=t(90395),s=t(9420),l=t(82956),u=t(65515),c=t.n(u),p=t(99676),x=t(51451),g=t(59343),b=t(47514),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 h=(0,s.Pi)((function Settings(n){var e,t,i=n.className,s=n.tabgroupElement,u=(0,o.Z)(n,f),h=(0,r.NP)(),m=h.getIsInMobileView()&&h.getViewConfig().navigateMobileSwiper,v=(0,b.jsx)(b.Fragment,{children:m?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!h.uiState.isInMobileView&&!h.settingsState.forceSettingsHeaderInScrollContainer&&(0,b.jsx)(a.default,{},null!==(e=null===(t=h.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,b.jsx)(d.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,l.vt,"horizontal"==h.tabGroupState.curTabGroupType?l.s1:void 0,h.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:s,children:v}),!h.uiState.isInMobileView&&v]}))}))},25322:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(88291),o=t(88130),r=(t(87363),t(9420)),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),g=t(19216),b=t.n(g),f=t(44589),h=t.n(f),m=t(29390),v={};v.styleTagTransform=h(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=b();d()(m.ZP,v);m.ZP&&m.ZP.locals&&m.ZP.locals;var S=t(47514);const w=(0,r.Pi)((function ProgressBar(n){(0,i.Z)(n);var e=(0,o.NP)(),t=e.configuratorStructureHandler.lastConfigStep,r=e.tabGroupState.curConfigStep;if(!t||!r)return(0,S.jsx)(S.Fragment,{});var a=r.posNr,d=t.posNr,s=1==d?0:Math.round(a/d*100),l=100-s;return(0,S.jsxs)("div",{className:m.YS,children:[(0,S.jsx)("div",{className:m.L3,style:{width:s+"%"}}),(0,S.jsx)("div",{className:m.LM,style:{width:l+"%"}})]})}))},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),d=t(61667),s=t.n(d),l=new URL(t(38403),t.b),u=a()(o()),c=s()(l);u.push([n.id,".index-module--nrbS_ {\n width: 90%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n float: left;\n}\n\n.index-module--lGJqa {\n letter-spacing: 0.5px;\n -webkit-text-stroke: 0.1px;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n z-index: 999;\n width: 40em;\n max-width: 70%;\n max-height: 90%;\n background-color: white;\n padding: 1em 2em 0.5em 2em;\n border-radius: 15px;\n border: 1px solid #cbcbcb;\n font-size: 14.4px;\n color: #363636;\n display: flex;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n font-size: 16px;\n -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n padding: 0;\n margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n width: calc(100% - 65px);\n float: left;\n padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n height: 40px;\n width: 55px;\n display: block;\n background-repeat: no-repeat;\n background-position: center;\n float: left;\n clear: both;\n margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n border-radius: 20px;\n position: absolute;\n font-size: 22pt;\n font-family: sans-serif;\n font-weight: 50;\n top: -20px;\n right: -20px;\n width: 40px;\n height: 40px;\n background-color: #fff;\n color: #666;\n border: 2px solid #666;\n text-align: center;\n padding-top: 0px;\n content: 'X';\n}\n\n.index-module--OZydS:hover {\n background-color: #aaa;\n color: #000;\n border: 2px solid #000;\n}\n.index-module--FQDBA {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n color: #ffffff;\n height: 41px;\n width: 8%;\n margin: 8px 0 7px;\n float: right;\n border-radius: var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+c+");\n background-size: 16px;\n transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",g="index-module--OZydS",b="index-module--FQDBA";const f=u},26643:(n,e,t)=>{t.d(e,{Bg:()=>w,Ly:()=>y,ZP:()=>P,jl:()=>m,kL:()=>b,rK:()=>x,tM:()=>v,tW:()=>g,vt:()=>f,x6:()=>h,xn:()=>p,zh:()=>S});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(2431),t.b),u=a()(o()),c=s()(l);u.push([n.id,".index-module--QpGuZ {\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: 300;\n letter-spacing: 0.5px;\n -webkit-font-smoothing: antialiased;\n -webkit-text-stroke: 0.1px;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n overscroll-behavior-y: contain;\n}\n\n.index-module--QpGuZ *,\n.index-module--QpGuZ *::before,\n.index-module--QpGuZ *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--QpGuZ.index-module--M83gG {\n height: 100%;\n width: 100%;\n margin: 0;\n}\n\n.index-module--QpGuZ.index-module--FX0XZ {\n height: 100%;\n width: 100%;\n margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--y_P3G {\n position: absolute;\n width: 69%;\n top: calc(56px + 20px);\n height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--CgVUn {\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 - 40px);\n transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--mDl2O {\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--EZFN9 {\n position: absolute;\n width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n height: 80px;\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 padding-right: var(--settingsScrollerPaddingRight);\n padding-left: var(--settingsScrollerPaddingLeft);\n background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.index-module--Kxi4K {\n position: absolute;\n width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n height: 40px;\n right: 0px;\n bottom: 0px;\n padding-top: 20px;\n z-index: 600;\n transition: width 0.2s ease-in-out;\n font-weight: 700;\n padding-right: var(--settingsScrollerPaddingRight);\n padding-left: var(--settingsScrollerPaddingLeft);\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xWB6r .index-module--CgVUn {\n width: 62%;\n}\n\n.index-module--xWB6r .index-module--Kxi4K,\n.index-module--xWB6r .index-module--EZFN9 {\n width: calc(62% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n}\n\n.index-module--QpGuZ.index-module--FX0XZ,\n.index-module--M83gG.index-module--QpGuZ {\n padding: 0;\n padding: initial;\n overflow: hidden;\n} /*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--M83gG .index-module--y_P3G {\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--M83gG .index-module--CgVUn {\n display: none;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--M83gG .index-module--mDl2O {\n display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--M83gG .index-module--EZFN9 {\n display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--M83gG .index-module--Kxi4K {\n display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--FX0XZ .index-module--y_P3G {\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--FX0XZ .index-module--CgVUn {\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--FX0XZ .index-module--mDl2O {\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--FX0XZ .index-module--EZFN9 {\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--FX0XZ .index-module--Kxi4K,\n.index-module--FX0XZ.index-module--fBW3N .index-module--Kxi4K {\n display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--JoQjU {\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--oaff8 {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.index-module--M83gG,\n.index-module--FX0XZ {\n --configuratorActionHeight: 50px;\n --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--QlPFY {\n --configuratorTabGroupHeight: 50px;\n --mobile-tabgroup-drawer-border-radius: 16px;\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--QpGuZ",x="index-module--M83gG",g="index-module--FX0XZ",b="index-module--y_P3G",f="index-module--CgVUn",h="index-module--mDl2O",m="index-module--EZFN9",v="index-module--Kxi4K",S="index-module--xWB6r",w="index-module--JoQjU",y="index-module--oaff8";const P=u},41060:(n,e,t)=>{t.d(e,{J7:()=>l,Rx:()=>u,ZP:()=>x,ad:()=>p,aq:()=>s,kh:()=>d,uQ:()=>c});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--qmbFa {\n transition:\n opacity 0.3s ease,\n transform 0.5s cubic-bezier(0.32, 0.72, 0, 1) !important;\n}\n\n.index-module--qmbFa {\n outline: medium none invert;\n outline: initial;\n position: absolute;\n z-index: 1000;\n width: 100%;\n left: 0;\n right: 0;\n opacity: 1;\n}\n\n.diva-fullscreen .index-module--qmbFa {\n position: fixed;\n}\n\n.index-module--qmbFa.vaul-dragging {\n transition: opacity 0.3s ease !important;\n height: calc(100% - 36px) !important;\n}\n\ndiv.index-module--Lklbq {\n width: 100%;\n opacity: 1;\n height: var(--configuratorTabGroupHeight);\n background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n background: initial;\n border-radius: 0px;\n box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--A4coW {\n display: flex;\n flex-direction: column;\n height: calc(100% - 38px);\n overflow: hidden;\n background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n transform: none;\n transform: initial;\n left: auto;\n left: initial;\n top: auto;\n top: initial;\n}\n\n.index-module--WO2oD {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -32px);\n width: 40px;\n height: 40px;\n touch-action: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n width: var(--configuratorTabGroupHeight);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--yfZrB {\n position: relative;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n display: flex;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n pointer-events: all !important;\n}\n",""]);var d="index-module--qmbFa",s="index-module--Lklbq",l="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",p="index-module--yfZrB";const x=a},29390:(n,e,t)=>{t.d(e,{L3:()=>s,LM:()=>l,YS:()=>d,ZP:()=>u});var 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 d="index-module--rHd3V",s="index-module--_zSo1",l="index-module--tkNQ6";const u=a}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[6075,9001,4190,7853],{68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(80248),o=t(88291),r=(t(87363),t(88130)),a=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function BasketMobile(n){var e=Object.assign({},((0,o.Z)(n),n)),t=(0,r.NP)();return(0,a.jsx)("div",_objectSpread(_objectSpread({},e),{},{onClick:function onClick(){return t.actionButtonState.onClickAddToBasket(t)}}))}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var 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"}))}},39141:(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),d=t(88130),s=t(87363),l=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),b=t.n(g),f=t(3565),m=t.n(f),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(39545),P={};P.styleTagTransform=w(),P.setAttributes=m(),P.insert=b().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=v();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(47514);const k=(0,l.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,d.NP)(),t=(0,s.useRef)(null);if((0,s.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,s.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,j.jsx)(j.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,j.jsx)("div",{children:(0,j.jsxs)("div",{className:y.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(l(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:y.vX,onClick:l})]})]})})}))},36075:(n,e,t)=>{t.r(e),t.d(e,{default:()=>E});var i=t(65515),o=t.n(i),r=t(88130),a=t(87363),d=t(93379),s=t.n(d),l=t(7795),u=t.n(l),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),m=t(44589),h=t.n(m),v=t(26643),S={};S.styleTagTransform=h(),S.setAttributes=g(),S.insert=p().bind(null,"head"),S.domAPI=u(),S.insertStyleElement=f();s()(v.ZP,S);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(39141),y=t(34190),P=t(97853),j=t(69001),k=t(28596),O=t(7474),C=t(9420),B=t(68063),Z=t(88683),M=t(25322),I=t(47514),N={"--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#f3f3f3","--settingsBackgroundColor":"rgba(248, 248, 248, 0.95)","--tabGroupBackground":"rgba(248, 248, 248, 0.95)","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorder":"1px","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--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 E=(0,C.Pi)((function Ralph(n){var e=(0,r.NP)();(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(N)}),[]);var t=(0,Z.useDivaCore)().state.isFullscreenComponent;return(0,I.jsxs)(I.Fragment,{children:[(0,I.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()(v.xn,e.uiState.configSettingsIsExpanded?v.zh:void 0,e.uiState.isMobileLandscape?v.rK:void 0,e.uiState.isMobilePortrait?v.tW:void 0),children:(0,I.jsxs)("div",{id:"wcConfigurator-wrapper",className:v.Ly,children:[(0,I.jsx)(y.default,{className:v.kL}),e.uiState.isInMobileView?(0,I.jsx)(P.default,{tabgroupElement:(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(O.default,{className:v.x6,showCloseButtonInMobile:t?"left":void 0}),(0,I.jsx)(B.default,{className:v.Bg}),(0,I.jsx)(M.default,{})]})}):(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(O.default,{className:v.x6,showCloseButtonInMobile:"right"}),(0,I.jsx)(P.default,{className:v.vt}),(0,I.jsx)(j.default,{className:v.jl,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,I.jsx)(k.default,{containerClassName:v.tM,showCheckoutButtons:!0})]}),")"]})}),e.settingsState.inputBoxVisible&&(0,I.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"}))}},59343:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var i=t(87363),o=t(92404),r=t(9420),a=t(88130),d=t(93379),s=t.n(d),l=t(7795),u=t.n(l),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),m=t(44589),h=t.n(m),v=t(41060),S={};S.styleTagTransform=h(),S.setAttributes=g(),S.insert=p().bind(null,"head"),S.domAPI=u(),S.insertStyleElement=f();s()(v.ZP,S);v.ZP&&v.ZP.locals&&v.ZP.locals;var w=t(82956),y=t(65515),P=t.n(y),j=t(34988),k=t(88683);var O=t(47514);const C=(0,r.Pi)((function SettingsBottomDrawer(n){var e,t=n.draggerElement,r=n.children,d=(0,a.NP)(),s=function useDrawerHook(){var n=(0,i.useState)(0),e=(0,j.Z)(n,2),t=e[0],o=e[1],r=(0,i.useState)(0),d=(0,j.Z)(r,2),s=d[0],l=d[1],u=(0,a.NP)(),c=(0,i.useState)(u.uiState.isMobilePortrait),p=(0,j.Z)(c,2),x=p[0],g=p[1],b=(0,i.useState)(u.uiState.snapPoints),f=(0,j.Z)(b,2),m=f[0],h=f[1],v=(0,i.useState)(null),S=(0,j.Z)(v,2),w=S[0],y=S[1],P=(0,k.useDivaCore)().state,O=P.dimensions,C=O.width,B=O.height,Z=P.initializing;(0,i.useEffect)((function(){M()}),[C,B,Z]);var M=function trySetSnapPoints(){var n=u.uiState.snapPoints;w&&clearTimeout(w),null!=n&&n.length?h(n):y(setTimeout((function(){return M()}),100))};(0,i.useEffect)((function(){g(u.uiState.isMobilePortrait)}),[u.uiState.isInMobileView,u.uiState.isMobileLandscape,u.uiState.isTablet,C,B]);var I=(0,i.useMemo)((function(){return function(n){return n.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(n){o(n.touches[0].clientY),l(n.touches[0].pageX)},handleTouchMove:function handleTouchMove(n){var e=n.touches[0].clientY,i=n.touches[0].pageX,o=Math.abs(e-t),r=Math.abs(i-s);o>=1&&o>2*r&&window.addEventListener("touchmove",I,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",I)},snapPoints:m,open:x}}(),l=s.handleTouchStart,u=s.handleTouchMove,c=s.handleTouchEnd,p=s.open,x=s.snapPoints,g=document.getElementById("wcConfigurator");if(!g)return(0,O.jsx)(O.Fragment,{});if(null==x||!x.length)return(0,O.jsx)(O.Fragment,{});var b=d.uiState.snapPoints[d.settingsState.activeSnapPointIndex];return e="string"==typeof b?b:"calc("+100*b+"%"+(3==d.settingsState.activeSnapPointIndex?")":" - 36px)"),(0,O.jsx)(o.dy.Root,{open:p,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:x,container:g,onClose:function onClose(){return d.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==d.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:x[d.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(n){return d.settingsState.setActiveSnapPointIndex(x.indexOf(n))},children:(0,O.jsx)(o.dy.Portal,{children:(0,O.jsxs)(o.dy.Content,{className:v.kh,style:{height:e},children:[(0,O.jsx)(o.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,O.jsxs)(o.dy.Handle,{className:P()(v.aq),onTouchStart:l,onTouchMove:u,onTouchEnd:c,children:[(0,O.jsx)("div",{className:v.Rx,children:(0,O.jsx)("div",{className:v.uQ})}),(0,O.jsx)("div",{className:v.ad,children:t})]}),d.uiState.isInMobileView&&(0,O.jsx)("div",{className:P()(w.Iz,v.J7),children:r})]})})})}))},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>l});var i=t(9420),o=(t(87363),t(88130)),r=t(82956),a=t(65515),d=t.n(a),s=t(47514);const l=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,o.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,s.jsxs)(s.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,s.jsx)("div",{className:d()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,s.jsxs)(s.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,s.jsx)("div",{className:d()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,s.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>m});var i=t(80248),o=t(72874),r=(t(87363),t(88130)),a=t(80509),d=t(90395),s=t(9420),l=t(82956),u=t(65515),c=t.n(u),p=t(99676),x=t(51451),g=t(59343),b=t(47514),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,s.Pi)((function Settings(n){var e,t,i=n.className,s=n.tabgroupElement,u=(0,o.Z)(n,f),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,v=(0,b.jsx)(b.Fragment,{children:h?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&(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)(d.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:s,children:v}),!m.uiState.isInMobileView&&v]}))}))},25322:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(88291),o=t(88130),r=(t(87363),t(9420)),a=t(93379),d=t.n(a),s=t(7795),l=t.n(s),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),g=t(19216),b=t.n(g),f=t(44589),m=t.n(f),h=t(29390),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=b();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(47514);const w=(0,r.Pi)((function ProgressBar(n){(0,i.Z)(n);var e=(0,o.NP)(),t=e.configuratorStructureHandler.lastConfigStep,r=e.tabGroupState.curConfigStep;if(!t||!r)return(0,S.jsx)(S.Fragment,{});var a=r.posNr,d=t.posNr,s=1==d?0:Math.round(a/d*100),l=100-s;return(0,S.jsxs)("div",{className:h.YS,children:[(0,S.jsx)("div",{className:h.L3,style:{width:s+"%"}}),(0,S.jsx)("div",{className:h.LM,style:{width:l+"%"}})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>f,vX:()=>b});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(38403),t.b),u=a()(o()),c=s()(l);u.push([n.id,".index-module--nrbS_ {\n width: 90%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n float: left;\n}\n\n.index-module--lGJqa {\n letter-spacing: 0.5px;\n -webkit-text-stroke: 0.1px;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n z-index: 999;\n width: 40em;\n max-width: 70%;\n max-height: 90%;\n background-color: white;\n padding: 1em 2em 0.5em 2em;\n border-radius: 15px;\n border: 1px solid #cbcbcb;\n font-size: 14.4px;\n color: #363636;\n display: flex;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n font-size: 16px;\n -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n padding: 0;\n margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n width: calc(100% - 65px);\n float: left;\n padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n height: 40px;\n width: 55px;\n display: block;\n background-repeat: no-repeat;\n background-position: center;\n float: left;\n clear: both;\n margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n border-radius: 20px;\n position: absolute;\n font-size: 22pt;\n font-family: sans-serif;\n font-weight: 50;\n top: -20px;\n right: -20px;\n width: 40px;\n height: 40px;\n background-color: #fff;\n color: #666;\n border: 2px solid #666;\n text-align: center;\n padding-top: 0px;\n content: 'X';\n}\n\n.index-module--OZydS:hover {\n background-color: #aaa;\n color: #000;\n border: 2px solid #000;\n}\n.index-module--FQDBA {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n color: #ffffff;\n height: 41px;\n width: 8%;\n margin: 8px 0 7px;\n float: right;\n border-radius: var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+c+");\n background-size: 16px;\n transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",g="index-module--OZydS",b="index-module--FQDBA";const f=u},26643:(n,e,t)=>{t.d(e,{Bg:()=>w,Ly:()=>y,ZP:()=>P,jl:()=>h,kL:()=>b,rK:()=>x,tM:()=>v,tW:()=>g,vt:()=>f,x6:()=>m,xn:()=>p,zh:()=>S});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),s=t.n(d),l=new URL(t(2431),t.b),u=a()(o()),c=s()(l);u.push([n.id,".index-module--QpGuZ {\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: 300;\n letter-spacing: 0.5px;\n -webkit-font-smoothing: antialiased;\n -webkit-text-stroke: 0.1px;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n overscroll-behavior-y: contain;\n}\n\n.index-module--QpGuZ *,\n.index-module--QpGuZ *::before,\n.index-module--QpGuZ *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--QpGuZ.index-module--M83gG {\n height: 100%;\n width: 100%;\n margin: 0;\n}\n\n.index-module--QpGuZ.index-module--FX0XZ {\n height: 100%;\n width: 100%;\n margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--y_P3G {\n position: absolute;\n width: 69%;\n top: calc(56px + 20px);\n height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--CgVUn {\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 - 40px);\n transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--mDl2O {\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--EZFN9 {\n position: absolute;\n width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n height: 80px;\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 padding-right: var(--settingsScrollerPaddingRight);\n padding-left: var(--settingsScrollerPaddingLeft);\n background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.index-module--Kxi4K {\n position: absolute;\n width: calc(31% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n height: 40px;\n right: 0px;\n bottom: 0px;\n padding-top: 20px;\n z-index: 600;\n transition: width 0.2s ease-in-out;\n font-weight: 700;\n padding-right: var(--settingsScrollerPaddingRight);\n padding-left: var(--settingsScrollerPaddingLeft);\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xWB6r .index-module--CgVUn {\n width: 62%;\n}\n\n.index-module--xWB6r .index-module--Kxi4K,\n.index-module--xWB6r .index-module--EZFN9 {\n width: calc(62% - var(--settingsScrollerPaddingRight) - var(--settingsScrollerPaddingLeft));\n}\n\n.index-module--QpGuZ.index-module--FX0XZ,\n.index-module--M83gG.index-module--QpGuZ {\n padding: 0;\n padding: initial;\n overflow: hidden;\n} /*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--M83gG .index-module--y_P3G {\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--M83gG .index-module--CgVUn {\n display: none;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--M83gG .index-module--mDl2O {\n display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--M83gG .index-module--EZFN9 {\n display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--M83gG .index-module--Kxi4K {\n display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--FX0XZ .index-module--y_P3G {\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--FX0XZ .index-module--CgVUn {\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--FX0XZ .index-module--mDl2O {\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--FX0XZ .index-module--EZFN9 {\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--FX0XZ .index-module--Kxi4K,\n.index-module--FX0XZ.index-module--fBW3N .index-module--Kxi4K {\n display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--JoQjU {\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--oaff8 {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.index-module--M83gG,\n.index-module--FX0XZ {\n --configuratorActionHeight: 50px;\n --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--QlPFY {\n --configuratorTabGroupHeight: 50px;\n --mobile-tabgroup-drawer-border-radius: 16px;\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--QpGuZ",x="index-module--M83gG",g="index-module--FX0XZ",b="index-module--y_P3G",f="index-module--CgVUn",m="index-module--mDl2O",h="index-module--EZFN9",v="index-module--Kxi4K",S="index-module--xWB6r",w="index-module--JoQjU",y="index-module--oaff8";const P=u},41060:(n,e,t)=>{t.d(e,{J7:()=>l,Rx:()=>u,ZP:()=>x,ad:()=>p,aq:()=>s,kh:()=>d,uQ:()=>c});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--qmbFa {\n transition:\n opacity 0.3s ease,\n transform 0.5s cubic-bezier(0.32, 0.72, 0, 1) !important;\n}\n\n.index-module--qmbFa {\n outline: medium none invert;\n outline: initial;\n position: absolute;\n z-index: 1000;\n width: 100%;\n left: 0;\n right: 0;\n opacity: 1;\n}\n\n.diva-fullscreen .index-module--qmbFa {\n position: fixed;\n}\n\n.index-module--qmbFa.vaul-dragging {\n transition: opacity 0.3s ease !important;\n height: calc(100% - 36px) !important;\n}\n\ndiv.index-module--Lklbq {\n width: 100%;\n opacity: 1;\n height: var(--configuratorTabGroupHeight);\n background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n background: initial;\n border-radius: 0px;\n box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--A4coW {\n display: flex;\n flex-direction: column;\n height: calc(100% - 38px);\n overflow: hidden;\n background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n transform: none;\n transform: initial;\n left: auto;\n left: initial;\n top: auto;\n top: initial;\n}\n\n.index-module--WO2oD {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -32px);\n width: 40px;\n height: 40px;\n touch-action: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n width: var(--configuratorTabGroupHeight);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--yfZrB {\n position: relative;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n display: flex;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n pointer-events: all !important;\n}\n",""]);var d="index-module--qmbFa",s="index-module--Lklbq",l="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",p="index-module--yfZrB";const x=a},29390:(n,e,t)=>{t.d(e,{L3:()=>s,LM:()=>l,YS:()=>d,ZP:()=>u});var 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 d="index-module--rHd3V",s="index-module--_zSo1",l="index-module--tkNQ6";const u=a}}]);