@crystaldesign/diva-web-planner-react 26.7.0-rc.3 → 26.7.0-rc.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (261) hide show
  1. package/build/esm/{Planner2DGrid-f4919caf.js → Planner2DGrid-23893236.js} +1 -1
  2. package/build/esm/{Planner3DImage-bfd4f354.js → Planner3DImage-21437a82.js} +1 -1
  3. package/build/esm/{UnlockCard-2b54e1d1.js → UnlockCard-4b1915e3.js} +1 -1
  4. package/build/esm/{index-15c733e1.js → index-024989a2.js} +1 -1
  5. package/build/esm/{index-b754ff98.js → index-02bc823e.js} +1 -1
  6. package/build/esm/{index-a8e270a3.js → index-0380deef.js} +2 -2
  7. package/build/esm/{index-91d7b72d.js → index-05682b6a.js} +3 -3
  8. package/build/esm/{index-24ac057d.js → index-059e2726.js} +1 -1
  9. package/build/esm/{index-35d13cf2.js → index-05d9aa92.js} +90 -90
  10. package/build/esm/{index-5c48fd64.js → index-0734fa6e.js} +1 -1
  11. package/build/esm/{index-e78421d0.js → index-0ad1d2b8.js} +1 -1
  12. package/build/esm/{index-b7627683.js → index-0c3a3e1a.js} +5 -5
  13. package/build/esm/{index-9753700a.js → index-0c4c0fe3.js} +1 -1
  14. package/build/esm/{index-f3036e50.js → index-0d40120e.js} +4 -4
  15. package/build/esm/{index-81b435ea.js → index-101ea5bf.js} +1 -1
  16. package/build/esm/{index-3eebe6d4.js → index-14858f28.js} +1 -1
  17. package/build/esm/{index-a8f2d918.js → index-15d501d5.js} +73 -73
  18. package/build/esm/{index-dd096b17.js → index-16258b9a.js} +1 -1
  19. package/build/esm/{index-b21a9e78.js → index-1707cf30.js} +5 -5
  20. package/build/esm/{index-a65977f4.js → index-173492ed.js} +1 -1
  21. package/build/esm/{index-8c1344a7.js → index-18255826.js} +68 -68
  22. package/build/esm/{index-e37b70f9.js → index-18e0b250.js} +1 -1
  23. package/build/esm/{index-7e08796d.js → index-19d533b5.js} +102 -102
  24. package/build/esm/{index-73792d90.js → index-1af66e1f.js} +1 -1
  25. package/build/esm/{index-34b927c9.js → index-1c6253ef.js} +1 -1
  26. package/build/esm/{index-f30e5fd4.js → index-1c7377b2.js} +1 -1
  27. package/build/esm/{index-0f543154.js → index-1e361024.js} +2 -2
  28. package/build/esm/{index-985c6dd5.js → index-1fc045c0.js} +1 -1
  29. package/build/esm/{index-ca999d66.js → index-2139d38b.js} +1 -1
  30. package/build/esm/{index-2d893247.js → index-219be833.js} +5 -5
  31. package/build/esm/{index-7ea05ded.js → index-2203a5a9.js} +25 -25
  32. package/build/esm/{index-ab828043.js → index-22c4848e.js} +1 -1
  33. package/build/esm/{index-604f075d.js → index-24f87d5a.js} +1 -1
  34. package/build/esm/{index-dbeb82d4.js → index-250b13b2.js} +89 -89
  35. package/build/esm/{index-12a0d1b1.js → index-256ef968.js} +1 -1
  36. package/build/esm/{index-d35f6bac.js → index-26026f6e.js} +4 -4
  37. package/build/esm/{index-ede2b1f0.js → index-26ce39a3.js} +1 -1
  38. package/build/esm/{index-93b400f3.js → index-270a7482.js} +6 -6
  39. package/build/esm/{index-9d7429e8.js → index-2885a968.js} +1 -1
  40. package/build/esm/{index-d392cff3.js → index-2b528748.js} +4 -4
  41. package/build/esm/{index-07e10daa.js → index-2eae015b.js} +4 -4
  42. package/build/esm/{index-c6f6fcb7.js → index-2f3af18a.js} +2 -2
  43. package/build/esm/{index-ffac278f.js → index-32c19d2f.js} +65 -65
  44. package/build/esm/{index-73873de6.js → index-33dd97b8.js} +1 -1
  45. package/build/esm/{index-d0f22340.js → index-348fce47.js} +1 -1
  46. package/build/esm/{index-8225ff04.js → index-362fae86.js} +2 -2
  47. package/build/esm/{index-db94f032.js → index-36cea90b.js} +1 -1
  48. package/build/esm/{index-3f4844e2.js → index-37f9e2ac.js} +65 -65
  49. package/build/esm/{index-5f29821f.js → index-391d2fbd.js} +5 -5
  50. package/build/esm/{index-e0291e15.js → index-39553bf7.js} +1 -1
  51. package/build/esm/{index-703478b0.js → index-397e95bb.js} +68 -68
  52. package/build/esm/{index-5a4cb7e7.js → index-39a44379.js} +66 -66
  53. package/build/esm/{index-fbe6109c.js → index-3c7f4c83.js} +1 -1
  54. package/build/esm/{index-a2201c22.js → index-3ca36664.js} +1 -1
  55. package/build/esm/{index-8ced14fa.js → index-3e84222d.js} +1 -1
  56. package/build/esm/{index-96bba4b3.js → index-41cbad57.js} +90 -90
  57. package/build/esm/{index-48aea99b.js → index-44efcfc1.js} +19 -19
  58. package/build/esm/{index-680b84a6.js → index-451253f5.js} +3 -3
  59. package/build/esm/{index-2aa95ec3.js → index-45567812.js} +4 -8
  60. package/build/esm/{index-55fb54a5.js → index-47970c6c.js} +2 -2
  61. package/build/esm/{index-2fb729d5.js → index-483a5ee7.js} +1 -1
  62. package/build/esm/{index-9bcba719.js → index-4843a100.js} +3 -3
  63. package/build/esm/{index-225e2edf.js → index-48619db8.js} +5 -5
  64. package/build/esm/{index-85d882bc.js → index-4982937e.js} +3 -3
  65. package/build/esm/{index-ab906865.js → index-49a1adee.js} +15 -15
  66. package/build/esm/{index-4bc1b4e7.js → index-49dafd22.js} +3 -3
  67. package/build/esm/{index-72c0fec4.js → index-4b589b93.js} +1 -1
  68. package/build/esm/{index-a12a6ca6.js → index-4ca9d9bf.js} +1 -1
  69. package/build/esm/{index-f16cbf3d.js → index-4deea162.js} +70 -70
  70. package/build/esm/{index-65c056d1.js → index-4f102c85.js} +1 -1
  71. package/build/esm/{index-3a955e92.js → index-4f40882a.js} +2 -2
  72. package/build/esm/{index-0ad00d42.js → index-4fad6222.js} +1 -1
  73. package/build/esm/{index-d1e17c75.js → index-500b82a0.js} +9 -4
  74. package/build/esm/{index-8bc1a01c.js → index-53c4a874.js} +1 -1
  75. package/build/esm/{index-4b619ba1.js → index-53db184d.js} +2 -2
  76. package/build/esm/{index-4a6ad404.js → index-5415bdce.js} +1 -1
  77. package/build/esm/{index-ac16f06b.js → index-546b32fe.js} +1 -1
  78. package/build/esm/{index-92e96e83.js → index-54926900.js} +21 -21
  79. package/build/esm/{index-0f4ff165.js → index-5638649a.js} +3 -3
  80. package/build/esm/{index-eee4a852.js → index-5818b723.js} +3 -3
  81. package/build/esm/{index-3856129a.js → index-59c3abb7.js} +1 -1
  82. package/build/esm/{index-46787ee3.js → index-5c33a2f9.js} +1 -1
  83. package/build/esm/{index-8a51ff75.js → index-5c41bbb0.js} +2 -2
  84. package/build/esm/{index-4bdb3931.js → index-5d88e95a.js} +1 -1
  85. package/build/esm/{index-09aba2bd.js → index-5f188f6b.js} +21 -21
  86. package/build/esm/{index-43ab98b7.js → index-61ca9a6c.js} +1 -1
  87. package/build/esm/{index-5900084b.js → index-62d6af35.js} +1 -1
  88. package/build/esm/{index-0230f05c.js → index-645d4c02.js} +8 -8
  89. package/build/esm/{index-092c7bf3.js → index-653c9d13.js} +1 -1
  90. package/build/esm/{index-a0581b20.js → index-680bd99d.js} +1 -1
  91. package/build/esm/{index-88f31bba.js → index-6814e3e7.js} +1 -1
  92. package/build/esm/{index-72ed9ea7.js → index-68c57d55.js} +5 -5
  93. package/build/esm/{index-d146b2e3.js → index-690a9a8f.js} +3 -3
  94. package/build/esm/{index-71e3ebb3.js → index-6aa51fac.js} +1 -1
  95. package/build/esm/{index-ce4bc2a0.js → index-6c680ea1.js} +2 -2
  96. package/build/esm/{index-f9c04476.js → index-6e225d6b.js} +76 -76
  97. package/build/esm/{index-3ae6c2e9.js → index-6efe8477.js} +18 -18
  98. package/build/esm/{index-8da9dced.js → index-710e29ad.js} +1 -1
  99. package/build/esm/{index-10d660fb.js → index-7455a763.js} +89 -89
  100. package/build/esm/{index-2a37c0a1.js → index-752975c0.js} +2 -2
  101. package/build/esm/{index-4a6ae5c9.js → index-78d39eaf.js} +2 -2
  102. package/build/esm/{index-d8efc5f4.js → index-7919401b.js} +263 -256
  103. package/build/esm/{index-3c4550c0.js → index-7ce181fb.js} +3 -3
  104. package/build/esm/{index-61c7e530.js → index-7de9bf12.js} +3 -3
  105. package/build/esm/{index-0d535202.js → index-7e5dda9b.js} +3 -3
  106. package/build/esm/{index-41f0fd68.js → index-7eab8fd7.js} +1 -1
  107. package/build/esm/{index-a25bd860.js → index-7f02efe0.js} +7 -7
  108. package/build/esm/{index-790cf97a.js → index-7f5ba73f.js} +2 -2
  109. package/build/esm/{index-89d45734.js → index-80896cc2.js} +1 -1
  110. package/build/esm/{index-a720ab65.js → index-80bed930.js} +20 -20
  111. package/build/esm/{index-559dfd6c.js → index-8110b95c.js} +1 -1
  112. package/build/esm/{index-de5f1787.js → index-82266a44.js} +1 -1
  113. package/build/esm/{index-4322831c.js → index-8252c05f.js} +1 -1
  114. package/build/esm/{index-3e4a61cf.js → index-8290d49d.js} +2 -2
  115. package/build/esm/{index-0ce854e7.js → index-83e4ac8c.js} +1 -1
  116. package/build/esm/{index-10dfe0a2.js → index-860616d5.js} +22 -22
  117. package/build/esm/{index-6d888506.js → index-86c0959c.js} +1 -1
  118. package/build/esm/{index-18b2db16.js → index-870f3274.js} +79 -78
  119. package/build/esm/{index-cbdf0272.js → index-877f065c.js} +2 -2
  120. package/build/esm/{index-fa4b1ef9.js → index-8803b413.js} +2 -2
  121. package/build/esm/{index-b57014f3.js → index-88202ab8.js} +1 -1
  122. package/build/esm/{index-96a30b46.js → index-8a90e9a2.js} +1 -1
  123. package/build/esm/{index-62a17882.js → index-8b10643c.js} +2 -2
  124. package/build/esm/{index-ea48913d.js → index-8b38db44.js} +5 -5
  125. package/build/esm/{index-e8a55e11.js → index-8b3b10c5.js} +3 -3
  126. package/build/esm/{index-1481423e.js → index-8bef96da.js} +6 -6
  127. package/build/esm/{index-edcedc79.js → index-8fb60683.js} +5 -5
  128. package/build/esm/{index-34613233.js → index-90315372.js} +1 -1
  129. package/build/esm/{index-4fe1f8f6.js → index-914350b3.js} +1 -1
  130. package/build/esm/{index-4897f1f3.js → index-92caddbe.js} +71 -71
  131. package/build/esm/{index-8666ba7d.js → index-92e1e14c.js} +1 -1
  132. package/build/esm/{index-917e294a.js → index-96029817.js} +1 -1
  133. package/build/esm/{index-8d3fd1e9.js → index-96c75939.js} +1 -1
  134. package/build/esm/{index-e2ce44a5.js → index-96d5df9a.js} +69 -69
  135. package/build/esm/{index-4c1fa198.js → index-9813ee45.js} +7 -7
  136. package/build/esm/{index-065787e2.js → index-9871dceb.js} +5 -5
  137. package/build/esm/{index-d8c4f482.js → index-9885cb9b.js} +5 -5
  138. package/build/esm/{index-39368a66.js → index-9a67e660.js} +2 -2
  139. package/build/esm/{index-45d15968.js → index-9ae50a98.js} +1 -1
  140. package/build/esm/{index-baf5d7f9.js → index-9c40c3be.js} +1 -1
  141. package/build/esm/{index-d6d0e50b.js → index-9cbd57ed.js} +1 -1
  142. package/build/esm/{index-43d92d7d.js → index-9cde4eee.js} +1 -1
  143. package/build/esm/{index-373f1397.js → index-9d664a2c.js} +1 -1
  144. package/build/esm/{index-fcfbda02.js → index-9d9654f1.js} +8 -8
  145. package/build/esm/{index-32073ed9.js → index-9ed3766a.js} +1 -1
  146. package/build/esm/{index-bf0e159c.js → index-9ede619c.js} +1 -1
  147. package/build/esm/{index-2e3e2f8d.js → index-a163ed08.js} +1 -1
  148. package/build/esm/{index-602174f0.js → index-a2f7cef7.js} +1 -1
  149. package/build/esm/{index-54fd3116.js → index-a437d31e.js} +91 -91
  150. package/build/esm/{index-475a6d89.js → index-a45d5d90.js} +1 -1
  151. package/build/esm/{index-1884864a.js → index-a71da03b.js} +1 -1
  152. package/build/esm/{index-f74b9952.js → index-a842ab11.js} +20 -20
  153. package/build/esm/{index-9878e835.js → index-a88ecc5f.js} +2 -2
  154. package/build/esm/{index-54e9e7f7.js → index-a899671c.js} +3 -3
  155. package/build/esm/{index-d7ee8ecd.js → index-a9a0adf1.js} +1 -1
  156. package/build/esm/{index-1c40c9f9.js → index-a9facbfa.js} +1 -1
  157. package/build/esm/{index-9af7519d.js → index-ad53cd5a.js} +1 -1
  158. package/build/esm/{index-79e62216.js → index-ada7323c.js} +1 -1
  159. package/build/esm/{index-1e271edd.js → index-ae378057.js} +1 -1
  160. package/build/esm/{index-e3c0edd4.js → index-b14e4f5d.js} +1 -1
  161. package/build/esm/{index-5203d2f3.js → index-b1c43339.js} +3 -3
  162. package/build/esm/{index-95a0d548.js → index-b3c56929.js} +2 -2
  163. package/build/esm/{index-0a273f36.js → index-b3d8b644.js} +2 -2
  164. package/build/esm/{index-24b6a59c.js → index-b6205227.js} +1 -1
  165. package/build/esm/{index-9253a373.js → index-b69be6de.js} +5 -5
  166. package/build/esm/{index-b72bfece.js → index-b6a64be6.js} +5 -5
  167. package/build/esm/{index-3e263822.js → index-b79916bd.js} +1 -1
  168. package/build/esm/{index-382d2693.js → index-b82944f9.js} +2 -2
  169. package/build/esm/{index-006b83c9.js → index-b82fed94.js} +84 -84
  170. package/build/esm/{index-55a27904.js → index-b8811958.js} +2 -2
  171. package/build/esm/{index-f6214db7.js → index-bb00f61d.js} +17 -17
  172. package/build/esm/{index-9bba7f59.js → index-bb7fa4d9.js} +1 -1
  173. package/build/esm/{index-ca11dcb8.js → index-bd294fc8.js} +3 -3
  174. package/build/esm/{index-1f91ee5f.js → index-bff9e4f4.js} +70 -70
  175. package/build/esm/{index-55723b8d.js → index-c1603eda.js} +1 -1
  176. package/build/esm/{index-87c0b18c.js → index-c29dd9ae.js} +10 -9
  177. package/build/esm/{index-71b52692.js → index-c365c0da.js} +1 -1
  178. package/build/esm/{index-1383b7ee.js → index-c38c5174.js} +3 -3
  179. package/build/esm/{index-0edf5c20.js → index-c4e7eaf3.js} +66 -66
  180. package/build/esm/{index-347cbde0.js → index-c76b9b21.js} +1 -1
  181. package/build/esm/{index-e24d306e.js → index-c7d411f3.js} +4 -4
  182. package/build/esm/{index-69169071.js → index-c8532c42.js} +1 -1
  183. package/build/esm/{index-ab808a45.js → index-cf3e0922.js} +67 -67
  184. package/build/esm/{index-a6c74304.js → index-cf9e537d.js} +5 -5
  185. package/build/esm/{index-1025e9c4.js → index-d3112e9c.js} +1 -1
  186. package/build/esm/{index-2f2300c2.js → index-d4281151.js} +2 -2
  187. package/build/esm/{index-5f04ca4d.js → index-d434ee90.js} +2 -2
  188. package/build/esm/{index-d31b67ec.js → index-d4cd3d89.js} +1 -1
  189. package/build/esm/{index-a046a151.js → index-d9bd29b5.js} +19 -19
  190. package/build/esm/{index-11c49204.js → index-da7f9d46.js} +103 -103
  191. package/build/esm/{index-b76e780f.js → index-db57f9d8.js} +1 -1
  192. package/build/esm/{index-6f51eb96.js → index-dc76c428.js} +3 -3
  193. package/build/esm/{index-6a4eaf8b.js → index-dd0a3a67.js} +3 -3
  194. package/build/esm/{index-e6abe156.js → index-dd70d14f.js} +4 -4
  195. package/build/esm/{index-1463bd8b.js → index-dda2b1f9.js} +3 -3
  196. package/build/esm/{index-50f0c3b0.js → index-df7fb14f.js} +1 -1
  197. package/build/esm/{index-ec3409de.js → index-e20efdc4.js} +1 -1
  198. package/build/esm/{index-ff0a3002.js → index-e480f745.js} +2 -2
  199. package/build/esm/{index-6cc0e7f5.js → index-e5c4f9ef.js} +1 -1
  200. package/build/esm/{index-a1bda5ed.js → index-e6a54bd5.js} +1 -1
  201. package/build/esm/{index-f2639ef4.js → index-e7cc3cb5.js} +3 -3
  202. package/build/esm/{index-1bd71ea1.js → index-e7d835da.js} +1 -1
  203. package/build/esm/{index-cddcc9fb.js → index-e8026d08.js} +1 -1
  204. package/build/esm/{index-5b2a3b60.js → index-e83999b4.js} +2 -2
  205. package/build/esm/{index-186b6a7a.js → index-ebf41990.js} +1 -1
  206. package/build/esm/{index-278b4d5f.js → index-ec1c9a44.js} +1 -1
  207. package/build/esm/{index-bc0a6b2a.js → index-ec3f6432.js} +1 -1
  208. package/build/esm/{index-2337ec1f.js → index-ec4b7f35.js} +20 -20
  209. package/build/esm/{index-f76ad90d.js → index-efafc8e0.js} +2 -2
  210. package/build/esm/{index-93b9cd80.js → index-f2f91854.js} +1 -1
  211. package/build/esm/{index-d63eb654.js → index-f3fc45c4.js} +2 -2
  212. package/build/esm/{index-c220d58c.js → index-f4826486.js} +3 -3
  213. package/build/esm/{index-f09bfae5.js → index-f49ecb95.js} +8 -8
  214. package/build/esm/{index-8bed8de1.js → index-f68f3bfd.js} +2 -2
  215. package/build/esm/{index-7f37e436.js → index-f6dc6d97.js} +1 -1
  216. package/build/esm/{index-3c9fdf61.js → index-f7c0760a.js} +1 -1
  217. package/build/esm/{index-20e25537.js → index-f80f7874.js} +1 -1
  218. package/build/esm/{index-bb5588f3.js → index-f8188fb0.js} +1 -1
  219. package/build/esm/{index-11e63642.js → index-f8a3332d.js} +3 -3
  220. package/build/esm/{index-3c2288e2.js → index-f930f630.js} +1 -1
  221. package/build/esm/{index-e59a89c2.js → index-fb4b2b46.js} +87 -87
  222. package/build/esm/{index-68eaba05.js → index-fcd095bc.js} +1 -1
  223. package/build/esm/{index-6f70204c.js → index-fdb837b0.js} +1 -1
  224. package/build/esm/{index-c01a1474.js → index-fe50f6e0.js} +1 -1
  225. package/build/esm/{index-d7db5d4e.js → index-ff5b52e1.js} +2 -2
  226. package/build/esm/index.js +1 -1
  227. package/build/esm/{index.module-52e2b5ee.js → index.module-17ec9f61.js} +1 -1
  228. package/build/esm/{index.module-393478ea.js → index.module-20093ce3.js} +1 -1
  229. package/build/esm/{index.module-ccdf4705.js → index.module-6e415718.js} +1 -1
  230. package/build/esm/{index.module-d5aa7fdb.js → index.module-7c2f57bd.js} +1 -1
  231. package/build/esm/{index.module-70f624cb.js → index.module-9da1ad8e.js} +1 -1
  232. package/build/esm/{index.module-e47dbcf5.js → index.module-bb37589b.js} +1 -1
  233. package/build/esm/{index.module-97eda150.js → index.module-bbbe0d9f.js} +1 -1
  234. package/build/esm/{index.module-7409325f.js → index.module-c1af1a8d.js} +1 -1
  235. package/build/esm/{index.module-f206a2d2.js → index.module-fd609a8f.js} +1 -1
  236. package/build/esm/{useCustomDimensions-538b0714.js → useCustomDimensions-ed3b9e22.js} +1 -1
  237. package/build/esm/{ussIsSticky-bbc52602.js → ussIsSticky-f8000322.js} +1 -1
  238. package/build/types/web-planner-react/src/components/Settings/SettingsHeaderContainer/index.d.ts.map +1 -1
  239. package/build/types/web-planner-react/src/components/Settings/SettingsSwiper/useSwiperHook.d.ts.map +1 -1
  240. package/build/types/web-planner-react/src/components/TabGroup/TabGroupVertical/index.d.ts.map +1 -1
  241. package/build/types/web-planner-react/src/model/States/UIState/Tabgroups/index.d.ts +1 -3
  242. package/build/types/web-planner-react/src/model/States/UIState/Tabgroups/index.d.ts.map +1 -1
  243. package/build/umd/1026.diva-web-planner-react.umd.min.js +1 -1
  244. package/build/umd/1528.diva-web-planner-react.umd.min.js +1 -1
  245. package/build/umd/2018.diva-web-planner-react.umd.min.js +1 -1
  246. package/build/umd/2147.diva-web-planner-react.umd.min.js +1 -1
  247. package/build/umd/2849.diva-web-planner-react.umd.min.js +1 -1
  248. package/build/umd/2890.diva-web-planner-react.umd.min.js +1 -1
  249. package/build/umd/3382.diva-web-planner-react.umd.min.js +1 -1
  250. package/build/umd/3901.diva-web-planner-react.umd.min.js +1 -1
  251. package/build/umd/4557.diva-web-planner-react.umd.min.js +1 -1
  252. package/build/umd/509.diva-web-planner-react.umd.min.js +1 -1
  253. package/build/umd/64.diva-web-planner-react.umd.min.js +1 -1
  254. package/build/umd/7377.diva-web-planner-react.umd.min.js +1 -1
  255. package/build/umd/7853.diva-web-planner-react.umd.min.js +1 -1
  256. package/build/umd/8048.diva-web-planner-react.umd.min.js +1 -1
  257. package/build/umd/8649.diva-web-planner-react.umd.min.js +1 -1
  258. package/build/umd/905.diva-web-planner-react.umd.min.js +1 -1
  259. package/build/umd/diva-web-planner-react.umd.min.js +1 -1
  260. package/build/umd/report.html +1 -1
  261. package/package.json +8 -8
package/build/umd/2890.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 2890.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2890],{2890:(n,e,t)=>{t.r(e),t.d(e,{default:()=>G});var i=t(65515),o=t.n(i),r=t(99872),a=t(9420),l=t(87363),d=t(88683),s=t(93379),u=t.n(s),c=t(7795),p=t.n(c),m=t(90569),x=t.n(m),h=t(3565),v=t.n(h),f=t(19216),g=t.n(f),b=t(44589),y=t.n(b),k=t(92961),T={};T.styleTagTransform=y(),T.setAttributes=v(),T.insert=x().bind(null,"head"),T.domAPI=p(),T.insertStyleElement=g();u()(k.ZP,T);k.ZP&&k.ZP.locals&&k.ZP.locals;var w=t(47514);const G=(0,a.Pi)((function TabGroupItemHorizontalInspiration(n){var e=n.tabGroup,t=(0,r.NP)(),i=(0,d.useTranslation)().t,a=(0,l.useRef)(null),s=t.tabGroupState.curTabGroup;(0,l.useEffect)((function(){t.tabGroupState.setTabGroupItems(e.key,a.current)}),[a]);var u=Object.keys(t.tabGroupState.allTabGroups),c=e.posNr==(null==s?void 0:s.posNr),p=u[u.length-1]==e.key;return(0,w.jsxs)("div",{className:o()(k.YS,t.uiState.isMobilePortrait?k.tW:void 0,t.uiState.isTablet?k.Mq:void 0,e.title==(null==s?void 0:s.title)&&c?k.F1:void 0),children:[(0,w.jsx)("div",{ref:a,onClick:function onClick(n){n.stopPropagation(),function onTabGroupClick(n){window.lastNavigationType="TABGROUP_BY_POS_NR",t.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(e)},className:o()(k.TI),children:i("configurator."+e.title,e.title)}),!p&&(0,w.jsx)("div",{className:k.Sf,children:(0,w.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,w.jsx)("path",{d:"M4 2L8 6L4 10",stroke:"currentColor",strokeWidth:"0.75",strokeLinecap:"round",strokeLinejoin:"round"})})})]})}))},92961:(n,e,t)=>{t.d(e,{F1:()=>c,Mq:()=>u,Sf:()=>p,TI:()=>d,YS:()=>l,ZP:()=>m,tW:()=>s});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--dDrUl {\n display: flex;\n align-items: center;\n float: left;\n height: 100%;\n}\n\n.index-module--LI7Li {\n height: 100%;\n width: -moz-fit-content;\n width: fit-content;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 12px;\n font-size: 14px;\n font-weight: 300;\n white-space: nowrap;\n color: var(--diva-theme-palette-text-secondary);\n cursor: pointer;\n transition:\n color 0.2s ease-out,\n background-color 0.2s ease-out;\n line-height: 1;\n border: none;\n background: none;\n}\n\n.index-module--Yn_1W:not(.index-module--TcczG) .index-module--LI7Li {\n font-size: 12px;\n padding: 0 8px;\n}\n\n.index-module--LI7Li:hover {\n color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--WI98r .index-module--LI7Li {\n color: var(--diva-theme-palette-primary-main);\n background-color: color-mix(in srgb, var(--diva-theme-palette-primary-main) 5%, transparent);\n border-radius: 2px;\n}\n\n.index-module--UGxoh {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 12px;\n height: 12px;\n color: color-mix(in srgb, var(--diva-theme-palette-text-primary) 15%, transparent);\n}\n\n.index-module--Yn_1W:not(.index-module--TcczG) .index-module--UGxoh {\n width: 10px;\n height: 10px;\n}\n",""]);var l="index-module--dDrUl",d="index-module--LI7Li",s="index-module--Yn_1W",u="index-module--TcczG",c="index-module--WI98r",p="index-module--UGxoh";const m=a}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[2890],{2890:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var i=t(12952),o=t(65515),r=t.n(o),a=t(99872),l=t(9420),d=t(87363),s=t(88683),u=t(93379),c=t.n(u),p=t(7795),m=t.n(p),x=t(90569),h=t.n(x),v=t(3565),f=t.n(v),g=t(19216),b=t.n(g),y=t(44589),k=t.n(y),T=t(92961),w={};w.styleTagTransform=k(),w.setAttributes=f(),w.insert=h().bind(null,"head"),w.domAPI=m(),w.insertStyleElement=b();c()(T.ZP,w);T.ZP&&T.ZP.locals&&T.ZP.locals;var G=t(47514);const P=(0,l.Pi)((function TabGroupItemHorizontalInspiration(n){var e=n.tabGroup,t=(0,a.NP)(),o=(0,s.useTranslation)().t,l=(0,d.useRef)(null),u=t.tabGroupState.curTabGroup;(0,d.useEffect)((function(){t.tabGroupState.setTabGroupItems(e.key,l.current)}),[l]);var c=(0,i.Z)(t.tabGroupState.allTabGroups.keys()),p=e.posNr==(null==u?void 0:u.posNr),m=c[c.length-1]==e.key;return(0,G.jsxs)("div",{className:r()(T.YS,t.uiState.isMobilePortrait?T.tW:void 0,t.uiState.isTablet?T.Mq:void 0,e.title==(null==u?void 0:u.title)&&p?T.F1:void 0),children:[(0,G.jsx)("div",{ref:l,onClick:function onClick(n){n.stopPropagation(),function onTabGroupClick(n){window.lastNavigationType="TABGROUP_BY_POS_NR",t.tabGroupState.navigateToTabgroupByPosNr(+n.posNr)}(e)},className:r()(T.TI),children:o("configurator."+e.title,e.title)}),!m&&(0,G.jsx)("div",{className:T.Sf,children:(0,G.jsx)("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,G.jsx)("path",{d:"M4 2L8 6L4 10",stroke:"currentColor",strokeWidth:"0.75",strokeLinecap:"round",strokeLinejoin:"round"})})})]})}))},92961:(n,e,t)=>{t.d(e,{F1:()=>c,Mq:()=>u,Sf:()=>p,TI:()=>d,YS:()=>l,ZP:()=>m,tW:()=>s});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--dDrUl {\n display: flex;\n align-items: center;\n float: left;\n height: 100%;\n}\n\n.index-module--LI7Li {\n height: 100%;\n width: -moz-fit-content;\n width: fit-content;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 12px;\n font-size: 14px;\n font-weight: 300;\n white-space: nowrap;\n color: var(--diva-theme-palette-text-secondary);\n cursor: pointer;\n transition:\n color 0.2s ease-out,\n background-color 0.2s ease-out;\n line-height: 1;\n border: none;\n background: none;\n}\n\n.index-module--Yn_1W:not(.index-module--TcczG) .index-module--LI7Li {\n font-size: 12px;\n padding: 0 8px;\n}\n\n.index-module--LI7Li:hover {\n color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--WI98r .index-module--LI7Li {\n color: var(--diva-theme-palette-primary-main);\n background-color: color-mix(in srgb, var(--diva-theme-palette-primary-main) 5%, transparent);\n border-radius: 2px;\n}\n\n.index-module--UGxoh {\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n width: 12px;\n height: 12px;\n color: color-mix(in srgb, var(--diva-theme-palette-text-primary) 15%, transparent);\n}\n\n.index-module--Yn_1W:not(.index-module--TcczG) .index-module--UGxoh {\n width: 10px;\n height: 10px;\n}\n",""]);var l="index-module--dDrUl",d="index-module--LI7Li",s="index-module--Yn_1W",u="index-module--TcczG",c="index-module--WI98r",p="index-module--UGxoh";const m=a}}]);
package/build/umd/3382.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 3382.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3382,1358],{41358:(n,e,i)=>{i.r(e),i.d(e,{default:()=>F});var t=i(34988),r=i(9420),o=i(87363),a=i(99872),d=i(93379),s=i.n(d),l=i(7795),p=i.n(l),u=i(90569),w=i.n(u),c=i(3565),x=i.n(c),f=i(19216),g=i.n(f),m=i(44589),v=i.n(m),b=i(76640),h={};h.styleTagTransform=v(),h.setAttributes=x(),h.insert=w().bind(null,"head"),h.domAPI=p(),h.insertStyleElement=g();s()(b.ZP,h);b.ZP&&b.ZP.locals&&b.ZP.locals;var D=i(65515),y=i.n(D),W=i(47514);const F=(0,r.Pi)((function NavForwardButton(n){var e=(0,a.NP)(),i=(0,o.useState)(!1),r=(0,t.Z)(i,2),d=r[0],s=r[1];return(0,o.useEffect)((function(){setTimeout((function(){s(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,W.jsx)("div",{className:y()(b.YS,d&&b.oP,e.uiState.isTablet?b.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,W.jsx)("div",{className:b.qv})})}))},13382:(n,e,i)=>{i.r(e),i.d(e,{default:()=>h});var t=i(88291),r=i(9420),o=i(87363),a=i(37707),d=i(99872),s=i(82956),l=i(28649),p=i(74133),u=i(84658),w=i(34988),c=i(50747),x=i.n(c),f=i(88683),g=i(41358),m=i(65515),v=i.n(m),b=i(47514);const h=(0,r.Pi)((function SettingsSwiper(n){(0,t.Z)(n);var e=(0,d.NP)(),i=function useSwiperHook(n){var e=(0,o.useState)(null),i=(0,w.Z)(e,2),t=i[0],r=i[1],a=(0,o.useState)([]),d=(0,w.Z)(a,2),s=d[0],l=d[1];(0,o.useEffect)((function(){var e=Object.keys(n.tabGroupState.allTabGroups);l(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==t?void 0:t.activeIndex)&&(null==t||t.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,t]);var p=function(){var n=(0,u.Z)(x().mark((function _callee(){var n,e,i,r,o,a=arguments;return x().wrap((function _callee$(d){for(;;)switch(d.prev=d.next){case 0:if(n=a.length>0&&void 0!==a[0]?a[0]:50,e=a.length>1&&void 0!==a[1]?a[1]:500,t){d.next=4;break}return d.abrupt("return");case 4:return i=.25*e,r=t.getTranslate(),o=r-n,t.allowTouchMove=!1,t.setTransition(2*i),t.setTranslate(o),d.next=12,f.DivaUtils.Sleep(2*i);case 12:return t.setTransition(i),t.setTranslate(r-.5*n),d.next=16,f.DivaUtils.Sleep(i);case 16:return t.setTransition(.5*i),t.setTranslate(.8*o),d.next=20,f.DivaUtils.Sleep(.5*i);case 20:t.setTransition(1.75*i),t.setTranslate(r),t.allowTouchMove=!0;case 23:case"end":return d.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),c=n.tabGroupState.curTabGroup?s.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:t,setSwiperRef:r,allSwipes:s,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var i=e.activeIndex-s.indexOf(n.tabGroupState.curTabGroup.key);1==i?n.actionButtonState.onClickConfiguratorSettingsForth(!0,!0):-1==i?n.actionButtonState.onClickConfiguratorSettingsBack():0!==i&&n.tabGroupState.allTabGroups[s[e.activeIndex]]&&n.tabGroupState.navigateToTabgroupByPosNr(n.tabGroupState.allTabGroups[s[e.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:c,teaseSwipe:p}}(e),r=i.setSwiperRef,c=i.allSwipes,m=i.handleSlideChange,h=i.handleSetTransition,D=i.handleTransitionEnd,y=i.initialSlide;return e.tabGroupState.curTabGroup&&null!=c&&c.length?(0,b.jsx)(a.tq,{onSlideChange:m,onSetTransition:h,onTransitionEnd:D,initialSlide:y,onSwiper:r,className:s.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:v()("swiper-wrapper",s.Iz),children:c.map((function(n){var i,t=e.tabGroupState.allTabGroups[n],r=t?null===(i=Array.from(t.options.values())[0])||void 0===i?void 0:i.title:void 0;return(0,b.jsx)(a.o5,{className:s.AI,children:n==e.tabGroupState.curTabGroup.key?(0,b.jsxs)(b.Fragment,{children:[(0,b.jsx)(l.default,{},n),(0,b.jsx)(g.default,{})]}):(0,b.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:r&&(0,b.jsx)(p.default,{text:r,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,b.jsx)(b.Fragment,{})}))},76640:(n,e,i)=>{i.d(e,{Mq:()=>f,YS:()=>w,ZP:()=>g,oP:()=>x,qv:()=>c});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o),d=i(61667),s=i.n(d),l=new URL(i(81165),i.b),p=a()(r()),u=s()(l);p.push([n.id,".index-module--OH1rD {\n position: absolute;\n transform: translateZ(0);\n bottom: 12px;\n right: 12px;\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--diva-theme-palette-primary-main);\n border-radius: 50%;\n cursor: pointer;\n z-index: 12000;\n box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n opacity: 0;\n transition:\n opacity 1.5s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n outline: none;\n -webkit-tap-highlight-color: transparent;\n pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n scale: 0.9;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n width: 20px;\n height: 20px;\n background-image: url("+u+");\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n}\n\n.index-module--BWnyQ {\n opacity: 1;\n pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n opacity: 0;\n transition:\n opacity 0s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n bottom: 16px;\n right: 16px;\n width: 52px;\n height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n width: 26px;\n height: 26px;\n}\n",""]);var w="index-module--OH1rD",c="index-module--GRTuu",x="index-module--BWnyQ",f="index-module--CF6oq";const g=p},62500:(n,e,i)=>{i.d(e,{AH:()=>m,AI:()=>y,EN:()=>S,Iz:()=>D,ZP:()=>I,al:()=>b,nW:()=>F,s1:()=>W,vt:()=>g,yk:()=>h,zh:()=>v});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o),d=i(61667),s=i.n(d),l=new URL(i(38403),i.b),p=new URL(i(27557),i.b),u=new URL(i(64197),i.b),w=a()(r()),c=s()(l),x=s()(p),f=s()(u);w.push([n.id,".index-module--e1N3L {\n display: flex;\n flex-direction: column;\n overflow: visible;\n background-color: var(--settingsBackgroundColor);\n border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n/* normal expander */\n.index-module--RKDxk {\n position: absolute;\n top: calc(50% + 32px);\n left: -32px;\n width: 32px;\n height: 48px;\n background-color: var(--secondaryColor);\n z-index: 300;\n border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+c+");\n background-size: 19.2px;\n transition: opacity 0.2s ease;\n}\n\n.index-module--YiJDf .index-module--RKDxk {\n transform: rotate(180deg);\n border-radius: 0 3px 3px 0;\n}\n.index-module--IgnAA.index-module--RKDxk {\n opacity: 0;\n pointer-events: none;\n}\n\n.index-module--YLyjz {\n height: 100%;\n}\n\n.index-module--DWrfF {\n transform: translateZ(0);\n height: 100%;\n}\n\n.index-module--YLyjz .index-module--aD14m {\n height: 100%;\n overflow: auto;\n}\n\n.index-module--eN6np .index-module--e1N3L {\n transition:\n height 0.45s ease,\n top 0.45s ease;\n}\n\n/*Min Max expander*/\n\n.index-module--B75oj,\n.index-module--rLMX4 {\n position: absolute;\n top: calc(50% + 2rem);\n width: 1rem;\n height: 2rem;\n z-index: 1060;\n border-radius: var(--globalBorderRadius) 0 0 3px;\n background-repeat: no-repeat;\n background-image: url("+x+");\n background-size: 1.2rem;\n background-position: left;\n transition:\n left 0.1s ease 0.1s,\n width 0.2s ease,\n opacity 0.2s ease;\n cursor: pointer;\n opacity: 1;\n}\n\n.index-module--rLMX4 {\n left: -1.1rem;\n}\n\n.index-module--B75oj {\n left: 0.3rem;\n transform: rotate(180deg);\n}\n\n.index-module--WT8Uu .index-module--B75oj {\n left: 0.5rem;\n width: 1rem;\n}\n.index-module--Bm34J .index-module--rLMX4 {\n left: calc(-1 * calc(1.9rem));\n width: 1rem;\n}\n\n.index-module--IgnAA.index-module--rLMX4,\n.index-module--IgnAA.index-module--B75oj {\n opacity: 0;\n pointer-events: none;\n}\n\n/*swiper min css*/\n\n@font-face {\n font-family: swiper-icons;\n src: url("+f+");\n font-weight: 400;\n font-style: normal;\n}\n\n.index-module--DWrfF .swiper {\n margin-left: auto;\n margin-right: auto;\n position: relative;\n overflow: hidden;\n list-style: none;\n padding: 0;\n z-index: 1;\n width: 100%;\n --swiper-theme-color: #ccc;\n --swiper-navigation-size: 32px;\n --swiper-navigation-sides-offset: 2px;\n}\n\n.index-module--DWrfF .swiper-button-disabled {\n display: none;\n}\n.index-module--DWrfF .swiper-vertical > .swiper-wrapper {\n flex-direction: column;\n}\n.index-module--DWrfF .swiper-wrapper {\n position: relative;\n width: calc(100% - 24px);\n height: 100%;\n z-index: 1;\n display: flex;\n transition-property: transform;\n box-sizing: content-box;\n}\n.index-module--DWrfF .swiper-android .swiper-slide,\n.index-module--DWrfF .swiper-wrapper {\n transform: translate3d(0px, 0, 0);\n}\n.index-module--DWrfF .swiper-pointer-events {\n touch-action: pan-y;\n}\n.index-module--DWrfF .swiper-pointer-events.swiper-vertical {\n touch-action: pan-x;\n}\n.index-module--DWrfF .swiper-slide {\n flex-shrink: 0;\n width: 100%;\n height: 100%;\n position: relative;\n transition-property: transform;\n}\n\n.index-module--DWrfF .swiper-slide-invisible-blank {\n visibility: hidden;\n}\n.index-module--DWrfF .swiper-autoheight,\n.index-module--DWrfF .swiper-autoheight .swiper-slide {\n height: auto;\n}\n.index-module--DWrfF .swiper-autoheight .swiper-wrapper {\n align-items: flex-start;\n transition-property: transform, height;\n}\n.index-module--DWrfF .swiper-backface-hidden .swiper-slide {\n transform: translateZ(0);\n backface-visibility: hidden;\n}\n.index-module--DWrfF .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n scroll-snap-type: x mandatory;\n}\n.index-module--DWrfF .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n scroll-snap-type: y mandatory;\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper::before {\n content: '';\n flex-shrink: 0;\n order: 9999;\n}\n[dir=\"ltr\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n height: 100%;\n min-height: 1px;\n width: var(--swiper-centered-offset-after);\n}\n.index-module--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n width: 100%;\n min-width: 1px;\n height: var(--swiper-centered-offset-after);\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: center center;\n}\n\n/*navigation*/\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-button-next {\n position: absolute;\n top: 50%;\n top: var(--swiper-navigation-top-offset, 50%);\n width: calc(var(--swiper-navigation-size) / 44 * 27);\n height: var(--swiper-navigation-size);\n margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--swiper-theme-color);\n color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .swiper-button-next.swiper-button-disabled {\n opacity: 0.35;\n cursor: auto;\n pointer-events: none;\n}\n\n.index-module--DWrfF .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .swiper-button-next.swiper-button-hidden {\n opacity: 0;\n cursor: auto;\n pointer-events: none;\n}\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-next {\n display: none !important;\n}\n.index-module--DWrfF .swiper-button-prev svg,\n.index-module--DWrfF .swiper-button-next svg {\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n transform-origin: center;\n}\n.index-module--DWrfF .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .swiper-rtl .swiper-button-next svg {\n transform: rotate(180deg);\n}\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-rtl .swiper-button-next {\n left: 10px;\n left: var(--swiper-navigation-sides-offset, 10px);\n right: auto;\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n right: 10px;\n right: var(--swiper-navigation-sides-offset, 10px);\n left: auto;\n}\n.index-module--DWrfF .swiper-button-lock {\n display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n text-transform: none !important;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n font-family: swiper-icons;\n font-size: var(--swiper-navigation-size);\n letter-spacing: 0;\n font-feature-settings: ;\n font-variant: normal;\n font-variant: initial;\n line-height: 1;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-next:after {\n content: 'prev';\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n right: 10px;\n right: var(--swiper-navigation-sides-offset, 10px);\n left: auto;\n}\n.index-module--DWrfF .swiper-button-next:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev:after {\n content: 'next';\n}\n/* Navigation font end */\n\n.index-module--DWrfF .react-modal-sheet-header {\n top: -40px;\n}\n\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next {\n position: absolute;\n top: 50%;\n top: var(--swiper-navigation-top-offset, 50%);\n width: calc(var(--swiper-navigation-size) / 44 * 27);\n height: var(--swiper-navigation-size);\n margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--swiper-theme-color);\n color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-disabled {\n opacity: 0;\n cursor: auto;\n pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-hidden {\n opacity: 0;\n cursor: auto;\n pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-next {\n display: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next svg {\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n transform-origin: center;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next svg {\n transform: rotate(180deg);\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next {\n left: 10px;\n left: var(--swiper-navigation-sides-offset, 10px);\n right: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n right: 10px;\n right: var(--swiper-navigation-sides-offset, 10px);\n left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-lock {\n display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n text-transform: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n font-family: swiper-icons;\n font-size: var(--swiper-navigation-size);\n letter-spacing: 0;\n font-feature-settings: ;\n font-variant: normal;\n font-variant: initial;\n line-height: 1;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next:after {\n content: 'prev';\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n right: 10px;\n right: var(--swiper-navigation-sides-offset, 10px);\n left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev:after {\n content: 'next';\n}\n/* Navigation font end */\n",""]);var g="index-module--e1N3L",m="index-module--RKDxk",v="index-module--YiJDf",b="index-module--IgnAA",h="index-module--YLyjz",D="index-module--DWrfF",y="index-module--aD14m",W="index-module--eN6np",F="index-module--B75oj",S="index-module--rLMX4";const I=w},82956:(n,e,i)=>{i.d(e,{AH:()=>f.AH,AI:()=>f.AI,EN:()=>f.EN,Iz:()=>f.Iz,al:()=>f.al,nW:()=>f.nW,s1:()=>f.s1,vt:()=>f.vt,yk:()=>f.yk,zh:()=>f.zh});var t=i(93379),r=i.n(t),o=i(7795),a=i.n(o),d=i(90569),s=i.n(d),l=i(3565),p=i.n(l),u=i(19216),w=i.n(u),c=i(44589),x=i.n(c),f=i(62500),g={};g.styleTagTransform=x(),g.setAttributes=p(),g.insert=s().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=w();r()(f.ZP,g),f.ZP&&f.ZP.locals&&f.ZP.locals},38403:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3382,1358],{41358:(n,e,i)=>{i.r(e),i.d(e,{default:()=>F});var t=i(34988),r=i(9420),o=i(87363),a=i(99872),d=i(93379),s=i.n(d),l=i(7795),p=i.n(l),u=i(90569),w=i.n(u),c=i(3565),x=i.n(c),f=i(19216),g=i.n(f),m=i(44589),v=i.n(m),b=i(76640),h={};h.styleTagTransform=v(),h.setAttributes=x(),h.insert=w().bind(null,"head"),h.domAPI=p(),h.insertStyleElement=g();s()(b.ZP,h);b.ZP&&b.ZP.locals&&b.ZP.locals;var D=i(65515),y=i.n(D),W=i(47514);const F=(0,r.Pi)((function NavForwardButton(n){var e=(0,a.NP)(),i=(0,o.useState)(!1),r=(0,t.Z)(i,2),d=r[0],s=r[1];return(0,o.useEffect)((function(){setTimeout((function(){s(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,W.jsx)("div",{className:y()(b.YS,d&&b.oP,e.uiState.isTablet?b.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,W.jsx)("div",{className:b.qv})})}))},13382:(n,e,i)=>{i.r(e),i.d(e,{default:()=>D});var t=i(88291),r=i(9420),o=i(87363),a=i(37707),d=i(99872),s=i(82956),l=i(28649),p=i(74133),u=i(84658),w=i(12952),c=i(34988),x=i(50747),f=i.n(x),g=i(88683),m=i(41358),v=i(65515),b=i.n(v),h=i(47514);const D=(0,r.Pi)((function SettingsSwiper(n){(0,t.Z)(n);var e=(0,d.NP)(),i=function useSwiperHook(n){var e=(0,o.useState)(null),i=(0,c.Z)(e,2),t=i[0],r=i[1],a=(0,o.useState)([]),d=(0,c.Z)(a,2),s=d[0],l=d[1];(0,o.useEffect)((function(){var e=(0,w.Z)(n.tabGroupState.allTabGroups.keys());l(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==t?void 0:t.activeIndex)&&(null==t||t.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,t]);var p=function(){var n=(0,u.Z)(f().mark((function _callee(){var n,e,i,r,o,a=arguments;return f().wrap((function _callee$(d){for(;;)switch(d.prev=d.next){case 0:if(n=a.length>0&&void 0!==a[0]?a[0]:50,e=a.length>1&&void 0!==a[1]?a[1]:500,t){d.next=4;break}return d.abrupt("return");case 4:return i=.25*e,r=t.getTranslate(),o=r-n,t.allowTouchMove=!1,t.setTransition(2*i),t.setTranslate(o),d.next=12,g.DivaUtils.Sleep(2*i);case 12:return t.setTransition(i),t.setTranslate(r-.5*n),d.next=16,g.DivaUtils.Sleep(i);case 16:return t.setTransition(.5*i),t.setTranslate(.8*o),d.next=20,g.DivaUtils.Sleep(.5*i);case 20:t.setTransition(1.75*i),t.setTranslate(r),t.allowTouchMove=!0;case 23:case"end":return d.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),x=n.tabGroupState.curTabGroup?s.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:t,setSwiperRef:r,allSwipes:s,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var i=e.activeIndex-s.indexOf(n.tabGroupState.curTabGroup.key);if(1==i)n.actionButtonState.onClickConfiguratorSettingsForth(!0,!0);else if(-1==i)n.actionButtonState.onClickConfiguratorSettingsBack();else if(0!==i){var t=n.tabGroupState.allTabGroups.get(s[e.activeIndex]);t&&n.tabGroupState.navigateToTabgroupByPosNr(t.posNr)}}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:x,teaseSwipe:p}}(e),r=i.setSwiperRef,x=i.allSwipes,v=i.handleSlideChange,D=i.handleSetTransition,y=i.handleTransitionEnd,W=i.initialSlide;return e.tabGroupState.curTabGroup&&null!=x&&x.length?(0,h.jsx)(a.tq,{onSlideChange:v,onSetTransition:D,onTransitionEnd:y,initialSlide:W,onSwiper:r,className:s.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:b()("swiper-wrapper",s.Iz),children:x.map((function(n){var i,t=e.tabGroupState.allTabGroups.get(n),r=t?null===(i=Array.from(t.options.values())[0])||void 0===i?void 0:i.title:void 0;return(0,h.jsx)(a.o5,{className:s.AI,children:n==e.tabGroupState.curTabGroup.key?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(l.default,{},n),(0,h.jsx)(m.default,{})]}):(0,h.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:r&&(0,h.jsx)(p.default,{text:r,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,h.jsx)(h.Fragment,{})}))},76640:(n,e,i)=>{i.d(e,{Mq:()=>f,YS:()=>w,ZP:()=>g,oP:()=>x,qv:()=>c});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o),d=i(61667),s=i.n(d),l=new URL(i(81165),i.b),p=a()(r()),u=s()(l);p.push([n.id,".index-module--OH1rD {\n position: absolute;\n transform: translateZ(0);\n bottom: 12px;\n right: 12px;\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--diva-theme-palette-primary-main);\n border-radius: 50%;\n cursor: pointer;\n z-index: 12000;\n box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n opacity: 0;\n transition:\n opacity 1.5s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n outline: none;\n -webkit-tap-highlight-color: transparent;\n pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n scale: 0.9;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n width: 20px;\n height: 20px;\n background-image: url("+u+");\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n}\n\n.index-module--BWnyQ {\n opacity: 1;\n pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n opacity: 0;\n transition:\n opacity 0s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n bottom: 16px;\n right: 16px;\n width: 52px;\n height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n width: 26px;\n height: 26px;\n}\n",""]);var w="index-module--OH1rD",c="index-module--GRTuu",x="index-module--BWnyQ",f="index-module--CF6oq";const g=p},62500:(n,e,i)=>{i.d(e,{AH:()=>m,AI:()=>y,EN:()=>S,Iz:()=>D,ZP:()=>I,al:()=>b,nW:()=>F,s1:()=>W,vt:()=>g,yk:()=>h,zh:()=>v});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o),d=i(61667),s=i.n(d),l=new URL(i(38403),i.b),p=new URL(i(27557),i.b),u=new URL(i(64197),i.b),w=a()(r()),c=s()(l),x=s()(p),f=s()(u);w.push([n.id,".index-module--e1N3L {\n display: flex;\n flex-direction: column;\n overflow: visible;\n background-color: var(--settingsBackgroundColor);\n border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n/* normal expander */\n.index-module--RKDxk {\n position: absolute;\n top: calc(50% + 32px);\n left: -32px;\n width: 32px;\n height: 48px;\n background-color: var(--secondaryColor);\n z-index: 300;\n border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+c+");\n background-size: 19.2px;\n transition: opacity 0.2s ease;\n}\n\n.index-module--YiJDf .index-module--RKDxk {\n transform: rotate(180deg);\n border-radius: 0 3px 3px 0;\n}\n.index-module--IgnAA.index-module--RKDxk {\n opacity: 0;\n pointer-events: none;\n}\n\n.index-module--YLyjz {\n height: 100%;\n}\n\n.index-module--DWrfF {\n transform: translateZ(0);\n height: 100%;\n}\n\n.index-module--YLyjz .index-module--aD14m {\n height: 100%;\n overflow: auto;\n}\n\n.index-module--eN6np .index-module--e1N3L {\n transition:\n height 0.45s ease,\n top 0.45s ease;\n}\n\n/*Min Max expander*/\n\n.index-module--B75oj,\n.index-module--rLMX4 {\n position: absolute;\n top: calc(50% + 2rem);\n width: 1rem;\n height: 2rem;\n z-index: 1060;\n border-radius: var(--globalBorderRadius) 0 0 3px;\n background-repeat: no-repeat;\n background-image: url("+x+");\n background-size: 1.2rem;\n background-position: left;\n transition:\n left 0.1s ease 0.1s,\n width 0.2s ease,\n opacity 0.2s ease;\n cursor: pointer;\n opacity: 1;\n}\n\n.index-module--rLMX4 {\n left: -1.1rem;\n}\n\n.index-module--B75oj {\n left: 0.3rem;\n transform: rotate(180deg);\n}\n\n.index-module--WT8Uu .index-module--B75oj {\n left: 0.5rem;\n width: 1rem;\n}\n.index-module--Bm34J .index-module--rLMX4 {\n left: calc(-1 * calc(1.9rem));\n width: 1rem;\n}\n\n.index-module--IgnAA.index-module--rLMX4,\n.index-module--IgnAA.index-module--B75oj {\n opacity: 0;\n pointer-events: none;\n}\n\n/*swiper min css*/\n\n@font-face {\n font-family: swiper-icons;\n src: url("+f+");\n font-weight: 400;\n font-style: normal;\n}\n\n.index-module--DWrfF .swiper {\n margin-left: auto;\n margin-right: auto;\n position: relative;\n overflow: hidden;\n list-style: none;\n padding: 0;\n z-index: 1;\n width: 100%;\n --swiper-theme-color: #ccc;\n --swiper-navigation-size: 32px;\n --swiper-navigation-sides-offset: 2px;\n}\n\n.index-module--DWrfF .swiper-button-disabled {\n display: none;\n}\n.index-module--DWrfF .swiper-vertical > .swiper-wrapper {\n flex-direction: column;\n}\n.index-module--DWrfF .swiper-wrapper {\n position: relative;\n width: calc(100% - 24px);\n height: 100%;\n z-index: 1;\n display: flex;\n transition-property: transform;\n box-sizing: content-box;\n}\n.index-module--DWrfF .swiper-android .swiper-slide,\n.index-module--DWrfF .swiper-wrapper {\n transform: translate3d(0px, 0, 0);\n}\n.index-module--DWrfF .swiper-pointer-events {\n touch-action: pan-y;\n}\n.index-module--DWrfF .swiper-pointer-events.swiper-vertical {\n touch-action: pan-x;\n}\n.index-module--DWrfF .swiper-slide {\n flex-shrink: 0;\n width: 100%;\n height: 100%;\n position: relative;\n transition-property: transform;\n}\n\n.index-module--DWrfF .swiper-slide-invisible-blank {\n visibility: hidden;\n}\n.index-module--DWrfF .swiper-autoheight,\n.index-module--DWrfF .swiper-autoheight .swiper-slide {\n height: auto;\n}\n.index-module--DWrfF .swiper-autoheight .swiper-wrapper {\n align-items: flex-start;\n transition-property: transform, height;\n}\n.index-module--DWrfF .swiper-backface-hidden .swiper-slide {\n transform: translateZ(0);\n backface-visibility: hidden;\n}\n.index-module--DWrfF .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n scroll-snap-type: x mandatory;\n}\n.index-module--DWrfF .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n scroll-snap-type: y mandatory;\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper::before {\n content: '';\n flex-shrink: 0;\n order: 9999;\n}\n[dir=\"ltr\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n height: 100%;\n min-height: 1px;\n width: var(--swiper-centered-offset-after);\n}\n.index-module--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n width: 100%;\n min-width: 1px;\n height: var(--swiper-centered-offset-after);\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: center center;\n}\n\n/*navigation*/\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-button-next {\n position: absolute;\n top: 50%;\n top: var(--swiper-navigation-top-offset, 50%);\n width: calc(var(--swiper-navigation-size) / 44 * 27);\n height: var(--swiper-navigation-size);\n margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--swiper-theme-color);\n color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .swiper-button-next.swiper-button-disabled {\n opacity: 0.35;\n cursor: auto;\n pointer-events: none;\n}\n\n.index-module--DWrfF .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .swiper-button-next.swiper-button-hidden {\n opacity: 0;\n cursor: auto;\n pointer-events: none;\n}\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-next {\n display: none !important;\n}\n.index-module--DWrfF .swiper-button-prev svg,\n.index-module--DWrfF .swiper-button-next svg {\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n transform-origin: center;\n}\n.index-module--DWrfF .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .swiper-rtl .swiper-button-next svg {\n transform: rotate(180deg);\n}\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-rtl .swiper-button-next {\n left: 10px;\n left: var(--swiper-navigation-sides-offset, 10px);\n right: auto;\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n right: 10px;\n right: var(--swiper-navigation-sides-offset, 10px);\n left: auto;\n}\n.index-module--DWrfF .swiper-button-lock {\n display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n text-transform: none !important;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n font-family: swiper-icons;\n font-size: var(--swiper-navigation-size);\n letter-spacing: 0;\n font-feature-settings: ;\n font-variant: normal;\n font-variant: initial;\n line-height: 1;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-next:after {\n content: 'prev';\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n right: 10px;\n right: var(--swiper-navigation-sides-offset, 10px);\n left: auto;\n}\n.index-module--DWrfF .swiper-button-next:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev:after {\n content: 'next';\n}\n/* Navigation font end */\n\n.index-module--DWrfF .react-modal-sheet-header {\n top: -40px;\n}\n\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next {\n position: absolute;\n top: 50%;\n top: var(--swiper-navigation-top-offset, 50%);\n width: calc(var(--swiper-navigation-size) / 44 * 27);\n height: var(--swiper-navigation-size);\n margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--swiper-theme-color);\n color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-disabled {\n opacity: 0;\n cursor: auto;\n pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-hidden {\n opacity: 0;\n cursor: auto;\n pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-next {\n display: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next svg {\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n transform-origin: center;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next svg {\n transform: rotate(180deg);\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next {\n left: 10px;\n left: var(--swiper-navigation-sides-offset, 10px);\n right: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n right: 10px;\n right: var(--swiper-navigation-sides-offset, 10px);\n left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-lock {\n display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n text-transform: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n font-family: swiper-icons;\n font-size: var(--swiper-navigation-size);\n letter-spacing: 0;\n font-feature-settings: ;\n font-variant: normal;\n font-variant: initial;\n line-height: 1;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next:after {\n content: 'prev';\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n right: 10px;\n right: var(--swiper-navigation-sides-offset, 10px);\n left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev:after {\n content: 'next';\n}\n/* Navigation font end */\n",""]);var g="index-module--e1N3L",m="index-module--RKDxk",v="index-module--YiJDf",b="index-module--IgnAA",h="index-module--YLyjz",D="index-module--DWrfF",y="index-module--aD14m",W="index-module--eN6np",F="index-module--B75oj",S="index-module--rLMX4";const I=w},82956:(n,e,i)=>{i.d(e,{AH:()=>f.AH,AI:()=>f.AI,EN:()=>f.EN,Iz:()=>f.Iz,al:()=>f.al,nW:()=>f.nW,s1:()=>f.s1,vt:()=>f.vt,yk:()=>f.yk,zh:()=>f.zh});var t=i(93379),r=i.n(t),o=i(7795),a=i.n(o),d=i(90569),s=i.n(d),l=i(3565),p=i.n(l),u=i(19216),w=i.n(u),c=i(44589),x=i.n(c),f=i(62500),g={};g.styleTagTransform=x(),g.setAttributes=p(),g.insert=s().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=w();r()(f.ZP,g),f.ZP&&f.ZP.locals&&f.ZP.locals},38403:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
package/build/umd/3901.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 3901.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3901,1358,7853],{30384:(n,e,t)=>{t.r(e),t.d(e,{default:()=>T});var i=t(84658),a=t(88291),o=t(50747),r=t.n(o),s=t(99872),l=t(87363),d=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),b=t.n(g),f=t(3565),S=t.n(f),m=t(19216),h=t.n(m),v=t(44589),w=t.n(v),y=t(39545),k={};k.styleTagTransform=w(),k.setAttributes=S(),k.insert=b().bind(null,"head"),k.domAPI=x(),k.insertStyleElement=h();c()(y.ZP,k);y.ZP&&y.ZP.locals&&y.ZP.locals;var I=t(47514);const T=(0,d.Pi)((function Inputbox(n){(0,a.Z)(n);var e=(0,s.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,i,a;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(a=t.current)||void 0===a||a.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var o=e.settingsState.inputBoxItem.text;o.includes(":")&&(o=o.slice(0,o.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(r().mark((function _callee(){return r().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:y.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:o}),(0,I.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:y.vX,onClick:d})]})]})})}))},63901:(n,e,t)=>{t.r(e),t.d(e,{default:()=>T});var i=t(99872),a=t(87363),o=t(93379),r=t.n(o),s=t(7795),l=t.n(s),d=t(90569),u=t.n(d),c=t(3565),p=t.n(c),x=t(19216),g=t.n(x),b=t(44589),f=t.n(b),S=t(89583),m={};m.styleTagTransform=f(),m.setAttributes=p(),m.insert=u().bind(null,"head"),m.domAPI=l(),m.insertStyleElement=g();r()(S.ZP,m);S.ZP&&S.ZP.locals&&S.ZP.locals;var h=t(97853),v=t(28048),w=t(9420),y=t(30384),k=t(47514),I={"--settingsBackgroundColor":"#f4f4f4","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--primaryColor":"#455864","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const T=(0,w.Pi)((function Classification(n){var e=(0,i.NP)();return(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(I)}),[]),(0,k.jsx)(k.Fragment,{children:(0,k.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:S.xn,children:[(0,k.jsx)(v.default,{className:S.x6,tabSearchClass:S.jp}),(0,k.jsx)(h.default,{className:S.vt}),e.settingsState.inputBoxVisible&&(0,k.jsx)(y.default,{})]})})}))},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(9420),a=(t(87363),t(99872)),o=t(82956),r=t(65515),s=t.n(r),l=t(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,a.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(o.AH,t?o.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(o.EN,t?o.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:o.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},41358:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(34988),a=t(9420),o=t(87363),r=t(99872),s=t(93379),l=t.n(s),d=t(7795),u=t.n(d),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),S=t(44589),m=t.n(S),h=t(76640),v={};v.styleTagTransform=m(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=t(65515),y=t.n(w),k=t(47514);const I=(0,a.Pi)((function NavForwardButton(n){var e=(0,r.NP)(),t=(0,o.useState)(!1),a=(0,i.Z)(t,2),s=a[0],l=a[1];return(0,o.useEffect)((function(){setTimeout((function(){l(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,k.jsx)("div",{className:y()(h.YS,s&&h.oP,e.uiState.isTablet?h.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,k.jsx)("div",{className:h.qv})})}))},13382:(n,e,t)=>{t.r(e),t.d(e,{default:()=>v});var i=t(88291),a=t(9420),o=t(87363),r=t(37707),s=t(99872),l=t(82956),d=t(28649),u=t(74133),c=t(84658),p=t(34988),x=t(50747),g=t.n(x),b=t(88683),f=t(41358),S=t(65515),m=t.n(S),h=t(47514);const v=(0,a.Pi)((function SettingsSwiper(n){(0,i.Z)(n);var e=(0,s.NP)(),t=function useSwiperHook(n){var e=(0,o.useState)(null),t=(0,p.Z)(e,2),i=t[0],a=t[1],r=(0,o.useState)([]),s=(0,p.Z)(r,2),l=s[0],d=s[1];(0,o.useEffect)((function(){var e=Object.keys(n.tabGroupState.allTabGroups);d(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,i]);var u=function(){var n=(0,c.Z)(g().mark((function _callee(){var n,e,t,a,o,r=arguments;return g().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(n=r.length>0&&void 0!==r[0]?r[0]:50,e=r.length>1&&void 0!==r[1]?r[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return t=.25*e,a=i.getTranslate(),o=a-n,i.allowTouchMove=!1,i.setTransition(2*t),i.setTranslate(o),s.next=12,b.DivaUtils.Sleep(2*t);case 12:return i.setTransition(t),i.setTranslate(a-.5*n),s.next=16,b.DivaUtils.Sleep(t);case 16:return i.setTransition(.5*t),i.setTranslate(.8*o),s.next=20,b.DivaUtils.Sleep(.5*t);case 20:i.setTransition(1.75*t),i.setTranslate(a),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),x=n.tabGroupState.curTabGroup?l.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:a,allSwipes:l,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var t=e.activeIndex-l.indexOf(n.tabGroupState.curTabGroup.key);1==t?n.actionButtonState.onClickConfiguratorSettingsForth(!0,!0):-1==t?n.actionButtonState.onClickConfiguratorSettingsBack():0!==t&&n.tabGroupState.allTabGroups[l[e.activeIndex]]&&n.tabGroupState.navigateToTabgroupByPosNr(n.tabGroupState.allTabGroups[l[e.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:x,teaseSwipe:u}}(e),a=t.setSwiperRef,x=t.allSwipes,S=t.handleSlideChange,v=t.handleSetTransition,w=t.handleTransitionEnd,y=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=x&&x.length?(0,h.jsx)(r.tq,{onSlideChange:S,onSetTransition:v,onTransitionEnd:w,initialSlide:y,onSwiper:a,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:m()("swiper-wrapper",l.Iz),children:x.map((function(n){var t,i=e.tabGroupState.allTabGroups[n],a=i?null===(t=Array.from(i.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,h.jsx)(r.o5,{className:l.AI,children:n==e.tabGroupState.curTabGroup.key?(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(d.default,{},n),(0,h.jsx)(f.default,{})]}):(0,h.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:a&&(0,h.jsx)(u.default,{text:a,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,h.jsx)(h.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var i=t(80248),a=t(72874),o=(t(87363),t(99872)),r=t(80509),s=t(28649),l=t(9420),d=t(82956),u=t(65515),c=t.n(u),p=t(13382),x=t(51451),g=t(48810),b=t(47514),f=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const S=(0,l.Pi)((function Settings(n){var e,t,i=n.className,l=n.tabgroupElement,u=(0,a.Z)(n,f),S=(0,o.NP)(),m=S.getIsInMobileView()&&S.getViewConfig().navigateMobileSwiper,h=(0,b.jsx)(b.Fragment,{children:m?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!S.uiState.isInMobileView&&!S.settingsState.forceSettingsHeaderInScrollContainer&&!S.wysiwygDebugState.wysiwygInspectView&&(0,b.jsx)(r.default,{},null!==(e=null===(t=S.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,b.jsx)(s.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,d.vt,"horizontal"==S.tabGroupState.curTabGroupType?d.s1:void 0,S.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:l,children:h}),!S.uiState.isInMobileView&&h]}))}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>f,vX:()=>b});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o),s=t(61667),l=t.n(s),d=new URL(t(38403),t.b),u=r()(a()),c=l()(d);u.push([n.id,".index-module--nrbS_ {\n width: 90%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n float: left;\n}\n\n.index-module--lGJqa {\n letter-spacing: 0.5px;\n -webkit-text-stroke: 0.1px;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n z-index: 999;\n width: 40em;\n max-width: 70%;\n max-height: 90%;\n background-color: white;\n padding: 1em 2em 0.5em 2em;\n border-radius: 15px;\n border: 1px solid #cbcbcb;\n font-size: 14.4px;\n color: #363636;\n display: flex;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n font-size: 16px;\n -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n padding: 0;\n margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n width: calc(100% - 65px);\n float: left;\n padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n height: 40px;\n width: 55px;\n display: block;\n background-repeat: no-repeat;\n background-position: center;\n float: left;\n clear: both;\n margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n border-radius: 20px;\n position: absolute;\n font-size: 22pt;\n font-family: sans-serif;\n font-weight: 50;\n top: -20px;\n right: -20px;\n width: 40px;\n height: 40px;\n background-color: #fff;\n color: #666;\n border: 2px solid #666;\n text-align: center;\n padding-top: 0px;\n content: 'X';\n}\n\n.index-module--OZydS:hover {\n background-color: #aaa;\n color: #000;\n border: 2px solid #000;\n}\n.index-module--FQDBA {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n color: #ffffff;\n height: 41px;\n width: 8%;\n margin: 8px 0 7px;\n float: right;\n border-radius: var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+c+");\n background-size: 16px;\n transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",g="index-module--OZydS",b="index-module--FQDBA";const f=u},89583:(n,e,t)=>{t.d(e,{ZP:()=>f,jp:()=>b,vt:()=>g,x6:()=>x,xn:()=>p});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o),s=t(61667),l=t.n(s),d=new URL(t(68812),t.b),u=r()(a()),c=l()(d);u.push([n.id,"body {\n margin: 0;\n overscroll-behavior-x: none;\n}\n\n.index-module--CY5B_ {\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n -webkit-font-smoothing: antialiased;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--CY5B_ *,\n.index-module--CY5B_ *::before,\n.index-module--CY5B_ *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--kV7Ww {\n border-radius: 8px 0 0 8px;\n overflow: hidden;\n width: 350px;\n position: relative;\n}\n\n.index-module--hY0OM {\n width: calc(100% - 350px);\n position: relative;\n border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n\n.index-module--L16Ky {\n background-color: #0d3040;\n padding: 12px 16px;\n position: relative;\n display: flex;\n}\n\n.index-module--L16Ky input {\n outline: medium none invert !important;\n outline: initial !important;\n}\n\n.index-module--L16Ky input {\n color: #fff;\n width: 100%;\n background-color: #0d3040;\n font-size: 14px;\n border: 0px solid;\n}\n\n.index-module--L16Ky div {\n background-image: url("+c+");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 75%;\n width: 16px;\n height: 16px;\n transition: all 0.15s ease;\n margin: 0px 3px;\n border-radius: var(--globalBorderRadius);\n cursor: pointer;\n}\n\n.index-module--L16Ky div:hover {\n background-size: 100%;\n}\n",""]);var p="index-module--CY5B_",x="index-module--kV7Ww",g="index-module--hY0OM",b="index-module--L16Ky";const f=u},76640:(n,e,t)=>{t.d(e,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>x});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o),s=t(61667),l=t.n(s),d=new URL(t(81165),t.b),u=r()(a()),c=l()(d);u.push([n.id,".index-module--OH1rD {\n position: absolute;\n transform: translateZ(0);\n bottom: 12px;\n right: 12px;\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--diva-theme-palette-primary-main);\n border-radius: 50%;\n cursor: pointer;\n z-index: 12000;\n box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n opacity: 0;\n transition:\n opacity 1.5s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n outline: none;\n -webkit-tap-highlight-color: transparent;\n pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n scale: 0.9;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n width: 20px;\n height: 20px;\n background-image: url("+c+");\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n}\n\n.index-module--BWnyQ {\n opacity: 1;\n pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n opacity: 0;\n transition:\n opacity 0s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n bottom: 16px;\n right: 16px;\n width: 52px;\n height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n width: 26px;\n height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",g="index-module--BWnyQ",b="index-module--CF6oq";const f=u},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="},68812:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjZWVlIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3901,1358,7853],{30384:(n,e,t)=>{t.r(e),t.d(e,{default:()=>T});var i=t(84658),a=t(88291),o=t(50747),r=t.n(o),s=t(99872),l=t(87363),d=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),b=t.n(g),f=t(3565),S=t.n(f),m=t(19216),h=t.n(m),v=t(44589),w=t.n(v),y=t(39545),k={};k.styleTagTransform=w(),k.setAttributes=S(),k.insert=b().bind(null,"head"),k.domAPI=x(),k.insertStyleElement=h();c()(y.ZP,k);y.ZP&&y.ZP.locals&&y.ZP.locals;var I=t(47514);const T=(0,d.Pi)((function Inputbox(n){(0,a.Z)(n);var e=(0,s.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,i,a;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(a=t.current)||void 0===a||a.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var o=e.settingsState.inputBoxItem.text;o.includes(":")&&(o=o.slice(0,o.lastIndexOf(":")));var d=function(){var n=(0,i.Z)(r().mark((function _callee(){return r().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:y.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:o}),(0,I.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(d(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:y.vX,onClick:d})]})]})})}))},63901:(n,e,t)=>{t.r(e),t.d(e,{default:()=>T});var i=t(99872),a=t(87363),o=t(93379),r=t.n(o),s=t(7795),l=t.n(s),d=t(90569),u=t.n(d),c=t(3565),p=t.n(c),x=t(19216),g=t.n(x),b=t(44589),f=t.n(b),S=t(89583),m={};m.styleTagTransform=f(),m.setAttributes=p(),m.insert=u().bind(null,"head"),m.domAPI=l(),m.insertStyleElement=g();r()(S.ZP,m);S.ZP&&S.ZP.locals&&S.ZP.locals;var h=t(97853),v=t(28048),w=t(9420),y=t(30384),k=t(47514),I={"--settingsBackgroundColor":"#f4f4f4","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--primaryColor":"#455864","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const T=(0,w.Pi)((function Classification(n){var e=(0,i.NP)();return(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(I)}),[]),(0,k.jsx)(k.Fragment,{children:(0,k.jsxs)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:S.xn,children:[(0,k.jsx)(v.default,{className:S.x6,tabSearchClass:S.jp}),(0,k.jsx)(h.default,{className:S.vt}),e.settingsState.inputBoxVisible&&(0,k.jsx)(y.default,{})]})})}))},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var i=t(9420),a=(t(87363),t(99872)),o=t(82956),r=t(65515),s=t.n(r),l=t(47514);const d=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,a.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(o.AH,t?o.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(o.EN,t?o.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:o.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},41358:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var i=t(34988),a=t(9420),o=t(87363),r=t(99872),s=t(93379),l=t.n(s),d=t(7795),u=t.n(d),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),S=t(44589),m=t.n(S),h=t(76640),v={};v.styleTagTransform=m(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();l()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var w=t(65515),y=t.n(w),k=t(47514);const I=(0,a.Pi)((function NavForwardButton(n){var e=(0,r.NP)(),t=(0,o.useState)(!1),a=(0,i.Z)(t,2),s=a[0],l=a[1];return(0,o.useEffect)((function(){setTimeout((function(){l(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,k.jsx)("div",{className:y()(h.YS,s&&h.oP,e.uiState.isTablet?h.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,k.jsx)("div",{className:h.qv})})}))},13382:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(88291),a=t(9420),o=t(87363),r=t(37707),s=t(99872),l=t(82956),d=t(28649),u=t(74133),c=t(84658),p=t(12952),x=t(34988),g=t(50747),b=t.n(g),f=t(88683),S=t(41358),m=t(65515),h=t.n(m),v=t(47514);const w=(0,a.Pi)((function SettingsSwiper(n){(0,i.Z)(n);var e=(0,s.NP)(),t=function useSwiperHook(n){var e=(0,o.useState)(null),t=(0,x.Z)(e,2),i=t[0],a=t[1],r=(0,o.useState)([]),s=(0,x.Z)(r,2),l=s[0],d=s[1];(0,o.useEffect)((function(){var e=(0,p.Z)(n.tabGroupState.allTabGroups.keys());d(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,i]);var u=function(){var n=(0,c.Z)(b().mark((function _callee(){var n,e,t,a,o,r=arguments;return b().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(n=r.length>0&&void 0!==r[0]?r[0]:50,e=r.length>1&&void 0!==r[1]?r[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return t=.25*e,a=i.getTranslate(),o=a-n,i.allowTouchMove=!1,i.setTransition(2*t),i.setTranslate(o),s.next=12,f.DivaUtils.Sleep(2*t);case 12:return i.setTransition(t),i.setTranslate(a-.5*n),s.next=16,f.DivaUtils.Sleep(t);case 16:return i.setTransition(.5*t),i.setTranslate(.8*o),s.next=20,f.DivaUtils.Sleep(.5*t);case 20:i.setTransition(1.75*t),i.setTranslate(a),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),g=n.tabGroupState.curTabGroup?l.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:a,allSwipes:l,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var t=e.activeIndex-l.indexOf(n.tabGroupState.curTabGroup.key);if(1==t)n.actionButtonState.onClickConfiguratorSettingsForth(!0,!0);else if(-1==t)n.actionButtonState.onClickConfiguratorSettingsBack();else if(0!==t){var i=n.tabGroupState.allTabGroups.get(l[e.activeIndex]);i&&n.tabGroupState.navigateToTabgroupByPosNr(i.posNr)}}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:g,teaseSwipe:u}}(e),a=t.setSwiperRef,g=t.allSwipes,m=t.handleSlideChange,w=t.handleSetTransition,y=t.handleTransitionEnd,k=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=g&&g.length?(0,v.jsx)(r.tq,{onSlideChange:m,onSetTransition:w,onTransitionEnd:y,initialSlide:k,onSwiper:a,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:h()("swiper-wrapper",l.Iz),children:g.map((function(n){var t,i=e.tabGroupState.allTabGroups.get(n),a=i?null===(t=Array.from(i.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,v.jsx)(r.o5,{className:l.AI,children:n==e.tabGroupState.curTabGroup.key?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(d.default,{},n),(0,v.jsx)(S.default,{})]}):(0,v.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:a&&(0,v.jsx)(u.default,{text:a,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,v.jsx)(v.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var i=t(80248),a=t(72874),o=(t(87363),t(99872)),r=t(80509),s=t(28649),l=t(9420),d=t(82956),u=t(65515),c=t.n(u),p=t(13382),x=t(51451),g=t(48810),b=t(47514),f=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const S=(0,l.Pi)((function Settings(n){var e,t,i=n.className,l=n.tabgroupElement,u=(0,a.Z)(n,f),S=(0,o.NP)(),m=S.getIsInMobileView()&&S.getViewConfig().navigateMobileSwiper,h=(0,b.jsx)(b.Fragment,{children:m?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!S.uiState.isInMobileView&&!S.settingsState.forceSettingsHeaderInScrollContainer&&!S.wysiwygDebugState.wysiwygInspectView&&(0,b.jsx)(r.default,{},null!==(e=null===(t=S.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,b.jsx)(s.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,d.vt,"horizontal"==S.tabGroupState.curTabGroupType?d.s1:void 0,S.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:l,children:h}),!S.uiState.isInMobileView&&h]}))}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>f,vX:()=>b});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o),s=t(61667),l=t.n(s),d=new URL(t(38403),t.b),u=r()(a()),c=l()(d);u.push([n.id,".index-module--nrbS_ {\n width: 90%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n float: left;\n}\n\n.index-module--lGJqa {\n letter-spacing: 0.5px;\n -webkit-text-stroke: 0.1px;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n z-index: 999;\n width: 40em;\n max-width: 70%;\n max-height: 90%;\n background-color: white;\n padding: 1em 2em 0.5em 2em;\n border-radius: 15px;\n border: 1px solid #cbcbcb;\n font-size: 14.4px;\n color: #363636;\n display: flex;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n font-size: 16px;\n -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n padding: 0;\n margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n width: calc(100% - 65px);\n float: left;\n padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n height: 40px;\n width: 55px;\n display: block;\n background-repeat: no-repeat;\n background-position: center;\n float: left;\n clear: both;\n margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n border-radius: 20px;\n position: absolute;\n font-size: 22pt;\n font-family: sans-serif;\n font-weight: 50;\n top: -20px;\n right: -20px;\n width: 40px;\n height: 40px;\n background-color: #fff;\n color: #666;\n border: 2px solid #666;\n text-align: center;\n padding-top: 0px;\n content: 'X';\n}\n\n.index-module--OZydS:hover {\n background-color: #aaa;\n color: #000;\n border: 2px solid #000;\n}\n.index-module--FQDBA {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n color: #ffffff;\n height: 41px;\n width: 8%;\n margin: 8px 0 7px;\n float: right;\n border-radius: var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+c+");\n background-size: 16px;\n transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",g="index-module--OZydS",b="index-module--FQDBA";const f=u},89583:(n,e,t)=>{t.d(e,{ZP:()=>f,jp:()=>b,vt:()=>g,x6:()=>x,xn:()=>p});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o),s=t(61667),l=t.n(s),d=new URL(t(68812),t.b),u=r()(a()),c=l()(d);u.push([n.id,"body {\n margin: 0;\n overscroll-behavior-x: none;\n}\n\n.index-module--CY5B_ {\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n -webkit-font-smoothing: antialiased;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--CY5B_ *,\n.index-module--CY5B_ *::before,\n.index-module--CY5B_ *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--kV7Ww {\n border-radius: 8px 0 0 8px;\n overflow: hidden;\n width: 350px;\n position: relative;\n}\n\n.index-module--hY0OM {\n width: calc(100% - 350px);\n position: relative;\n border-right: 1px solid #e6e6e6;\n}\n\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n\n.index-module--L16Ky {\n background-color: #0d3040;\n padding: 12px 16px;\n position: relative;\n display: flex;\n}\n\n.index-module--L16Ky input {\n outline: medium none invert !important;\n outline: initial !important;\n}\n\n.index-module--L16Ky input {\n color: #fff;\n width: 100%;\n background-color: #0d3040;\n font-size: 14px;\n border: 0px solid;\n}\n\n.index-module--L16Ky div {\n background-image: url("+c+");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 75%;\n width: 16px;\n height: 16px;\n transition: all 0.15s ease;\n margin: 0px 3px;\n border-radius: var(--globalBorderRadius);\n cursor: pointer;\n}\n\n.index-module--L16Ky div:hover {\n background-size: 100%;\n}\n",""]);var p="index-module--CY5B_",x="index-module--kV7Ww",g="index-module--hY0OM",b="index-module--L16Ky";const f=u},76640:(n,e,t)=>{t.d(e,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>x});var i=t(8081),a=t.n(i),o=t(23645),r=t.n(o),s=t(61667),l=t.n(s),d=new URL(t(81165),t.b),u=r()(a()),c=l()(d);u.push([n.id,".index-module--OH1rD {\n position: absolute;\n transform: translateZ(0);\n bottom: 12px;\n right: 12px;\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--diva-theme-palette-primary-main);\n border-radius: 50%;\n cursor: pointer;\n z-index: 12000;\n box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n opacity: 0;\n transition:\n opacity 1.5s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n outline: none;\n -webkit-tap-highlight-color: transparent;\n pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n scale: 0.9;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n width: 20px;\n height: 20px;\n background-image: url("+c+");\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n}\n\n.index-module--BWnyQ {\n opacity: 1;\n pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n opacity: 0;\n transition:\n opacity 0s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n bottom: 16px;\n right: 16px;\n width: 52px;\n height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n width: 26px;\n height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",g="index-module--BWnyQ",b="index-module--CF6oq";const f=u},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="},68812:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUw5IDlNOSAxTDEgOSIgc3Ryb2tlPSIjZWVlIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPC9zdmc+Cg=="}}]);
package/build/umd/4557.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 4557.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4557,6973,9001,4190,1358,7853],{16973:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var o=t(80248),i=t(99872),r=t(9420),a=(t(87363),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),f=t.n(b),h=t(38921),v={};v.styleTagTransform=f(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var y=t(65515),S=t.n(y),w=t(88683),j=t(19047),I=t(39667),k=t(40976),P=t(56340),O=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 C=(0,r.Pi)((function BasketActionStandard(n){var e,t,o,r,a=n.buttonTextClassName,d=void 0===a?h.UU:a,l=n.buttonPriceClassName,s=void 0===l?h.QD:l,u=n.containerClassName,c=n.price,x=n.showCheckoutButtons,p=(0,i.NP)(),g=(0,w.useDivaCore)().state.hidePrices,m=(0,w.useTranslation)().t,b=null===(e=p.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.find((function(n){return"ADD_TO_BASKET"===n.type}));return(0,O.jsxs)("div",{className:S()(h.tM,u),children:[x&&(null===(t=p.uiState.checkoutConfig)||void 0===t?void 0:t.buttons.filter((function(n){return(0,j.evalVisible)(n,p,"navigator")})).map((function(n){return(0,O.jsx)("div",{className:k.rK,onClick:function onClick(){return(0,j.onClickCheckout)(n,p,n.index,m)},children:(0,O.jsx)(I.default,{checkoutButton:_objectSpread(_objectSpread({},n),{},{isPrimary:!1}),size:32})},n.index)}))),(0,O.jsxs)("div",{className:h.m2,onClick:function onClick(){b?(0,j.onClickCheckout)(b,p,b.index,m):p.actionButtonState.onClickAddToBasket(p)},id:"wcConfigurator-action-tobasket",children:[b?(0,O.jsx)(I.default,{checkoutButton:_objectSpread({isPrimary:!0},b),size:40}):(0,O.jsx)("div",{className:d,children:m("configurator.ADD_TO_BASKET")}),!g&&void 0!==c&&"horizontal"==p.tabGroupState.curTabGroupType&&(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)("div",{className:S()(h.DC,h.F0,p.productState.formatedBruttoPrice?void 0:h.al),children:(0,O.jsx)(P.default,{price:null!==(o=p.productState.formatedBruttoPrice)&&void 0!==o?o:0})}),(0,O.jsx)("div",{className:s,children:(0,O.jsx)(P.default,{price:null!==(r=p.productState.formatedCurSetPrice)&&void 0!==r?r:0})})]})]})]})}))},68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>u});var o=t(80248),i=t(88291),r=(t(87363),t(99872)),a=t(39667),d=t(19047),l=t(88683),s=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 u=function BasketMobile(n){var e,t=Object.assign({},((0,i.Z)(n),n)),o=(0,r.NP)(),u=null===(e=o.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.find((function(n){return"ADD_TO_BASKET"===n.type})),c=(0,l.useTranslation)().t;return(0,s.jsx)(s.Fragment,{children:u?(0,s.jsx)("div",{onClick:function onClick(){return(0,d.onClickCheckout)(u,o,u.index,c)},className:t.className,style:{backgroundImage:"unset",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,s.jsx)(a.default,{checkoutButton:_objectSpread({isPrimary:!0},u),size:32})}):(0,s.jsx)("div",_objectSpread(_objectSpread({},t),{},{onClick:function onClick(){return o.actionButtonState.onClickAddToBasket(o)}}))})}},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"}))}},30384:(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(99872),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),f=t.n(b),h=t(19216),v=t.n(h),y=t(44589),S=t.n(y),w=t(39545),j={};j.styleTagTransform=S(),j.setAttributes=f(),j.insert=m().bind(null,"head"),j.domAPI=p(),j.insertStyleElement=v();c()(w.ZP,j);w.ZP&&w.ZP.locals&&w.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:w.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,I.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:w.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:w.vX,onClick:s})]})]})})}))},64557:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var o=t(88291),i=t(65515),r=t.n(i),a=t(99872),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),f=t.n(b),h=t(44589),v=t.n(h),y=t(52284),S={};S.styleTagTransform=v(),S.setAttributes=m(),S.insert=p().bind(null,"head"),S.domAPI=c(),S.insertStyleElement=f();s()(y.ZP,S);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=t(30384),j=t(34190),I=t(97853),k=t(28048),P=t(69001),O=t(88683),C=t(16973),N=t(9420),T=t(68063),M=t(27048),B=t(47514),D={"--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 Z=(0,N.Pi)((function Standard(n){(0,o.Z)(n);var e=(0,a.NP)(),t=(0,O.useDivaCore)().state.isFullscreenComponent;return(0,d.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(D)}),[]),(0,B.jsxs)(B.Fragment,{children:[(0,B.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,B.jsxs)("div",{id:"wcConfigurator-wrapper",ref:function ref(n){return e.uiState.setWrapperRef(n)},style:{width:"100%",height:"100%",position:"absolute",bottom:0,left:0},children:[(0,B.jsx)(j.default,{className:y.kL}),e.uiState.isInMobileView?(0,B.jsx)(I.default,{tabgroupElement:(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(k.default,{className:y.x6,showCloseButtonInMobile:t?"left":void 0}),(0,B.jsx)(T.default,{className:y.Bg}),(0,B.jsx)(M.default,{})]})}):(0,B.jsxs)("div",{className:y.g6,children:[(0,B.jsx)(k.default,{className:y.x6}),(0,B.jsx)(I.default,{className:y.vt}),(0,B.jsx)(P.default,{className:y.jl,showCheckoutButtons:!0}),(0,B.jsx)(C.default,{containerClassName:y.tM,showCheckoutButtons:!1})]})]})}),e.settingsState.inputBoxVisible&&(0,B.jsx)(w.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function Product(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>s});var o=t(9420),i=(t(87363),t(99872)),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})]})]})}))},41358:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var o=t(34988),i=t(9420),r=t(87363),a=t(99872),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),f=t(44589),h=t.n(f),v=t(76640),y={};y.styleTagTransform=h(),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 S=t(65515),w=t.n(S),j=t(47514);const I=(0,i.Pi)((function NavForwardButton(n){var e=(0,a.NP)(),t=(0,r.useState)(!1),i=(0,o.Z)(t,2),d=i[0],l=i[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,j.jsx)("div",{className:w()(v.YS,d&&v.oP,e.uiState.isTablet?v.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,j.jsx)("div",{className:v.qv})})}))},13382:(n,e,t)=>{t.r(e),t.d(e,{default:()=>y});var o=t(88291),i=t(9420),r=t(87363),a=t(37707),d=t(99872),l=t(82956),s=t(28649),u=t(74133),c=t(84658),x=t(34988),p=t(50747),g=t.n(p),m=t(88683),b=t(41358),f=t(65515),h=t.n(f),v=t(47514);const y=(0,i.Pi)((function SettingsSwiper(n){(0,o.Z)(n);var e=(0,d.NP)(),t=function useSwiperHook(n){var e=(0,r.useState)(null),t=(0,x.Z)(e,2),o=t[0],i=t[1],a=(0,r.useState)([]),d=(0,x.Z)(a,2),l=d[0],s=d[1];(0,r.useEffect)((function(){var e=Object.keys(n.tabGroupState.allTabGroups);s(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==o?void 0:o.activeIndex)&&(null==o||o.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,o]);var u=function(){var n=(0,c.Z)(g().mark((function _callee(){var n,e,t,i,r,a=arguments;return g().wrap((function _callee$(d){for(;;)switch(d.prev=d.next){case 0:if(n=a.length>0&&void 0!==a[0]?a[0]:50,e=a.length>1&&void 0!==a[1]?a[1]:500,o){d.next=4;break}return d.abrupt("return");case 4:return t=.25*e,i=o.getTranslate(),r=i-n,o.allowTouchMove=!1,o.setTransition(2*t),o.setTranslate(r),d.next=12,m.DivaUtils.Sleep(2*t);case 12:return o.setTransition(t),o.setTranslate(i-.5*n),d.next=16,m.DivaUtils.Sleep(t);case 16:return o.setTransition(.5*t),o.setTranslate(.8*r),d.next=20,m.DivaUtils.Sleep(.5*t);case 20:o.setTransition(1.75*t),o.setTranslate(i),o.allowTouchMove=!0;case 23:case"end":return d.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),p=n.tabGroupState.curTabGroup?l.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:o,setSwiperRef:i,allSwipes:l,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var t=e.activeIndex-l.indexOf(n.tabGroupState.curTabGroup.key);1==t?n.actionButtonState.onClickConfiguratorSettingsForth(!0,!0):-1==t?n.actionButtonState.onClickConfiguratorSettingsBack():0!==t&&n.tabGroupState.allTabGroups[l[e.activeIndex]]&&n.tabGroupState.navigateToTabgroupByPosNr(n.tabGroupState.allTabGroups[l[e.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:p,teaseSwipe:u}}(e),i=t.setSwiperRef,p=t.allSwipes,f=t.handleSlideChange,y=t.handleSetTransition,S=t.handleTransitionEnd,w=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=p&&p.length?(0,v.jsx)(a.tq,{onSlideChange:f,onSetTransition:y,onTransitionEnd:S,initialSlide:w,onSwiper:i,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:h()("swiper-wrapper",l.Iz),children:p.map((function(n){var t,o=e.tabGroupState.allTabGroups[n],i=o?null===(t=Array.from(o.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,v.jsx)(a.o5,{className:l.AI,children:n==e.tabGroupState.curTabGroup.key?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(s.default,{},n),(0,v.jsx)(b.default,{})]}):(0,v.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:i&&(0,v.jsx)(u.default,{text:i,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,v.jsx)(v.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>f});var o=t(80248),i=t(72874),r=(t(87363),t(99872)),a=t(80509),d=t(28649),l=t(9420),s=t(82956),u=t(65515),c=t.n(u),x=t(13382),p=t(51451),g=t(48810),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 f=(0,l.Pi)((function Settings(n){var e,t,o=n.className,l=n.tabgroupElement,u=(0,i.Z)(n,b),f=(0,r.NP)(),h=f.getIsInMobileView()&&f.getViewConfig().navigateMobileSwiper,v=(0,m.jsx)(m.Fragment,{children:h?(0,m.jsx)(x.default,{}):(0,m.jsxs)(m.Fragment,{children:[!f.uiState.isInMobileView&&!f.settingsState.forceSettingsHeaderInScrollContainer&&!f.wysiwygDebugState.wysiwygInspectView&&(0,m.jsx)(a.default,{},null!==(e=null===(t=f.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"==f.tabGroupState.curTabGroupType?s.s1:void 0,f.uiState.configSettingsIsExpanded?s.zh:void 0),children:[(0,m.jsx)(g.default,{draggerElement:l,children:v}),!f.uiState.isInMobileView&&v]}))}))},27048:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var o=t(88291),i=t(99872),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),f=t.n(b),h=t(29390),v={};v.styleTagTransform=f(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var y=t(47514);const S=(0,r.Pi)((function ProgressBar(n){var e;(0,o.Z)(n);var t=(0,i.NP)(),r=null===(e=t.configuratorStructureHandler)||void 0===e?void 0:e.lastConfigStep,a=t.tabGroupState.curConfigStep;if(!r||!a)return(0,y.jsx)(y.Fragment,{});var d=a.posNr,l=r.posNr,s=1==l?0:Math.round(d/l*100),u=100-s;return(0,y.jsxs)("div",{className:h.YS,children:[(0,y.jsx)("div",{className:h.L3,style:{width:s+"%"}}),(0,y.jsx)("div",{className:h.LM,style:{width:u+"%"}})]})}))},38921:(n,e,t)=>{t.d(e,{DC:()=>b,F0:()=>f,QD:()=>g,UU:()=>m,ZP:()=>v,al:()=>h,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 display: flex;\n justify-content: center;\n align-items: center;\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",f="index-module--mG83s",h="index-module--H3WLd";const v=u},28717:(n,e,t)=>{t.d(e,{$t:()=>g,FN:()=>b,Is:()=>m,KR:()=>s,LI:()=>u,Qv:()=>f,ZP:()=>v,jl:()=>d,nC:()=>l,op:()=>x,ox:()=>p,rK:()=>c,tW:()=>h});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",f="index-module--CVPGS",h="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:()=>w,Mq:()=>P,ZP:()=>O,Zk:()=>v,g6:()=>f,jl:()=>j,kL:()=>m,m7:()=>b,rK:()=>p,tM:()=>I,tW:()=>g,vt:()=>y,x6:()=>S,xn:()=>x,zh:()=>h});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 background-color: var(--configuratorBackgroundColor);\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--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",f="index-module--MbykI",h="index-module--xeINC",v="index-module--v90g0",y="index-module--rbJ1a",S="index-module--NOlUe",w="index-module--OJH2L",j="index-module--ORcZQ",I="index-module--NnWir",k="index-module--OfS8A",P="index-module--u9qmL";const O=u},76640:(n,e,t)=>{t.d(e,{Mq:()=>m,YS:()=>x,ZP:()=>b,oP:()=>g,qv:()=>p});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(81165),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--OH1rD {\n position: absolute;\n transform: translateZ(0);\n bottom: 12px;\n right: 12px;\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--diva-theme-palette-primary-main);\n border-radius: 50%;\n cursor: pointer;\n z-index: 12000;\n box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n opacity: 0;\n transition:\n opacity 1.5s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n outline: none;\n -webkit-tap-highlight-color: transparent;\n pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n scale: 0.9;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n width: 20px;\n height: 20px;\n background-image: url("+c+");\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n}\n\n.index-module--BWnyQ {\n opacity: 1;\n pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n opacity: 0;\n transition:\n opacity 0s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n bottom: 16px;\n right: 16px;\n width: 52px;\n height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n width: 26px;\n height: 26px;\n}\n",""]);var x="index-module--OH1rD",p="index-module--GRTuu",g="index-module--BWnyQ",m="index-module--CF6oq";const b=u},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=="},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4557,6973,9001,4190,1358,7853],{16973:(n,e,t)=>{t.r(e),t.d(e,{default:()=>O});var o=t(80248),i=t(99872),r=t(9420),a=(t(87363),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),f=t.n(b),h=t(38921),v={};v.styleTagTransform=f(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var y=t(65515),S=t.n(y),w=t(88683),j=t(19047),I=t(39667),k=t(40976),P=t(56340),C=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 O=(0,r.Pi)((function BasketActionStandard(n){var e,t,o,r,a=n.buttonTextClassName,d=void 0===a?h.UU:a,l=n.buttonPriceClassName,s=void 0===l?h.QD:l,u=n.containerClassName,c=n.price,x=n.showCheckoutButtons,p=(0,i.NP)(),g=(0,w.useDivaCore)().state.hidePrices,m=(0,w.useTranslation)().t,b=null===(e=p.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.find((function(n){return"ADD_TO_BASKET"===n.type}));return(0,C.jsxs)("div",{className:S()(h.tM,u),children:[x&&(null===(t=p.uiState.checkoutConfig)||void 0===t?void 0:t.buttons.filter((function(n){return(0,j.evalVisible)(n,p,"navigator")})).map((function(n){return(0,C.jsx)("div",{className:k.rK,onClick:function onClick(){return(0,j.onClickCheckout)(n,p,n.index,m)},children:(0,C.jsx)(I.default,{checkoutButton:_objectSpread(_objectSpread({},n),{},{isPrimary:!1}),size:32})},n.index)}))),(0,C.jsxs)("div",{className:h.m2,onClick:function onClick(){b?(0,j.onClickCheckout)(b,p,b.index,m):p.actionButtonState.onClickAddToBasket(p)},id:"wcConfigurator-action-tobasket",children:[b?(0,C.jsx)(I.default,{checkoutButton:_objectSpread({isPrimary:!0},b),size:40}):(0,C.jsx)("div",{className:d,children:m("configurator.ADD_TO_BASKET")}),!g&&void 0!==c&&"horizontal"==p.tabGroupState.curTabGroupType&&(0,C.jsxs)(C.Fragment,{children:[(0,C.jsx)("div",{className:S()(h.DC,h.F0,p.productState.formatedBruttoPrice?void 0:h.al),children:(0,C.jsx)(P.default,{price:null!==(o=p.productState.formatedBruttoPrice)&&void 0!==o?o:0})}),(0,C.jsx)("div",{className:s,children:(0,C.jsx)(P.default,{price:null!==(r=p.productState.formatedCurSetPrice)&&void 0!==r?r:0})})]})]})]})}))},68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>u});var o=t(80248),i=t(88291),r=(t(87363),t(99872)),a=t(39667),d=t(19047),l=t(88683),s=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 u=function BasketMobile(n){var e,t=Object.assign({},((0,i.Z)(n),n)),o=(0,r.NP)(),u=null===(e=o.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.find((function(n){return"ADD_TO_BASKET"===n.type})),c=(0,l.useTranslation)().t;return(0,s.jsx)(s.Fragment,{children:u?(0,s.jsx)("div",{onClick:function onClick(){return(0,d.onClickCheckout)(u,o,u.index,c)},className:t.className,style:{backgroundImage:"unset",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,s.jsx)(a.default,{checkoutButton:_objectSpread({isPrimary:!0},u),size:32})}):(0,s.jsx)("div",_objectSpread(_objectSpread({},t),{},{onClick:function onClick(){return o.actionButtonState.onClickAddToBasket(o)}}))})}},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"}))}},30384:(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(99872),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),f=t.n(b),h=t(19216),v=t.n(h),y=t(44589),S=t.n(y),w=t(39545),j={};j.styleTagTransform=S(),j.setAttributes=f(),j.insert=m().bind(null,"head"),j.domAPI=p(),j.insertStyleElement=v();c()(w.ZP,j);w.ZP&&w.ZP.locals&&w.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:w.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,I.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:w.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:w.vX,onClick:s})]})]})})}))},64557:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var o=t(88291),i=t(65515),r=t.n(i),a=t(99872),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),f=t.n(b),h=t(44589),v=t.n(h),y=t(52284),S={};S.styleTagTransform=v(),S.setAttributes=m(),S.insert=p().bind(null,"head"),S.domAPI=c(),S.insertStyleElement=f();s()(y.ZP,S);y.ZP&&y.ZP.locals&&y.ZP.locals;var w=t(30384),j=t(34190),I=t(97853),k=t(28048),P=t(69001),C=t(88683),O=t(16973),N=t(9420),M=t(68063),T=t(27048),B=t(47514),D={"--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 Z=(0,N.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(D)}),[]),(0,B.jsxs)(B.Fragment,{children:[(0,B.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,B.jsxs)("div",{id:"wcConfigurator-wrapper",ref:function ref(n){return e.uiState.setWrapperRef(n)},style:{width:"100%",height:"100%",position:"absolute",bottom:0,left:0},children:[(0,B.jsx)(j.default,{className:y.kL}),e.uiState.isInMobileView?(0,B.jsx)(I.default,{tabgroupElement:(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(k.default,{className:y.x6,showCloseButtonInMobile:t?"left":void 0}),(0,B.jsx)(M.default,{className:y.Bg}),(0,B.jsx)(T.default,{})]})}):(0,B.jsxs)("div",{className:y.g6,children:[(0,B.jsx)(k.default,{className:y.x6}),(0,B.jsx)(I.default,{className:y.vt}),(0,B.jsx)(P.default,{className:y.jl,showCheckoutButtons:!0}),(0,B.jsx)(O.default,{containerClassName:y.tM,showCheckoutButtons:!1})]})]})}),e.settingsState.inputBoxVisible&&(0,B.jsx)(w.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function Product(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>s});var o=t(9420),i=(t(87363),t(99872)),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})]})]})}))},41358:(n,e,t)=>{t.r(e),t.d(e,{default:()=>I});var o=t(34988),i=t(9420),r=t(87363),a=t(99872),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),f=t(44589),h=t.n(f),v=t(76640),y={};y.styleTagTransform=h(),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 S=t(65515),w=t.n(S),j=t(47514);const I=(0,i.Pi)((function NavForwardButton(n){var e=(0,a.NP)(),t=(0,r.useState)(!1),i=(0,o.Z)(t,2),d=i[0],l=i[1];return(0,r.useEffect)((function(){setTimeout((function(){l(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,j.jsx)("div",{className:w()(v.YS,d&&v.oP,e.uiState.isTablet?v.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,j.jsx)("div",{className:v.qv})})}))},13382:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var o=t(88291),i=t(9420),r=t(87363),a=t(37707),d=t(99872),l=t(82956),s=t(28649),u=t(74133),c=t(84658),x=t(12952),p=t(34988),g=t(50747),m=t.n(g),b=t(88683),f=t(41358),h=t(65515),v=t.n(h),y=t(47514);const S=(0,i.Pi)((function SettingsSwiper(n){(0,o.Z)(n);var e=(0,d.NP)(),t=function useSwiperHook(n){var e=(0,r.useState)(null),t=(0,p.Z)(e,2),o=t[0],i=t[1],a=(0,r.useState)([]),d=(0,p.Z)(a,2),l=d[0],s=d[1];(0,r.useEffect)((function(){var e=(0,x.Z)(n.tabGroupState.allTabGroups.keys());s(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==o?void 0:o.activeIndex)&&(null==o||o.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,o]);var u=function(){var n=(0,c.Z)(m().mark((function _callee(){var n,e,t,i,r,a=arguments;return m().wrap((function _callee$(d){for(;;)switch(d.prev=d.next){case 0:if(n=a.length>0&&void 0!==a[0]?a[0]:50,e=a.length>1&&void 0!==a[1]?a[1]:500,o){d.next=4;break}return d.abrupt("return");case 4:return t=.25*e,i=o.getTranslate(),r=i-n,o.allowTouchMove=!1,o.setTransition(2*t),o.setTranslate(r),d.next=12,b.DivaUtils.Sleep(2*t);case 12:return o.setTransition(t),o.setTranslate(i-.5*n),d.next=16,b.DivaUtils.Sleep(t);case 16:return o.setTransition(.5*t),o.setTranslate(.8*r),d.next=20,b.DivaUtils.Sleep(.5*t);case 20:o.setTransition(1.75*t),o.setTranslate(i),o.allowTouchMove=!0;case 23:case"end":return d.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),g=n.tabGroupState.curTabGroup?l.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:o,setSwiperRef:i,allSwipes:l,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var t=e.activeIndex-l.indexOf(n.tabGroupState.curTabGroup.key);if(1==t)n.actionButtonState.onClickConfiguratorSettingsForth(!0,!0);else if(-1==t)n.actionButtonState.onClickConfiguratorSettingsBack();else if(0!==t){var o=n.tabGroupState.allTabGroups.get(l[e.activeIndex]);o&&n.tabGroupState.navigateToTabgroupByPosNr(o.posNr)}}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:g,teaseSwipe:u}}(e),i=t.setSwiperRef,g=t.allSwipes,h=t.handleSlideChange,S=t.handleSetTransition,w=t.handleTransitionEnd,j=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=g&&g.length?(0,y.jsx)(a.tq,{onSlideChange:h,onSetTransition:S,onTransitionEnd:w,initialSlide:j,onSwiper:i,className:l.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:v()("swiper-wrapper",l.Iz),children:g.map((function(n){var t,o=e.tabGroupState.allTabGroups.get(n),i=o?null===(t=Array.from(o.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,y.jsx)(a.o5,{className:l.AI,children:n==e.tabGroupState.curTabGroup.key?(0,y.jsxs)(y.Fragment,{children:[(0,y.jsx)(s.default,{},n),(0,y.jsx)(f.default,{})]}):(0,y.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:i&&(0,y.jsx)(u.default,{text:i,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,y.jsx)(y.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>f});var o=t(80248),i=t(72874),r=(t(87363),t(99872)),a=t(80509),d=t(28649),l=t(9420),s=t(82956),u=t(65515),c=t.n(u),x=t(13382),p=t(51451),g=t(48810),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 f=(0,l.Pi)((function Settings(n){var e,t,o=n.className,l=n.tabgroupElement,u=(0,i.Z)(n,b),f=(0,r.NP)(),h=f.getIsInMobileView()&&f.getViewConfig().navigateMobileSwiper,v=(0,m.jsx)(m.Fragment,{children:h?(0,m.jsx)(x.default,{}):(0,m.jsxs)(m.Fragment,{children:[!f.uiState.isInMobileView&&!f.settingsState.forceSettingsHeaderInScrollContainer&&!f.wysiwygDebugState.wysiwygInspectView&&(0,m.jsx)(a.default,{},null!==(e=null===(t=f.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"==f.tabGroupState.curTabGroupType?s.s1:void 0,f.uiState.configSettingsIsExpanded?s.zh:void 0),children:[(0,m.jsx)(g.default,{draggerElement:l,children:v}),!f.uiState.isInMobileView&&v]}))}))},27048:(n,e,t)=>{t.r(e),t.d(e,{default:()=>S});var o=t(88291),i=t(99872),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),f=t.n(b),h=t(29390),v={};v.styleTagTransform=f(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();d()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var y=t(47514);const S=(0,r.Pi)((function ProgressBar(n){var e;(0,o.Z)(n);var t=(0,i.NP)(),r=null===(e=t.configuratorStructureHandler)||void 0===e?void 0:e.lastConfigStep,a=t.tabGroupState.curConfigStep;if(!r||!a)return(0,y.jsx)(y.Fragment,{});var d=a.posNr,l=r.posNr,s=1==l?0:Math.round(d/l*100),u=100-s;return(0,y.jsxs)("div",{className:h.YS,children:[(0,y.jsx)("div",{className:h.L3,style:{width:s+"%"}}),(0,y.jsx)("div",{className:h.LM,style:{width:u+"%"}})]})}))},38921:(n,e,t)=>{t.d(e,{DC:()=>b,F0:()=>f,QD:()=>g,UU:()=>m,ZP:()=>v,al:()=>h,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 display: flex;\n justify-content: center;\n align-items: center;\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",f="index-module--mG83s",h="index-module--H3WLd";const v=u},28717:(n,e,t)=>{t.d(e,{$t:()=>g,FN:()=>b,Is:()=>m,KR:()=>s,LI:()=>u,Qv:()=>f,ZP:()=>v,jl:()=>d,nC:()=>l,op:()=>x,ox:()=>p,rK:()=>c,tW:()=>h});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",f="index-module--CVPGS",h="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:()=>w,Mq:()=>P,ZP:()=>C,Zk:()=>v,g6:()=>f,jl:()=>j,kL:()=>m,m7:()=>b,rK:()=>p,tM:()=>I,tW:()=>g,vt:()=>y,x6:()=>S,xn:()=>x,zh:()=>h});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 background-color: var(--configuratorBackgroundColor);\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--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",f="index-module--MbykI",h="index-module--xeINC",v="index-module--v90g0",y="index-module--rbJ1a",S="index-module--NOlUe",w="index-module--OJH2L",j="index-module--ORcZQ",I="index-module--NnWir",k="index-module--OfS8A",P="index-module--u9qmL";const C=u},76640:(n,e,t)=>{t.d(e,{Mq:()=>m,YS:()=>x,ZP:()=>b,oP:()=>g,qv:()=>p});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(81165),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--OH1rD {\n position: absolute;\n transform: translateZ(0);\n bottom: 12px;\n right: 12px;\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--diva-theme-palette-primary-main);\n border-radius: 50%;\n cursor: pointer;\n z-index: 12000;\n box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n opacity: 0;\n transition:\n opacity 1.5s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n outline: none;\n -webkit-tap-highlight-color: transparent;\n pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n scale: 0.9;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n width: 20px;\n height: 20px;\n background-image: url("+c+");\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n}\n\n.index-module--BWnyQ {\n opacity: 1;\n pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n opacity: 0;\n transition:\n opacity 0s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n bottom: 16px;\n right: 16px;\n width: 52px;\n height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n width: 26px;\n height: 26px;\n}\n",""]);var x="index-module--OH1rD",p="index-module--GRTuu",g="index-module--BWnyQ",m="index-module--CF6oq";const b=u},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=="},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
package/build/umd/509.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 509.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[509],{80509:(e,t,i)=>{i.r(t),i.d(t,{default:()=>l});var n=i(99872),a=i(9420),r=(i(87363),i(74133)),s=i(47514);const l=(0,a.Pi)((function SettingsHeaderContainer(e){var t,i,a=e.isScroller,l=void 0!==a&&a,d=(0,n.NP)(),o=d.settingsState.itemPalettes.get(1);if(!o)return(0,s.jsx)(s.Fragment,{});var g=("Hidden"!==d.uiState.ViewConfig.headerInConfigPalette||!o.hideHeader)&&"CHECKOUT"!==o.configStepKey&&!(null!==(t=o.type)&&void 0!==t&&t.startsWith("PRODUCTS"))&&!(null!==(i=o.type)&&void 0!==i&&i.startsWith("PROMOTED"))&&(!d.getIsInMobileView()||["PLANNER_2.0","SUMMARY","ACCESSOIRES","DoorPlanner"].includes(o.configStepKey)||o.configStepKey.startsWith("SHELFARTICLE")||d.settingsState.showTabgroupHeaderForConfigSinge);return(0,s.jsx)(s.Fragment,{children:g&&(0,s.jsx)(r.default,{isInScroller:l,isSettingsHeader:!o.isHeader,item:o,header:!0})})}))}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[509],{80509:(e,t,i)=>{i.r(t),i.d(t,{default:()=>d});var n=i(12952),r=i(99872),s=i(9420),a=(i(87363),i(74133)),l=i(47514);const d=(0,s.Pi)((function SettingsHeaderContainer(e){var t,i,s,d=e.isScroller,o=void 0!==d&&d,u=(0,r.NP)(),g=u.settingsState.itemPalettes.get(1);if(!g)return(0,l.jsx)(l.Fragment,{});var S=null!==(t=(0,n.Z)(u.settingsState.itemPalettes.values()).sort((function(e,t){return e.id-t.id})).find((function(e){return e.visible&&!e.isHeader})))&&void 0!==t?t:g,c=("Hidden"!==u.uiState.ViewConfig.headerInConfigPalette||!S.hideHeader)&&"CHECKOUT"!==g.configStepKey&&!(null!==(i=g.type)&&void 0!==i&&i.startsWith("PRODUCTS"))&&!(null!==(s=g.type)&&void 0!==s&&s.startsWith("PROMOTED"))&&(!u.getIsInMobileView()||["PLANNER_2.0","SUMMARY","ACCESSOIRES","DoorPlanner"].includes(g.configStepKey)||g.configStepKey.startsWith("SHELFARTICLE")||u.settingsState.showTabgroupHeaderForConfigSinge);return(0,l.jsx)(l.Fragment,{children:c&&(0,l.jsx)(a.default,{isInScroller:o,isSettingsHeader:!g.isHeader,item:g,header:!0})})}))}}]);
package/build/umd/64.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 64.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[64,9001,4190,1358,7853],{68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>u});var i=t(80248),o=t(88291),r=(t(87363),t(99872)),a=t(39667),s=t(19047),d=t(88683),l=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const u=function BasketMobile(n){var e,t=Object.assign({},((0,o.Z)(n),n)),i=(0,r.NP)(),u=null===(e=i.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.find((function(n){return"ADD_TO_BASKET"===n.type})),c=(0,d.useTranslation)().t;return(0,l.jsx)(l.Fragment,{children:u?(0,l.jsx)("div",{onClick:function onClick(){return(0,s.onClickCheckout)(u,i,u.index,c)},className:t.className,style:{backgroundImage:"unset",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)(a.default,{checkoutButton:_objectSpread({isPrimary:!0},u),size:32})}):(0,l.jsx)("div",_objectSpread(_objectSpread({},t),{},{onClick:function onClick(){return i.actionButtonState.onClickAddToBasket(i)}}))})}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function NavigationButtons(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},30384:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),s=t(99872),d=t(87363),l=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),b=t.n(g),f=t(3565),m=t.n(f),h=t(19216),S=t.n(h),v=t(44589),w=t.n(v),y=t(39545),j={};j.styleTagTransform=w(),j.setAttributes=m(),j.insert=b().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=S();c()(y.ZP,j);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(47514);const k=(0,l.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,s.NP)(),t=(0,d.useRef)(null);if((0,d.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,d.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,P.jsx)(P.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=function(){var n=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,P.jsx)("div",{children:(0,P.jsxs)("div",{className:y.Q_,children:[(0,P.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,P.jsxs)("div",{style:{width:"100%"},children:[(0,P.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,P.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(l(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,P.jsx)("button",{className:y.vX,onClick:l})]})]})})}))},64:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(65515),o=t.n(i),r=t(99872),a=t(87363),s=t(93379),d=t.n(s),l=t(7795),u=t.n(l),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),m=t(44589),h=t.n(m),S=t(86454),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();d()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(30384),y=t(34190),j=t(97853),P=t(69001),k=t(30613),O=t(28048),T=t(9420),I=t(68063),C=t(88683),B=t(27048),N=t(47514),G={"--settingsBackgroundColor":"rgba(248, 248, 248, 0.98)","--tabGroupBackground":"rgba(248, 248, 248, 0.98)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#dfdfdf","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorder":"1px","--configuratorActionHeight":"40px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--globalBorderRadius":"3px","--mobile-tabgroup-drawer-border-radius":"12px","--buttons-border-radius":"8px"};const Z=(0,T.Pi)((function Gold(n){var e=(0,r.NP)(),t=(0,C.useDivaCore)().state.isFullscreenComponent;return(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(G)}),[]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:o()(S.xn,e.uiState.configSettingsIsExpanded?S.zh:void 0,e.uiState.isMobileLandscape?S.rK:void 0,e.uiState.isMobilePortrait?S.tW:void 0,e.uiState.isTablet?S.Mq:void 0),children:(0,N.jsxs)("div",{id:"wcConfigurator-wrapper",ref:function ref(n){return e.uiState.setWrapperRef(n)},style:{width:"100%",height:"100%",position:"absolute",bottom:0,left:0},children:[(0,N.jsx)(y.default,{className:S.kL}),e.uiState.isInMobileView?(0,N.jsx)(j.default,{tabgroupElement:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(O.default,{className:S.x6,showCloseButtonInMobile:t?"left":void 0}),(0,N.jsx)(I.default,{className:S.Bg}),(0,N.jsx)(B.default,{})]})}):(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(O.default,{className:S.x6,showCloseButtonInMobile:"none"}),(0,N.jsx)(j.default,{className:S.vt}),(0,N.jsx)(P.default,{className:S.jl,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,N.jsx)(k.default,{containerClassName:S.tM,showCheckoutButtons:!0})]})]})}),e.settingsState.inputBoxVisible&&(0,N.jsx)(w.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function Product(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>l});var i=t(9420),o=(t(87363),t(99872)),r=t(82956),a=t(65515),s=t.n(a),d=t(47514);const l=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,o.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,d.jsxs)(d.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,d.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,d.jsxs)(d.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,d.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,d.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},41358:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var i=t(34988),o=t(9420),r=t(87363),a=t(99872),s=t(93379),d=t.n(s),l=t(7795),u=t.n(l),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),m=t(44589),h=t.n(m),S=t(76640),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();d()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(65515),y=t.n(w),j=t(47514);const P=(0,o.Pi)((function NavForwardButton(n){var e=(0,a.NP)(),t=(0,r.useState)(!1),o=(0,i.Z)(t,2),s=o[0],d=o[1];return(0,r.useEffect)((function(){setTimeout((function(){d(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,j.jsx)("div",{className:y()(S.YS,s&&S.oP,e.uiState.isTablet?S.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,j.jsx)("div",{className:S.qv})})}))},13382:(n,e,t)=>{t.r(e),t.d(e,{default:()=>v});var i=t(88291),o=t(9420),r=t(87363),a=t(37707),s=t(99872),d=t(82956),l=t(28649),u=t(74133),c=t(84658),p=t(34988),x=t(50747),g=t.n(x),b=t(88683),f=t(41358),m=t(65515),h=t.n(m),S=t(47514);const v=(0,o.Pi)((function SettingsSwiper(n){(0,i.Z)(n);var e=(0,s.NP)(),t=function useSwiperHook(n){var e=(0,r.useState)(null),t=(0,p.Z)(e,2),i=t[0],o=t[1],a=(0,r.useState)([]),s=(0,p.Z)(a,2),d=s[0],l=s[1];(0,r.useEffect)((function(){var e=Object.keys(n.tabGroupState.allTabGroups);l(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,i]);var u=function(){var n=(0,c.Z)(g().mark((function _callee(){var n,e,t,o,r,a=arguments;return g().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(n=a.length>0&&void 0!==a[0]?a[0]:50,e=a.length>1&&void 0!==a[1]?a[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return t=.25*e,o=i.getTranslate(),r=o-n,i.allowTouchMove=!1,i.setTransition(2*t),i.setTranslate(r),s.next=12,b.DivaUtils.Sleep(2*t);case 12:return i.setTransition(t),i.setTranslate(o-.5*n),s.next=16,b.DivaUtils.Sleep(t);case 16:return i.setTransition(.5*t),i.setTranslate(.8*r),s.next=20,b.DivaUtils.Sleep(.5*t);case 20:i.setTransition(1.75*t),i.setTranslate(o),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),x=n.tabGroupState.curTabGroup?d.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:o,allSwipes:d,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var t=e.activeIndex-d.indexOf(n.tabGroupState.curTabGroup.key);1==t?n.actionButtonState.onClickConfiguratorSettingsForth(!0,!0):-1==t?n.actionButtonState.onClickConfiguratorSettingsBack():0!==t&&n.tabGroupState.allTabGroups[d[e.activeIndex]]&&n.tabGroupState.navigateToTabgroupByPosNr(n.tabGroupState.allTabGroups[d[e.activeIndex]].posNr)}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:x,teaseSwipe:u}}(e),o=t.setSwiperRef,x=t.allSwipes,m=t.handleSlideChange,v=t.handleSetTransition,w=t.handleTransitionEnd,y=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=x&&x.length?(0,S.jsx)(a.tq,{onSlideChange:m,onSetTransition:v,onTransitionEnd:w,initialSlide:y,onSwiper:o,className:d.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:h()("swiper-wrapper",d.Iz),children:x.map((function(n){var t,i=e.tabGroupState.allTabGroups[n],o=i?null===(t=Array.from(i.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,S.jsx)(a.o5,{className:d.AI,children:n==e.tabGroupState.curTabGroup.key?(0,S.jsxs)(S.Fragment,{children:[(0,S.jsx)(l.default,{},n),(0,S.jsx)(f.default,{})]}):(0,S.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:o&&(0,S.jsx)(u.default,{text:o,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,S.jsx)(S.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>m});var i=t(80248),o=t(72874),r=(t(87363),t(99872)),a=t(80509),s=t(28649),d=t(9420),l=t(82956),u=t(65515),c=t.n(u),p=t(13382),x=t(51451),g=t(48810),b=t(47514),f=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const m=(0,d.Pi)((function Settings(n){var e,t,i=n.className,d=n.tabgroupElement,u=(0,o.Z)(n,f),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,S=(0,b.jsx)(b.Fragment,{children:h?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&!m.wysiwygDebugState.wysiwygInspectView&&(0,b.jsx)(a.default,{},null!==(e=null===(t=m.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,b.jsx)(s.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,l.vt,"horizontal"==m.tabGroupState.curTabGroupType?l.s1:void 0,m.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:d,children:S}),!m.uiState.isInMobileView&&S]}))}))},27048:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(88291),o=t(99872),r=(t(87363),t(9420)),a=t(93379),s=t.n(a),d=t(7795),l=t.n(d),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),g=t(19216),b=t.n(g),f=t(44589),m=t.n(f),h=t(29390),S={};S.styleTagTransform=m(),S.setAttributes=x(),S.insert=c().bind(null,"head"),S.domAPI=l(),S.insertStyleElement=b();s()(h.ZP,S);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(47514);const w=(0,r.Pi)((function ProgressBar(n){var e;(0,i.Z)(n);var t=(0,o.NP)(),r=null===(e=t.configuratorStructureHandler)||void 0===e?void 0:e.lastConfigStep,a=t.tabGroupState.curConfigStep;if(!r||!a)return(0,v.jsx)(v.Fragment,{});var s=a.posNr,d=r.posNr,l=1==d?0:Math.round(s/d*100),u=100-l;return(0,v.jsxs)("div",{className:h.YS,children:[(0,v.jsx)("div",{className:h.L3,style:{width:l+"%"}}),(0,v.jsx)("div",{className:h.LM,style:{width:u+"%"}})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>f,vX:()=>b});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(38403),t.b),u=a()(o()),c=d()(l);u.push([n.id,".index-module--nrbS_ {\n width: 90%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n float: left;\n}\n\n.index-module--lGJqa {\n letter-spacing: 0.5px;\n -webkit-text-stroke: 0.1px;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n z-index: 999;\n width: 40em;\n max-width: 70%;\n max-height: 90%;\n background-color: white;\n padding: 1em 2em 0.5em 2em;\n border-radius: 15px;\n border: 1px solid #cbcbcb;\n font-size: 14.4px;\n color: #363636;\n display: flex;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n font-size: 16px;\n -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n padding: 0;\n margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n width: calc(100% - 65px);\n float: left;\n padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n height: 40px;\n width: 55px;\n display: block;\n background-repeat: no-repeat;\n background-position: center;\n float: left;\n clear: both;\n margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n border-radius: 20px;\n position: absolute;\n font-size: 22pt;\n font-family: sans-serif;\n font-weight: 50;\n top: -20px;\n right: -20px;\n width: 40px;\n height: 40px;\n background-color: #fff;\n color: #666;\n border: 2px solid #666;\n text-align: center;\n padding-top: 0px;\n content: 'X';\n}\n\n.index-module--OZydS:hover {\n background-color: #aaa;\n color: #000;\n border: 2px solid #000;\n}\n.index-module--FQDBA {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n color: #ffffff;\n height: 41px;\n width: 8%;\n margin: 8px 0 7px;\n float: right;\n border-radius: var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+c+");\n background-size: 16px;\n transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",g="index-module--OZydS",b="index-module--FQDBA";const f=u},86454:(n,e,t)=>{t.d(e,{Bg:()=>w,Mq:()=>y,ZP:()=>j,jl:()=>h,kL:()=>b,rK:()=>x,tM:()=>S,tW:()=>g,vt:()=>f,x6:()=>m,xn:()=>p,zh:()=>v});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(2431),t.b),u=a()(o()),c=d()(l);u.push([n.id,".index-module--jUUzB {\n position: relative;\n height: calc(100% - 60px);\n width: 100%;\n margin: 30px 0;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n letter-spacing: 0.5px;\n -webkit-font-smoothing: antialiased;\n -webkit-text-stroke: 0.1px;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n overscroll-behavior-y: contain;\n background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--jUUzB *,\n.index-module--jUUzB *::before,\n.index-module--jUUzB *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--jUUzB.index-module--ka5TW {\n height: 100%;\n width: 100%;\n margin: 0;\n}\n\n.index-module--jUUzB.index-module--rXcyI {\n height: 100%;\n width: 100%;\n margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--fH3d_ {\n position: absolute;\n width: 69%;\n top: calc(56px + 20px);\n height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--PRLOe {\n position: absolute;\n width: 31%;\n overflow: visible;\n z-index: 600;\n right: 0px;\n top: calc(56px + 20px);\n height: calc(100% - 60px - 56px - 70px);\n transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--zOzPb {\n position: absolute;\n z-index: 600;\n height: 56px;\n width: 100%;\n transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--_vKBL {\n position: absolute;\n width: 31%;\n height: 40px;\n right: 0px;\n bottom: calc(40px + 20px);\n padding-top: 10px;\n z-index: 600;\n transition: width 0.2s ease-in-out;\n background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.index-module--mZSQ5 {\n position: absolute;\n width: 31%;\n height: 40px;\n right: 0px;\n bottom: 0px;\n padding-top: 20px;\n z-index: 600;\n\n transition: width 0.2s ease-in-out;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--g6b2d .index-module--PRLOe,\n.index-module--g6b2d .index-module--mZSQ5,\n.index-module--g6b2d .index-module--_vKBL {\n width: 62%;\n}\n\n.index-module--jUUzB.index-module--rXcyI,\n.index-module--ka5TW.index-module--jUUzB {\n padding: 0;\n padding: initial;\n overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--ka5TW .index-module--fH3d_ {\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n max-width: none;\n max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--ka5TW .index-module--PRLOe {\n display: none;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--ka5TW .index-module--zOzPb {\n display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--ka5TW .index-module--_vKBL {\n display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--ka5TW .index-module--mZSQ5 {\n display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--rXcyI .index-module--fH3d_ {\n top: 0px;\n left: 0px;\n height: var(--configuratorProductHeight);\n transition: height 0.2s ease-out;\n width: 100%;\n max-width: none;\n max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--rXcyI .index-module--PRLOe {\n left: 0px;\n top: auto;\n top: initial;\n transition: height 0.2s ease-out;\n bottom: 0px;\n width: 100%;\n z-index: 1000;\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--rXcyI .index-module--zOzPb {\n position: relative;\n right: auto;\n right: initial;\n top: auto;\n top: initial;\n transition: none 0s ease 0s;\n transition: initial;\n flex-grow: 10;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--rXcyI .index-module--_vKBL {\n display: none;\n bottom: 0px;\n width: calc(100% - 10px);\n\n height: calc(var(--configuratorActionHeight) - 5px);\n margin: 0 5px 5px 5px;\n padding-top: 0px;\n right: 0px;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--rXcyI .index-module--mZSQ5,\n.index-module--rXcyI.index-module--HZdfU .index-module--mZSQ5 {\n display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--GKXer {\n position: relative;\n transition: bottom 0.2s ease-out;\n width: 50px;\n height: var(--configuratorTabGroupHeight);\n background: no-repeat url("+c+") center center var(--primaryColor);\n background-size: 37%;\n z-index: 300;\n}\n\n.index-module--ka5TW,\n.index-module--rXcyI {\n --configuratorActionHeight: 50px;\n --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--FYopM {\n --configuratorTabGroupHeight: 50px;\n --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n.index-module--l4Hrm {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n",""]);var p="index-module--jUUzB",x="index-module--ka5TW",g="index-module--rXcyI",b="index-module--fH3d_",f="index-module--PRLOe",m="index-module--zOzPb",h="index-module--_vKBL",S="index-module--mZSQ5",v="index-module--g6b2d",w="index-module--GKXer",y="index-module--FYopM";const j=u},76640:(n,e,t)=>{t.d(e,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>x});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(81165),t.b),u=a()(o()),c=d()(l);u.push([n.id,".index-module--OH1rD {\n position: absolute;\n transform: translateZ(0);\n bottom: 12px;\n right: 12px;\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--diva-theme-palette-primary-main);\n border-radius: 50%;\n cursor: pointer;\n z-index: 12000;\n box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n opacity: 0;\n transition:\n opacity 1.5s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n outline: none;\n -webkit-tap-highlight-color: transparent;\n pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n scale: 0.9;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n width: 20px;\n height: 20px;\n background-image: url("+c+");\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n}\n\n.index-module--BWnyQ {\n opacity: 1;\n pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n opacity: 0;\n transition:\n opacity 0s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n bottom: 16px;\n right: 16px;\n width: 52px;\n height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n width: 26px;\n height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",g="index-module--BWnyQ",b="index-module--CF6oq";const f=u},29390:(n,e,t)=>{t.d(e,{L3:()=>d,LM:()=>l,YS:()=>s,ZP:()=>u});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--rHd3V {\n position: absolute;\n width: 100%;\n height: 3px;\n bottom: 0;\n left: 0;\n z-index: 2000;\n}\n\n.index-module--_zSo1 {\n background: #ccc;\n border-radius: 0 1px 1px 0;\n transition: width 0.35s ease-in-out;\n height: 100%;\n}\n\n.index-module--tkNQ6 {\n background: #eee;\n transition: width 0.35s ease-in-out;\n height: 100%;\n}\n",""]);var s="index-module--rHd3V",d="index-module--_zSo1",l="index-module--tkNQ6";const u=a},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[64,9001,4190,1358,7853],{68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>u});var i=t(80248),o=t(88291),r=(t(87363),t(99872)),a=t(39667),s=t(19047),d=t(88683),l=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const u=function BasketMobile(n){var e,t=Object.assign({},((0,o.Z)(n),n)),i=(0,r.NP)(),u=null===(e=i.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.find((function(n){return"ADD_TO_BASKET"===n.type})),c=(0,d.useTranslation)().t;return(0,l.jsx)(l.Fragment,{children:u?(0,l.jsx)("div",{onClick:function onClick(){return(0,s.onClickCheckout)(u,i,u.index,c)},className:t.className,style:{backgroundImage:"unset",display:"flex",justifyContent:"center",alignItems:"center"},children:(0,l.jsx)(a.default,{checkoutButton:_objectSpread({isPrimary:!0},u),size:32})}):(0,l.jsx)("div",_objectSpread(_objectSpread({},t),{},{onClick:function onClick(){return i.actionButtonState.onClickAddToBasket(i)}}))})}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function NavigationButtons(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},30384:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var i=t(84658),o=t(88291),r=t(50747),a=t.n(r),s=t(99872),d=t(87363),l=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),g=t(90569),b=t.n(g),f=t(3565),m=t.n(f),h=t(19216),S=t.n(h),v=t(44589),w=t.n(v),y=t(39545),j={};j.styleTagTransform=w(),j.setAttributes=m(),j.insert=b().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=S();c()(y.ZP,j);y.ZP&&y.ZP.locals&&y.ZP.locals;var P=t(47514);const k=(0,l.Pi)((function Inputbox(n){(0,o.Z)(n);var e=(0,s.NP)(),t=(0,d.useRef)(null);if((0,d.useEffect)((function(){var n,i,o;e.settingsState.setInputBoxValue(null!==(n=null===(i=e.settingsState.inputBoxItem)||void 0===i?void 0:i.freeText)&&void 0!==n?n:""),null===(o=t.current)||void 0===o||o.focus()}),[]),(0,d.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,P.jsx)(P.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=function(){var n=(0,i.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,P.jsx)("div",{children:(0,P.jsxs)("div",{className:y.Q_,children:[(0,P.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,P.jsxs)("div",{style:{width:"100%"},children:[(0,P.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,P.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(l(),n.stopPropagation())}(n)},className:y.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,P.jsx)("button",{className:y.vX,onClick:l})]})]})})}))},64:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Z});var i=t(65515),o=t.n(i),r=t(99872),a=t(87363),s=t(93379),d=t.n(s),l=t(7795),u=t.n(l),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),m=t(44589),h=t.n(m),S=t(86454),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();d()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(30384),y=t(34190),j=t(97853),P=t(69001),k=t(30613),O=t(28048),T=t(9420),C=t(68063),I=t(88683),B=t(27048),N=t(47514),G={"--settingsBackgroundColor":"rgba(248, 248, 248, 0.98)","--tabGroupBackground":"rgba(248, 248, 248, 0.98)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"10px","--settingsScrollerPaddingLeft":"10px","--primaryColor":"#a81e1e","--secondaryColor":"#4a4a4a","--thirdColor":"#dfdfdf","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--galleryItemRadius":"3px","--galleryItemRowCount":"4","--galleryItemMargin":"1%","--galleryItemRowCountSmall":"3","--galleryItemMarginSmall":"0.5%","--galleryItemBorderColor":"#e8e9ed83","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorder":"1px","--configuratorActionHeight":"40px","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--globalBorderRadius":"3px","--mobile-tabgroup-drawer-border-radius":"12px","--buttons-border-radius":"8px"};const Z=(0,T.Pi)((function Gold(n){var e=(0,r.NP)(),t=(0,I.useDivaCore)().state.isFullscreenComponent;return(0,a.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(G)}),[]),(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:o()(S.xn,e.uiState.configSettingsIsExpanded?S.zh:void 0,e.uiState.isMobileLandscape?S.rK:void 0,e.uiState.isMobilePortrait?S.tW:void 0,e.uiState.isTablet?S.Mq:void 0),children:(0,N.jsxs)("div",{id:"wcConfigurator-wrapper",ref:function ref(n){return e.uiState.setWrapperRef(n)},style:{width:"100%",height:"100%",position:"absolute",bottom:0,left:0},children:[(0,N.jsx)(y.default,{className:S.kL}),e.uiState.isInMobileView?(0,N.jsx)(j.default,{tabgroupElement:(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(O.default,{className:S.x6,showCloseButtonInMobile:t?"left":void 0}),(0,N.jsx)(C.default,{className:S.Bg}),(0,N.jsx)(B.default,{})]})}):(0,N.jsxs)(N.Fragment,{children:[(0,N.jsx)(O.default,{className:S.x6,showCloseButtonInMobile:"none"}),(0,N.jsx)(j.default,{className:S.vt}),(0,N.jsx)(P.default,{className:S.jl,showCheckoutButtons:e.uiState.isMobilePortrait}),(0,N.jsx)(k.default,{containerClassName:S.tM,showCheckoutButtons:!0})]})]})}),e.settingsState.inputBoxVisible&&(0,N.jsx)(w.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var i=t(80248),o=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function Product(n){return(0,r.jsx)(o.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>l});var i=t(9420),o=(t(87363),t(99872)),r=t(82956),a=t(65515),s=t.n(a),d=t(47514);const l=(0,i.Pi)((function SettingsExpanderButtons(n){var e=(0,o.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,d.jsxs)(d.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,d.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,d.jsxs)(d.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,d.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,d.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},41358:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var i=t(34988),o=t(9420),r=t(87363),a=t(99872),s=t(93379),d=t.n(s),l=t(7795),u=t.n(l),c=t(90569),p=t.n(c),x=t(3565),g=t.n(x),b=t(19216),f=t.n(b),m=t(44589),h=t.n(m),S=t(76640),v={};v.styleTagTransform=h(),v.setAttributes=g(),v.insert=p().bind(null,"head"),v.domAPI=u(),v.insertStyleElement=f();d()(S.ZP,v);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(65515),y=t.n(w),j=t(47514);const P=(0,o.Pi)((function NavForwardButton(n){var e=(0,a.NP)(),t=(0,r.useState)(!1),o=(0,i.Z)(t,2),s=o[0],d=o[1];return(0,r.useEffect)((function(){setTimeout((function(){d(!e.actionButtonState.isOnLastStep&&!e.actionButtonState.isOnFirstStepDisabled)}),400)}),[e.actionButtonState.isOnLastStep,e.actionButtonState.isOnFirstStepDisabled]),(0,j.jsx)("div",{className:y()(S.YS,s&&S.oP,e.uiState.isTablet?S.Mq:void 0),onClick:function onClick(){window.lastNavigationType="SETTINGS_SWIPER_FORWARD_BUTTON",e.actionButtonState.onClickConfiguratorSettingsForth()},children:(0,j.jsx)("div",{className:S.qv})})}))},13382:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(88291),o=t(9420),r=t(87363),a=t(37707),s=t(99872),d=t(82956),l=t(28649),u=t(74133),c=t(84658),p=t(12952),x=t(34988),g=t(50747),b=t.n(g),f=t(88683),m=t(41358),h=t(65515),S=t.n(h),v=t(47514);const w=(0,o.Pi)((function SettingsSwiper(n){(0,i.Z)(n);var e=(0,s.NP)(),t=function useSwiperHook(n){var e=(0,r.useState)(null),t=(0,x.Z)(e,2),i=t[0],o=t[1],a=(0,r.useState)([]),s=(0,x.Z)(a,2),d=s[0],l=s[1];(0,r.useEffect)((function(){var e=(0,p.Z)(n.tabGroupState.allTabGroups.keys());l(e),n.tabGroupState.curTabGroup&&e.indexOf(n.tabGroupState.curTabGroup.key)!=(null==i?void 0:i.activeIndex)&&(null==i||i.slideTo(e.indexOf(n.tabGroupState.curTabGroup.key),400))}),[n.tabGroupState.allTabGroups,n.tabGroupState.curTabGroup,i]);var u=function(){var n=(0,c.Z)(b().mark((function _callee(){var n,e,t,o,r,a=arguments;return b().wrap((function _callee$(s){for(;;)switch(s.prev=s.next){case 0:if(n=a.length>0&&void 0!==a[0]?a[0]:50,e=a.length>1&&void 0!==a[1]?a[1]:500,i){s.next=4;break}return s.abrupt("return");case 4:return t=.25*e,o=i.getTranslate(),r=o-n,i.allowTouchMove=!1,i.setTransition(2*t),i.setTranslate(r),s.next=12,f.DivaUtils.Sleep(2*t);case 12:return i.setTransition(t),i.setTranslate(o-.5*n),s.next=16,f.DivaUtils.Sleep(t);case 16:return i.setTransition(.5*t),i.setTranslate(.8*r),s.next=20,f.DivaUtils.Sleep(.5*t);case 20:i.setTransition(1.75*t),i.setTranslate(o),i.allowTouchMove=!0;case 23:case"end":return s.stop()}}),_callee)})));return function teaseSwipe(){return n.apply(this,arguments)}}(),g=n.tabGroupState.curTabGroup?d.indexOf(n.tabGroupState.curTabGroup.key):0;return{swiperRef:i,setSwiperRef:o,allSwipes:d,handleSlideChange:function handleSlideChange(e){if(void 0!==n.tabGroupState.curTabGroup){window.lastNavigationType="SETTINGS_SWIPER_SWIPE";var t=e.activeIndex-d.indexOf(n.tabGroupState.curTabGroup.key);if(1==t)n.actionButtonState.onClickConfiguratorSettingsForth(!0,!0);else if(-1==t)n.actionButtonState.onClickConfiguratorSettingsBack();else if(0!==t){var i=n.tabGroupState.allTabGroups.get(d[e.activeIndex]);i&&n.tabGroupState.navigateToTabgroupByPosNr(i.posNr)}}},handleSetTransition:function handleSetTransition(){n.uiState.swiperNavigationActive=!0},handleTransitionEnd:function handleTransitionEnd(){n.uiState.swiperNavigationActive=!1},initialSlide:g,teaseSwipe:u}}(e),o=t.setSwiperRef,g=t.allSwipes,h=t.handleSlideChange,w=t.handleSetTransition,y=t.handleTransitionEnd,j=t.initialSlide;return e.tabGroupState.curTabGroup&&null!=g&&g.length?(0,v.jsx)(a.tq,{onSlideChange:h,onSetTransition:w,onTransitionEnd:y,initialSlide:j,onSwiper:o,className:d.yk,noSwipingSelector:".no-swiping",resizeObserver:!0,slidesPerView:1,threshold:30,wrapperClass:S()("swiper-wrapper",d.Iz),children:g.map((function(n){var t,i=e.tabGroupState.allTabGroups.get(n),o=i?null===(t=Array.from(i.options.values())[0])||void 0===t?void 0:t.title:void 0;return(0,v.jsx)(a.o5,{className:d.AI,children:n==e.tabGroupState.curTabGroup.key?(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(l.default,{},n),(0,v.jsx)(m.default,{})]}):(0,v.jsx)("div",{style:{height:"100%",overflow:"auto",width:"calc(100% - 20px)",marginLeft:"var(--settingsScrollerPaddingLeft)"},children:o&&(0,v.jsx)(u.default,{text:o,isSettingsHeader:!1,isInScroller:!0})})},n)}))}):(0,v.jsx)(v.Fragment,{})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>m});var i=t(80248),o=t(72874),r=(t(87363),t(99872)),a=t(80509),s=t(28649),d=t(9420),l=t(82956),u=t(65515),c=t.n(u),p=t(13382),x=t(51451),g=t(48810),b=t(47514),f=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(n);e&&(i=i.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,i.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const m=(0,d.Pi)((function Settings(n){var e,t,i=n.className,d=n.tabgroupElement,u=(0,o.Z)(n,f),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,S=(0,b.jsx)(b.Fragment,{children:h?(0,b.jsx)(p.default,{}):(0,b.jsxs)(b.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&!m.wysiwygDebugState.wysiwygInspectView&&(0,b.jsx)(a.default,{},null!==(e=null===(t=m.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,b.jsx)(s.default,{}),(0,b.jsx)(x.default,{})]})});return(0,b.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(i,l.vt,"horizontal"==m.tabGroupState.curTabGroupType?l.s1:void 0,m.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,b.jsx)(g.default,{draggerElement:d,children:S}),!m.uiState.isInMobileView&&S]}))}))},27048:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var i=t(88291),o=t(99872),r=(t(87363),t(9420)),a=t(93379),s=t.n(a),d=t(7795),l=t.n(d),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),g=t(19216),b=t.n(g),f=t(44589),m=t.n(f),h=t(29390),S={};S.styleTagTransform=m(),S.setAttributes=x(),S.insert=c().bind(null,"head"),S.domAPI=l(),S.insertStyleElement=b();s()(h.ZP,S);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(47514);const w=(0,r.Pi)((function ProgressBar(n){var e;(0,i.Z)(n);var t=(0,o.NP)(),r=null===(e=t.configuratorStructureHandler)||void 0===e?void 0:e.lastConfigStep,a=t.tabGroupState.curConfigStep;if(!r||!a)return(0,v.jsx)(v.Fragment,{});var s=a.posNr,d=r.posNr,l=1==d?0:Math.round(s/d*100),u=100-l;return(0,v.jsxs)("div",{className:h.YS,children:[(0,v.jsx)("div",{className:h.L3,style:{width:l+"%"}}),(0,v.jsx)("div",{className:h.LM,style:{width:u+"%"}})]})}))},39545:(n,e,t)=>{t.d(e,{Ci:()=>p,Jg:()=>g,Q_:()=>x,ZP:()=>f,vX:()=>b});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(38403),t.b),u=a()(o()),c=d()(l);u.push([n.id,".index-module--nrbS_ {\n width: 90%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n float: left;\n}\n\n.index-module--lGJqa {\n letter-spacing: 0.5px;\n -webkit-text-stroke: 0.1px;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n z-index: 999;\n width: 40em;\n max-width: 70%;\n max-height: 90%;\n background-color: white;\n padding: 1em 2em 0.5em 2em;\n border-radius: 15px;\n border: 1px solid #cbcbcb;\n font-size: 14.4px;\n color: #363636;\n display: flex;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n font-size: 16px;\n -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n padding: 0;\n margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n width: calc(100% - 65px);\n float: left;\n padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n height: 40px;\n width: 55px;\n display: block;\n background-repeat: no-repeat;\n background-position: center;\n float: left;\n clear: both;\n margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n border-radius: 20px;\n position: absolute;\n font-size: 22pt;\n font-family: sans-serif;\n font-weight: 50;\n top: -20px;\n right: -20px;\n width: 40px;\n height: 40px;\n background-color: #fff;\n color: #666;\n border: 2px solid #666;\n text-align: center;\n padding-top: 0px;\n content: 'X';\n}\n\n.index-module--OZydS:hover {\n background-color: #aaa;\n color: #000;\n border: 2px solid #000;\n}\n.index-module--FQDBA {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n color: #ffffff;\n height: 41px;\n width: 8%;\n margin: 8px 0 7px;\n float: right;\n border-radius: var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+c+");\n background-size: 16px;\n transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",g="index-module--OZydS",b="index-module--FQDBA";const f=u},86454:(n,e,t)=>{t.d(e,{Bg:()=>w,Mq:()=>y,ZP:()=>j,jl:()=>h,kL:()=>b,rK:()=>x,tM:()=>S,tW:()=>g,vt:()=>f,x6:()=>m,xn:()=>p,zh:()=>v});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(2431),t.b),u=a()(o()),c=d()(l);u.push([n.id,".index-module--jUUzB {\n position: relative;\n height: calc(100% - 60px);\n width: 100%;\n margin: 30px 0;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n letter-spacing: 0.5px;\n -webkit-font-smoothing: antialiased;\n -webkit-text-stroke: 0.1px;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n overscroll-behavior-y: contain;\n background-color: var(--configuratorBackgroundColor);\n}\n\n.index-module--jUUzB *,\n.index-module--jUUzB *::before,\n.index-module--jUUzB *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--jUUzB.index-module--ka5TW {\n height: 100%;\n width: 100%;\n margin: 0;\n}\n\n.index-module--jUUzB.index-module--rXcyI {\n height: 100%;\n width: 100%;\n margin: 0;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--fH3d_ {\n position: absolute;\n width: 69%;\n top: calc(56px + 20px);\n height: calc(100% - 56px - 20px);\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--PRLOe {\n position: absolute;\n width: 31%;\n overflow: visible;\n z-index: 600;\n right: 0px;\n top: calc(56px + 20px);\n height: calc(100% - 60px - 56px - 70px);\n transition: width 0.2s ease-in-out;\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--zOzPb {\n position: absolute;\n z-index: 600;\n height: 56px;\n width: 100%;\n transition: width 0.2s ease-in-out;\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--_vKBL {\n position: absolute;\n width: 31%;\n height: 40px;\n right: 0px;\n bottom: calc(40px + 20px);\n padding-top: 10px;\n z-index: 600;\n transition: width 0.2s ease-in-out;\n background-color: var(--settingsBackgroundColor);\n}\n\n/*************************************Basket Button****************************************/\n.index-module--mZSQ5 {\n position: absolute;\n width: 31%;\n height: 40px;\n right: 0px;\n bottom: 0px;\n padding-top: 20px;\n z-index: 600;\n\n transition: width 0.2s ease-in-out;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--g6b2d .index-module--PRLOe,\n.index-module--g6b2d .index-module--mZSQ5,\n.index-module--g6b2d .index-module--_vKBL {\n width: 62%;\n}\n\n.index-module--jUUzB.index-module--rXcyI,\n.index-module--ka5TW.index-module--jUUzB {\n padding: 0;\n padding: initial;\n overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--ka5TW .index-module--fH3d_ {\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n max-width: none;\n max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--ka5TW .index-module--PRLOe {\n display: none;\n}\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--ka5TW .index-module--zOzPb {\n display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--ka5TW .index-module--_vKBL {\n display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--ka5TW .index-module--mZSQ5 {\n display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--rXcyI .index-module--fH3d_ {\n top: 0px;\n left: 0px;\n height: var(--configuratorProductHeight);\n transition: height 0.2s ease-out;\n width: 100%;\n max-width: none;\n max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--rXcyI .index-module--PRLOe {\n left: 0px;\n top: auto;\n top: initial;\n transition: height 0.2s ease-out;\n bottom: 0px;\n width: 100%;\n z-index: 1000;\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--rXcyI .index-module--zOzPb {\n position: relative;\n right: auto;\n right: initial;\n top: auto;\n top: initial;\n transition: none 0s ease 0s;\n transition: initial;\n flex-grow: 10;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--rXcyI .index-module--_vKBL {\n display: none;\n bottom: 0px;\n width: calc(100% - 10px);\n\n height: calc(var(--configuratorActionHeight) - 5px);\n margin: 0 5px 5px 5px;\n padding-top: 0px;\n right: 0px;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--rXcyI .index-module--mZSQ5,\n.index-module--rXcyI.index-module--HZdfU .index-module--mZSQ5 {\n display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--GKXer {\n position: relative;\n transition: bottom 0.2s ease-out;\n width: 50px;\n height: var(--configuratorTabGroupHeight);\n background: no-repeat url("+c+") center center var(--primaryColor);\n background-size: 37%;\n z-index: 300;\n}\n\n.index-module--ka5TW,\n.index-module--rXcyI {\n --configuratorActionHeight: 50px;\n --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--FYopM {\n --configuratorTabGroupHeight: 50px;\n --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n.index-module--l4Hrm {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n",""]);var p="index-module--jUUzB",x="index-module--ka5TW",g="index-module--rXcyI",b="index-module--fH3d_",f="index-module--PRLOe",m="index-module--zOzPb",h="index-module--_vKBL",S="index-module--mZSQ5",v="index-module--g6b2d",w="index-module--GKXer",y="index-module--FYopM";const j=u},76640:(n,e,t)=>{t.d(e,{Mq:()=>b,YS:()=>p,ZP:()=>f,oP:()=>g,qv:()=>x});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(81165),t.b),u=a()(o()),c=d()(l);u.push([n.id,".index-module--OH1rD {\n position: absolute;\n transform: translateZ(0);\n bottom: 12px;\n right: 12px;\n width: 42px;\n height: 42px;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--diva-theme-palette-primary-main);\n border-radius: 50%;\n cursor: pointer;\n z-index: 12000;\n box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);\n opacity: 0;\n transition:\n opacity 1.5s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n outline: none;\n -webkit-tap-highlight-color: transparent;\n pointer-events: none;\n}\n\n.index-module--OH1rD:hover {\n scale: 0.8;\n}\n\n.index-module--OH1rD:focus {\n scale: 0.9;\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--GRTuu {\n width: 20px;\n height: 20px;\n background-image: url("+c+");\n background-size: contain;\n background-repeat: no-repeat;\n background-position: center;\n}\n\n.index-module--BWnyQ {\n opacity: 1;\n pointer-events: auto;\n}\n\n.vaul-dragging .index-module--OH1rD {\n opacity: 0;\n transition:\n opacity 0s ease,\n transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),\n scale 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.index-module--CF6oq {\n bottom: 16px;\n right: 16px;\n width: 52px;\n height: 52px;\n}\n\n.index-module--CF6oq .index-module--GRTuu {\n width: 26px;\n height: 26px;\n}\n",""]);var p="index-module--OH1rD",x="index-module--GRTuu",g="index-module--BWnyQ",b="index-module--CF6oq";const f=u},29390:(n,e,t)=>{t.d(e,{L3:()=>d,LM:()=>l,YS:()=>s,ZP:()=>u});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r)()(o());a.push([n.id,".index-module--rHd3V {\n position: absolute;\n width: 100%;\n height: 3px;\n bottom: 0;\n left: 0;\n z-index: 2000;\n}\n\n.index-module--_zSo1 {\n background: #ccc;\n border-radius: 0 1px 1px 0;\n transition: width 0.35s ease-in-out;\n height: 100%;\n}\n\n.index-module--tkNQ6 {\n background: #eee;\n transition: width 0.35s ease-in-out;\n height: 100%;\n}\n",""]);var s="index-module--rHd3V",d="index-module--_zSo1",l="index-module--tkNQ6";const u=a},81165:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+IDxwYXRoIGQ9Ik0wLjk0NzI2NiAxLjE0ODkzTDYuOTQ3MjcgNi4yOTE3OEwwLjk0NzI2NiAxMS45NDg5IiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L3N2Zz4="}}]);