@crystaldesign/diva-web-planner-react 25.11.0-rc.27 → 25.11.0-rc.28

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 (271) hide show
  1. package/build/esm/{ArticleProperties-9a366358.js → ArticleProperties-b58f19f6.js} +1 -1
  2. package/build/esm/{CatalogProperties-4bc54b37.js → CatalogProperties-5afb946d.js} +1 -1
  3. package/build/esm/{DecisionVizualizer-66038c73.js → DecisionVizualizer-96baa45a.js} +1 -1
  4. package/build/esm/{OptionProperties-42434e69.js → OptionProperties-9df7355b.js} +1 -1
  5. package/build/esm/{OptionValueProperties-8b884e47.js → OptionValueProperties-9520ca80.js} +1 -1
  6. package/build/esm/{Planner2DGrid-85fc0915.js → Planner2DGrid-e039defa.js} +1 -1
  7. package/build/esm/{Planner3DImage-710f159e.js → Planner3DImage-98623002.js} +1 -1
  8. package/build/esm/{index-5fdbcbae.js → index-04ff2962.js} +1 -1
  9. package/build/esm/{index-519bb35e.js → index-067453b2.js} +5 -5
  10. package/build/esm/{index-469b1976.js → index-07b80cf6.js} +2 -2
  11. package/build/esm/{index-3cb02a56.js → index-08cf95ce.js} +58 -58
  12. package/build/esm/{index-5ddeaf35.js → index-094703d6.js} +2 -2
  13. package/build/esm/{index-15dec142.js → index-09e1ef85.js} +1 -1
  14. package/build/esm/{index-eea5cf18.js → index-0a486bed.js} +2 -2
  15. package/build/esm/{index-ae2723d1.js → index-0a976377.js} +1 -1
  16. package/build/esm/{index-a9463488.js → index-0aa6c39d.js} +5 -5
  17. package/build/esm/{index-5c975cb2.js → index-0ac62e30.js} +61 -61
  18. package/build/esm/{index-e79f44bb.js → index-0b4858d6.js} +4 -4
  19. package/build/esm/{index-a607e4f4.js → index-0c7b4755.js} +1 -1
  20. package/build/esm/{index-9a558fd0.js → index-0db20cdb.js} +6 -6
  21. package/build/esm/{index-63a7aa34.js → index-0f3d3973.js} +1 -1
  22. package/build/esm/{index-13f63174.js → index-0f81bc62.js} +80 -80
  23. package/build/esm/{index-f31399e6.js → index-11752533.js} +7 -7
  24. package/build/esm/{index-b09be9ba.js → index-128d260d.js} +1 -1
  25. package/build/esm/{index-5f0fcdd2.js → index-12e8fa16.js} +2 -2
  26. package/build/esm/{index-adb09a13.js → index-13a4c2ac.js} +3 -3
  27. package/build/esm/{index-11a830ba.js → index-13f3eca9.js} +1 -1
  28. package/build/esm/{index-1fca2690.js → index-148d9325.js} +2 -2
  29. package/build/esm/{index-a29fece2.js → index-15d762a6.js} +1 -1
  30. package/build/esm/{index-2409c398.js → index-170429d3.js} +28 -28
  31. package/build/esm/{index-8d55005c.js → index-173c309b.js} +3 -3
  32. package/build/esm/{index-040580c1.js → index-17ae9b35.js} +3 -3
  33. package/build/esm/{index-66100867.js → index-187b368a.js} +2 -2
  34. package/build/esm/{index-bd009ff8.js → index-1907db80.js} +1 -1
  35. package/build/esm/{index-2f8fc897.js → index-1975925b.js} +6 -6
  36. package/build/esm/{index-6c190ef8.js → index-198553d5.js} +1 -1
  37. package/build/esm/{index-9f5d22f8.js → index-199b70cf.js} +63 -63
  38. package/build/esm/{index-9e02b7d5.js → index-19db82cd.js} +1 -1
  39. package/build/esm/{index-18f9fdd1.js → index-1ad4de39.js} +1 -1
  40. package/build/esm/{index-8999bd7c.js → index-1db3fb03.js} +10 -10
  41. package/build/esm/{index-f865f5ff.js → index-1e0cec89.js} +1 -1
  42. package/build/esm/{index-2b4462ab.js → index-20c0c3ac.js} +6 -6
  43. package/build/esm/{index-d22a0588.js → index-20fb53fc.js} +1 -1
  44. package/build/esm/{index-ac441e55.js → index-23d98f94.js} +1 -1
  45. package/build/esm/{index-dd908703.js → index-23d9f12e.js} +7 -7
  46. package/build/esm/{index-c96037b8.js → index-241d8ecc.js} +19 -19
  47. package/build/esm/{index-033012d9.js → index-27f84acc.js} +1 -1
  48. package/build/esm/{index-9597a213.js → index-28bac657.js} +1 -1
  49. package/build/esm/{index-59596e85.js → index-2a2979d5.js} +4 -4
  50. package/build/esm/{index-c72553ef.js → index-2b6a6da9.js} +2 -2
  51. package/build/esm/{index-102f8fcf.js → index-2c2d7e61.js} +26 -26
  52. package/build/esm/{index-e32b1e12.js → index-2c9437d7.js} +7 -7
  53. package/build/esm/{index-7f001d44.js → index-2e125e7c.js} +1 -1
  54. package/build/esm/{index-12db4237.js → index-2e5acd16.js} +2 -2
  55. package/build/esm/{index-526343f2.js → index-2f5be632.js} +18 -18
  56. package/build/esm/{index-69e6075a.js → index-2fc816fe.js} +1 -1
  57. package/build/esm/{index-c5b0b0b1.js → index-3171b1de.js} +1 -1
  58. package/build/esm/{index-62666073.js → index-31be1609.js} +1 -1
  59. package/build/esm/{index-0123603c.js → index-31d5e4e2.js} +2 -2
  60. package/build/esm/{index-1109bb5c.js → index-32562b86.js} +1 -1
  61. package/build/esm/{index-6391e817.js → index-34134c34.js} +19 -19
  62. package/build/esm/{index-7a4cdc51.js → index-34a46742.js} +59 -59
  63. package/build/esm/{index-4593c4d3.js → index-34d08515.js} +1 -1
  64. package/build/esm/{index-cefdfdcd.js → index-34d6f28d.js} +1 -1
  65. package/build/esm/{index-7f044a83.js → index-3709347c.js} +2 -2
  66. package/build/esm/{index-5b9e8fce.js → index-38077694.js} +1 -1
  67. package/build/esm/{index-eb8ae52a.js → index-38b34326.js} +6 -6
  68. package/build/esm/{index-8a650e87.js → index-3bb2994e.js} +1 -1
  69. package/build/esm/{index-130907f6.js → index-3e091936.js} +17 -17
  70. package/build/esm/{index-36211d6a.js → index-3febb9f1.js} +1 -1
  71. package/build/esm/{index-2a9453af.js → index-400ba1d1.js} +1 -1
  72. package/build/esm/{index-2bd69ced.js → index-418b5752.js} +7 -7
  73. package/build/esm/{index-48b1f4cf.js → index-41fdfa17.js} +1 -1
  74. package/build/esm/{index-206aa78f.js → index-4251f2c9.js} +58 -58
  75. package/build/esm/{index-c5f7b659.js → index-42aff57e.js} +1 -1
  76. package/build/esm/{index-8d09efad.js → index-43021632.js} +63 -63
  77. package/build/esm/{index-85605602.js → index-43a13e17.js} +1 -1
  78. package/build/esm/{index-987d7807.js → index-43c123fd.js} +74 -74
  79. package/build/esm/{index-1b11d6ef.js → index-4433866c.js} +1 -1
  80. package/build/esm/{index-9d1bb5af.js → index-44db3f80.js} +1 -1
  81. package/build/esm/{index-b2ab1de0.js → index-460d0c4d.js} +1 -1
  82. package/build/esm/{index-8c915d85.js → index-47c02f27.js} +2 -2
  83. package/build/esm/{index-3a8dace6.js → index-481e0052.js} +2 -2
  84. package/build/esm/{index-71e88078.js → index-4931cde5.js} +1 -1
  85. package/build/esm/{index-ff55051e.js → index-4947d69f.js} +3 -3
  86. package/build/esm/{index-2f44acee.js → index-4a9fd206.js} +3 -3
  87. package/build/esm/{index-53008eae.js → index-4bb1cd55.js} +2 -2
  88. package/build/esm/{index-3741947d.js → index-5343e254.js} +1 -1
  89. package/build/esm/{index-edf9db63.js → index-56d932f0.js} +1 -1
  90. package/build/esm/{index-8ba01534.js → index-59346c21.js} +66 -66
  91. package/build/esm/{index-729ca47d.js → index-596d18e7.js} +1 -1
  92. package/build/esm/{index-e28cdae6.js → index-5b96c846.js} +1 -1
  93. package/build/esm/{index-f8732a3a.js → index-5d3b9665.js} +3 -3
  94. package/build/esm/{index-e307ba01.js → index-5edb47ed.js} +61 -61
  95. package/build/esm/{index-07fe0c76.js → index-60e5b055.js} +10 -10
  96. package/build/esm/{index-7f2b951b.js → index-60ff8349.js} +4 -4
  97. package/build/esm/{index-33926aa3.js → index-64119f67.js} +2 -2
  98. package/build/esm/{index-b39290ec.js → index-6434e321.js} +93 -93
  99. package/build/esm/{index-be63259c.js → index-68f7b11d.js} +1 -1
  100. package/build/esm/{index-b9017b77.js → index-6a39774a.js} +1 -1
  101. package/build/esm/{index-38580110.js → index-6a709490.js} +1 -1
  102. package/build/esm/{index-87324b16.js → index-6c25ce59.js} +1 -1
  103. package/build/esm/{index-77884516.js → index-6c97fb5a.js} +22 -22
  104. package/build/esm/{index-c14a3e7f.js → index-6ca9a931.js} +1 -1
  105. package/build/esm/{index-5233acb2.js → index-6e466943.js} +2 -2
  106. package/build/esm/{index-f856af10.js → index-6eb33624.js} +1 -1
  107. package/build/esm/{index-c4908101.js → index-6f012d2a.js} +1 -1
  108. package/build/esm/{index-29136a88.js → index-6f2ca28c.js} +7 -7
  109. package/build/esm/{index-2cac9d3e.js → index-70835d5d.js} +2 -2
  110. package/build/esm/{index-3d884c3e.js → index-70a873c6.js} +92 -92
  111. package/build/esm/{index-41093b1b.js → index-71af134e.js} +4 -4
  112. package/build/esm/{index-bd4fa646.js → index-71d0068f.js} +1 -1
  113. package/build/esm/{index-c27ac652.js → index-72ffe530.js} +6 -6
  114. package/build/esm/{index-c570b234.js → index-752be97b.js} +20 -20
  115. package/build/esm/{index-54e030ff.js → index-75dde856.js} +1 -1
  116. package/build/esm/{index-0f92aa29.js → index-762f5742.js} +3 -3
  117. package/build/esm/{index-59265549.js → index-784c7a45.js} +1 -1
  118. package/build/esm/{index-99098986.js → index-79e6bb75.js} +2 -2
  119. package/build/esm/{index-21cca4e6.js → index-7d3eabf1.js} +1 -1
  120. package/build/esm/{index-06a4b3e1.js → index-7d53efc0.js} +2 -2
  121. package/build/esm/{index-4ffbf79d.js → index-7fcfd68d.js} +59 -59
  122. package/build/esm/{index-da9b96a7.js → index-7fdd6339.js} +20 -20
  123. package/build/esm/{index-9f9135e9.js → index-80a4cfce.js} +6 -6
  124. package/build/esm/{index-ca9995b9.js → index-80b891ab.js} +2 -2
  125. package/build/esm/{index-f2df5b57.js → index-822730ee.js} +3 -3
  126. package/build/esm/{index-25a376d2.js → index-82e8d7dc.js} +1 -1
  127. package/build/esm/{index-79c5c86c.js → index-831a8eb7.js} +2 -2
  128. package/build/esm/{index-06196159.js → index-852f8fbd.js} +81 -81
  129. package/build/esm/{index-aeaf6c58.js → index-8534e1a1.js} +15 -15
  130. package/build/esm/{index-a99d4b54.js → index-88f70781.js} +10 -10
  131. package/build/esm/{index-93f380b0.js → index-8a5faf12.js} +1 -1
  132. package/build/esm/{index-30c7abc7.js → index-8a65d204.js} +3 -3
  133. package/build/esm/{index-24802bc6.js → index-8b7be2ae.js} +1 -1
  134. package/build/esm/{index-2ec850c7.js → index-8d47917e.js} +1 -1
  135. package/build/esm/{index-b8a1c24e.js → index-8d502041.js} +58 -58
  136. package/build/esm/{index-1cb0cc8a.js → index-8e571cdd.js} +1 -1
  137. package/build/esm/{index-401a5909.js → index-8fc019fb.js} +8 -3
  138. package/build/esm/{index-6a743494.js → index-91f4023c.js} +1 -1
  139. package/build/esm/{index-91aa8dc0.js → index-92b1b254.js} +60 -60
  140. package/build/esm/{index-99a549a4.js → index-97cf3669.js} +5 -5
  141. package/build/esm/{index-083cca56.js → index-980108ba.js} +1 -1
  142. package/build/esm/{index-d9f7997e.js → index-99bba926.js} +2 -2
  143. package/build/esm/{index-33138efb.js → index-9a2ff406.js} +4 -4
  144. package/build/esm/{index-53edb5c7.js → index-9a4a01dc.js} +7 -7
  145. package/build/esm/{index-e62c306f.js → index-9b4b7df6.js} +1 -1
  146. package/build/esm/{index-6e0a29a8.js → index-9d6b84bf.js} +1 -1
  147. package/build/esm/{index-043568fc.js → index-9df52acc.js} +41 -41
  148. package/build/esm/{index-5ab6b7f8.js → index-9e4252a9.js} +1 -1
  149. package/build/esm/{index-99beb0ce.js → index-9e7c2084.js} +1 -1
  150. package/build/esm/{index-aa9b6e6a.js → index-9f38c575.js} +1 -1
  151. package/build/esm/{index-1add2ee8.js → index-a36c76c5.js} +1 -1
  152. package/build/esm/{index-772c1da3.js → index-a5204a90.js} +2 -2
  153. package/build/esm/{index-129428e1.js → index-a54966f3.js} +1 -1
  154. package/build/esm/{index-6d4dd7c1.js → index-a7ddcb3b.js} +6 -6
  155. package/build/esm/{index-88f53e7c.js → index-a992993d.js} +1 -1
  156. package/build/esm/{index-1618773f.js → index-aa2a1ab6.js} +1 -1
  157. package/build/esm/{index-95e96bf7.js → index-aa3399ba.js} +80 -80
  158. package/build/esm/{index-b9fa79e5.js → index-aab97134.js} +7 -7
  159. package/build/esm/{index-9ea9fbbc.js → index-ab5fd9bb.js} +10 -10
  160. package/build/esm/{index-69e0ae26.js → index-ace4b849.js} +3 -3
  161. package/build/esm/{index-804f17bb.js → index-acfe23f7.js} +3 -3
  162. package/build/esm/{index-eb13e2ec.js → index-b08e9b7d.js} +25 -25
  163. package/build/esm/{index-14948a38.js → index-b1778072.js} +1 -1
  164. package/build/esm/{index-8edda0b3.js → index-b2825bcc.js} +1 -1
  165. package/build/esm/{index-e3967d55.js → index-b42aff60.js} +2 -2
  166. package/build/esm/{index-744abaa6.js → index-b714df88.js} +1 -1
  167. package/build/esm/{index-6a7a20dd.js → index-b78b5cc3.js} +1 -1
  168. package/build/esm/{index-d4eded42.js → index-b7b6b557.js} +6 -6
  169. package/build/esm/{index-2ec27482.js → index-ba474dc4.js} +1 -1
  170. package/build/esm/{index-56539f31.js → index-bab9dc74.js} +1 -1
  171. package/build/esm/{index-0e89a584.js → index-bb61111f.js} +1 -1
  172. package/build/esm/{index-a1b08fd8.js → index-bba8ee84.js} +1 -1
  173. package/build/esm/{index-f37230be.js → index-bcf8fb8a.js} +1 -1
  174. package/build/esm/{index-54ffb639.js → index-be05f942.js} +2 -2
  175. package/build/esm/{index-e8172fb9.js → index-bf600826.js} +2 -2
  176. package/build/esm/{index-9fd9a2c0.js → index-bfa21ddf.js} +1 -1
  177. package/build/esm/{index-32c2231c.js → index-bffc4c49.js} +1 -1
  178. package/build/esm/{index-311d3da7.js → index-c0e2a23b.js} +1 -1
  179. package/build/esm/{index-d7f5be7d.js → index-c103f7f5.js} +1 -1
  180. package/build/esm/{index-1b4095fa.js → index-c15ea897.js} +9 -9
  181. package/build/esm/{index-0787182c.js → index-c1846ebc.js} +2 -2
  182. package/build/esm/{index-905e6ab7.js → index-c1b9672f.js} +1 -1
  183. package/build/esm/{index-c2ff9187.js → index-c1fdccb8.js} +1 -1
  184. package/build/esm/{index-47f419d5.js → index-c5c2b17d.js} +118 -118
  185. package/build/esm/{index-5ff148c0.js → index-c6092810.js} +6 -6
  186. package/build/esm/{index-d2bdb274.js → index-c8c534bf.js} +1 -1
  187. package/build/esm/{index-ee208159.js → index-c90feaab.js} +2 -2
  188. package/build/esm/{index-813a4eec.js → index-ca11ff08.js} +1 -1
  189. package/build/esm/{index-aebd95cb.js → index-ca4f88d8.js} +5 -5
  190. package/build/esm/{index-4d8128d5.js → index-cc53748f.js} +5 -5
  191. package/build/esm/{index-55b44611.js → index-cd0ddbd9.js} +2 -2
  192. package/build/esm/{index-6928ce49.js → index-cda28f04.js} +42 -42
  193. package/build/esm/{index-b5cd1441.js → index-d02e8801.js} +5 -5
  194. package/build/esm/{index-4db86050.js → index-d06af28e.js} +1 -1
  195. package/build/esm/{index-09d481e3.js → index-d07f2874.js} +1 -1
  196. package/build/esm/{index-1de3b637.js → index-d32b7be3.js} +2 -2
  197. package/build/esm/{index-d45218d7.js → index-d3db7a24.js} +2 -2
  198. package/build/esm/{index-0994c1fc.js → index-d42ae48f.js} +1 -1
  199. package/build/esm/{index-4ef2cd77.js → index-d43f3246.js} +1 -1
  200. package/build/esm/{index-454da98e.js → index-d55a8542.js} +1 -1
  201. package/build/esm/{index-c102c045.js → index-d62305c7.js} +1 -1
  202. package/build/esm/{index-c497001c.js → index-d7e8a231.js} +5 -5
  203. package/build/esm/{index-388838f3.js → index-dae82dc8.js} +2 -2
  204. package/build/esm/{index-55f8352b.js → index-db803297.js} +2 -2
  205. package/build/esm/{index-075370c0.js → index-dbd8df22.js} +117 -117
  206. package/build/esm/{index-b6d62987.js → index-dffea186.js} +1 -1
  207. package/build/esm/{index-2136ddc1.js → index-e1e5fc04.js} +2 -2
  208. package/build/esm/{index-2ca27adf.js → index-e267db7b.js} +60 -60
  209. package/build/esm/{index-93905d10.js → index-e2ea75de.js} +4 -4
  210. package/build/esm/{index-8cd3bf33.js → index-e35d1701.js} +5 -5
  211. package/build/esm/{index-5d34f0f8.js → index-e38b28d3.js} +2 -2
  212. package/build/esm/{index-d34d7ee5.js → index-e3fdbaf0.js} +5 -5
  213. package/build/esm/{index-ba6194c3.js → index-e4b5677a.js} +2 -1
  214. package/build/esm/{index-18f3c754.js → index-e56c65fc.js} +2 -2
  215. package/build/esm/{index-e67d22da.js → index-e6a39c00.js} +3 -3
  216. package/build/esm/{index-e23402a7.js → index-e6dfc57e.js} +1 -1
  217. package/build/esm/{index-23f84188.js → index-e88618e1.js} +1 -1
  218. package/build/esm/{index-75bfef53.js → index-ea2ca219.js} +1 -1
  219. package/build/esm/{index-de611bfc.js → index-eab8a021.js} +1 -1
  220. package/build/esm/{index-f6a25d3b.js → index-ead4110d.js} +5 -5
  221. package/build/esm/{index-6526e971.js → index-eb829608.js} +3 -3
  222. package/build/esm/{index-acf1ed58.js → index-ebcc672d.js} +1 -1
  223. package/build/esm/{index-bd488945.js → index-ec396482.js} +77 -77
  224. package/build/esm/{index-5f6fdd44.js → index-efd1bdd5.js} +4 -4
  225. package/build/esm/{index-e8cb18c5.js → index-f0222d9f.js} +2 -2
  226. package/build/esm/{index-265ea630.js → index-f2a9900e.js} +2 -2
  227. package/build/esm/{index-2da1829e.js → index-f350a434.js} +1 -1
  228. package/build/esm/{index-b86a7b47.js → index-f551dc40.js} +2 -2
  229. package/build/esm/{index-0a450543.js → index-f69c8d2f.js} +242 -242
  230. package/build/esm/{index-35b2ab51.js → index-f7c008ee.js} +6 -6
  231. package/build/esm/{index-cace219f.js → index-f814536f.js} +4 -4
  232. package/build/esm/{index-02e0f745.js → index-f8bd076b.js} +1 -1
  233. package/build/esm/{index-e3234ec8.js → index-f9cb6402.js} +5 -5
  234. package/build/esm/{index-a1153493.js → index-fb218f50.js} +1 -1
  235. package/build/esm/{index-629ad212.js → index-fbf75a4f.js} +1 -1
  236. package/build/esm/{index-13975661.js → index-fc3a7551.js} +1 -1
  237. package/build/esm/{index-81cb3910.js → index-fca85482.js} +3 -3
  238. package/build/esm/{index-5bcc497a.js → index-fd330383.js} +2 -2
  239. package/build/esm/{index-d6cbca69.js → index-fdea4970.js} +3 -3
  240. package/build/esm/{index-e6cdc091.js → index-ff861aa0.js} +1 -1
  241. package/build/esm/index.js +1 -1
  242. package/build/esm/{index.module-20f3cac8.js → index.module-33a7e8c5.js} +1 -1
  243. package/build/esm/{index.module-c88c7b42.js → index.module-45d91816.js} +1 -1
  244. package/build/esm/{index.module-1da260e0.js → index.module-63dcfd02.js} +1 -1
  245. package/build/esm/{index.module-95794f9a.js → index.module-710986e8.js} +1 -1
  246. package/build/esm/{index.module-f194471e.js → index.module-aaf97841.js} +1 -1
  247. package/build/esm/{index.module-a7f79a79.js → index.module-bd504c83.js} +1 -1
  248. package/build/esm/{index.module-4fd0b790.js → index.module-c021dc86.js} +1 -1
  249. package/build/esm/{index.module-03ed2c84.js → index.module-c4b56d32.js} +1 -1
  250. package/build/esm/{index.module-bfda2d9a.js → index.module-c835c77f.js} +1 -1
  251. package/build/esm/{index.module-ee4332c3.js → index.module-d3794ad6.js} +1 -1
  252. package/build/esm/{index.module-00087d78.js → index.module-d44afdf9.js} +1 -1
  253. package/build/esm/{index.module-c88301f4.js → index.module-d7f30022.js} +1 -1
  254. package/build/esm/{react-json-viewer-b027a14a.js → react-json-viewer-63d16904.js} +1 -1
  255. package/build/esm/{useCustomDimensions-a7855d5e.js → useCustomDimensions-88af9f3d.js} +1 -1
  256. package/build/esm/{ussIsSticky-dd93ab45.js → ussIsSticky-ad4d2a95.js} +1 -1
  257. package/build/types/web-planner-react/src/components/Product/ProductCenter/PlannerRTV/index.d.ts.map +1 -1
  258. package/build/types/web-planner-react/src/components/Settings/SettingsDrawer/index.d.ts.map +1 -1
  259. package/build/umd/1250.diva-web-planner-react.umd.min.js +1 -1
  260. package/build/umd/2157.diva-web-planner-react.umd.min.js +1 -1
  261. package/build/umd/3519.diva-web-planner-react.umd.min.js +1 -1
  262. package/build/umd/3977.diva-web-planner-react.umd.min.js +1 -1
  263. package/build/umd/4585.diva-web-planner-react.umd.min.js +1 -1
  264. package/build/umd/5679.diva-web-planner-react.umd.min.js +1 -1
  265. package/build/umd/5805.diva-web-planner-react.umd.min.js +1 -1
  266. package/build/umd/6075.diva-web-planner-react.umd.min.js +1 -1
  267. package/build/umd/7023.diva-web-planner-react.umd.min.js +1 -1
  268. package/build/umd/7853.diva-web-planner-react.umd.min.js +1 -1
  269. package/build/umd/9343.diva-web-planner-react.umd.min.js +1 -1
  270. package/build/umd/report.html +1 -1
  271. package/package.json +8 -8
package/build/umd/3519.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 3519.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3519,9001,7853],{69001:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const a=function NavigationButtons(e){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Action/Navigation"}))}},39141:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),s=t(88130),l=t(87363),d=t(9420),c=t(93379),u=t.n(c),p=t(7795),x=t.n(p),f=t(90569),g=t.n(f),b=t(3565),m=t.n(b),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(39545),P={};P.styleTagTransform=w(),P.setAttributes=m(),P.insert=g().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=v();u()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(47514);const C=(0,d.Pi)((function Inputbox(e){(0,i.Z)(e);var n=(0,s.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,o,i;n.settingsState.setInputBoxValue(null!==(e=null===(o=n.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==e?e:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var e;null!==(e=n.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&n.settingsState.setInputBoxValue(n.settingsState.inputBoxItem.freeText)}),[n.settingsState.inputBoxItem]),!n.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var r=n.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var e=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!n.settingsState.inputBoxItem){e.next=6;break}return n.settingsState.inputBoxItem.freeText=n.settingsState.inputBoxValue,e.next=4,n.paletteViewHandler.clickedOnConfigPalette(n.settingsState.inputBoxItem,"inputbox");case 4:n.settingsState.updateInputBoxValues(!1,void 0),n.uiState.setConfiguratorDisabled(!1);case 6:n.settingsState.inputBoxVisible?n.uiState.setConfiguratorDisabled(!0):n.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),c=!!n.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:y.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return n.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){n&&"Enter"===e.key&&(d(),e.stopPropagation())}(e)},className:y.Ci,type:c?"number":"text",onChange:function onChange(e){return n.settingsState.setInputBoxValue(e.target.value)},value:n.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:y.vX,onClick:d})]})]})})}))},12887:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var o=t(87363),i=t(93379),r=t.n(i),a=t(7795),s=t.n(a),l=t(90569),d=t.n(l),c=t(3565),u=t.n(c),p=t(19216),x=t.n(p),f=t(44589),g=t.n(f),b=t(59318),m={};m.styleTagTransform=g(),m.setAttributes=u(),m.insert=d().bind(null,"head"),m.domAPI=s(),m.insertStyleElement=x();r()(b.ZP,m);b.ZP&&b.ZP.locals&&b.ZP.locals;var h=t(88130),v=t(9420),S=t(24925),w=t(88683),y=t(47514);const P=(0,v.Pi)((function Toolbar(e){var n,t,i,r=(0,h.NP)(),a=(0,w.useDivaCore)().state.organization.settings.wwsClient,s=function changeVal(e){var n=e===r.uiState.activeCatalogSection?"3D/2D":e;localStorage.setItem("lastWindow",n),r.uiState.setActiveCatalogSection(n)},l=!!Object.values(null!==(n=null===(t=r.divaWebPlanner.actSet())||void 0===t?void 0:t.CatalogData.allCatalogArticles)&&void 0!==n?n:{}).find((function(e){return e.partlistArticlesRules}));return(0,o.useEffect)((function(){("Pfister"!=a&&"ekText"==r.uiState.activeCatalogSection||!l&&"PartList"==r.uiState.activeCatalogSection||"3D/2D"!==r.uiState.activeCatalogSection)&&s("3D/2D")}),[]),(0,y.jsxs)(y.Fragment,{children:["3D/2D"!=r.uiState.activeCatalogSection&&(0,y.jsx)(S.default,{}),(0,y.jsxs)("div",{className:b.nC,children:[(0,y.jsx)("div",{className:b.wc,children:w.DivaUtils.formatPrice(null!==(i=r.productState.formatedTotalPrice)&&void 0!==i?i:0,r.productState.priceFormat)}),l&&(0,y.jsx)("div",{className:b.wc,onClick:function onClick(){return s("PartList")},children:"Stückliste"}),(0,y.jsx)("div",{className:b.wc,onClick:function onClick(){return s("PriceAnalyzer")},children:"Preise"}),(0,y.jsx)("div",{className:b.wc,onClick:function onClick(){return s("DecisionAnalyzer")},children:"Decisions"}),"Pfister"==a&&(0,y.jsx)("div",{className:b.wc,onClick:function onClick(){return s("ekText")},children:"Ek Text"})]})]})}))},73519:(e,n,t)=>{t.r(n),t.d(n,{cssVariables:()=>D,default:()=>E});var o=t(88130),i=t(87363),r=t(39141),a=t(93379),s=t.n(a),l=t(7795),d=t.n(l),c=t(90569),u=t.n(c),p=t(3565),x=t.n(p),f=t(19216),g=t.n(f),b=t(44589),m=t.n(b),h=t(53471),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=u().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=g();s()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(97853),w=t(7474),y=t(9420),P=t(65515),j=t.n(P),C=t(12887),I=t(69001),k=t(34384),O=t(47514),D={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--thirdColor)","--foldArrowMarginRight":"16px","--configuratorActionForthWidth":"calc(50% - 3px)","--configuratorActionBackWidth":"calc(50% - 3px)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const E=(0,y.Pi)((function Wysiwyg(e){var n=(0,o.NP)();return(0,i.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(D)}),[]),(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{ref:function ref(e){return n.uiState.setConfiguratorRef(e)},style:{pointerEvents:n.uiState.configuratorDisabled?"none":void 0},hidden:n.uiState.configuratorHidden,id:"wcConfigurator",className:j()(h.xn,n.getIsInMobileView()?h.ai:void 0),children:[(0,O.jsx)(w.default,{className:h.x6}),(0,O.jsx)(S.default,{className:h.vt}),(0,O.jsx)(I.default,{className:h.jl,showBackButtonText:!0,showCheckoutButtons:!1}),(0,O.jsx)(C.default,{}),(0,O.jsx)(k.default,{direction:"right",mountElementId:"wcConfigurator",drawerStyle:{zIndex:3e3,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"}})]}),n.settingsState.inputBoxVisible&&(0,O.jsx)(r.default,{})]})}))},34384:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var o=t(80248),i=t(34988),r=t(9420),a=t(87363),s=t(29523),l=t(88130),d=t(88683),c=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var u=(0,d.getLogger)("Planner","InfoBox");const p=(0,r.Pi)((function ContentItemWrapper(e){var n=e.direction,t=e.mountElementId,o=e.drawerStyle,r=(0,l.NP)(),p=(0,a.useState)(!1),x=(0,i.Z)(p,2),f=x[0],g=x[1],b=(0,d.useDivaCore)().actions,m=b.openDrawerMenu,h=b.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){g(!0);var e=r.getIsInMobileView(),i=function onClose(){r.settingsState.setContentItemId()},a=(0,c.jsx)(s.Q,{onClose:function onClose(){i(),h("content-item")},contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},onContentItemLoaded:function onContentItemLoaded(e){u.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=e?e:void 0})}});m(e?{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,snapPoints:[.9],direction:"bottom",mountElementId:"wcConfigurator-wrapper",handleInternScroll:!0}:{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:n,mountElementId:null!=t?t:"wcConfigurator-product",handleInternScroll:!0,drawerStyle:_objectSpread({position:"absolute",zIndex:550,maxHeight:600,top:0,bottom:"unset"},o)})}else f&&(h("content-item"),setTimeout((function(){g(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,c.jsx)(c.Fragment,{})}))},59343:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var o=t(34988),i=t(87363),r=t(92404),a=t(9420),s=t(88130),l=t(93379),d=t.n(l),c=t(7795),u=t.n(c),p=t(90569),x=t.n(p),f=t(3565),g=t.n(f),b=t(19216),m=t.n(b),h=t(44589),v=t.n(h),S=t(41060),w={};w.styleTagTransform=v(),w.setAttributes=g(),w.insert=x().bind(null,"head"),w.domAPI=u(),w.insertStyleElement=m();d()(S.ZP,w);S.ZP&&S.ZP.locals&&S.ZP.locals;var y=t(82956),P=t(65515),j=t.n(P);var C=t(47514);const I=(0,a.Pi)((function SettingsBottomDrawer(e){var n=e.draggerElement,t=e.children,a=(0,s.NP)(),l=(0,i.useState)(a.uiState.isMobilePortrait),d=(0,o.Z)(l,2),c=d[0],u=d[1],p=function useDrawerHook(){var e=(0,i.useState)(0),n=(0,o.Z)(e,2),t=n[0],r=n[1],a=(0,i.useState)(0),s=(0,o.Z)(a,2),l=s[0],d=s[1],c=(0,i.useMemo)((function(){return function(e){return e.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(e){r(e.touches[0].clientY),d(e.touches[0].pageX)},handleTouchMove:function handleTouchMove(e){var n=e.touches[0].clientY,o=e.touches[0].pageX,i=Math.abs(n-t),r=Math.abs(o-l);i>=1&&i>2*r&&window.addEventListener("touchmove",c,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",c)}}}(),x=p.handleTouchStart,f=p.handleTouchMove,g=p.handleTouchEnd;return(0,i.useEffect)((function(){u(a.uiState.isMobilePortrait)}),[a.uiState.isInMobileView,a.uiState.isMobileLandscape,a.uiState.isTablet]),(0,C.jsx)(r.dy.Root,{open:c,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:a.settingsState.snapPoints,container:document.getElementById("wcConfigurator"),onClose:function onClose(){return a.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==a.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:a.settingsState.snapPoints[a.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(e){return a.settingsState.setActiveSnapPointIndex(a.settingsState.snapPoints.indexOf(e))},children:(0,C.jsx)(r.dy.Portal,{children:(0,C.jsxs)(r.dy.Content,{className:S.kh,children:[(0,C.jsx)(r.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,C.jsxs)(r.dy.Handle,{className:j()(S.aq),onTouchStart:x,onTouchMove:f,onTouchEnd:g,children:[(0,C.jsx)("div",{className:S.Rx,children:(0,C.jsx)("div",{className:S.uQ})}),(0,C.jsx)("div",{className:S.ad,children:n})]}),a.uiState.isInMobileView&&(0,C.jsx)("div",{className:j()(y.Iz,S.J7),children:t})]})})})}))},51451:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var o=t(9420),i=(t(87363),t(88130)),r=t(82956),a=t(65515),s=t.n(a),l=t(47514);const d=(0,o.Pi)((function SettingsExpanderButtons(e){var n=(0,i.NP)(),t=n.settingsState.contentItemId&&n.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[n.uiState.doShowConfSettingsExpander&&!n.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:n.uiState.onClickExpandConfigSettings}),!n.uiState.isInMobileView&&n.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!n.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:n.uiState.onClickExpandMaxConfigSettings}),!n.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:n.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var o=t(80248),i=t(72874),r=(t(87363),t(88130)),a=t(80509),s=t(90395),l=t(9420),d=t(82956),c=t(65515),u=t.n(c),p=t(99676),x=t(51451),f=t(59343),g=t(47514),b=["className","tabgroupElement"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const m=(0,l.Pi)((function Settings(e){var n,t,o=e.className,l=e.tabgroupElement,c=(0,i.Z)(e,b),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,v=(0,g.jsx)(g.Fragment,{children:h?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&(0,g.jsx)(a.default,{},null!==(n=null===(t=m.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,g.jsx)(s.default,{}),(0,g.jsx)(x.default,{})]})});return(0,g.jsxs)("div",_objectSpread(_objectSpread({},c),{},{id:"wcConfigurator-settings",className:u()(o,d.vt,"horizontal"==m.tabGroupState.curTabGroupType?d.s1:void 0,m.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,g.jsx)(f.default,{draggerElement:l,children:v}),!m.uiState.isInMobileView&&v]}))}))},39545:(e,n,t)=>{t.d(n,{Ci:()=>p,Jg:()=>f,Q_:()=>x,ZP:()=>b,vX:()=>g});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(38403),t.b),c=a()(i()),u=l()(d);c.push([e.id,".index-module--nrbS_ {\n width: 90%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n float: left;\n}\n\n.index-module--lGJqa {\n letter-spacing: 0.5px;\n -webkit-text-stroke: 0.1px;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n z-index: 999;\n width: 40em;\n max-width: 70%;\n max-height: 90%;\n background-color: white;\n padding: 1em 2em 0.5em 2em;\n border-radius: 15px;\n border: 1px solid #cbcbcb;\n font-size: 14.4px;\n color: #363636;\n display: flex;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n font-size: 16px;\n -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n padding: 0;\n margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n width: calc(100% - 65px);\n float: left;\n padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n height: 40px;\n width: 55px;\n display: block;\n background-repeat: no-repeat;\n background-position: center;\n float: left;\n clear: both;\n margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n border-radius: 20px;\n position: absolute;\n font-size: 22pt;\n font-family: sans-serif;\n font-weight: 50;\n top: -20px;\n right: -20px;\n width: 40px;\n height: 40px;\n background-color: #fff;\n color: #666;\n border: 2px solid #666;\n text-align: center;\n padding-top: 0px;\n content: 'X';\n}\n\n.index-module--OZydS:hover {\n background-color: #aaa;\n color: #000;\n border: 2px solid #000;\n}\n.index-module--FQDBA {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n color: #ffffff;\n height: 41px;\n width: 8%;\n margin: 8px 0 7px;\n float: right;\n border-radius: var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+u+");\n background-size: 16px;\n transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",f="index-module--OZydS",g="index-module--FQDBA";const b=c},59318:(e,n,t)=>{t.d(n,{ZP:()=>d,nC:()=>s,wc:()=>l});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,".index-module--lxloL {\n display: flex;\n height: 42px;\n gap: 12px;\n justify-content: space-around;\n overflow: auto;\n align-items: center;\n background-color: #f3f3f3;\n}\n\n.index-module--CjTaL {\n cursor: pointer;\n min-width: 80px;\n padding-left: 12px;\n padding-right: 12px;\n text-align: center;\n}\n",""]);var s="index-module--lxloL",l="index-module--CjTaL";const d=a},53471:(e,n,t)=>{t.d(n,{ZP:()=>p,ai:()=>d,jl:()=>u,vt:()=>c,x6:()=>l,xn:()=>s});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,".index-module--B_KPE {\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n -webkit-font-smoothing: antialiased;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.index-module--B_KPE *,\n.index-module--B_KPE *::before,\n.index-module--B_KPE *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--qDhz3 {\n height: 56px;\n position: relative;\n display: flex;\n justify-content: center;\n margin: 0 8px;\n}\n.index-module--aq01h .index-module--qDhz3 {\n height: 40px;\n}\n\n.index-module--NDeij {\n height: calc(100% - 56px - 42px - 40px);\n position: relative;\n border-right: 1px solid #e6e6e6;\n}\n\n.index-module--aq01h .index-module--NDeij {\n height: calc(100% - 40px - 42px - 40px);\n}\n\n.index-module--Jh4qy {\n height: 40px;\n z-index: 1001;\n}\n",""]);var s="index-module--B_KPE",l="index-module--qDhz3",d="index-module--aq01h",c="index-module--NDeij",u="index-module--Jh4qy";const p=a},41060:(e,n,t)=>{t.d(n,{J7:()=>d,Rx:()=>c,ZP:()=>x,ad:()=>p,aq:()=>l,kh:()=>s,uQ:()=>u});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,".index-module--qmbFa {\n outline: medium none invert;\n outline: initial;\n position: absolute;\n z-index: 1000;\n width: 100%;\n}\ndiv.index-module--Lklbq {\n width: 100%;\n opacity: 1;\n height: var(--configuratorTabGroupHeight);\n background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n background: initial;\n border-radius: 0px;\n box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--A4coW {\n display: flex;\n flex-direction: column;\n height: 100%;\n background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n transform: none;\n transform: initial;\n left: auto;\n left: initial;\n top: auto;\n top: initial;\n}\n\n.index-module--WO2oD {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -32px);\n width: 40px;\n height: 40px;\n touch-action: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n width: var(--configuratorTabGroupHeight);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--yfZrB {\n position: relative;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n display: flex;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n pointer-events: all !important;\n}\n",""]);var s="index-module--qmbFa",l="index-module--Lklbq",d="index-module--A4coW",c="index-module--WO2oD",u="index-module--BVoP4",p="index-module--yfZrB";const x=a}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3519,9001,7853],{69001:(e,n,t)=>{t.r(n),t.d(n,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const a=function NavigationButtons(e){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},e),{},{componentName:"Action/Navigation"}))}},39141:(e,n,t)=>{t.r(n),t.d(n,{default:()=>C});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),s=t(88130),l=t(87363),d=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),f=t(90569),g=t.n(f),b=t(3565),m=t.n(b),h=t(19216),v=t.n(h),S=t(44589),w=t.n(S),y=t(39545),P={};P.styleTagTransform=w(),P.setAttributes=m(),P.insert=g().bind(null,"head"),P.domAPI=x(),P.insertStyleElement=v();c()(y.ZP,P);y.ZP&&y.ZP.locals&&y.ZP.locals;var j=t(47514);const C=(0,d.Pi)((function Inputbox(e){(0,i.Z)(e);var n=(0,s.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var e,o,i;n.settingsState.setInputBoxValue(null!==(e=null===(o=n.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==e?e:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var e;null!==(e=n.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&n.settingsState.setInputBoxValue(n.settingsState.inputBoxItem.freeText)}),[n.settingsState.inputBoxItem]),!n.settingsState.inputBoxItem)return(0,j.jsx)(j.Fragment,{});var r=n.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var d=function(){var e=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!n.settingsState.inputBoxItem){e.next=6;break}return n.settingsState.inputBoxItem.freeText=n.settingsState.inputBoxValue,e.next=4,n.paletteViewHandler.clickedOnConfigPalette(n.settingsState.inputBoxItem,"inputbox");case 4:n.settingsState.updateInputBoxValues(!1,void 0),n.uiState.setConfiguratorDisabled(!1);case 6:n.settingsState.inputBoxVisible?n.uiState.setConfiguratorDisabled(!0):n.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!n.settingsState.inputBoxItem.measureUnit;return(0,j.jsx)("div",{children:(0,j.jsxs)("div",{className:y.Q_,children:[(0,j.jsx)("span",{onClick:function onClick(){return n.settingsState.inputBoxVisible=!1},className:y.Jg,children:"✖"}),(0,j.jsxs)("div",{style:{width:"100%"},children:[(0,j.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,j.jsx)("input",{ref:t,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){n&&"Enter"===e.key&&(d(),e.stopPropagation())}(e)},className:y.Ci,type:u?"number":"text",onChange:function onChange(e){return n.settingsState.setInputBoxValue(e.target.value)},value:n.settingsState.inputBoxValue}),(0,j.jsx)("button",{className:y.vX,onClick:d})]})]})})}))},12887:(e,n,t)=>{t.r(n),t.d(n,{default:()=>P});var o=t(87363),i=t(93379),r=t.n(i),a=t(7795),s=t.n(a),l=t(90569),d=t.n(l),u=t(3565),c=t.n(u),p=t(19216),x=t.n(p),f=t(44589),g=t.n(f),b=t(59318),m={};m.styleTagTransform=g(),m.setAttributes=c(),m.insert=d().bind(null,"head"),m.domAPI=s(),m.insertStyleElement=x();r()(b.ZP,m);b.ZP&&b.ZP.locals&&b.ZP.locals;var h=t(88130),v=t(9420),S=t(24925),w=t(88683),y=t(47514);const P=(0,v.Pi)((function Toolbar(e){var n,t,i,r=(0,h.NP)(),a=(0,w.useDivaCore)().state.organization.settings.wwsClient,s=function changeVal(e){var n=e===r.uiState.activeCatalogSection?"3D/2D":e;localStorage.setItem("lastWindow",n),r.uiState.setActiveCatalogSection(n)},l=!!Object.values(null!==(n=null===(t=r.divaWebPlanner.actSet())||void 0===t?void 0:t.CatalogData.allCatalogArticles)&&void 0!==n?n:{}).find((function(e){return e.partlistArticlesRules}));return(0,o.useEffect)((function(){("Pfister"!=a&&"ekText"==r.uiState.activeCatalogSection||!l&&"PartList"==r.uiState.activeCatalogSection||"3D/2D"!==r.uiState.activeCatalogSection)&&s("3D/2D")}),[]),(0,y.jsxs)(y.Fragment,{children:["3D/2D"!=r.uiState.activeCatalogSection&&(0,y.jsx)(S.default,{}),(0,y.jsxs)("div",{className:b.nC,children:[(0,y.jsx)("div",{className:b.wc,children:w.DivaUtils.formatPrice(null!==(i=r.productState.formatedTotalPrice)&&void 0!==i?i:0,r.productState.priceFormat)}),l&&(0,y.jsx)("div",{className:b.wc,onClick:function onClick(){return s("PartList")},children:"Stückliste"}),(0,y.jsx)("div",{className:b.wc,onClick:function onClick(){return s("PriceAnalyzer")},children:"Preise"}),(0,y.jsx)("div",{className:b.wc,onClick:function onClick(){return s("DecisionAnalyzer")},children:"Decisions"}),"Pfister"==a&&(0,y.jsx)("div",{className:b.wc,onClick:function onClick(){return s("ekText")},children:"Ek Text"})]})]})}))},73519:(e,n,t)=>{t.r(n),t.d(n,{cssVariables:()=>D,default:()=>E});var o=t(88130),i=t(87363),r=t(39141),a=t(93379),s=t.n(a),l=t(7795),d=t.n(l),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),f=t(19216),g=t.n(f),b=t(44589),m=t.n(b),h=t(53471),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=d(),v.insertStyleElement=g();s()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(97853),w=t(7474),y=t(9420),P=t(65515),j=t.n(P),C=t(12887),I=t(69001),k=t(34384),O=t(47514),D={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--articlePosNrRadius":"3px","--articlePosNrSize":"20.8px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--thirdColor)","--foldArrowMarginRight":"16px","--configuratorActionForthWidth":"calc(50% - 3px)","--configuratorActionBackWidth":"calc(50% - 3px)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const E=(0,y.Pi)((function Wysiwyg(e){var n=(0,o.NP)();return(0,i.useEffect)((function(){n.layoutRendered=!0,n.initCSSVariablesObj(D)}),[]),(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)("div",{ref:function ref(e){return n.uiState.setConfiguratorRef(e)},style:{pointerEvents:n.uiState.configuratorDisabled?"none":void 0},hidden:n.uiState.configuratorHidden,id:"wcConfigurator",className:j()(h.xn,n.getIsInMobileView()?h.ai:void 0),children:[(0,O.jsx)(w.default,{className:h.x6}),(0,O.jsx)(S.default,{className:h.vt}),(0,O.jsx)(I.default,{className:h.jl,showBackButtonText:!0,showCheckoutButtons:!1}),(0,O.jsx)(C.default,{}),(0,O.jsx)(k.default,{direction:"right",mountElementId:"wcConfigurator",drawerStyle:{zIndex:3e3,boxShadow:"2px 1px 4px rgba(0, 0, 0, 0.15)"}})]}),n.settingsState.inputBoxVisible&&(0,O.jsx)(r.default,{})]})}))},34384:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var o=t(80248),i=t(34988),r=t(9420),a=t(87363),s=t(29523),l=t(88130),d=t(88683),u=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var c=(0,d.getLogger)("Planner","InfoBox");const p=(0,r.Pi)((function ContentItemWrapper(e){var n=e.direction,t=e.mountElementId,o=e.drawerStyle,r=(0,l.NP)(),p=(0,a.useState)(!1),x=(0,i.Z)(p,2),f=x[0],g=x[1],b=(0,d.useDivaCore)().actions,m=b.openDrawerMenu,h=b.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){g(!0);var e=r.getIsInMobileView(),i=function onClose(){r.settingsState.setContentItemId()},a=(0,u.jsx)(s.Q,{onClose:function onClose(){i(),h("content-item")},contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},onContentItemLoaded:function onContentItemLoaded(e){c.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=e?e:void 0})}});m(e?{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,snapPoints:[.9],direction:"bottom",mountElementId:"wcConfigurator-wrapper",handleInternScroll:!0}:{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:n,mountElementId:null!=t?t:"wcConfigurator-product",handleInternScroll:!0,drawerStyle:_objectSpread({position:"absolute",zIndex:550,maxHeight:600,top:0,bottom:"unset"},o)})}else f&&(h("content-item"),setTimeout((function(){g(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},59343:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var o=t(34988),i=t(87363),r=t(92404),a=t(9420),s=t(88130),l=t(93379),d=t.n(l),u=t(7795),c=t.n(u),p=t(90569),x=t.n(p),f=t(3565),g=t.n(f),b=t(19216),m=t.n(b),h=t(44589),v=t.n(h),S=t(41060),w={};w.styleTagTransform=v(),w.setAttributes=g(),w.insert=x().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=m();d()(S.ZP,w);S.ZP&&S.ZP.locals&&S.ZP.locals;var y=t(82956),P=t(65515),j=t.n(P);var C=t(47514);const I=(0,a.Pi)((function SettingsBottomDrawer(e){var n=e.draggerElement,t=e.children,a=(0,s.NP)(),l=(0,i.useState)(a.uiState.isMobilePortrait),d=(0,o.Z)(l,2),u=d[0],c=d[1],p=function useDrawerHook(){var e=(0,i.useState)(0),n=(0,o.Z)(e,2),t=n[0],r=n[1],a=(0,i.useState)(0),s=(0,o.Z)(a,2),l=s[0],d=s[1],u=(0,i.useMemo)((function(){return function(e){return e.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(e){r(e.touches[0].clientY),d(e.touches[0].pageX)},handleTouchMove:function handleTouchMove(e){var n=e.touches[0].clientY,o=e.touches[0].pageX,i=Math.abs(n-t),r=Math.abs(o-l);i>=1&&i>2*r&&window.addEventListener("touchmove",u,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",u)}}}(),x=p.handleTouchStart,f=p.handleTouchMove,g=p.handleTouchEnd,b=(0,i.useState)(null),m=(0,o.Z)(b,2),h=m[0],v=m[1];return(0,i.useEffect)((function(){c(a.uiState.isMobilePortrait),v(document.getElementById("wcConfigurator"))}),[a.uiState.isInMobileView,a.uiState.isMobileLandscape,a.uiState.isTablet]),(0,C.jsx)(r.dy.Root,{open:u,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:a.settingsState.snapPoints,container:h,onClose:function onClose(){return a.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==a.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:a.settingsState.snapPoints[a.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(e){return a.settingsState.setActiveSnapPointIndex(a.settingsState.snapPoints.indexOf(e))},children:(0,C.jsx)(r.dy.Portal,{children:(0,C.jsxs)(r.dy.Content,{className:S.kh,children:[(0,C.jsx)(r.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,C.jsxs)(r.dy.Handle,{className:j()(S.aq),onTouchStart:x,onTouchMove:f,onTouchEnd:g,children:[(0,C.jsx)("div",{className:S.Rx,children:(0,C.jsx)("div",{className:S.uQ})}),(0,C.jsx)("div",{className:S.ad,children:n})]}),a.uiState.isInMobileView&&(0,C.jsx)("div",{className:j()(y.Iz,S.J7),children:t})]})})})}))},51451:(e,n,t)=>{t.r(n),t.d(n,{default:()=>d});var o=t(9420),i=(t(87363),t(88130)),r=t(82956),a=t(65515),s=t.n(a),l=t(47514);const d=(0,o.Pi)((function SettingsExpanderButtons(e){var n=(0,i.NP)(),t=n.settingsState.contentItemId&&n.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[n.uiState.doShowConfSettingsExpander&&!n.uiState.isInMobileView&&(0,l.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:n.uiState.onClickExpandConfigSettings}),!n.uiState.isInMobileView&&n.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!n.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:n.uiState.onClickExpandMaxConfigSettings}),!n.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:n.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var o=t(80248),i=t(72874),r=(t(87363),t(88130)),a=t(80509),s=t(90395),l=t(9420),d=t(82956),u=t(65515),c=t.n(u),p=t(99676),x=t(51451),f=t(59343),g=t(47514),b=["className","tabgroupElement"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const m=(0,l.Pi)((function Settings(e){var n,t,o=e.className,l=e.tabgroupElement,u=(0,i.Z)(e,b),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,v=(0,g.jsx)(g.Fragment,{children:h?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&(0,g.jsx)(a.default,{},null!==(n=null===(t=m.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,g.jsx)(s.default,{}),(0,g.jsx)(x.default,{})]})});return(0,g.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,d.vt,"horizontal"==m.tabGroupState.curTabGroupType?d.s1:void 0,m.uiState.configSettingsIsExpanded?d.zh:void 0),children:[(0,g.jsx)(f.default,{draggerElement:l,children:v}),!m.uiState.isInMobileView&&v]}))}))},39545:(e,n,t)=>{t.d(n,{Ci:()=>p,Jg:()=>f,Q_:()=>x,ZP:()=>b,vX:()=>g});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),l=t.n(s),d=new URL(t(38403),t.b),u=a()(i()),c=l()(d);u.push([e.id,".index-module--nrbS_ {\n width: 90%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n float: left;\n}\n\n.index-module--lGJqa {\n letter-spacing: 0.5px;\n -webkit-text-stroke: 0.1px;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n z-index: 999;\n width: 40em;\n max-width: 70%;\n max-height: 90%;\n background-color: white;\n padding: 1em 2em 0.5em 2em;\n border-radius: 15px;\n border: 1px solid #cbcbcb;\n font-size: 14.4px;\n color: #363636;\n display: flex;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n font-size: 16px;\n -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n padding: 0;\n margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n width: calc(100% - 65px);\n float: left;\n padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n height: 40px;\n width: 55px;\n display: block;\n background-repeat: no-repeat;\n background-position: center;\n float: left;\n clear: both;\n margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n border-radius: 20px;\n position: absolute;\n font-size: 22pt;\n font-family: sans-serif;\n font-weight: 50;\n top: -20px;\n right: -20px;\n width: 40px;\n height: 40px;\n background-color: #fff;\n color: #666;\n border: 2px solid #666;\n text-align: center;\n padding-top: 0px;\n content: 'X';\n}\n\n.index-module--OZydS:hover {\n background-color: #aaa;\n color: #000;\n border: 2px solid #000;\n}\n.index-module--FQDBA {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n color: #ffffff;\n height: 41px;\n width: 8%;\n margin: 8px 0 7px;\n float: right;\n border-radius: var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+c+");\n background-size: 16px;\n transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",f="index-module--OZydS",g="index-module--FQDBA";const b=u},59318:(e,n,t)=>{t.d(n,{ZP:()=>d,nC:()=>s,wc:()=>l});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,".index-module--lxloL {\n display: flex;\n height: 42px;\n gap: 12px;\n justify-content: space-around;\n overflow: auto;\n align-items: center;\n background-color: #f3f3f3;\n}\n\n.index-module--CjTaL {\n cursor: pointer;\n min-width: 80px;\n padding-left: 12px;\n padding-right: 12px;\n text-align: center;\n}\n",""]);var s="index-module--lxloL",l="index-module--CjTaL";const d=a},53471:(e,n,t)=>{t.d(n,{ZP:()=>p,ai:()=>d,jl:()=>c,vt:()=>u,x6:()=>l,xn:()=>s});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,".index-module--B_KPE {\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n -webkit-font-smoothing: antialiased;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n}\n\n.index-module--B_KPE *,\n.index-module--B_KPE *::before,\n.index-module--B_KPE *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--qDhz3 {\n height: 56px;\n position: relative;\n display: flex;\n justify-content: center;\n margin: 0 8px;\n}\n.index-module--aq01h .index-module--qDhz3 {\n height: 40px;\n}\n\n.index-module--NDeij {\n height: calc(100% - 56px - 42px - 40px);\n position: relative;\n border-right: 1px solid #e6e6e6;\n}\n\n.index-module--aq01h .index-module--NDeij {\n height: calc(100% - 40px - 42px - 40px);\n}\n\n.index-module--Jh4qy {\n height: 40px;\n z-index: 1001;\n}\n",""]);var s="index-module--B_KPE",l="index-module--qDhz3",d="index-module--aq01h",u="index-module--NDeij",c="index-module--Jh4qy";const p=a},41060:(e,n,t)=>{t.d(n,{J7:()=>d,Rx:()=>u,ZP:()=>x,ad:()=>p,aq:()=>l,kh:()=>s,uQ:()=>c});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,".index-module--qmbFa {\n outline: medium none invert;\n outline: initial;\n position: absolute;\n z-index: 1000;\n width: 100%;\n}\ndiv.index-module--Lklbq {\n width: 100%;\n opacity: 1;\n height: var(--configuratorTabGroupHeight);\n background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n background: initial;\n border-radius: 0px;\n box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--A4coW {\n display: flex;\n flex-direction: column;\n height: 100%;\n background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n transform: none;\n transform: initial;\n left: auto;\n left: initial;\n top: auto;\n top: initial;\n}\n\n.index-module--WO2oD {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -32px);\n width: 40px;\n height: 40px;\n touch-action: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n width: var(--configuratorTabGroupHeight);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--yfZrB {\n position: relative;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n display: flex;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n pointer-events: all !important;\n}\n",""]);var s="index-module--qmbFa",l="index-module--Lklbq",d="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",p="index-module--yfZrB";const x=a}}]);
package/build/umd/3977.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 3977.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3977,9001,4190,7853],{11784:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var o=t(88130),i=t(9420),r=(t(87363),t(93379)),a=t.n(r),d=t(7795),l=t.n(d),s=t(90569),u=t.n(s),c=t(3565),x=t.n(c),p=t(19216),g=t.n(p),m=t(44589),b=t.n(m),h=t(38921),f={};f.styleTagTransform=b(),f.setAttributes=x(),f.insert=u().bind(null,"head"),f.domAPI=l(),f.insertStyleElement=g();a()(h.ZP,f);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(65515),y=t.n(v),w=t(88683),S=t(19047),j=t(39667),I=t(40976),k=t(56340),P=t(47514);const C=(0,i.Pi)((function BasketActionStandard(n){var e,t,i,r=n.buttonTextClassName,a=void 0===r?h.UU:r,d=n.buttonPriceClassName,l=void 0===d?h.QD:d,s=n.containerClassName,u=n.price,c=n.showCheckoutButtons,x=(0,o.NP)(),p=(0,w.useDivaCore)().state.hidePrices,g=(0,w.useTranslation)().t;return(0,P.jsxs)("div",{className:y()(h.tM,s),children:[c&&(null===(e=x.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,S.evalVisible)(n,x,"navigator")})).map((function(n){return(0,P.jsx)("div",{className:I.rK,onClick:function onClick(){return(0,S.onClickCheckout)(n,x,n.index,g)},children:(0,P.jsx)(j.default,{checkoutButton:n,size:32})},n.index)}))),(0,P.jsxs)("div",{className:h.m2,onClick:function onClick(){return x.actionButtonState.onClickAddToBasket(x)},id:"wcConfigurator-action-tobasket",children:[(0,P.jsx)("div",{className:a,children:g("configurator.ADD_TO_BASKET")}),!p&&void 0!==u&&"horizontal"==x.tabGroupState.curTabGroupType&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:y()(h.DC,h.F0,x.productState.formatedBruttoPrice?void 0:h.al),children:(0,P.jsx)(k.default,{price:null!==(t=x.productState.formatedBruttoPrice)&&void 0!==t?t:0})}),(0,P.jsx)("div",{className:l,children:(0,P.jsx)(k.default,{price:null!==(i=x.productState.formatedCurSetPrice)&&void 0!==i?i:0})})]})]})]})}))},68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=t(88291),r=(t(87363),t(88130)),a=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function BasketMobile(n){var e=Object.assign({},((0,i.Z)(n),n)),t=(0,r.NP)();return(0,a.jsx)("div",_objectSpread(_objectSpread({},e),{},{onClick:function onClick(){return t.actionButtonState.onClickAddToBasket(t)}}))}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function NavigationButtons(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},39141:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),d=t(88130),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),g=t(90569),m=t.n(g),b=t(3565),h=t.n(b),f=t(19216),v=t.n(f),y=t(44589),w=t.n(y),S=t(39545),j={};j.styleTagTransform=w(),j.setAttributes=h(),j.insert=m().bind(null,"head"),j.domAPI=p(),j.insertStyleElement=v();c()(S.ZP,j);S.ZP&&S.ZP.locals&&S.ZP.locals;var I=t(47514);const k=(0,s.Pi)((function Inputbox(n){(0,i.Z)(n);var e=(0,d.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,o,i;e.settingsState.setInputBoxValue(null!==(n=null===(o=e.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==n?n:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:S.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:S.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,I.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:S.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:S.vX,onClick:s})]})]})})}))},53977:(n,e,t)=>{t.r(e),t.d(e,{default:()=>D});var o=t(88291),i=t(65515),r=t.n(i),a=t(88130),d=t(87363),l=t(93379),s=t.n(l),u=t(7795),c=t.n(u),x=t(90569),p=t.n(x),g=t(3565),m=t.n(g),b=t(19216),h=t.n(b),f=t(44589),v=t.n(f),y=t(52284),w={};w.styleTagTransform=v(),w.setAttributes=m(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=h();s()(y.ZP,w);y.ZP&&y.ZP.locals&&y.ZP.locals;var S=t(39141),j=t(34190),I=t(97853),k=t(7474),P=t(69001),C=t(88683),N=t(11784),M=t(9420),O=t(68063),B=t(25322),Z=t(47514),T={"--primaryColor":"#d60084","--secondaryColor":"#4b4b4b","--thirdColor":"#e5e5e5e5","--articlePosNrRadius":"50%","--articlePosNrSize":"1.5rem","--galleryItemRadius":"50%","--galleryItemRowCount":"5","--galleryItemMargin":"0.5%","--galleryItemRowCountSmall":"6","--galleryItemMarginSmall":"0.3%","--galleryItemBorder":"0px","--galleryItemBorderColor":"#e8e9ed","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--fontWeight1":"300","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--tabGroupBackground":"unset","--settingsBackgroundColor":"rgba(248, 248, 248, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"12px","--settingsScrollerPaddingLeft":"12px","--configuratorActionHeight":"50px","--configuratorActionForthWidth":"calc(100% - 56px)","--configuratorActionBackWidth":"50px","--globalBorderRadius":"3px","--mobile-tabgroup-drawer-border-radius":"12px","--buttons-border-radius":"8px"};const D=(0,M.Pi)((function Standard(n){(0,o.Z)(n);var e=(0,a.NP)(),t=(0,C.useDivaCore)().state.isFullscreenComponent;return(0,d.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(T)}),[]),(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:r()(y.xn,e.uiState.configSettingsIsExpanded?y.zh:void 0,e.uiState.isMobileLandscape?y.rK:void 0,e.uiState.isMobilePortrait?y.tW:void 0,e.uiState.isTablet?y.Mq:void 0,e.uiState.configSettingsIsMinExpanded?y.m7:void 0,e.uiState.configSettingsIsMaxExpanded?y.Zk:void 0,t?y.E9:void 0),children:(0,Z.jsxs)("div",{id:"wcConfigurator-wrapper",style:{width:"100%",height:"100%",position:"absolute",bottom:0,left:0},children:[(0,Z.jsx)(j.default,{className:y.kL}),e.uiState.isInMobileView?(0,Z.jsx)(I.default,{tabgroupElement:(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(k.default,{className:y.x6,showCloseButtonInMobile:t?"left":void 0}),(0,Z.jsx)(O.default,{className:y.Bg}),(0,Z.jsx)(B.default,{})]})}):(0,Z.jsxs)("div",{className:y.g6,children:[(0,Z.jsx)(k.default,{className:y.x6}),(0,Z.jsx)(I.default,{className:y.vt}),(0,Z.jsx)(P.default,{className:y.jl,showCheckoutButtons:!0}),(0,Z.jsx)(N.default,{containerClassName:y.tM,showCheckoutButtons:!1})]})]})}),e.settingsState.inputBoxVisible&&(0,Z.jsx)(S.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function Product(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},59343:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var o=t(34988),i=t(87363),r=t(92404),a=t(9420),d=t(88130),l=t(93379),s=t.n(l),u=t(7795),c=t.n(u),x=t(90569),p=t.n(x),g=t(3565),m=t.n(g),b=t(19216),h=t.n(b),f=t(44589),v=t.n(f),y=t(41060),w={};w.styleTagTransform=v(),w.setAttributes=m(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=h();s()(y.ZP,w);y.ZP&&y.ZP.locals&&y.ZP.locals;var S=t(82956),j=t(65515),I=t.n(j);var k=t(47514);const P=(0,a.Pi)((function SettingsBottomDrawer(n){var e=n.draggerElement,t=n.children,a=(0,d.NP)(),l=(0,i.useState)(a.uiState.isMobilePortrait),s=(0,o.Z)(l,2),u=s[0],c=s[1],x=function useDrawerHook(){var n=(0,i.useState)(0),e=(0,o.Z)(n,2),t=e[0],r=e[1],a=(0,i.useState)(0),d=(0,o.Z)(a,2),l=d[0],s=d[1],u=(0,i.useMemo)((function(){return function(n){return n.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(n){r(n.touches[0].clientY),s(n.touches[0].pageX)},handleTouchMove:function handleTouchMove(n){var e=n.touches[0].clientY,o=n.touches[0].pageX,i=Math.abs(e-t),r=Math.abs(o-l);i>=1&&i>2*r&&window.addEventListener("touchmove",u,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",u)}}}(),p=x.handleTouchStart,g=x.handleTouchMove,m=x.handleTouchEnd;return(0,i.useEffect)((function(){c(a.uiState.isMobilePortrait)}),[a.uiState.isInMobileView,a.uiState.isMobileLandscape,a.uiState.isTablet]),(0,k.jsx)(r.dy.Root,{open:u,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:a.settingsState.snapPoints,container:document.getElementById("wcConfigurator"),onClose:function onClose(){return a.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==a.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:a.settingsState.snapPoints[a.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(n){return a.settingsState.setActiveSnapPointIndex(a.settingsState.snapPoints.indexOf(n))},children:(0,k.jsx)(r.dy.Portal,{children:(0,k.jsxs)(r.dy.Content,{className:y.kh,children:[(0,k.jsx)(r.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,k.jsxs)(r.dy.Handle,{className:I()(y.aq),onTouchStart:p,onTouchMove:g,onTouchEnd:m,children:[(0,k.jsx)("div",{className:y.Rx,children:(0,k.jsx)("div",{className:y.uQ})}),(0,k.jsx)("div",{className:y.ad,children:e})]}),a.uiState.isInMobileView&&(0,k.jsx)("div",{className:I()(S.Iz,y.J7),children:t})]})})})}))},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>s});var o=t(9420),i=(t(87363),t(88130)),r=t(82956),a=t(65515),d=t.n(a),l=t(47514);const s=(0,o.Pi)((function SettingsExpanderButtons(n){var e=(0,i.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,l.jsx)("div",{className:d()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:d()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>h});var o=t(80248),i=t(72874),r=(t(87363),t(88130)),a=t(80509),d=t(90395),l=t(9420),s=t(82956),u=t(65515),c=t.n(u),x=t(99676),p=t(51451),g=t(59343),m=t(47514),b=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const h=(0,l.Pi)((function Settings(n){var e,t,o=n.className,l=n.tabgroupElement,u=(0,i.Z)(n,b),h=(0,r.NP)(),f=h.getIsInMobileView()&&h.getViewConfig().navigateMobileSwiper,v=(0,m.jsx)(m.Fragment,{children:f?(0,m.jsx)(x.default,{}):(0,m.jsxs)(m.Fragment,{children:[!h.uiState.isInMobileView&&!h.settingsState.forceSettingsHeaderInScrollContainer&&(0,m.jsx)(a.default,{},null!==(e=null===(t=h.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,m.jsx)(d.default,{}),(0,m.jsx)(p.default,{})]})});return(0,m.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,s.vt,"horizontal"==h.tabGroupState.curTabGroupType?s.s1:void 0,h.uiState.configSettingsIsExpanded?s.zh:void 0),children:[(0,m.jsx)(g.default,{draggerElement:l,children:v}),!h.uiState.isInMobileView&&v]}))}))},25322:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var o=t(88291),i=t(88130),r=(t(87363),t(9420)),a=t(93379),d=t.n(a),l=t(7795),s=t.n(l),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),g=t(19216),m=t.n(g),b=t(44589),h=t.n(b),f=t(29390),v={};v.styleTagTransform=h(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();d()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var y=t(47514);const w=(0,r.Pi)((function ProgressBar(n){(0,o.Z)(n);var e=(0,i.NP)(),t=e.configuratorStructureHandler.lastConfigStep,r=e.tabGroupState.curConfigStep;if(!t||!r)return(0,y.jsx)(y.Fragment,{});var a=r.posNr,d=t.posNr,l=1==d?0:Math.round(a/d*100),s=100-l;return(0,y.jsxs)("div",{className:f.YS,children:[(0,y.jsx)("div",{className:f.L3,style:{width:l+"%"}}),(0,y.jsx)("div",{className:f.LM,style:{width:s+"%"}})]})}))},38921:(n,e,t)=>{t.d(e,{DC:()=>b,F0:()=>h,QD:()=>g,UU:()=>m,ZP:()=>v,al:()=>f,m2:()=>p,tM:()=>x});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(2431),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--NTXww {\n background: rgba(242.2, 242.2, 242.2, 0.9);\n transition: width 0.2s ease-in-out;\n display: flex;\n}\n\n.index-module--g_4ro {\n background-color: var(--primaryColor);\n background-color: var(--saveButton, var(--primaryColor));\n border: 1px var(--primaryColor) solid;\n border: 1px var(--saveButton, var(--primaryColor)) solid;\n border-radius: var(--globalBorderRadius);\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n line-height: 20.8px;\n font-weight: var(--fontWeight1);\n height: calc(100% - 2px);\n font-size: 14px;\n color: white;\n flex-grow: 1;\n -webkit-text-stroke: 0px;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n pointer-events: none;\n background-color: #c25353;\n border-color: #c25353;\n}\n\n.index-module--g_4ro:hover {\n background-color: var(--diva-theme-palette-primary-dark);\n border-color: var(--diva-theme-palette-primary-dark);\n cursor: pointer;\n transition:\n box-shadow 0.3s ease,\n background-color 0.3s ease,\n border-color 0.3s ease;\n\n box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--gle4T {\n float: right;\n margin-right: 10%;\n}\n.index-module--li8pV {\n background-image: url("+c+");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: contain;\n width: 50%;\n height: 50%;\n transform: translate(-50%, -50%);\n left: 50%;\n top: 50%;\n position: absolute;\n}\n\n.index-module--gDeD1 .index-module--NTXww {\n /*auser In die Zusammenfassung wird ausgeblendet*/\n display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n margin-top: 0px;\n}\n\n.index-module--CSmEc {\n float: left;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n}\n\n.index-module--Odv_c {\n float: right;\n position: relative;\n margin-right: 20px;\n font-size: 14px;\n -webkit-font-smoothing: antialiased;\n -webkit-text-stroke: 0px;\n line-height: 36.8px;\n min-width: 64px;\n text-align: right;\n font-weight: 300;\n}\n\n.index-module--Odv_c.index-module--mG83s {\n color: #eee;\n opacity: 1;\n transition:\n opacity 0.3s ease-in-out,\n max-width 0.3s ease-in-out;\n max-width: 110px;\n}\n.index-module--Odv_c.index-module--mG83s.index-module--H3WLd {\n opacity: 0;\n max-width: 0px;\n}\n\n.index-module--Odv_c.index-module--mG83s:before {\n position: absolute;\n content: '';\n left: -6px;\n top: 44%;\n right: 0;\n border-top: 2px solid;\n border-color: grey;\n transform: rotate(-7deg);\n}\n\n.index-module--zifQl .index-module--Odv_c.index-module--mG83s:before {\n top: 45%;\n}\n",""]);var x="index-module--NTXww",p="index-module--g_4ro",g="index-module--gle4T",m="index-module--CSmEc",b="index-module--Odv_c",h="index-module--mG83s",f="index-module--H3WLd";const v=u},28717:(n,e,t)=>{t.d(e,{$t:()=>g,FN:()=>b,Is:()=>m,KR:()=>s,LI:()=>u,Qv:()=>h,ZP:()=>v,jl:()=>d,nC:()=>l,op:()=>x,ox:()=>p,rK:()=>c,tW:()=>f});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n height: 100%;\n font-weight: 300;\n font-size: 14px;\n -webkit-text-stroke: 0px;\n line-height: 36.8px;\n width: 100%;\n display: flex;\n gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n border-radius: var(--globalBorderRadius);\n height: 100%;\n text-align: center;\n}\n\n.index-module--mfwxp {\n color: var(--secondaryColor);\n color: var(--navigateBack, var(--secondaryColor));\n float: left;\n width: calc(var(--configuratorActionBackWidth));\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.index-module--vWg5_ {\n border: 1px var(--secondaryColor) solid;\n border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n background-color: white;\n color: var(--secondaryColor);\n color: var(--navigateBack, var(--secondaryColor));\n float: left;\n width: calc(var(--configuratorActionBackWidth));\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.index-module--IneQR {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n background-color: var(--navigateForth, var(--secondaryColor));\n color: #ffffff;\n color: var(--navigateForthFontColor, #ffffff);\n float: right;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n cursor: pointer;\n box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n transform: rotate(180deg);\n position: absolute;\n right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n pointer-events: none;\n background-color: #707070;\n background-color: var(--navigateForth, #707070);\n border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n line-height: calc(var(--configuratorActionHeight) - 5px);\n border-radius: var(--globalBorderRadius);\n}\n",""]);var d="index-module--Ug06K",l="index-module--uMdxf",s="index-module--j2X1m",u="index-module--NUblS",c="index-module--mfwxp",x="index-module--vWg5_",p="index-module--IneQR",g="index-module--n4fFc",m="index-module--YJM3e",b="index-module--X2uG9",h="index-module--CVPGS",f="index-module--KE5Qn";const v=a},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>g,Q_:()=>p,ZP:()=>b,vX:()=>m});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(38403),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--nrbS_ {\n width: 90%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n float: left;\n}\n\n.index-module--lGJqa {\n letter-spacing: 0.5px;\n -webkit-text-stroke: 0.1px;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n z-index: 999;\n width: 40em;\n max-width: 70%;\n max-height: 90%;\n background-color: white;\n padding: 1em 2em 0.5em 2em;\n border-radius: 15px;\n border: 1px solid #cbcbcb;\n font-size: 14.4px;\n color: #363636;\n display: flex;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n font-size: 16px;\n -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n padding: 0;\n margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n width: calc(100% - 65px);\n float: left;\n padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n height: 40px;\n width: 55px;\n display: block;\n background-repeat: no-repeat;\n background-position: center;\n float: left;\n clear: both;\n margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n border-radius: 20px;\n position: absolute;\n font-size: 22pt;\n font-family: sans-serif;\n font-weight: 50;\n top: -20px;\n right: -20px;\n width: 40px;\n height: 40px;\n background-color: #fff;\n color: #666;\n border: 2px solid #666;\n text-align: center;\n padding-top: 0px;\n content: 'X';\n}\n\n.index-module--OZydS:hover {\n background-color: #aaa;\n color: #000;\n border: 2px solid #000;\n}\n.index-module--FQDBA {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n color: #ffffff;\n height: 41px;\n width: 8%;\n margin: 8px 0 7px;\n float: right;\n border-radius: var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+c+");\n background-size: 16px;\n transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",g="index-module--OZydS",m="index-module--FQDBA";const b=u},52284:(n,e,t)=>{t.d(e,{Bg:()=>k,E9:()=>S,Mq:()=>P,ZP:()=>C,Zk:()=>v,g6:()=>h,jl:()=>j,kL:()=>m,m7:()=>b,rK:()=>p,tM:()=>I,tW:()=>g,vt:()=>y,x6:()=>w,xn:()=>x,zh:()=>f});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(2431),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--IFlVF {\n position: relative;\n\n height: 100%;\n width: 100%;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n overscroll-behavior-y: contain;\n}\n\n.index-module--IFlVF *,\n.index-module--IFlVF *::before,\n.index-module--IFlVF *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--IFlVF.index-module--y76la {\n height: 100%;\n width: 100%;\n}\n\n.index-module--IFlVF.index-module--IKL3M {\n height: 100%;\n width: 100%;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--bAkHK {\n position: absolute;\n width: 63%;\n max-width: calc(100% - 564px);\n left: 0px;\n top: 0;\n height: 100%;\n}\n.index-module--_dUy6 .index-module--bAkHK {\n width: calc(100% - 128px - 16px);\n max-width: none;\n max-width: initial;\n}\n\n.index-module--MbykI {\n position: absolute;\n z-index: 600;\n height: calc(100% - 32px);\n width: calc(37% - 16px);\n min-width: 550px;\n right: 0;\n padding: 16px 16px 16px 0;\n background-color: var(--settingsBackgroundColor);\n transition: width 0.45s;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--xeINC .index-module--MbykI {\n width: 70%;\n}\n\n.index-module--_dUy6 .index-module--MbykI {\n width: calc(128px);\n min-width: 0;\n min-width: initial;\n}\n.index-module--v90g0 .index-module--MbykI {\n width: calc(100% - 16px);\n z-index: 801;\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--rbJ1a {\n position: absolute;\n width: calc(100% - 128px - 4px - 16px);\n\n overflow-y: hidden;\n overflow-x: hidden;\n overflow: visible;\n z-index: 100;\n right: calc(128px + 4px + 16px);\n top: 16px;\n height: calc(100% - 32px - 4px - 50px);\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--NOlUe {\n position: absolute;\n z-index: 300;\n right: 16px;\n top: 16px;\n height: calc(100% - 32px - 4px - 50px);\n width: 128px;\n}\n.index-module--OJH2L .index-module--NOlUe {\n top: 80px;\n height: calc(100% - 32px - 4px - 50px - 64px);\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--ORcZQ {\n position: absolute;\n width: calc(100% - 128px - 4px - 16px);\n height: 50px;\n right: calc(128px + 4px + 16px);\n bottom: 16px;\n z-index: 200;\n}\n\n.index-module--_dUy6 .index-module--ORcZQ {\n overflow: hidden;\n}\n\n/*************************************Basket Button****************************************/\n.index-module--NnWir {\n position: absolute;\n width: 128px;\n height: 50px;\n right: 16px;\n bottom: 16px;\n z-index: 200;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xeINC .index-module--rbJ1a,\n.index-module--v90g0 .index-module--rbJ1a,\n.index-module--xeINC .index-module--ORcZQ,\n.index-module--v90g0 .index-module--ORcZQ {\n width: calc(100% - 128px - 16px - 4px);\n}\n\n.index-module--IFlVF.index-module--IKL3M,\n.index-module--y76la.index-module--IFlVF {\n padding: 0;\n padding: initial;\n overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--y76la .index-module--bAkHK {\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n max-width: none;\n max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--y76la .index-module--rbJ1a {\n display: none;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n top: 100%;\n} */\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--y76la .index-module--NOlUe {\n display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--y76la .index-module--ORcZQ {\n display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--y76la .index-module--NnWir {\n display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--IKL3M .index-module--bAkHK {\n top: 0px;\n left: 0px;\n height: var(--configuratorProductHeight);\n transition: height 0.2s ease-out;\n width: 100%;\n max-width: none;\n max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--IKL3M .index-module--rbJ1a {\n left: 0px;\n top: auto;\n top: initial;\n transition: height 0.2s ease-out;\n bottom: 0px;\n width: 100%;\n z-index: 1000;\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--IKL3M .index-module--NOlUe {\n position: relative;\n right: auto;\n right: initial;\n top: auto;\n top: initial;\n transition: none 0s ease 0s;\n transition: initial;\n flex-grow: 10;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--IKL3M .index-module--ORcZQ {\n display: none;\n bottom: 0px;\n width: calc(100% - 10px);\n\n height: calc(var(--configuratorActionHeight) - 5px);\n margin: 0 5px 5px 5px;\n padding-top: 0px;\n right: 0px;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--IKL3M .index-module--NnWir,\n.index-module--IKL3M.index-module--EMso2 .index-module--NnWir {\n display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--OfS8A {\n position: relative;\n transition: bottom 0.2s ease-out;\n width: 50px;\n height: var(--configuratorTabGroupHeight);\n background: no-repeat url("+c+") center center var(--primaryColor);\n background-size: 37%;\n z-index: 600;\n}\n\n.index-module--y76la,\n.index-module--IKL3M {\n --configuratorActionHeight: 50px;\n --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--u9qmL {\n --configuratorTabGroupHeight: 50px;\n --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n.index-module--FWJW2 {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.index-module--IFlVF ::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n",""]);var x="index-module--IFlVF",p="index-module--y76la",g="index-module--IKL3M",m="index-module--bAkHK",b="index-module--_dUy6",h="index-module--MbykI",f="index-module--xeINC",v="index-module--v90g0",y="index-module--rbJ1a",w="index-module--NOlUe",S="index-module--OJH2L",j="index-module--ORcZQ",I="index-module--NnWir",k="index-module--OfS8A",P="index-module--u9qmL";const C=u},41060:(n,e,t)=>{t.d(e,{J7:()=>s,Rx:()=>u,ZP:()=>p,ad:()=>x,aq:()=>l,kh:()=>d,uQ:()=>c});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,".index-module--qmbFa {\n outline: medium none invert;\n outline: initial;\n position: absolute;\n z-index: 1000;\n width: 100%;\n}\ndiv.index-module--Lklbq {\n width: 100%;\n opacity: 1;\n height: var(--configuratorTabGroupHeight);\n background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n background: initial;\n border-radius: 0px;\n box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--A4coW {\n display: flex;\n flex-direction: column;\n height: 100%;\n background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n transform: none;\n transform: initial;\n left: auto;\n left: initial;\n top: auto;\n top: initial;\n}\n\n.index-module--WO2oD {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -32px);\n width: 40px;\n height: 40px;\n touch-action: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n width: var(--configuratorTabGroupHeight);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--yfZrB {\n position: relative;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n display: flex;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n pointer-events: all !important;\n}\n",""]);var d="index-module--qmbFa",l="index-module--Lklbq",s="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",x="index-module--yfZrB";const p=a},29390:(n,e,t)=>{t.d(e,{L3:()=>l,LM:()=>s,YS:()=>d,ZP:()=>u});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,".index-module--rHd3V {\n position: absolute;\n width: 100%;\n height: 3px;\n bottom: 0;\n left: 0;\n z-index: 2000;\n}\n\n.index-module--_zSo1 {\n background: #ccc;\n border-radius: 0 1px 1px 0;\n transition: width 0.35s ease-in-out;\n height: 100%;\n}\n\n.index-module--tkNQ6 {\n background: #eee;\n transition: width 0.35s ease-in-out;\n height: 100%;\n}\n",""]);var d="index-module--rHd3V",l="index-module--_zSo1",s="index-module--tkNQ6";const u=a},40976:(n,e,t)=>{t.d(e,{$t:()=>m.$t,FN:()=>m.FN,Is:()=>m.Is,KR:()=>m.KR,LI:()=>m.LI,Qv:()=>m.Qv,jl:()=>m.jl,nC:()=>m.nC,op:()=>m.op,ox:()=>m.ox,rK:()=>m.rK,tW:()=>m.tW});var o=t(93379),i=t.n(o),r=t(7795),a=t.n(r),d=t(90569),l=t.n(d),s=t(3565),u=t.n(s),c=t(19216),x=t.n(c),p=t(44589),g=t.n(p),m=t(28717),b={};b.styleTagTransform=g(),b.setAttributes=u(),b.insert=l().bind(null,"head"),b.domAPI=a(),b.insertStyleElement=x();i()(m.ZP,b),m.ZP&&m.ZP.locals&&m.ZP.locals},2431:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[3977,9001,4190,7853],{11784:(n,e,t)=>{t.r(e),t.d(e,{default:()=>C});var o=t(88130),i=t(9420),r=(t(87363),t(93379)),a=t.n(r),d=t(7795),l=t.n(d),s=t(90569),u=t.n(s),c=t(3565),x=t.n(c),p=t(19216),g=t.n(p),m=t(44589),b=t.n(m),h=t(38921),f={};f.styleTagTransform=b(),f.setAttributes=x(),f.insert=u().bind(null,"head"),f.domAPI=l(),f.insertStyleElement=g();a()(h.ZP,f);h.ZP&&h.ZP.locals&&h.ZP.locals;var v=t(65515),y=t.n(v),w=t(88683),S=t(19047),j=t(39667),I=t(40976),k=t(56340),P=t(47514);const C=(0,i.Pi)((function BasketActionStandard(n){var e,t,i,r=n.buttonTextClassName,a=void 0===r?h.UU:r,d=n.buttonPriceClassName,l=void 0===d?h.QD:d,s=n.containerClassName,u=n.price,c=n.showCheckoutButtons,x=(0,o.NP)(),p=(0,w.useDivaCore)().state.hidePrices,g=(0,w.useTranslation)().t;return(0,P.jsxs)("div",{className:y()(h.tM,s),children:[c&&(null===(e=x.uiState.checkoutConfig)||void 0===e?void 0:e.buttons.filter((function(n){return(0,S.evalVisible)(n,x,"navigator")})).map((function(n){return(0,P.jsx)("div",{className:I.rK,onClick:function onClick(){return(0,S.onClickCheckout)(n,x,n.index,g)},children:(0,P.jsx)(j.default,{checkoutButton:n,size:32})},n.index)}))),(0,P.jsxs)("div",{className:h.m2,onClick:function onClick(){return x.actionButtonState.onClickAddToBasket(x)},id:"wcConfigurator-action-tobasket",children:[(0,P.jsx)("div",{className:a,children:g("configurator.ADD_TO_BASKET")}),!p&&void 0!==u&&"horizontal"==x.tabGroupState.curTabGroupType&&(0,P.jsxs)(P.Fragment,{children:[(0,P.jsx)("div",{className:y()(h.DC,h.F0,x.productState.formatedBruttoPrice?void 0:h.al),children:(0,P.jsx)(k.default,{price:null!==(t=x.productState.formatedBruttoPrice)&&void 0!==t?t:0})}),(0,P.jsx)("div",{className:l,children:(0,P.jsx)(k.default,{price:null!==(i=x.productState.formatedCurSetPrice)&&void 0!==i?i:0})})]})]})]})}))},68063:(n,e,t)=>{t.r(e),t.d(e,{default:()=>d});var o=t(80248),i=t(88291),r=(t(87363),t(88130)),a=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const d=function BasketMobile(n){var e=Object.assign({},((0,i.Z)(n),n)),t=(0,r.NP)();return(0,a.jsx)("div",_objectSpread(_objectSpread({},e),{},{onClick:function onClick(){return t.actionButtonState.onClickAddToBasket(t)}}))}},69001:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function NavigationButtons(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Action/Navigation"}))}},39141:(n,e,t)=>{t.r(e),t.d(e,{default:()=>k});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),d=t(88130),l=t(87363),s=t(9420),u=t(93379),c=t.n(u),x=t(7795),p=t.n(x),g=t(90569),m=t.n(g),b=t(3565),h=t.n(b),f=t(19216),v=t.n(f),y=t(44589),w=t.n(y),S=t(39545),j={};j.styleTagTransform=w(),j.setAttributes=h(),j.insert=m().bind(null,"head"),j.domAPI=p(),j.insertStyleElement=v();c()(S.ZP,j);S.ZP&&S.ZP.locals&&S.ZP.locals;var I=t(47514);const k=(0,s.Pi)((function Inputbox(n){(0,i.Z)(n);var e=(0,d.NP)(),t=(0,l.useRef)(null);if((0,l.useEffect)((function(){var n,o,i;e.settingsState.setInputBoxValue(null!==(n=null===(o=e.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==n?n:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,l.useEffect)((function(){var n;null!==(n=e.settingsState.inputBoxItem)&&void 0!==n&&n.freeText&&e.settingsState.setInputBoxValue(e.settingsState.inputBoxItem.freeText)}),[e.settingsState.inputBoxItem]),!e.settingsState.inputBoxItem)return(0,I.jsx)(I.Fragment,{});var r=e.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var s=function(){var n=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(n){for(;;)switch(n.prev=n.next){case 0:if(!e.settingsState.inputBoxItem){n.next=6;break}return e.settingsState.inputBoxItem.freeText=e.settingsState.inputBoxValue,n.next=4,e.paletteViewHandler.clickedOnConfigPalette(e.settingsState.inputBoxItem,"inputbox");case 4:e.settingsState.updateInputBoxValues(!1,void 0),e.uiState.setConfiguratorDisabled(!1);case 6:e.settingsState.inputBoxVisible?e.uiState.setConfiguratorDisabled(!0):e.uiState.setConfiguratorDisabled(!1);case 7:case"end":return n.stop()}}),_callee)})));return function onSubmit(){return n.apply(this,arguments)}}(),u=!!e.settingsState.inputBoxItem.measureUnit;return(0,I.jsx)("div",{children:(0,I.jsxs)("div",{className:S.Q_,children:[(0,I.jsx)("span",{onClick:function onClick(){return e.settingsState.inputBoxVisible=!1},className:S.Jg,children:"✖"}),(0,I.jsxs)("div",{style:{width:"100%"},children:[(0,I.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,I.jsx)("input",{ref:t,onKeyDown:function onKeyDown(n){return function keyDownFunction(n){e&&"Enter"===n.key&&(s(),n.stopPropagation())}(n)},className:S.Ci,type:u?"number":"text",onChange:function onChange(n){return e.settingsState.setInputBoxValue(n.target.value)},value:e.settingsState.inputBoxValue}),(0,I.jsx)("button",{className:S.vX,onClick:s})]})]})})}))},53977:(n,e,t)=>{t.r(e),t.d(e,{default:()=>D});var o=t(88291),i=t(65515),r=t.n(i),a=t(88130),d=t(87363),l=t(93379),s=t.n(l),u=t(7795),c=t.n(u),x=t(90569),p=t.n(x),g=t(3565),m=t.n(g),b=t(19216),h=t.n(b),f=t(44589),v=t.n(f),y=t(52284),w={};w.styleTagTransform=v(),w.setAttributes=m(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=h();s()(y.ZP,w);y.ZP&&y.ZP.locals&&y.ZP.locals;var S=t(39141),j=t(34190),I=t(97853),k=t(7474),P=t(69001),C=t(88683),N=t(11784),M=t(9420),O=t(68063),B=t(25322),Z=t(47514),T={"--primaryColor":"#d60084","--secondaryColor":"#4b4b4b","--thirdColor":"#e5e5e5e5","--articlePosNrRadius":"50%","--articlePosNrSize":"1.5rem","--galleryItemRadius":"50%","--galleryItemRowCount":"5","--galleryItemMargin":"0.5%","--galleryItemRowCountSmall":"6","--galleryItemMarginSmall":"0.3%","--galleryItemBorder":"0px","--galleryItemBorderColor":"#e8e9ed","--galleryItemBorderSelColor":"var(--secondaryColor)","--galleryItemBorderHoverColor":"var(--thirdColor)","--fontWeight1":"300","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)","--tabGroupBackground":"unset","--settingsBackgroundColor":"rgba(248, 248, 248, 0.9)","--settingsScrollerPaddingTopBottom":"0px","--settingsScrollerPaddingRight":"12px","--settingsScrollerPaddingLeft":"12px","--configuratorActionHeight":"50px","--configuratorActionForthWidth":"calc(100% - 56px)","--configuratorActionBackWidth":"50px","--globalBorderRadius":"3px","--mobile-tabgroup-drawer-border-radius":"12px","--buttons-border-radius":"8px"};const D=(0,M.Pi)((function Standard(n){(0,o.Z)(n);var e=(0,a.NP)(),t=(0,C.useDivaCore)().state.isFullscreenComponent;return(0,d.useEffect)((function(){e.layoutRendered=!0,e.initCSSVariablesObj(T)}),[]),(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)("div",{ref:function ref(n){return e.uiState.setConfiguratorRef(n)},style:{pointerEvents:e.uiState.configuratorDisabled?"none":void 0},hidden:e.uiState.configuratorHidden,id:"wcConfigurator",className:r()(y.xn,e.uiState.configSettingsIsExpanded?y.zh:void 0,e.uiState.isMobileLandscape?y.rK:void 0,e.uiState.isMobilePortrait?y.tW:void 0,e.uiState.isTablet?y.Mq:void 0,e.uiState.configSettingsIsMinExpanded?y.m7:void 0,e.uiState.configSettingsIsMaxExpanded?y.Zk:void 0,t?y.E9:void 0),children:(0,Z.jsxs)("div",{id:"wcConfigurator-wrapper",style:{width:"100%",height:"100%",position:"absolute",bottom:0,left:0},children:[(0,Z.jsx)(j.default,{className:y.kL}),e.uiState.isInMobileView?(0,Z.jsx)(I.default,{tabgroupElement:(0,Z.jsxs)(Z.Fragment,{children:[(0,Z.jsx)(k.default,{className:y.x6,showCloseButtonInMobile:t?"left":void 0}),(0,Z.jsx)(O.default,{className:y.Bg}),(0,Z.jsx)(B.default,{})]})}):(0,Z.jsxs)("div",{className:y.g6,children:[(0,Z.jsx)(k.default,{className:y.x6}),(0,Z.jsx)(I.default,{className:y.vt}),(0,Z.jsx)(P.default,{className:y.jl,showCheckoutButtons:!0}),(0,Z.jsx)(N.default,{containerClassName:y.tM,showCheckoutButtons:!1})]})]})}),e.settingsState.inputBoxVisible&&(0,Z.jsx)(S.default,{})]})}))},34190:(n,e,t)=>{t.r(e),t.d(e,{default:()=>a});var o=t(80248),i=(t(87363),t(2765)),r=t(47514);function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const a=function Product(n){return(0,r.jsx)(i.ZP,_objectSpread(_objectSpread({},n),{},{componentName:"Product/Product"}))}},59343:(n,e,t)=>{t.r(e),t.d(e,{default:()=>P});var o=t(34988),i=t(87363),r=t(92404),a=t(9420),d=t(88130),l=t(93379),s=t.n(l),u=t(7795),c=t.n(u),x=t(90569),p=t.n(x),g=t(3565),m=t.n(g),b=t(19216),h=t.n(b),f=t(44589),v=t.n(f),y=t(41060),w={};w.styleTagTransform=v(),w.setAttributes=m(),w.insert=p().bind(null,"head"),w.domAPI=c(),w.insertStyleElement=h();s()(y.ZP,w);y.ZP&&y.ZP.locals&&y.ZP.locals;var S=t(82956),j=t(65515),I=t.n(j);var k=t(47514);const P=(0,a.Pi)((function SettingsBottomDrawer(n){var e=n.draggerElement,t=n.children,a=(0,d.NP)(),l=(0,i.useState)(a.uiState.isMobilePortrait),s=(0,o.Z)(l,2),u=s[0],c=s[1],x=function useDrawerHook(){var n=(0,i.useState)(0),e=(0,o.Z)(n,2),t=e[0],r=e[1],a=(0,i.useState)(0),d=(0,o.Z)(a,2),l=d[0],s=d[1],u=(0,i.useMemo)((function(){return function(n){return n.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(n){r(n.touches[0].clientY),s(n.touches[0].pageX)},handleTouchMove:function handleTouchMove(n){var e=n.touches[0].clientY,o=n.touches[0].pageX,i=Math.abs(e-t),r=Math.abs(o-l);i>=1&&i>2*r&&window.addEventListener("touchmove",u,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",u)}}}(),p=x.handleTouchStart,g=x.handleTouchMove,m=x.handleTouchEnd,b=(0,i.useState)(null),h=(0,o.Z)(b,2),f=h[0],v=h[1];return(0,i.useEffect)((function(){c(a.uiState.isMobilePortrait),v(document.getElementById("wcConfigurator"))}),[a.uiState.isInMobileView,a.uiState.isMobileLandscape,a.uiState.isTablet]),(0,k.jsx)(r.dy.Root,{open:u,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:a.settingsState.snapPoints,container:f,onClose:function onClose(){return a.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==a.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:a.settingsState.snapPoints[a.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(n){return a.settingsState.setActiveSnapPointIndex(a.settingsState.snapPoints.indexOf(n))},children:(0,k.jsx)(r.dy.Portal,{children:(0,k.jsxs)(r.dy.Content,{className:y.kh,children:[(0,k.jsx)(r.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,k.jsxs)(r.dy.Handle,{className:I()(y.aq),onTouchStart:p,onTouchMove:g,onTouchEnd:m,children:[(0,k.jsx)("div",{className:y.Rx,children:(0,k.jsx)("div",{className:y.uQ})}),(0,k.jsx)("div",{className:y.ad,children:e})]}),a.uiState.isInMobileView&&(0,k.jsx)("div",{className:I()(S.Iz,y.J7),children:t})]})})})}))},51451:(n,e,t)=>{t.r(e),t.d(e,{default:()=>s});var o=t(9420),i=(t(87363),t(88130)),r=t(82956),a=t(65515),d=t.n(a),l=t(47514);const s=(0,o.Pi)((function SettingsExpanderButtons(n){var e=(0,i.NP)(),t=e.settingsState.contentItemId&&e.settingsState.contentItemVisible;return(0,l.jsxs)(l.Fragment,{children:[e.uiState.doShowConfSettingsExpander&&!e.uiState.isInMobileView&&(0,l.jsx)("div",{className:d()(r.AH,t?r.al:void 0),onClick:e.uiState.onClickExpandConfigSettings}),!e.uiState.isInMobileView&&e.uiState.doShowConfSettingsMaxMinExpander&&(0,l.jsxs)(l.Fragment,{children:[!e.uiState.configSettingsIsMaxExpanded&&(0,l.jsx)("div",{className:d()(r.EN,t?r.al:void 0),onClick:e.uiState.onClickExpandMaxConfigSettings}),!e.uiState.configSettingsIsMinExpanded&&(0,l.jsx)("div",{className:r.nW,onClick:e.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(n,e,t)=>{t.r(e),t.d(e,{default:()=>h});var o=t(80248),i=t(72874),r=(t(87363),t(88130)),a=t(80509),d=t(90395),l=t(9420),s=t(82956),u=t(65515),c=t.n(u),x=t(99676),p=t(51451),g=t(59343),m=t(47514),b=["className","tabgroupElement"];function ownKeys(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(n);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(t),!0).forEach((function(e){(0,o.Z)(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}const h=(0,l.Pi)((function Settings(n){var e,t,o=n.className,l=n.tabgroupElement,u=(0,i.Z)(n,b),h=(0,r.NP)(),f=h.getIsInMobileView()&&h.getViewConfig().navigateMobileSwiper,v=(0,m.jsx)(m.Fragment,{children:f?(0,m.jsx)(x.default,{}):(0,m.jsxs)(m.Fragment,{children:[!h.uiState.isInMobileView&&!h.settingsState.forceSettingsHeaderInScrollContainer&&(0,m.jsx)(a.default,{},null!==(e=null===(t=h.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==e?e:0),(0,m.jsx)(d.default,{}),(0,m.jsx)(p.default,{})]})});return(0,m.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,s.vt,"horizontal"==h.tabGroupState.curTabGroupType?s.s1:void 0,h.uiState.configSettingsIsExpanded?s.zh:void 0),children:[(0,m.jsx)(g.default,{draggerElement:l,children:v}),!h.uiState.isInMobileView&&v]}))}))},25322:(n,e,t)=>{t.r(e),t.d(e,{default:()=>w});var o=t(88291),i=t(88130),r=(t(87363),t(9420)),a=t(93379),d=t.n(a),l=t(7795),s=t.n(l),u=t(90569),c=t.n(u),x=t(3565),p=t.n(x),g=t(19216),m=t.n(g),b=t(44589),h=t.n(b),f=t(29390),v={};v.styleTagTransform=h(),v.setAttributes=p(),v.insert=c().bind(null,"head"),v.domAPI=s(),v.insertStyleElement=m();d()(f.ZP,v);f.ZP&&f.ZP.locals&&f.ZP.locals;var y=t(47514);const w=(0,r.Pi)((function ProgressBar(n){(0,o.Z)(n);var e=(0,i.NP)(),t=e.configuratorStructureHandler.lastConfigStep,r=e.tabGroupState.curConfigStep;if(!t||!r)return(0,y.jsx)(y.Fragment,{});var a=r.posNr,d=t.posNr,l=1==d?0:Math.round(a/d*100),s=100-l;return(0,y.jsxs)("div",{className:f.YS,children:[(0,y.jsx)("div",{className:f.L3,style:{width:l+"%"}}),(0,y.jsx)("div",{className:f.LM,style:{width:s+"%"}})]})}))},38921:(n,e,t)=>{t.d(e,{DC:()=>b,F0:()=>h,QD:()=>g,UU:()=>m,ZP:()=>v,al:()=>f,m2:()=>p,tM:()=>x});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(2431),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--NTXww {\n background: rgba(242.2, 242.2, 242.2, 0.9);\n transition: width 0.2s ease-in-out;\n display: flex;\n}\n\n.index-module--g_4ro {\n background-color: var(--primaryColor);\n background-color: var(--saveButton, var(--primaryColor));\n border: 1px var(--primaryColor) solid;\n border: 1px var(--saveButton, var(--primaryColor)) solid;\n border-radius: var(--globalBorderRadius);\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n line-height: 20.8px;\n font-weight: var(--fontWeight1);\n height: calc(100% - 2px);\n font-size: 14px;\n color: white;\n flex-grow: 1;\n -webkit-text-stroke: 0px;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n.index-module--HEZNE .index-module--g_4ro {\n pointer-events: none;\n background-color: #c25353;\n border-color: #c25353;\n}\n\n.index-module--g_4ro:hover {\n background-color: var(--diva-theme-palette-primary-dark);\n border-color: var(--diva-theme-palette-primary-dark);\n cursor: pointer;\n transition:\n box-shadow 0.3s ease,\n background-color 0.3s ease,\n border-color 0.3s ease;\n\n box-shadow: 0px 1px 4px #707070;\n}\n\n.index-module--gle4T {\n float: right;\n margin-right: 10%;\n}\n.index-module--li8pV {\n background-image: url("+c+");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: contain;\n width: 50%;\n height: 50%;\n transform: translate(-50%, -50%);\n left: 50%;\n top: 50%;\n position: absolute;\n}\n\n.index-module--gDeD1 .index-module--NTXww {\n /*auser In die Zusammenfassung wird ausgeblendet*/\n display: none;\n}\n.index-module--gDeD1 .index-module--xOi7v.index-module--xjW3V .index-module--NTXww {\n display: none;\n}\n\n.index-module--gDeD1 .index-module--NTXww .index-module--g_4ro {\n line-height: var(--configuratorActionHeight);\n}\n.index-module--g_4ro .index-module--CSmEc {\n margin-top: 0px;\n}\n\n.index-module--gDeD1 .index-module--g_4ro .index-module--CSmEc,\n.index-module--MQ04O .index-module--g_4ro .index-module--CSmEc {\n margin-top: 0px;\n}\n\n.index-module--CSmEc {\n float: left;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n}\n\n.index-module--Odv_c {\n float: right;\n position: relative;\n margin-right: 20px;\n font-size: 14px;\n -webkit-font-smoothing: antialiased;\n -webkit-text-stroke: 0px;\n line-height: 36.8px;\n min-width: 64px;\n text-align: right;\n font-weight: 300;\n}\n\n.index-module--Odv_c.index-module--mG83s {\n color: #eee;\n opacity: 1;\n transition:\n opacity 0.3s ease-in-out,\n max-width 0.3s ease-in-out;\n max-width: 110px;\n}\n.index-module--Odv_c.index-module--mG83s.index-module--H3WLd {\n opacity: 0;\n max-width: 0px;\n}\n\n.index-module--Odv_c.index-module--mG83s:before {\n position: absolute;\n content: '';\n left: -6px;\n top: 44%;\n right: 0;\n border-top: 2px solid;\n border-color: grey;\n transform: rotate(-7deg);\n}\n\n.index-module--zifQl .index-module--Odv_c.index-module--mG83s:before {\n top: 45%;\n}\n",""]);var x="index-module--NTXww",p="index-module--g_4ro",g="index-module--gle4T",m="index-module--CSmEc",b="index-module--Odv_c",h="index-module--mG83s",f="index-module--H3WLd";const v=u},28717:(n,e,t)=>{t.d(e,{$t:()=>g,FN:()=>b,Is:()=>m,KR:()=>s,LI:()=>u,Qv:()=>h,ZP:()=>v,jl:()=>d,nC:()=>l,op:()=>x,ox:()=>p,rK:()=>c,tW:()=>f});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,"/*Navigaton Buttons*/\n.index-module--Ug06K {\n transition: width 0.2s ease-in-out;\n}\n\n.index-module--uMdxf {\n height: 100%;\n font-weight: 300;\n font-size: 14px;\n -webkit-text-stroke: 0px;\n line-height: 36.8px;\n width: 100%;\n display: flex;\n gap: 3px;\n}\n.index-module--j2X1m .index-module--uMdxf {\n line-height: var(--configuratorActionHeight);\n}\n\n.index-module--NUblS {\n border-radius: var(--globalBorderRadius);\n height: 100%;\n text-align: center;\n}\n\n.index-module--mfwxp {\n color: var(--secondaryColor);\n color: var(--navigateBack, var(--secondaryColor));\n float: left;\n width: calc(var(--configuratorActionBackWidth));\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.index-module--vWg5_ {\n border: 1px var(--secondaryColor) solid;\n border: 1px var(--navigateBack, var(--secondaryColor)) solid;\n background-color: white;\n color: var(--secondaryColor);\n color: var(--navigateBack, var(--secondaryColor));\n float: left;\n width: calc(var(--configuratorActionBackWidth));\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.index-module--IneQR {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n background-color: var(--navigateForth, var(--secondaryColor));\n color: #ffffff;\n color: var(--navigateForthFontColor, #ffffff);\n float: right;\n box-sizing: border-box;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-grow: 3;\n}\n\n.index-module--vWg5_:hover,\n.index-module--IneQR:hover {\n cursor: pointer;\n box-shadow: var(--boxShadowHover);\n}\n.index-module--IneQR svg {\n transform: rotate(180deg);\n position: absolute;\n right: 16px;\n}\n\n.index-module--n4fFc .index-module--IneQR {\n pointer-events: none;\n background-color: #707070;\n background-color: var(--navigateForth, #707070);\n border-color: #707070;\n}\n\n.index-module--YJM3e .index-module--vWg5_ {\n width: 100%;\n}\n\n.index-module--YJM3e .index-module--IneQR {\n display: none;\n}\n\n.index-module--X2uG9 .index-module--vWg5_ {\n display: none;\n}\n\n.index-module--X2uG9 .index-module--IneQR {\n width: 100%;\n}\n\n.index-module--CVPGS .index-module--NUblS,\n.index-module--KE5Qn .index-module--NUblS {\n line-height: calc(var(--configuratorActionHeight) - 5px);\n border-radius: var(--globalBorderRadius);\n}\n",""]);var d="index-module--Ug06K",l="index-module--uMdxf",s="index-module--j2X1m",u="index-module--NUblS",c="index-module--mfwxp",x="index-module--vWg5_",p="index-module--IneQR",g="index-module--n4fFc",m="index-module--YJM3e",b="index-module--X2uG9",h="index-module--CVPGS",f="index-module--KE5Qn";const v=a},39545:(n,e,t)=>{t.d(e,{Ci:()=>x,Jg:()=>g,Q_:()=>p,ZP:()=>b,vX:()=>m});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(38403),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--nrbS_ {\n width: 90%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n float: left;\n}\n\n.index-module--lGJqa {\n letter-spacing: 0.5px;\n -webkit-text-stroke: 0.1px;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n z-index: 999;\n width: 40em;\n max-width: 70%;\n max-height: 90%;\n background-color: white;\n padding: 1em 2em 0.5em 2em;\n border-radius: 15px;\n border: 1px solid #cbcbcb;\n font-size: 14.4px;\n color: #363636;\n display: flex;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n font-size: 16px;\n -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n padding: 0;\n margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n width: calc(100% - 65px);\n float: left;\n padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n height: 40px;\n width: 55px;\n display: block;\n background-repeat: no-repeat;\n background-position: center;\n float: left;\n clear: both;\n margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n border-radius: 20px;\n position: absolute;\n font-size: 22pt;\n font-family: sans-serif;\n font-weight: 50;\n top: -20px;\n right: -20px;\n width: 40px;\n height: 40px;\n background-color: #fff;\n color: #666;\n border: 2px solid #666;\n text-align: center;\n padding-top: 0px;\n content: 'X';\n}\n\n.index-module--OZydS:hover {\n background-color: #aaa;\n color: #000;\n border: 2px solid #000;\n}\n.index-module--FQDBA {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n color: #ffffff;\n height: 41px;\n width: 8%;\n margin: 8px 0 7px;\n float: right;\n border-radius: var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+c+");\n background-size: 16px;\n transform: rotate(180deg);\n}\n",""]);var x="index-module--nrbS_",p="index-module--lGJqa",g="index-module--OZydS",m="index-module--FQDBA";const b=u},52284:(n,e,t)=>{t.d(e,{Bg:()=>k,E9:()=>S,Mq:()=>P,ZP:()=>C,Zk:()=>v,g6:()=>h,jl:()=>j,kL:()=>m,m7:()=>b,rK:()=>p,tM:()=>I,tW:()=>g,vt:()=>y,x6:()=>w,xn:()=>x,zh:()=>f});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),d=t(61667),l=t.n(d),s=new URL(t(2431),t.b),u=a()(i()),c=l()(s);u.push([n.id,".index-module--IFlVF {\n position: relative;\n\n height: 100%;\n width: 100%;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n overscroll-behavior-y: contain;\n}\n\n.index-module--IFlVF *,\n.index-module--IFlVF *::before,\n.index-module--IFlVF *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--IFlVF.index-module--y76la {\n height: 100%;\n width: 100%;\n}\n\n.index-module--IFlVF.index-module--IKL3M {\n height: 100%;\n width: 100%;\n}\n\n/******************************************Product*******************************************/\n\n.index-module--bAkHK {\n position: absolute;\n width: 63%;\n max-width: calc(100% - 564px);\n left: 0px;\n top: 0;\n height: 100%;\n}\n.index-module--_dUy6 .index-module--bAkHK {\n width: calc(100% - 128px - 16px);\n max-width: none;\n max-width: initial;\n}\n\n.index-module--MbykI {\n position: absolute;\n z-index: 600;\n height: calc(100% - 32px);\n width: calc(37% - 16px);\n min-width: 550px;\n right: 0;\n padding: 16px 16px 16px 0;\n background-color: var(--settingsBackgroundColor);\n transition: width 0.45s;\n box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.1);\n}\n\n.index-module--xeINC .index-module--MbykI {\n width: 70%;\n}\n\n.index-module--_dUy6 .index-module--MbykI {\n width: calc(128px);\n min-width: 0;\n min-width: initial;\n}\n.index-module--v90g0 .index-module--MbykI {\n width: calc(100% - 16px);\n z-index: 801;\n}\n\n/**************************************ConfigPalette***************************************/\n.index-module--rbJ1a {\n position: absolute;\n width: calc(100% - 128px - 4px - 16px);\n\n overflow-y: hidden;\n overflow-x: hidden;\n overflow: visible;\n z-index: 100;\n right: calc(128px + 4px + 16px);\n top: 16px;\n height: calc(100% - 32px - 4px - 50px);\n}\n\n/**************************************TabGroup********************************************/\n\n.index-module--NOlUe {\n position: absolute;\n z-index: 300;\n right: 16px;\n top: 16px;\n height: calc(100% - 32px - 4px - 50px);\n width: 128px;\n}\n.index-module--OJH2L .index-module--NOlUe {\n top: 80px;\n height: calc(100% - 32px - 4px - 50px - 64px);\n}\n\n/************************************Navigaton Buttons*************************************/\n\n.index-module--ORcZQ {\n position: absolute;\n width: calc(100% - 128px - 4px - 16px);\n height: 50px;\n right: calc(128px + 4px + 16px);\n bottom: 16px;\n z-index: 200;\n}\n\n.index-module--_dUy6 .index-module--ORcZQ {\n overflow: hidden;\n}\n\n/*************************************Basket Button****************************************/\n.index-module--NnWir {\n position: absolute;\n width: 128px;\n height: 50px;\n right: 16px;\n bottom: 16px;\n z-index: 200;\n}\n\n/****************************************Settings- Expanded *******************************/\n.index-module--xeINC .index-module--rbJ1a,\n.index-module--v90g0 .index-module--rbJ1a,\n.index-module--xeINC .index-module--ORcZQ,\n.index-module--v90g0 .index-module--ORcZQ {\n width: calc(100% - 128px - 16px - 4px);\n}\n\n.index-module--IFlVF.index-module--IKL3M,\n.index-module--y76la.index-module--IFlVF {\n padding: 0;\n padding: initial;\n overflow: hidden;\n}\n/*********************************************************************Mobile Landscape***********************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Landscape ****************************/\n.index-module--y76la .index-module--bAkHK {\n width: 100%;\n height: 100%;\n top: 0px;\n left: 0px;\n max-width: none;\n max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Landscape ***************************/\n\n.index-module--y76la .index-module--rbJ1a {\n display: none;\n}\n\n/*configuratorPalette wird nach unten aus dem Blickfeld geschoben*/\n/* .landscape.settings-hidden .wcConfigurator-settings {\n top: 100%;\n} */\n\n/*****************************TabGroup -- Mobile Landscape ****************************/\n\n.index-module--y76la .index-module--NOlUe {\n display: none;\n}\n\n/******************Navigaton Buttons -- Mobile Landscape ******************************/\n.index-module--y76la .index-module--ORcZQ {\n display: none;\n}\n\n/*********************Basket Button-- Mobile Landscape*********************************/\n.index-module--y76la .index-module--NnWir {\n display: none;\n}\n\n/*********************************************************************Mobile Portrait************************************************************************/\n\n/**********************3D / 2D Bereich -- Mobile Portrait *****************************/\n.index-module--IKL3M .index-module--bAkHK {\n top: 0px;\n left: 0px;\n height: var(--configuratorProductHeight);\n transition: height 0.2s ease-out;\n width: 100%;\n max-width: none;\n max-width: initial;\n}\n\n/*************************ConfigPalette -- Mobile Portrait ****************************/\n\n.index-module--IKL3M .index-module--rbJ1a {\n left: 0px;\n top: auto;\n top: initial;\n transition: height 0.2s ease-out;\n bottom: 0px;\n width: 100%;\n z-index: 1000;\n}\n\n/*****************************TabGroup -- Mobile Portrait *****************************/\n\n.index-module--IKL3M .index-module--NOlUe {\n position: relative;\n right: auto;\n right: initial;\n top: auto;\n top: initial;\n transition: none 0s ease 0s;\n transition: initial;\n flex-grow: 10;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n}\n\n/******************Navigaton Buttons -- Mobile Portrait *******************************/\n\n.index-module--IKL3M .index-module--ORcZQ {\n display: none;\n bottom: 0px;\n width: calc(100% - 10px);\n\n height: calc(var(--configuratorActionHeight) - 5px);\n margin: 0 5px 5px 5px;\n padding-top: 0px;\n right: 0px;\n}\n\n/*********************Basket Button-- Mobile Portrait *********************************/\n\n.index-module--IKL3M .index-module--NnWir,\n.index-module--IKL3M.index-module--EMso2 .index-module--NnWir {\n display: none;\n}\n\n/*********************Basket Button-- Mobile Portrait onTop *********************************/\n\n.index-module--OfS8A {\n position: relative;\n transition: bottom 0.2s ease-out;\n width: 50px;\n height: var(--configuratorTabGroupHeight);\n background: no-repeat url("+c+") center center var(--primaryColor);\n background-size: 37%;\n z-index: 600;\n}\n\n.index-module--y76la,\n.index-module--IKL3M {\n --configuratorActionHeight: 50px;\n --configuratorTabGroupHeight: 38px;\n}\n\n.index-module--u9qmL {\n --configuratorTabGroupHeight: 50px;\n --mobile-tabgroup-drawer-border-radius: 16px;\n}\n\n.index-module--FWJW2 {\n position: absolute;\n bottom: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.index-module--IFlVF ::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n.index-module--IFlVF ::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n",""]);var x="index-module--IFlVF",p="index-module--y76la",g="index-module--IKL3M",m="index-module--bAkHK",b="index-module--_dUy6",h="index-module--MbykI",f="index-module--xeINC",v="index-module--v90g0",y="index-module--rbJ1a",w="index-module--NOlUe",S="index-module--OJH2L",j="index-module--ORcZQ",I="index-module--NnWir",k="index-module--OfS8A",P="index-module--u9qmL";const C=u},41060:(n,e,t)=>{t.d(e,{J7:()=>s,Rx:()=>u,ZP:()=>p,ad:()=>x,aq:()=>l,kh:()=>d,uQ:()=>c});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,".index-module--qmbFa {\n outline: medium none invert;\n outline: initial;\n position: absolute;\n z-index: 1000;\n width: 100%;\n}\ndiv.index-module--Lklbq {\n width: 100%;\n opacity: 1;\n height: var(--configuratorTabGroupHeight);\n background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n background: initial;\n border-radius: 0px;\n box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--A4coW {\n display: flex;\n flex-direction: column;\n height: 100%;\n background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n transform: none;\n transform: initial;\n left: auto;\n left: initial;\n top: auto;\n top: initial;\n}\n\n.index-module--WO2oD {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -32px);\n width: 40px;\n height: 40px;\n touch-action: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n width: var(--configuratorTabGroupHeight);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--yfZrB {\n position: relative;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n display: flex;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n pointer-events: all !important;\n}\n",""]);var d="index-module--qmbFa",l="index-module--Lklbq",s="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",x="index-module--yfZrB";const p=a},29390:(n,e,t)=>{t.d(e,{L3:()=>l,LM:()=>s,YS:()=>d,ZP:()=>u});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([n.id,".index-module--rHd3V {\n position: absolute;\n width: 100%;\n height: 3px;\n bottom: 0;\n left: 0;\n z-index: 2000;\n}\n\n.index-module--_zSo1 {\n background: #ccc;\n border-radius: 0 1px 1px 0;\n transition: width 0.35s ease-in-out;\n height: 100%;\n}\n\n.index-module--tkNQ6 {\n background: #eee;\n transition: width 0.35s ease-in-out;\n height: 100%;\n}\n",""]);var d="index-module--rHd3V",l="index-module--_zSo1",s="index-module--tkNQ6";const u=a},40976:(n,e,t)=>{t.d(e,{$t:()=>m.$t,FN:()=>m.FN,Is:()=>m.Is,KR:()=>m.KR,LI:()=>m.LI,Qv:()=>m.Qv,jl:()=>m.jl,nC:()=>m.nC,op:()=>m.op,ox:()=>m.ox,rK:()=>m.rK,tW:()=>m.tW});var o=t(93379),i=t.n(o),r=t(7795),a=t.n(r),d=t(90569),l=t.n(d),s=t(3565),u=t.n(s),c=t(19216),x=t.n(c),p=t(44589),g=t.n(p),m=t(28717),b={};b.styleTagTransform=g(),b.setAttributes=u(),b.insert=l().bind(null,"head"),b.domAPI=a(),b.insertStyleElement=x();i()(m.ZP,b),m.ZP&&m.ZP.locals&&m.ZP.locals},2431:n=>{n.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNCAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMUgzLjcwNjQ3QzQuMTcxMjIgMSA0LjU3NDcxIDEuMzIwMTggNC42ODAzMSAxLjc3Mjc3TDUuNjY2NjcgNk01LjY2NjY3IDZMNy44MTk2OSAxNS4yMjcyQzcuOTI1MjkgMTUuNjc5OCA4LjMyODc4IDE2IDguNzkzNTMgMTZIMTkuNzE5MkMyMC4xNzgxIDE2IDIwLjU3ODEgMTUuNjg3NyAyMC42ODk0IDE1LjI0MjVMMjIuNjg5NCA3LjI0MjUzQzIyLjg0NzIgNi42MTEzOSAyMi4zNjk4IDYgMjEuNzE5MiA2SDUuNjY2NjdaIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxjaXJjbGUgY3g9IjEwIiBjeT0iMjAiIHI9IjEuMjUiIHN0cm9rZT0id2hpdGUiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPGNpcmNsZSBjeD0iMTgiIGN5PSIyMCIgcj0iMS4yNSIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4KCg=="}}]);
package/build/umd/4585.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 4585.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4585,2690,4619],{72690:(e,n,t)=>{t.r(n),t.d(n,{FullscreenArHeader:()=>z,default:()=>f});var i=t(9420),o=t(87363),r=t.n(o),a=t(22182),d=t(93379),M=t.n(d),c=t(7795),l=t.n(c),u=t(90569),s=t.n(u),N=t(3565),x=t.n(N),j=t(19216),g=t.n(j),D=t(44589),I=t.n(D),p=t(22109),T={};T.styleTagTransform=I(),T.setAttributes=x(),T.insert=s().bind(null,"head"),T.domAPI=l(),T.insertStyleElement=g();M()(p.ZP,T);p.ZP&&p.ZP.locals&&p.ZP.locals;var w=t(65515),m=t.n(w),y=t(88683),A=t(47514),S=(0,y.getLogger)("Planner","WEB-PLANNER-REACT"),z=function FullscreenArHeader(){var e=(0,y.useTranslation)().t;return(0,A.jsx)("div",{className:p.Fs,children:e("configurator.ar_qr_title")})};const f=(0,i.Pi)((function FullscreenAr(e){var n=e.url,t=e.isArCompatible,i=e.broswerSupportAR,o=e.activateAR,d=e.hqRenderScript,M=e.isTablet,c=(0,y.useTranslation)().t;return 0!=t&&i?(0,A.jsx)("div",{className:m()(p.Gr,M?p.Mq:void 0),children:(0,A.jsxs)("div",{className:p.YS,children:[(0,A.jsx)("div",{className:p.aS,children:(0,A.jsx)("div",{className:p.fL,children:c("configurator.ar_qr_text")})}),(0,A.jsxs)("div",{className:p.$D,children:[(0,A.jsxs)("div",{className:p.GD,children:[(0,A.jsx)("div",{className:m()(p.qv,p.ti)}),(0,A.jsxs)("div",{className:p.Ji,children:[(0,A.jsx)("div",{className:p.nx,children:c("configurator.ar_qr_step")+" 1"}),(0,A.jsx)("div",{className:p.$h,children:c("configurator.ar_qr_step1")})]})]}),(0,A.jsxs)("div",{className:p.GD,children:[(0,A.jsx)("div",{className:m()(p.qv,p.Ro)}),(0,A.jsxs)("div",{className:p.Ji,children:[(0,A.jsx)("div",{className:p.nx,children:c("configurator.ar_qr_step")+" 2"}),(0,A.jsx)("div",{className:p.$h,children:c("configurator.ar_qr_step2")})]})]}),(0,A.jsxs)("div",{className:p.GD,children:[(0,A.jsx)("div",{className:m()(p.qv,p.Lt)}),(0,A.jsxs)("div",{className:p.Ji,children:[(0,A.jsx)("div",{className:p.nx,children:c("configurator.ar_qr_step")+" 3"}),(0,A.jsx)("div",{className:p.$h,children:c("configurator.ar_qr_step3")})]})]})]}),(0,A.jsx)("div",{className:p.Yq,children:(0,A.jsx)("div",{"aria-disabled":!o,className:m()(p.c8,o?void 0:p.JU),onClick:function onClick(){S.businessEvent("onInitARViewer","RealTimeViewer","Load AR viewer",{arMedia:n,hqRenderScript:d}),null==o||o()},children:o?c("configurator.open_ar"):(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)("div",{className:p._m}),c("arviewer.initializing")]})})}),(0,A.jsx)("div",{className:p.fL,children:c("configurator.ar_qr_bottom_text")}),n&&(0,A.jsxs)("div",{className:p.SS,children:[" ",n&&r().createElement(a.ZP,{value:n,size:220})]})]})}):(0,A.jsxs)("div",{className:p.J3,children:[(0,A.jsx)("div",{className:p.Mx,dangerouslySetInnerHTML:{__html:c("arviewer.failed")}}),(0,A.jsxs)("div",{className:p.dj,children:[" ",n&&r().createElement(a.ZP,{value:n,size:220})]})]})}))},54619:(e,n,t)=>{t.r(n),t.d(n,{default:()=>z});var i=t(80248),o=t(22182),r=t(9420),a=t(87363),d=t.n(a),M=t(88683),c=t(46770),l=t(88130),u=t(93379),s=t.n(u),N=t(7795),x=t.n(N),j=t(90569),g=t.n(j),D=t(3565),I=t.n(D),p=t(19216),T=t.n(p),w=t(44589),m=t.n(w),y=t(16033),A={};A.styleTagTransform=m(),A.setAttributes=I(),A.insert=g().bind(null,"head"),A.domAPI=x(),A.insertStyleElement=T();s()(y.ZP,A);y.ZP&&y.ZP.locals&&y.ZP.locals;var S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const z=(0,r.Pi)((function ArQrCodeTooltip(e){var n,t=e.layerProps,i=e.arrowProps,r=e.autoClose,u=e.fadeIn,s=e.fadeout,N=e.url,x=(0,l.NP)(),j=x.getViewConfig().arQrCodeConfig,g=null!=j&&j.timeUnitAutohide?j.timeUnitAutohide:6,D=(0,M.useDivaCore)().state.theme,I=(0,M.useTranslation)().t,p=(0,a.useRef)();return(0,a.useEffect)((function(){return r&&(null!=p&&p.current||(p.current=setTimeout((function(){return x.productState.setDoShowARQRCode(!1)}),1e3*(g+1)))),function(){null!=p&&p.current&&clearTimeout(p.current)}}),[r]),(0,a.useEffect)((function(){x.productState.doShowARQRCode?x.productState.setArCodeWasVisibleOnce():null!=p&&p.current&&clearTimeout(p.current)}),[x.productState.doShowARQRCode]),(0,S.jsxs)("div",_objectSpread(_objectSpread({},t),{},{className:y.YS,style:_objectSpread(_objectSpread({opacity:s?0:u?1:void 0},t.style),{},{zIndex:1000005}),children:[(0,S.jsx)("div",{className:y.SS,children:N&&d().createElement(o.ZP,{value:N,size:96,onClick:function onClick(){return N&&window.open(N,"_blank")}})}),(0,S.jsxs)("div",{className:y.aS,style:{fontFamily:null==D||null===(n=D.typography)||void 0===n?void 0:n.fontFamily},children:[(0,S.jsx)("div",{className:y.Fs,children:I("configurator.ar_qr_title")}),(0,S.jsx)("div",{className:y.fL,children:I("configurator.ar_qr_text")})]}),(0,S.jsx)("div",{className:y.UF,onClick:function onClick(){return x.productState.setDoShowARQRCode(!1)}}),(0,S.jsx)(c.Eh,_objectSpread({onPointerEnterCapture:void 0,onPointerLeaveCapture:void 0},i)),r&&(0,S.jsx)("div",{className:y.L3,style:{animationDuration:g+"s"}})]}))}))},24585:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var i=t(80248),o=t(34988),r=t(72874),a=t(9420),d=t(88130),M=t(87363),c=t(46770),l=t(54619),u=t(88683),s=t(65515),N=t.n(s),x=t(72690),j=t(22182),g=t(47514),D=["Button","dontOpenModal"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const I=(0,a.Pi)((function ArQrCodeTooltip(e){var n=e.Button,t=e.dontOpenModal,i=(0,r.Z)(e,D),a=(0,d.NP)(),s=(0,u.useTranslation)().t,I=(0,u.useDivaCore)(),p=I.actions,T=p.openDrawerMenu,w=p.openModal,m=I.state,y=m.isMobile,A=m.dimensions.isTablet,S=(0,M.useState)(!1),z=(0,o.Z)(S,2),f=z[0],h=z[1],C=(0,M.useRef)(),b=(0,M.useState)(!1),O=(0,o.Z)(b,2),L=O[0],E=O[1],Q=a.getViewConfig().arQrCodeConfig,v=y||A,U=v&&!a.productState.allow3DComb&&!a.productState.allowRTV,k=(0,M.useState)(a.productState.arCodeWasVisibleOnce),R=(0,o.Z)(k,2),P=R[0],Y=R[1],Z=(P||a.productState.doShowARQRCode)&&!v&&a.isParentViewVisible&&!t,V=(0,c.sJ)({isOpen:Z,auto:!0,placement:"right-end",triggerOffset:16}),W=V.triggerProps,F=V.layerProps,H=V.renderLayer,G=V.arrowProps,_=(0,M.useState)(),B=(0,o.Z)(_,2),J=B[0],q=B[1];(0,M.useEffect)((function(){a.uiState.AllConfig.arViewerIframe?L&&w({rejectByIcon:!0,fullscreen:!0,dontRenderForm:!0,callback:function callback(e){a.productState.loadRTVForAr=!1,a.productState.setDoShowARQRCode(!1),E(!1),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":a.productState.allowRTV?"RTV":"3D")},content:(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(x.FullscreenArHeader,{}),(0,g.jsx)(x.default,{url:J,isArCompatible:a.productState.isArCompatible,broswerSupportAR:a.productState.browserSupportAR,activateAR:a.productState.activateAR,hqRenderScript:a.hqRenderScript,isTablet:A})]})}):T({id:"ar-qr-code",mountElementId:"wcConfigurator-wrapper",handleInternScroll:!0,showOverlay:!0,snapPoints:[1],onClose:function onClose(){E(!1),a.productState.loadRTVForAr=!1,a.productState.setDoShowARQRCode(!1),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":a.productState.allowRTV?"RTV":"3D")},title:(0,g.jsx)(x.FullscreenArHeader,{}),content:(0,g.jsx)(x.default,{url:J,isArCompatible:a.productState.isArCompatible,broswerSupportAR:a.productState.browserSupportAR,activateAR:a.productState.activateAR,hqRenderScript:a.hqRenderScript,isTablet:A}),open:L})}),[L,a.productState.activateAR]),(0,M.useEffect)((function(){!1===a.productState.isARIframeVisible&&E(!1)}),[a.productState.isARIframeVisible]),(0,M.useEffect)((function(){1==a.productState.doShowARQRCode&&a.openARObserverConnection((function(){return a.divaWebPlanner.getPlannerHandler().saveSetHQRenderScript()})).then((function(e){return q(e)}))}),[a.productState.doShowARQRCode]),(0,M.useEffect)((function(){a.productState.doShowARQRCode&&U&&E(!0)}),[a.productState.activateAR,J]),(0,M.useEffect)((function(){if(!t){var e;if(!a.productState.arCodeWasVisibleOnce&&null!=Q&&Q.doAutoShow&&!v)C.current=setTimeout((function(){a.productState.setArCodeWasVisibleOnce(),h(!0),a.productState.setDoShowARQRCode(!0)}),1e3*(null!==(e=null==Q?void 0:Q.timeUntilAutoShow)&&void 0!==e?e:30));!a.productState.doShowARQRCode&&f&&h(!1),P!==a.productState.doShowARQRCode&&setTimeout((function(){Y(a.productState.doShowARQRCode)}),200)}}),[a.productState.doShowARQRCode]);var X=function onClick(){a.productState.setDoShowARQRCode(!0),U&&(a.productState.doShowRTV||"RTViewer"==a.viewPlannerHandler.getCurPlannerViewMode()||"3DCOMB"==a.viewPlannerHandler.getCurPlannerViewMode()||(a.setHQRenderScript(void 0),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":"RTV")),E(!0),a.productState.loadRTVForAr=!0)};return J&&!v&&t?(0,g.jsxs)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%"},children:[(0,g.jsx)(j.ZP,{value:J,size:96,onClick:function onClick(){return J&&window.open(J,"_blank")}}),";"]}):n?(0,g.jsx)(n,{onClick:X}):(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("li",_objectSpread(_objectSpread(_objectSpread({id:"ar-icon"},i),{},{className:N()(i.className),onClick:X,title:s("configurator.ar_qr_title")},W),{},{style:{visibility:a.productState.doShowRenderImage||a.productState.doShow3DComb||a.productState.doShowRTV?"visible":"hidden"}})),Z&&H((0,g.jsx)(l.default,{arrowProps:G,layerProps:F,autoClose:f,fadeIn:P,fadeout:!a.productState.doShowARQRCode,url:J}))]})}))},22109:(e,n,t)=>{t.d(n,{$D:()=>S,$h:()=>C,Fs:()=>y,GD:()=>z,Gr:()=>g,J3:()=>D,JU:()=>U,Ji:()=>f,Lt:()=>E,Mq:()=>w,Mx:()=>I,Ro:()=>L,SS:()=>k,YS:()=>T,Yq:()=>Q,ZP:()=>P,_m:()=>R,aS:()=>m,c8:()=>v,dj:()=>p,fL:()=>A,nx:()=>h,qv:()=>b,ti:()=>O});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),M=t.n(d),c=new URL(t(96214),t.b),l=new URL(t(78752),t.b),u=new URL(t(30923),t.b),s=a()(o()),N=M()(c),x=M()(l),j=M()(u);s.push([e.id,".index-module--ImFgT {\n overflow: auto;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.index-module--b5la4 {\n display: flex;\n gap: 48px;\n flex-wrap: wrap;\n justify-content: center;\n}\n.index-module--rPHsB {\n max-width: 400px;\n}\n.index-module--pCvNx {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.index-module--rJxjD {\n display: flex;\n flex-direction: column;\n margin: 8px 32px;\n gap: 42px;\n color: #000;\n width: calc(100% - 64px);\n}\n\n.index-module--wMJTl .index-module--rJxjD {\n gap: 64px;\n width: auto;\n width: initial;\n max-width: 600px;\n}\n\n.index-module--D8Hh2 {\n display: flex;\n flex-direction: column;\n gap: 32px;\n}\n\n.index-module--Wih2i {\n max-width: calc(100% - 32px);\n font-weight: 600;\n font-size: 20px;\n line-height: 40px;\n height: 40px;\n}\n\n.index-module--NZIwX {\n font-weight: 300;\n font-size: 18px;\n line-height: 130%;\n}\n\n.index-module--c06na {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.index-module--wMJTl .index-module--c06na {\n gap: 32px;\n}\n\n.index-module--XQWSR {\n display: flex;\n gap: 12px;\n}\n\n.index-module--hsJe1 {\n display: flex;\n flex-direction: column;\n gap: 4px;\n justify-content: center;\n}\n\n.index-module--R08lN {\n font-weight: 300;\n font-size: 16px;\n color: #7b7b7b;\n}\n\n.index-module--w1zAR {\n font-size: 14px;\n color: #000000;\n}\n\n.index-module--tNtQi {\n border-radius: 50%;\n background-color: #f2f2f2;\n width: 56px;\n height: 56px;\n}\n\n.index-module--RMCB9 {\n background: center / 50% no-repeat #f2f2f2 url("+N+");\n}\n.index-module--rlsDm {\n background: center / 50% no-repeat #f2f2f2 url("+x+");\n}\n.index-module--gAkyp {\n background: center / 40% no-repeat #f2f2f2 url("+j+");\n}\n.index-module--RZc1O {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.index-module--vFCfN {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 10px 21px;\n gap: 10px;\n background-color: var(--primaryColor);\n border-radius: 3px;\n cursor: pointer;\n transition:\n box-shadow 0.3s,\n background-color 0.3s ease,\n color 0.3s ease;\n font-weight: 600;\n letter-spacing: 0.8px;\n color: #fff;\n height: 38px;\n}\n.index-module--vLdW3 {\n cursor: wait;\n background-color: var(--secondaryColor);\n}\n\n.index-module--vFCfN:hover {\n box-shadow: 0px 1px 4px #707070;\n}\n.index-module--vFCfN.index-module--vLdW3:hover {\n box-shadow: none;\n}\n\n.index-module--Xiew7 {\n display: flex;\n justify-content: center;\n align-items: center;\n padding-bottom: 64px;\n}\n\n.index-module--U0ivw {\n border: 3px solid #f3f3f3;\n border-radius: 50%;\n border-top: 3px solid #aaa;\n width: 25px;\n height: 25px;\n animation: index-module--r8P_P 2s linear infinite;\n}\n\n@keyframes index-module--r8P_P {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n",""]);var g="index-module--ImFgT",D="index-module--b5la4",I="index-module--rPHsB",p="index-module--pCvNx",T="index-module--rJxjD",w="index-module--wMJTl",m="index-module--D8Hh2",y="index-module--Wih2i",A="index-module--NZIwX",S="index-module--c06na",z="index-module--XQWSR",f="index-module--hsJe1",h="index-module--R08lN",C="index-module--w1zAR",b="index-module--tNtQi",O="index-module--RMCB9",L="index-module--rlsDm",E="index-module--gAkyp",Q="index-module--RZc1O",v="index-module--vFCfN",U="index-module--vLdW3",k="index-module--Xiew7",R="index-module--U0ivw";const P=s},16033:(e,n,t)=>{t.d(n,{Fs:()=>j,L3:()=>I,SS:()=>N,UF:()=>D,YS:()=>s,ZP:()=>p,aS:()=>x,fL:()=>g});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),M=t.n(d),c=new URL(t(55345),t.b),l=a()(o()),u=M()(c);l.push([e.id,".index-module--GFPXG {\n background: #ffffff;\n border-radius: 3px;\n filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.25));\n display: flex;\n padding: 22px;\n gap: 12px;\n opacity: 0;\n transition: opacity 200ms ease-in-out;\n}\n\n.index-module--r8bLl {\n width: 96px;\n height: 96px;\n}\n\n.index-module--fQVST {\n display: flex;\n flex-direction: column;\n color: #000000;\n width: 220px;\n gap: 8px;\n}\n\n.index-module--tTQQc {\n max-width: calc(100% - 32px);\n font-weight: 600;\n font-size: 17px;\n line-height: 19px;\n}\n\n.index-module--mWanv {\n font-weight: 300;\n font-size: 16px;\n line-height: 130%;\n}\n\n.index-module--Yb4D5 {\n position: absolute;\n top: 8px;\n right: 8px;\n width: 42px;\n height: 42px;\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 80%;\n background-image: url("+u+");\n transition: background-size 100ms ease-in;\n cursor: pointer;\n}\n\n.index-module--Yb4D5:hover {\n background-size: 90%;\n}\n.index-module--lC9xM {\n background: var(--secondaryColor);\n height: 3px;\n border-radius: 0 2px 2px 0;\n animation-name: index-module--zZxxQ;\n animation-timing-function: linear;\n transition: width 0s ease-in;\n position: absolute;\n bottom: 0;\n left: 0;\n}\n\n@keyframes index-module--zZxxQ {\n from {\n width: 100%;\n }\n to {\n width: 0%;\n }\n}\n",""]);var s="index-module--GFPXG",N="index-module--r8bLl",x="index-module--fQVST",j="index-module--tTQQc",g="index-module--mWanv",D="index-module--Yb4D5",I="index-module--lC9xM";const p=l},96214:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMwMF8zMDEwMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMDBfMzAxMDApIj4KPHBhdGggZD0iTTQuNTQ4MTUgMTkuNUM0LjA0MzAyIDE5LjUgMy42MTU0NSAxOS4zMjUgMy4yNjU0NSAxOC45NzVDMi45MTU0NyAxOC42MjUgMi43NDA0OCAxOC4xOTc0IDIuNzQwNDggMTcuNjkyM1Y2LjMwNzczQzIuNzQwNDggNS44MDI2IDIuOTE1NDcgNS4zNzUwMyAzLjI2NTQ1IDUuMDI1MDNDMy42MTU0NSA0LjY3NTAzIDQuMDQzMDIgNC41MDAwMyA0LjU0ODE1IDQuNTAwMDNIMTUuOTMyN0MxNi40Mzc4IDQuNTAwMDMgMTYuODY1NCA0LjY3NTAzIDE3LjIxNTQgNS4wMjUwM0MxNy41NjU0IDUuMzc1MDMgMTcuNzQwNCA1LjgwMjYgMTcuNzQwNCA2LjMwNzczVjEwLjg4NDdMMjEuMjU5NiA3LjM2NTQ2VjE2LjYzNDZMMTcuNzQwNCAxMy4xMTU0VjE3LjY5MjNDMTcuNzQwNCAxOC4xOTc0IDE3LjU2NTQgMTguNjI1IDE3LjIxNTQgMTguOTc1QzE2Ljg2NTQgMTkuMzI1IDE2LjQzNzggMTkuNSAxNS45MzI3IDE5LjVINC41NDgxNVpNNC41NDgxNSAxOEgxNS45MzI3QzE2LjAyMjUgMTggMTYuMDk2MiAxNy45NzEyIDE2LjE1MzkgMTcuOTEzNUMxNi4yMTE2IDE3Ljg1NTggMTYuMjQwNCAxNy43ODIgMTYuMjQwNCAxNy42OTIzVjYuMzA3NzNDMTYuMjQwNCA2LjIxNzk4IDE2LjIxMTYgNi4xNDQyNiAxNi4xNTM5IDYuMDg2NTZDMTYuMDk2MiA2LjAyODg2IDE2LjAyMjUgNi4wMDAwMSAxNS45MzI3IDYuMDAwMDFINC41NDgxNUM0LjQ1ODQgNi4wMDAwMSA0LjM4NDY4IDYuMDI4ODYgNC4zMjY5OCA2LjA4NjU2QzQuMjY5MjggNi4xNDQyNiA0LjI0MDQzIDYuMjE3OTggNC4yNDA0MyA2LjMwNzczVjE3LjY5MjNDNC4yNDA0MyAxNy43ODIgNC4yNjkyOCAxNy44NTU4IDQuMzI2OTggMTcuOTEzNUM0LjM4NDY4IDE3Ljk3MTIgNC40NTg0IDE4IDQuNTQ4MTUgMThaIiBmaWxsPSIjMUMxQjFGIi8+CjxwYXRoIGQ9Ik01IDExLjc1TDguOTAzODMgMTUuNjUzOUwxNS42MjY5IDguOTMwNzhMMTQuNTczIDcuODc2OTVMOC45MDM4MyAxMy41NDYyTDYuMDUzODMgMTAuNjk2Mkw1IDExLjc1WiIgZmlsbD0iIzFDMUIxRiIvPgo8L2c+Cjwvc3ZnPgo="},78752:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMwMF8zMDExMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMDBfMzAxMTApIj4KPHBhdGggZD0iTTEyIDIwLjk0MjJDMTEuNTk4NyAyMC45NDIyIDExLjI0MzkgMjAuODM2NSAxMC45MzU2IDIwLjYyNDlDMTAuNjI3MiAyMC40MTM0IDEwLjQxMTUgMjAuMTM1OCAxMC4yODg0IDE5Ljc5MjJIOS45OTk5N0M5LjU5MTAxIDE5Ljc5MjIgOS4yMzg3NyAxOS42NDQ1IDguOTQzMjcgMTkuMzQ5QzguNjQ3NzYgMTkuMDUzNSA4LjUgMTguNzAxMiA4LjUgMTguMjkyM1YxNS4wMTE1QzcuNDkxMDMgMTQuNCA2LjY5NzEyIDEzLjU4MDEgNi4xMTgyNyAxMi41NTE5QzUuNTM5NDIgMTEuNTIzNyA1LjI1IDEwLjQyMzEgNS4yNSA5LjI1MDAxQzUuMjUgNy4zNjc5NyA1LjkwNDQ4IDUuNzcyNDYgNy4yMTM0NSA0LjQ2MzQ4QzguNTIyNDMgMy4xNTQ1MSAxMC4xMTc5IDIuNTAwMDMgMTIgMi41MDAwM0MxMy44ODIgMi41MDAwMyAxNS40Nzc1IDMuMTU0NTEgMTYuNzg2NSA0LjQ2MzQ4QzE4LjA5NTUgNS43NzI0NiAxOC43NSA3LjM2Nzk3IDE4Ljc1IDkuMjUwMDFDMTguNzUgMTAuNDQzNiAxOC40NjA1IDExLjU0OTQgMTcuODgxNyAxMi41NjczQzE3LjMwMjggMTMuNTg1MyAxNi41MDg5IDE0LjQgMTUuNSAxNS4wMTE1VjE4LjI5MjNDMTUuNSAxOC43MDEyIDE1LjM1MjIgMTkuMDUzNSAxNS4wNTY3IDE5LjM0OUMxNC43NjEyIDE5LjY0NDUgMTQuNDA4OSAxOS43OTIyIDE0IDE5Ljc5MjJIMTMuNzExNUMxMy41ODg0IDIwLjEzNTggMTMuMzcyNyAyMC40MTM0IDEzLjA2NDQgMjAuNjI0OUMxMi43NTYxIDIwLjgzNjUgMTIuNDAxMyAyMC45NDIyIDEyIDIwLjk0MjJaTTkuOTk5OTcgMTguMjkyM0gxNFYxNy4zNTM4SDkuOTk5OTdWMTguMjkyM1pNOS45OTk5NyAxNi40NjkySDE0VjE1LjVIOS45OTk5N1YxNi40NjkyWk05Ljc5OTk3IDE0SDExLjQwMzhWMTEuMDg4NUw5LjI2MTUzIDguOTQ2MTZMMTAuMSA4LjEwNzcxTDEyIDEwLjAwNzdMMTMuOSA4LjEwNzcxTDE0LjczODQgOC45NDYxNkwxMi41OTYxIDExLjA4ODVWMTRIMTQuMkMxNS4xIDEzLjU2NjcgMTUuODMzMyAxMi45MjkyIDE2LjQgMTIuMDg3NUMxNi45NjY2IDExLjI0NTggMTcuMjUgMTAuMyAxNy4yNSA5LjI1MDAxQzE3LjI1IDcuNzgzMzQgMTYuNzQxNiA2LjU0MTY3IDE1LjcyNSA1LjUyNTAxQzE0LjcwODMgNC41MDgzNCAxMy40NjY2IDQuMDAwMDEgMTIgNC4wMDAwMUMxMC41MzMzIDQuMDAwMDEgOS4yOTE2NCA0LjUwODM0IDguMjc0OTcgNS41MjUwMUM3LjI1ODMxIDYuNTQxNjcgNi43NDk5NyA3Ljc4MzM0IDYuNzQ5OTcgOS4yNTAwMUM2Ljc0OTk3IDEwLjMgNy4wMzMzMSAxMS4yNDU4IDcuNTk5OTcgMTIuMDg3NUM4LjE2NjY0IDEyLjkyOTIgOC44OTk5NyAxMy41NjY3IDkuNzk5OTcgMTRaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="},30923:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDE5LjY1MzhMNi4wOTYxOSAxNS43NUw3LjE2NTM5IDE0LjY4MDhMOS4yNTAwNCAxNi43NjU0VjEyLjI1SDEwLjc1VjE2Ljc1MDFMMTIuODE5MiAxNC42NjU0TDEzLjkwMzggMTUuNzVMMTAgMTkuNjUzOFpNNC4yNTAwMiAxMy45MDM4TDAuMzQ2MTkxIDEwTDQuMjM0NjQgNi4xMTE1OEw1LjMwMzg0IDcuMTgwNzhMMy4yMzQ1OSA5LjI1MDAzSDcuNzQ5OTlWMTAuNzVIMy4yNDk5N0w1LjMzNDYyIDEyLjgxOTJMNC4yNTAwMiAxMy45MDM4Wk0xNS43NSAxMy45MDM4TDE0LjY4MDggMTIuODM0NkwxNi43NjU0IDEwLjc1SDEyLjI1VjkuMjUwMDNIMTYuNzUwMUwxNC42NjU0IDcuMTgwNzhMMTUuNzUgNi4wOTYxOEwxOS42NTM4IDEwTDE1Ljc1IDEzLjkwMzhaTTkuMjUwMDQgNy43NDk5OFYzLjIzNDU4TDcuMTY1MzkgNS4zMTkyTDYuMDk2MTkgNC4yNUwxMCAwLjM0NjE3NkwxMy45MDM4IDQuMjVMMTIuODM0NiA1LjMxOTJMMTAuNzUgMy4yMzQ1OFY3Ljc0OTk4SDkuMjUwMDRaIiBmaWxsPSIjMUMxQjFGIi8+Cjwvc3ZnPgo="},55345:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMzMl8xNDMiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzMyXzE0MykiPgo8cGF0aCBkPSJNOC4yMjc0OSAxNi44MzY1TDcuMTY0MDYgMTUuNzczMUwxMC45MzcyIDEyTDcuMTY0MDYgOC4yNTE5TDguMjI3NDkgNy4xODg0OEwxMi4wMDA2IDEwLjk2MTZMMTUuNzQ4NyA3LjE4ODQ4TDE2LjgxMjEgOC4yNTE5TDEzLjAzOSAxMkwxNi44MTIxIDE1Ljc3MzFMMTUuNzQ4NyAxNi44MzY1TDEyLjAwMDYgMTMuMDYzNEw4LjIyNzQ5IDE2LjgzNjVaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4585,2690,4619],{72690:(e,n,t)=>{t.r(n),t.d(n,{FullscreenArHeader:()=>z,default:()=>f});var i=t(9420),o=t(87363),r=t.n(o),a=t(22182),d=t(93379),M=t.n(d),c=t(7795),l=t.n(c),u=t(90569),s=t.n(u),N=t(3565),x=t.n(N),j=t(19216),g=t.n(j),D=t(44589),I=t.n(D),p=t(22109),T={};T.styleTagTransform=I(),T.setAttributes=x(),T.insert=s().bind(null,"head"),T.domAPI=l(),T.insertStyleElement=g();M()(p.ZP,T);p.ZP&&p.ZP.locals&&p.ZP.locals;var w=t(65515),m=t.n(w),y=t(88683),A=t(47514),S=(0,y.getLogger)("Planner","WEB-PLANNER-REACT"),z=function FullscreenArHeader(){var e=(0,y.useTranslation)().t;return(0,A.jsx)("div",{className:p.Fs,children:e("configurator.ar_qr_title")})};const f=(0,i.Pi)((function FullscreenAr(e){var n=e.url,t=e.isArCompatible,i=e.broswerSupportAR,o=e.activateAR,d=e.hqRenderScript,M=e.isTablet,c=(0,y.useTranslation)().t;return 0!=t&&i?(0,A.jsx)("div",{className:m()(p.Gr,M?p.Mq:void 0),children:(0,A.jsxs)("div",{className:p.YS,children:[(0,A.jsx)("div",{className:p.aS,children:(0,A.jsx)("div",{className:p.fL,children:c("configurator.ar_qr_text")})}),(0,A.jsxs)("div",{className:p.$D,children:[(0,A.jsxs)("div",{className:p.GD,children:[(0,A.jsx)("div",{className:m()(p.qv,p.ti)}),(0,A.jsxs)("div",{className:p.Ji,children:[(0,A.jsx)("div",{className:p.nx,children:c("configurator.ar_qr_step")+" 1"}),(0,A.jsx)("div",{className:p.$h,children:c("configurator.ar_qr_step1")})]})]}),(0,A.jsxs)("div",{className:p.GD,children:[(0,A.jsx)("div",{className:m()(p.qv,p.Ro)}),(0,A.jsxs)("div",{className:p.Ji,children:[(0,A.jsx)("div",{className:p.nx,children:c("configurator.ar_qr_step")+" 2"}),(0,A.jsx)("div",{className:p.$h,children:c("configurator.ar_qr_step2")})]})]}),(0,A.jsxs)("div",{className:p.GD,children:[(0,A.jsx)("div",{className:m()(p.qv,p.Lt)}),(0,A.jsxs)("div",{className:p.Ji,children:[(0,A.jsx)("div",{className:p.nx,children:c("configurator.ar_qr_step")+" 3"}),(0,A.jsx)("div",{className:p.$h,children:c("configurator.ar_qr_step3")})]})]})]}),(0,A.jsx)("div",{className:p.Yq,children:(0,A.jsx)("div",{"aria-disabled":!o,className:m()(p.c8,o?void 0:p.JU),onClick:function onClick(){S.businessEvent("onInitARViewer","RealTimeViewer","Load AR viewer",{arMedia:n,hqRenderScript:d}),null==o||o()},children:o?c("configurator.open_ar"):(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)("div",{className:p._m}),c("arviewer.initializing")]})})}),(0,A.jsx)("div",{className:p.fL,children:c("configurator.ar_qr_bottom_text")}),n&&(0,A.jsxs)("div",{className:p.SS,children:[" ",n&&r().createElement(a.ZP,{value:n,size:220})]})]})}):(0,A.jsxs)("div",{className:p.J3,children:[(0,A.jsx)("div",{className:p.Mx,dangerouslySetInnerHTML:{__html:c("arviewer.failed")}}),(0,A.jsxs)("div",{className:p.dj,children:[" ",n&&r().createElement(a.ZP,{value:n,size:220})]})]})}))},54619:(e,n,t)=>{t.r(n),t.d(n,{default:()=>z});var i=t(80248),o=t(22182),r=t(9420),a=t(87363),d=t.n(a),M=t(88683),c=t(46770),l=t(88130),u=t(93379),s=t.n(u),N=t(7795),x=t.n(N),j=t(90569),g=t.n(j),D=t(3565),I=t.n(D),p=t(19216),T=t.n(p),w=t(44589),m=t.n(w),y=t(16033),A={};A.styleTagTransform=m(),A.setAttributes=I(),A.insert=g().bind(null,"head"),A.domAPI=x(),A.insertStyleElement=T();s()(y.ZP,A);y.ZP&&y.ZP.locals&&y.ZP.locals;var S=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const z=(0,r.Pi)((function ArQrCodeTooltip(e){var n,t=e.layerProps,i=e.arrowProps,r=e.autoClose,u=e.fadeIn,s=e.fadeout,N=e.url,x=(0,l.NP)(),j=x.getViewConfig().arQrCodeConfig,g=null!=j&&j.timeUnitAutohide?j.timeUnitAutohide:6,D=(0,M.useDivaCore)().state.theme,I=(0,M.useTranslation)().t,p=(0,a.useRef)();return(0,a.useEffect)((function(){return r&&(null!=p&&p.current||(p.current=setTimeout((function(){return x.productState.setDoShowARQRCode(!1)}),1e3*(g+1)))),function(){null!=p&&p.current&&clearTimeout(p.current)}}),[r]),(0,a.useEffect)((function(){x.productState.doShowARQRCode?x.productState.setArCodeWasVisibleOnce():null!=p&&p.current&&clearTimeout(p.current)}),[x.productState.doShowARQRCode]),(0,S.jsxs)("div",_objectSpread(_objectSpread({},t),{},{className:y.YS,style:_objectSpread(_objectSpread({opacity:s?0:u?1:void 0},t.style),{},{zIndex:1000005}),children:[(0,S.jsx)("div",{className:y.SS,children:N&&d().createElement(o.ZP,{value:N,size:96,onClick:function onClick(){return N&&window.open(N,"_blank")}})}),(0,S.jsxs)("div",{className:y.aS,style:{fontFamily:null==D||null===(n=D.typography)||void 0===n?void 0:n.fontFamily},children:[(0,S.jsx)("div",{className:y.Fs,children:I("configurator.ar_qr_title")}),(0,S.jsx)("div",{className:y.fL,children:I("configurator.ar_qr_text")})]}),(0,S.jsx)("div",{className:y.UF,onClick:function onClick(){return x.productState.setDoShowARQRCode(!1)}}),(0,S.jsx)(c.Eh,_objectSpread({onPointerEnterCapture:void 0,onPointerLeaveCapture:void 0},i)),r&&(0,S.jsx)("div",{className:y.L3,style:{animationDuration:g+"s"}})]}))}))},24585:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var i=t(80248),o=t(34988),r=t(72874),a=t(9420),d=t(88130),M=t(87363),c=t(46770),l=t(54619),u=t(88683),s=t(65515),N=t.n(s),x=t(72690),j=t(22182),g=t(47514),D=["Button","dontOpenModal"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);n&&(i=i.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,i)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,i.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const I=(0,a.Pi)((function ArQrCodeTooltip(e){var n=e.Button,t=e.dontOpenModal,i=(0,r.Z)(e,D),a=(0,d.NP)(),s=(0,u.useTranslation)().t,I=(0,u.useDivaCore)(),p=I.actions,T=p.openDrawerMenu,w=p.openModal,m=I.state,y=m.isMobile,A=m.dimensions.isTablet,S=(0,M.useState)(!1),z=(0,o.Z)(S,2),f=z[0],h=z[1],C=(0,M.useRef)(),b=(0,M.useState)(!1),O=(0,o.Z)(b,2),L=O[0],E=O[1],Q=a.getViewConfig().arQrCodeConfig,v=y||A,U=v&&!a.productState.allowRTV,k=(0,M.useState)(a.productState.arCodeWasVisibleOnce),R=(0,o.Z)(k,2),P=R[0],Y=R[1],Z=(P||a.productState.doShowARQRCode)&&!v&&a.isParentViewVisible&&!t,V=(0,c.sJ)({isOpen:Z,auto:!0,placement:"right-end",triggerOffset:16}),W=V.triggerProps,F=V.layerProps,H=V.renderLayer,G=V.arrowProps,_=(0,M.useState)(),B=(0,o.Z)(_,2),J=B[0],q=B[1];(0,M.useEffect)((function(){a.uiState.AllConfig.arViewerIframe?L&&w({rejectByIcon:!0,fullscreen:!0,dontRenderForm:!0,callback:function callback(e){a.productState.loadRTVForAr=!1,a.productState.setDoShowARQRCode(!1),E(!1),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":a.productState.allowRTV?"RTV":"3D")},content:(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)(x.FullscreenArHeader,{}),(0,g.jsx)(x.default,{url:J,isArCompatible:a.productState.isArCompatible,broswerSupportAR:a.productState.browserSupportAR,activateAR:a.productState.activateAR,hqRenderScript:a.hqRenderScript,isTablet:A})]})}):T({id:"ar-qr-code",mountElementId:"wcConfigurator-wrapper",handleInternScroll:!0,showOverlay:!0,snapPoints:[1],onClose:function onClose(){E(!1),a.productState.loadRTVForAr=!1,a.productState.setDoShowARQRCode(!1),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":a.productState.allowRTV?"RTV":"3D")},title:(0,g.jsx)(x.FullscreenArHeader,{}),content:(0,g.jsx)(x.default,{url:J,isArCompatible:a.productState.isArCompatible,broswerSupportAR:a.productState.browserSupportAR,activateAR:a.productState.activateAR,hqRenderScript:a.hqRenderScript,isTablet:A}),open:L})}),[L,a.productState.activateAR]),(0,M.useEffect)((function(){!1===a.productState.isARIframeVisible&&E(!1)}),[a.productState.isARIframeVisible]),(0,M.useEffect)((function(){1==a.productState.doShowARQRCode&&a.openARObserverConnection((function(){return a.divaWebPlanner.getPlannerHandler().saveSetHQRenderScript()})).then((function(e){return q(e)}))}),[a.productState.doShowARQRCode]),(0,M.useEffect)((function(){a.productState.doShowARQRCode&&U&&E(!0)}),[a.productState.activateAR,J]),(0,M.useEffect)((function(){if(!t){var e;if(!a.productState.arCodeWasVisibleOnce&&null!=Q&&Q.doAutoShow&&!v)C.current=setTimeout((function(){a.productState.setArCodeWasVisibleOnce(),h(!0),a.productState.setDoShowARQRCode(!0)}),1e3*(null!==(e=null==Q?void 0:Q.timeUntilAutoShow)&&void 0!==e?e:30));!a.productState.doShowARQRCode&&f&&h(!1),P!==a.productState.doShowARQRCode&&setTimeout((function(){Y(a.productState.doShowARQRCode)}),200)}}),[a.productState.doShowARQRCode]);var X=function onClick(){a.productState.setDoShowARQRCode(!0),U&&(a.productState.doShowRTV||"RTViewer"==a.viewPlannerHandler.getCurPlannerViewMode()||"3DCOMB"==a.viewPlannerHandler.getCurPlannerViewMode()||(a.setHQRenderScript(void 0),a.productState.onChangePlannerView(a.productState.allow3DComb?"3DCOMB":"RTV")),E(!0),a.productState.loadRTVForAr=!0)};return J&&!v&&t?(0,g.jsxs)("div",{style:{display:"flex",justifyContent:"center",alignItems:"center",width:"100%"},children:[(0,g.jsx)(j.ZP,{value:J,size:96,onClick:function onClick(){return J&&window.open(J,"_blank")}}),";"]}):n?(0,g.jsx)(n,{onClick:X}):(0,g.jsxs)(g.Fragment,{children:[(0,g.jsx)("li",_objectSpread(_objectSpread(_objectSpread({id:"ar-icon"},i),{},{className:N()(i.className),onClick:X,title:s("configurator.ar_qr_title")},W),{},{style:{visibility:a.productState.doShowRenderImage||a.productState.doShow3DComb||a.productState.doShowRTV?"visible":"hidden"}})),Z&&H((0,g.jsx)(l.default,{arrowProps:G,layerProps:F,autoClose:f,fadeIn:P,fadeout:!a.productState.doShowARQRCode,url:J}))]})}))},22109:(e,n,t)=>{t.d(n,{$D:()=>S,$h:()=>C,Fs:()=>y,GD:()=>z,Gr:()=>g,J3:()=>D,JU:()=>U,Ji:()=>f,Lt:()=>E,Mq:()=>w,Mx:()=>I,Ro:()=>L,SS:()=>k,YS:()=>T,Yq:()=>Q,ZP:()=>P,_m:()=>R,aS:()=>m,c8:()=>v,dj:()=>p,fL:()=>A,nx:()=>h,qv:()=>b,ti:()=>O});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),M=t.n(d),c=new URL(t(96214),t.b),l=new URL(t(78752),t.b),u=new URL(t(30923),t.b),s=a()(o()),N=M()(c),x=M()(l),j=M()(u);s.push([e.id,".index-module--ImFgT {\n overflow: auto;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n\n.index-module--b5la4 {\n display: flex;\n gap: 48px;\n flex-wrap: wrap;\n justify-content: center;\n}\n.index-module--rPHsB {\n max-width: 400px;\n}\n.index-module--pCvNx {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.index-module--rJxjD {\n display: flex;\n flex-direction: column;\n margin: 8px 32px;\n gap: 42px;\n color: #000;\n width: calc(100% - 64px);\n}\n\n.index-module--wMJTl .index-module--rJxjD {\n gap: 64px;\n width: auto;\n width: initial;\n max-width: 600px;\n}\n\n.index-module--D8Hh2 {\n display: flex;\n flex-direction: column;\n gap: 32px;\n}\n\n.index-module--Wih2i {\n max-width: calc(100% - 32px);\n font-weight: 600;\n font-size: 20px;\n line-height: 40px;\n height: 40px;\n}\n\n.index-module--NZIwX {\n font-weight: 300;\n font-size: 18px;\n line-height: 130%;\n}\n\n.index-module--c06na {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n\n.index-module--wMJTl .index-module--c06na {\n gap: 32px;\n}\n\n.index-module--XQWSR {\n display: flex;\n gap: 12px;\n}\n\n.index-module--hsJe1 {\n display: flex;\n flex-direction: column;\n gap: 4px;\n justify-content: center;\n}\n\n.index-module--R08lN {\n font-weight: 300;\n font-size: 16px;\n color: #7b7b7b;\n}\n\n.index-module--w1zAR {\n font-size: 14px;\n color: #000000;\n}\n\n.index-module--tNtQi {\n border-radius: 50%;\n background-color: #f2f2f2;\n width: 56px;\n height: 56px;\n}\n\n.index-module--RMCB9 {\n background: center / 50% no-repeat #f2f2f2 url("+N+");\n}\n.index-module--rlsDm {\n background: center / 50% no-repeat #f2f2f2 url("+x+");\n}\n.index-module--gAkyp {\n background: center / 40% no-repeat #f2f2f2 url("+j+");\n}\n.index-module--RZc1O {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.index-module--vFCfN {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 10px 21px;\n gap: 10px;\n background-color: var(--primaryColor);\n border-radius: 3px;\n cursor: pointer;\n transition:\n box-shadow 0.3s,\n background-color 0.3s ease,\n color 0.3s ease;\n font-weight: 600;\n letter-spacing: 0.8px;\n color: #fff;\n height: 38px;\n}\n.index-module--vLdW3 {\n cursor: wait;\n background-color: var(--secondaryColor);\n}\n\n.index-module--vFCfN:hover {\n box-shadow: 0px 1px 4px #707070;\n}\n.index-module--vFCfN.index-module--vLdW3:hover {\n box-shadow: none;\n}\n\n.index-module--Xiew7 {\n display: flex;\n justify-content: center;\n align-items: center;\n padding-bottom: 64px;\n}\n\n.index-module--U0ivw {\n border: 3px solid #f3f3f3;\n border-radius: 50%;\n border-top: 3px solid #aaa;\n width: 25px;\n height: 25px;\n animation: index-module--r8P_P 2s linear infinite;\n}\n\n@keyframes index-module--r8P_P {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n",""]);var g="index-module--ImFgT",D="index-module--b5la4",I="index-module--rPHsB",p="index-module--pCvNx",T="index-module--rJxjD",w="index-module--wMJTl",m="index-module--D8Hh2",y="index-module--Wih2i",A="index-module--NZIwX",S="index-module--c06na",z="index-module--XQWSR",f="index-module--hsJe1",h="index-module--R08lN",C="index-module--w1zAR",b="index-module--tNtQi",O="index-module--RMCB9",L="index-module--rlsDm",E="index-module--gAkyp",Q="index-module--RZc1O",v="index-module--vFCfN",U="index-module--vLdW3",k="index-module--Xiew7",R="index-module--U0ivw";const P=s},16033:(e,n,t)=>{t.d(n,{Fs:()=>j,L3:()=>I,SS:()=>N,UF:()=>D,YS:()=>s,ZP:()=>p,aS:()=>x,fL:()=>g});var i=t(8081),o=t.n(i),r=t(23645),a=t.n(r),d=t(61667),M=t.n(d),c=new URL(t(55345),t.b),l=a()(o()),u=M()(c);l.push([e.id,".index-module--GFPXG {\n background: #ffffff;\n border-radius: 3px;\n filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.25));\n display: flex;\n padding: 22px;\n gap: 12px;\n opacity: 0;\n transition: opacity 200ms ease-in-out;\n}\n\n.index-module--r8bLl {\n width: 96px;\n height: 96px;\n}\n\n.index-module--fQVST {\n display: flex;\n flex-direction: column;\n color: #000000;\n width: 220px;\n gap: 8px;\n}\n\n.index-module--tTQQc {\n max-width: calc(100% - 32px);\n font-weight: 600;\n font-size: 17px;\n line-height: 19px;\n}\n\n.index-module--mWanv {\n font-weight: 300;\n font-size: 16px;\n line-height: 130%;\n}\n\n.index-module--Yb4D5 {\n position: absolute;\n top: 8px;\n right: 8px;\n width: 42px;\n height: 42px;\n background-repeat: no-repeat;\n background-position: center center;\n background-size: 80%;\n background-image: url("+u+");\n transition: background-size 100ms ease-in;\n cursor: pointer;\n}\n\n.index-module--Yb4D5:hover {\n background-size: 90%;\n}\n.index-module--lC9xM {\n background: var(--secondaryColor);\n height: 3px;\n border-radius: 0 2px 2px 0;\n animation-name: index-module--zZxxQ;\n animation-timing-function: linear;\n transition: width 0s ease-in;\n position: absolute;\n bottom: 0;\n left: 0;\n}\n\n@keyframes index-module--zZxxQ {\n from {\n width: 100%;\n }\n to {\n width: 0%;\n }\n}\n",""]);var s="index-module--GFPXG",N="index-module--r8bLl",x="index-module--fQVST",j="index-module--tTQQc",g="index-module--mWanv",D="index-module--Yb4D5",I="index-module--lC9xM";const p=l},96214:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMwMF8zMDEwMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMDBfMzAxMDApIj4KPHBhdGggZD0iTTQuNTQ4MTUgMTkuNUM0LjA0MzAyIDE5LjUgMy42MTU0NSAxOS4zMjUgMy4yNjU0NSAxOC45NzVDMi45MTU0NyAxOC42MjUgMi43NDA0OCAxOC4xOTc0IDIuNzQwNDggMTcuNjkyM1Y2LjMwNzczQzIuNzQwNDggNS44MDI2IDIuOTE1NDcgNS4zNzUwMyAzLjI2NTQ1IDUuMDI1MDNDMy42MTU0NSA0LjY3NTAzIDQuMDQzMDIgNC41MDAwMyA0LjU0ODE1IDQuNTAwMDNIMTUuOTMyN0MxNi40Mzc4IDQuNTAwMDMgMTYuODY1NCA0LjY3NTAzIDE3LjIxNTQgNS4wMjUwM0MxNy41NjU0IDUuMzc1MDMgMTcuNzQwNCA1LjgwMjYgMTcuNzQwNCA2LjMwNzczVjEwLjg4NDdMMjEuMjU5NiA3LjM2NTQ2VjE2LjYzNDZMMTcuNzQwNCAxMy4xMTU0VjE3LjY5MjNDMTcuNzQwNCAxOC4xOTc0IDE3LjU2NTQgMTguNjI1IDE3LjIxNTQgMTguOTc1QzE2Ljg2NTQgMTkuMzI1IDE2LjQzNzggMTkuNSAxNS45MzI3IDE5LjVINC41NDgxNVpNNC41NDgxNSAxOEgxNS45MzI3QzE2LjAyMjUgMTggMTYuMDk2MiAxNy45NzEyIDE2LjE1MzkgMTcuOTEzNUMxNi4yMTE2IDE3Ljg1NTggMTYuMjQwNCAxNy43ODIgMTYuMjQwNCAxNy42OTIzVjYuMzA3NzNDMTYuMjQwNCA2LjIxNzk4IDE2LjIxMTYgNi4xNDQyNiAxNi4xNTM5IDYuMDg2NTZDMTYuMDk2MiA2LjAyODg2IDE2LjAyMjUgNi4wMDAwMSAxNS45MzI3IDYuMDAwMDFINC41NDgxNUM0LjQ1ODQgNi4wMDAwMSA0LjM4NDY4IDYuMDI4ODYgNC4zMjY5OCA2LjA4NjU2QzQuMjY5MjggNi4xNDQyNiA0LjI0MDQzIDYuMjE3OTggNC4yNDA0MyA2LjMwNzczVjE3LjY5MjNDNC4yNDA0MyAxNy43ODIgNC4yNjkyOCAxNy44NTU4IDQuMzI2OTggMTcuOTEzNUM0LjM4NDY4IDE3Ljk3MTIgNC40NTg0IDE4IDQuNTQ4MTUgMThaIiBmaWxsPSIjMUMxQjFGIi8+CjxwYXRoIGQ9Ik01IDExLjc1TDguOTAzODMgMTUuNjUzOUwxNS42MjY5IDguOTMwNzhMMTQuNTczIDcuODc2OTVMOC45MDM4MyAxMy41NDYyTDYuMDUzODMgMTAuNjk2Mkw1IDExLjc1WiIgZmlsbD0iIzFDMUIxRiIvPgo8L2c+Cjwvc3ZnPgo="},78752:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMwMF8zMDExMCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8zMDBfMzAxMTApIj4KPHBhdGggZD0iTTEyIDIwLjk0MjJDMTEuNTk4NyAyMC45NDIyIDExLjI0MzkgMjAuODM2NSAxMC45MzU2IDIwLjYyNDlDMTAuNjI3MiAyMC40MTM0IDEwLjQxMTUgMjAuMTM1OCAxMC4yODg0IDE5Ljc5MjJIOS45OTk5N0M5LjU5MTAxIDE5Ljc5MjIgOS4yMzg3NyAxOS42NDQ1IDguOTQzMjcgMTkuMzQ5QzguNjQ3NzYgMTkuMDUzNSA4LjUgMTguNzAxMiA4LjUgMTguMjkyM1YxNS4wMTE1QzcuNDkxMDMgMTQuNCA2LjY5NzEyIDEzLjU4MDEgNi4xMTgyNyAxMi41NTE5QzUuNTM5NDIgMTEuNTIzNyA1LjI1IDEwLjQyMzEgNS4yNSA5LjI1MDAxQzUuMjUgNy4zNjc5NyA1LjkwNDQ4IDUuNzcyNDYgNy4yMTM0NSA0LjQ2MzQ4QzguNTIyNDMgMy4xNTQ1MSAxMC4xMTc5IDIuNTAwMDMgMTIgMi41MDAwM0MxMy44ODIgMi41MDAwMyAxNS40Nzc1IDMuMTU0NTEgMTYuNzg2NSA0LjQ2MzQ4QzE4LjA5NTUgNS43NzI0NiAxOC43NSA3LjM2Nzk3IDE4Ljc1IDkuMjUwMDFDMTguNzUgMTAuNDQzNiAxOC40NjA1IDExLjU0OTQgMTcuODgxNyAxMi41NjczQzE3LjMwMjggMTMuNTg1MyAxNi41MDg5IDE0LjQgMTUuNSAxNS4wMTE1VjE4LjI5MjNDMTUuNSAxOC43MDEyIDE1LjM1MjIgMTkuMDUzNSAxNS4wNTY3IDE5LjM0OUMxNC43NjEyIDE5LjY0NDUgMTQuNDA4OSAxOS43OTIyIDE0IDE5Ljc5MjJIMTMuNzExNUMxMy41ODg0IDIwLjEzNTggMTMuMzcyNyAyMC40MTM0IDEzLjA2NDQgMjAuNjI0OUMxMi43NTYxIDIwLjgzNjUgMTIuNDAxMyAyMC45NDIyIDEyIDIwLjk0MjJaTTkuOTk5OTcgMTguMjkyM0gxNFYxNy4zNTM4SDkuOTk5OTdWMTguMjkyM1pNOS45OTk5NyAxNi40NjkySDE0VjE1LjVIOS45OTk5N1YxNi40NjkyWk05Ljc5OTk3IDE0SDExLjQwMzhWMTEuMDg4NUw5LjI2MTUzIDguOTQ2MTZMMTAuMSA4LjEwNzcxTDEyIDEwLjAwNzdMMTMuOSA4LjEwNzcxTDE0LjczODQgOC45NDYxNkwxMi41OTYxIDExLjA4ODVWMTRIMTQuMkMxNS4xIDEzLjU2NjcgMTUuODMzMyAxMi45MjkyIDE2LjQgMTIuMDg3NUMxNi45NjY2IDExLjI0NTggMTcuMjUgMTAuMyAxNy4yNSA5LjI1MDAxQzE3LjI1IDcuNzgzMzQgMTYuNzQxNiA2LjU0MTY3IDE1LjcyNSA1LjUyNTAxQzE0LjcwODMgNC41MDgzNCAxMy40NjY2IDQuMDAwMDEgMTIgNC4wMDAwMUMxMC41MzMzIDQuMDAwMDEgOS4yOTE2NCA0LjUwODM0IDguMjc0OTcgNS41MjUwMUM3LjI1ODMxIDYuNTQxNjcgNi43NDk5NyA3Ljc4MzM0IDYuNzQ5OTcgOS4yNTAwMUM2Ljc0OTk3IDEwLjMgNy4wMzMzMSAxMS4yNDU4IDcuNTk5OTcgMTIuMDg3NUM4LjE2NjY0IDEyLjkyOTIgOC44OTk5NyAxMy41NjY3IDkuNzk5OTcgMTRaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="},30923:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDE5LjY1MzhMNi4wOTYxOSAxNS43NUw3LjE2NTM5IDE0LjY4MDhMOS4yNTAwNCAxNi43NjU0VjEyLjI1SDEwLjc1VjE2Ljc1MDFMMTIuODE5MiAxNC42NjU0TDEzLjkwMzggMTUuNzVMMTAgMTkuNjUzOFpNNC4yNTAwMiAxMy45MDM4TDAuMzQ2MTkxIDEwTDQuMjM0NjQgNi4xMTE1OEw1LjMwMzg0IDcuMTgwNzhMMy4yMzQ1OSA5LjI1MDAzSDcuNzQ5OTlWMTAuNzVIMy4yNDk5N0w1LjMzNDYyIDEyLjgxOTJMNC4yNTAwMiAxMy45MDM4Wk0xNS43NSAxMy45MDM4TDE0LjY4MDggMTIuODM0NkwxNi43NjU0IDEwLjc1SDEyLjI1VjkuMjUwMDNIMTYuNzUwMUwxNC42NjU0IDcuMTgwNzhMMTUuNzUgNi4wOTYxOEwxOS42NTM4IDEwTDE1Ljc1IDEzLjkwMzhaTTkuMjUwMDQgNy43NDk5OFYzLjIzNDU4TDcuMTY1MzkgNS4zMTkyTDYuMDk2MTkgNC4yNUwxMCAwLjM0NjE3NkwxMy45MDM4IDQuMjVMMTIuODM0NiA1LjMxOTJMMTAuNzUgMy4yMzQ1OFY3Ljc0OTk4SDkuMjUwMDRaIiBmaWxsPSIjMUMxQjFGIi8+Cjwvc3ZnPgo="},55345:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzMzMl8xNDMiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzMyXzE0MykiPgo8cGF0aCBkPSJNOC4yMjc0OSAxNi44MzY1TDcuMTY0MDYgMTUuNzczMUwxMC45MzcyIDEyTDcuMTY0MDYgOC4yNTE5TDguMjI3NDkgNy4xODg0OEwxMi4wMDA2IDEwLjk2MTZMMTUuNzQ4NyA3LjE4ODQ4TDE2LjgxMjEgOC4yNTE5TDEzLjAzOSAxMkwxNi44MTIxIDE1Ljc3MzFMMTUuNzQ4NyAxNi44MzY1TDEyLjAwMDYgMTMuMDYzNEw4LjIyNzQ5IDE2LjgzNjVaIiBmaWxsPSIjMUMxQjFGIi8+CjwvZz4KPC9zdmc+Cg=="}}]);
package/build/umd/5679.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 5679.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5679,7853],{39141:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),s=t(88130),d=t(87363),l=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),b=t(90569),g=t.n(b),f=t(3565),m=t.n(f),h=t(19216),v=t.n(h),S=t(44589),y=t.n(S),w=t(39545),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=t(47514);const I=(0,l.Pi)((function Inputbox(e){(0,i.Z)(e);var n=(0,s.NP)(),t=(0,d.useRef)(null);if((0,d.useEffect)((function(){var e,o,i;n.settingsState.setInputBoxValue(null!==(e=null===(o=n.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==e?e:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,d.useEffect)((function(){var e;null!==(e=n.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&n.settingsState.setInputBoxValue(n.settingsState.inputBoxItem.freeText)}),[n.settingsState.inputBoxItem]),!n.settingsState.inputBoxItem)return(0,P.jsx)(P.Fragment,{});var r=n.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=function(){var e=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!n.settingsState.inputBoxItem){e.next=6;break}return n.settingsState.inputBoxItem.freeText=n.settingsState.inputBoxValue,e.next=4,n.paletteViewHandler.clickedOnConfigPalette(n.settingsState.inputBoxItem,"inputbox");case 4:n.settingsState.updateInputBoxValues(!1,void 0),n.uiState.setConfiguratorDisabled(!1);case 6:n.settingsState.inputBoxVisible?n.uiState.setConfiguratorDisabled(!0):n.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!n.settingsState.inputBoxItem.measureUnit;return(0,P.jsx)("div",{children:(0,P.jsxs)("div",{className:w.Q_,children:[(0,P.jsx)("span",{onClick:function onClick(){return n.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,P.jsxs)("div",{style:{width:"100%"},children:[(0,P.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,P.jsx)("input",{ref:t,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){n&&"Enter"===e.key&&(l(),e.stopPropagation())}(e)},className:w.Ci,type:u?"number":"text",onChange:function onChange(e){return n.settingsState.setInputBoxValue(e.target.value)},value:n.settingsState.inputBoxValue}),(0,P.jsx)("button",{className:w.vX,onClick:l})]})]})})}))},85679:(e,n,t)=>{t.r(n),t.d(n,{cssVariables:()=>O,default:()=>C});var o=t(88130),i=t(87363),r=t(39141),a=t(93379),s=t.n(a),d=t(7795),l=t.n(d),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),b=t(19216),g=t.n(b),f=t(44589),m=t.n(f),h=t(61609),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=g();s()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(50638),y=t(97853),w=t(7474),j=t(9420),P=t(65515),I=t.n(P),k=t(47514),O={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const C=(0,j.Pi)((function Serious(e){var n,t=(0,o.NP)();(0,i.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(O)}),[]);var a="PRODUCTS"==(null===(n=t.tabGroupState.curTabGroup)||void 0===n?void 0:n.type);return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{ref:function ref(e){return t.uiState.setConfiguratorRef(e)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,k.jsx)(w.default,{className:h.x6}),(0,k.jsx)(y.default,{className:I()(h.vt,a?h.Uu:void 0)}),(0,k.jsx)(S.default,{className:I()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"})]}),t.settingsState.inputBoxVisible&&(0,k.jsx)(r.default,{})]})}))},34384:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var o=t(80248),i=t(34988),r=t(9420),a=t(87363),s=t(29523),d=t(88130),l=t(88683),u=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var c=(0,l.getLogger)("Planner","InfoBox");const p=(0,r.Pi)((function ContentItemWrapper(e){var n=e.direction,t=e.mountElementId,o=e.drawerStyle,r=(0,d.NP)(),p=(0,a.useState)(!1),x=(0,i.Z)(p,2),b=x[0],g=x[1],f=(0,l.useDivaCore)().actions,m=f.openDrawerMenu,h=f.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){g(!0);var e=r.getIsInMobileView(),i=function onClose(){r.settingsState.setContentItemId()},a=(0,u.jsx)(s.Q,{onClose:function onClose(){i(),h("content-item")},contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},onContentItemLoaded:function onContentItemLoaded(e){c.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=e?e:void 0})}});m(e?{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,snapPoints:[.9],direction:"bottom",mountElementId:"wcConfigurator-wrapper",handleInternScroll:!0}:{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:n,mountElementId:null!=t?t:"wcConfigurator-product",handleInternScroll:!0,drawerStyle:_objectSpread({position:"absolute",zIndex:550,maxHeight:600,top:0,bottom:"unset"},o)})}else b&&(h("content-item"),setTimeout((function(){g(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},50638:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var o=t(80248),i=t(72874),r=t(87363),a=t(88130),s=t(9420),d=t(29211),l=t(19715),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),b=t(90569),g=t.n(b),f=t(3565),m=t.n(f),h=t(19216),v=t.n(h),S=t(44589),y=t.n(S),w=t(23522),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(w.Z,j);w.Z&&w.Z.locals&&w.Z.locals;var P=t(34384),I=t(47514),k=["contentItemStartPos"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const O=(0,s.Pi)((function Product(e){var n,t=e.contentItemStartPos,o=(0,i.Z)(e,k),s=(0,a.NP)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var e=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(e=0),u.current.scrollTo({top:e,behavior:"smooth"})}};return(0,r.useEffect)((function(){u&&s.productState.setProductElement(u.current)}),[u]),(0,r.useEffect)((function(){var e;!s.uiState.isLoading&&null!==(e=s.configState.paramters)&&void 0!==e&&e.checkout&&c()}),[null===(n=s.configState.paramters)||void 0===n?void 0:n.checkout,s.uiState.isLoading]),(0,I.jsxs)("div",_objectSpread(_objectSpread({ref:u},o),{},{id:"wcConfigurator-product",children:[!s.uiState.isLoading&&(0,I.jsx)("div",{className:w.x,onClick:c}),(0,I.jsx)(l.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!s.uiState.isLoading&&void 0!==s.divaWebPlanner.getBasket()&&(0,I.jsx)(d.default,{}),(0,I.jsx)(P.default,{direction:t})]}))}))},59343:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var o=t(34988),i=t(87363),r=t(92404),a=t(9420),s=t(88130),d=t(93379),l=t.n(d),u=t(7795),c=t.n(u),p=t(90569),x=t.n(p),b=t(3565),g=t.n(b),f=t(19216),m=t.n(f),h=t(44589),v=t.n(h),S=t(41060),y={};y.styleTagTransform=v(),y.setAttributes=g(),y.insert=x().bind(null,"head"),y.domAPI=c(),y.insertStyleElement=m();l()(S.ZP,y);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(82956),j=t(65515),P=t.n(j);var I=t(47514);const k=(0,a.Pi)((function SettingsBottomDrawer(e){var n=e.draggerElement,t=e.children,a=(0,s.NP)(),d=(0,i.useState)(a.uiState.isMobilePortrait),l=(0,o.Z)(d,2),u=l[0],c=l[1],p=function useDrawerHook(){var e=(0,i.useState)(0),n=(0,o.Z)(e,2),t=n[0],r=n[1],a=(0,i.useState)(0),s=(0,o.Z)(a,2),d=s[0],l=s[1],u=(0,i.useMemo)((function(){return function(e){return e.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(e){r(e.touches[0].clientY),l(e.touches[0].pageX)},handleTouchMove:function handleTouchMove(e){var n=e.touches[0].clientY,o=e.touches[0].pageX,i=Math.abs(n-t),r=Math.abs(o-d);i>=1&&i>2*r&&window.addEventListener("touchmove",u,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",u)}}}(),x=p.handleTouchStart,b=p.handleTouchMove,g=p.handleTouchEnd;return(0,i.useEffect)((function(){c(a.uiState.isMobilePortrait)}),[a.uiState.isInMobileView,a.uiState.isMobileLandscape,a.uiState.isTablet]),(0,I.jsx)(r.dy.Root,{open:u,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:a.settingsState.snapPoints,container:document.getElementById("wcConfigurator"),onClose:function onClose(){return a.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==a.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:a.settingsState.snapPoints[a.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(e){return a.settingsState.setActiveSnapPointIndex(a.settingsState.snapPoints.indexOf(e))},children:(0,I.jsx)(r.dy.Portal,{children:(0,I.jsxs)(r.dy.Content,{className:S.kh,children:[(0,I.jsx)(r.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,I.jsxs)(r.dy.Handle,{className:P()(S.aq),onTouchStart:x,onTouchMove:b,onTouchEnd:g,children:[(0,I.jsx)("div",{className:S.Rx,children:(0,I.jsx)("div",{className:S.uQ})}),(0,I.jsx)("div",{className:S.ad,children:n})]}),a.uiState.isInMobileView&&(0,I.jsx)("div",{className:P()(w.Iz,S.J7),children:t})]})})})}))},51451:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var o=t(9420),i=(t(87363),t(88130)),r=t(82956),a=t(65515),s=t.n(a),d=t(47514);const l=(0,o.Pi)((function SettingsExpanderButtons(e){var n=(0,i.NP)(),t=n.settingsState.contentItemId&&n.settingsState.contentItemVisible;return(0,d.jsxs)(d.Fragment,{children:[n.uiState.doShowConfSettingsExpander&&!n.uiState.isInMobileView&&(0,d.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:n.uiState.onClickExpandConfigSettings}),!n.uiState.isInMobileView&&n.uiState.doShowConfSettingsMaxMinExpander&&(0,d.jsxs)(d.Fragment,{children:[!n.uiState.configSettingsIsMaxExpanded&&(0,d.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:n.uiState.onClickExpandMaxConfigSettings}),!n.uiState.configSettingsIsMinExpanded&&(0,d.jsx)("div",{className:r.nW,onClick:n.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var o=t(80248),i=t(72874),r=(t(87363),t(88130)),a=t(80509),s=t(90395),d=t(9420),l=t(82956),u=t(65515),c=t.n(u),p=t(99676),x=t(51451),b=t(59343),g=t(47514),f=["className","tabgroupElement"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const m=(0,d.Pi)((function Settings(e){var n,t,o=e.className,d=e.tabgroupElement,u=(0,i.Z)(e,f),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,v=(0,g.jsx)(g.Fragment,{children:h?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&(0,g.jsx)(a.default,{},null!==(n=null===(t=m.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,g.jsx)(s.default,{}),(0,g.jsx)(x.default,{})]})});return(0,g.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,l.vt,"horizontal"==m.tabGroupState.curTabGroupType?l.s1:void 0,m.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,g.jsx)(b.default,{draggerElement:d,children:v}),!m.uiState.isInMobileView&&v]}))}))},39545:(e,n,t)=>{t.d(n,{Ci:()=>p,Jg:()=>b,Q_:()=>x,ZP:()=>f,vX:()=>g});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(38403),t.b),u=a()(i()),c=d()(l);u.push([e.id,".index-module--nrbS_ {\n width: 90%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n float: left;\n}\n\n.index-module--lGJqa {\n letter-spacing: 0.5px;\n -webkit-text-stroke: 0.1px;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n z-index: 999;\n width: 40em;\n max-width: 70%;\n max-height: 90%;\n background-color: white;\n padding: 1em 2em 0.5em 2em;\n border-radius: 15px;\n border: 1px solid #cbcbcb;\n font-size: 14.4px;\n color: #363636;\n display: flex;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n font-size: 16px;\n -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n padding: 0;\n margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n width: calc(100% - 65px);\n float: left;\n padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n height: 40px;\n width: 55px;\n display: block;\n background-repeat: no-repeat;\n background-position: center;\n float: left;\n clear: both;\n margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n border-radius: 20px;\n position: absolute;\n font-size: 22pt;\n font-family: sans-serif;\n font-weight: 50;\n top: -20px;\n right: -20px;\n width: 40px;\n height: 40px;\n background-color: #fff;\n color: #666;\n border: 2px solid #666;\n text-align: center;\n padding-top: 0px;\n content: 'X';\n}\n\n.index-module--OZydS:hover {\n background-color: #aaa;\n color: #000;\n border: 2px solid #000;\n}\n.index-module--FQDBA {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n color: #ffffff;\n height: 41px;\n width: 8%;\n margin: 8px 0 7px;\n float: right;\n border-radius: var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+c+");\n background-size: 16px;\n transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",b="index-module--OZydS",g="index-module--FQDBA";const f=u},61609:(e,n,t)=>{t.d(n,{Uu:()=>u,ZP:()=>p,kL:()=>l,vt:()=>c,x6:()=>d,xn:()=>s});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,"body {\n margin: 0;\n overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n -webkit-font-smoothing: antialiased;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n width: 75px;\n position: relative;\n}\n.index-module--jhJYn {\n width: calc(100% - 501px);\n position: relative;\n overflow: auto;\n}\n.index-module--jhJYn.index-module--yUjbF {\n display: none;\n}\n\n.index-module--ik_S6 {\n width: 426px;\n position: relative;\n border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n flex-grow: 1;\n position: relative;\n overflow: auto;\n}\n\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n",""]);var s="index-module--ic0Nz",d="index-module--SLjS6",l="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const p=a},23522:(e,n,t)=>{t.d(n,{Z:()=>x,x:()=>p});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(66993),t.b),u=a()(i()),c=d()(l);u.push([e.id,".index-module--IAoMi {\n bottom: 40px;\n right: 8px;\n position: absolute;\n width: 70px;\n height: 55px;\n transform: rotate(90deg);\n background-image: url("+c+");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: contain;\n z-index: 300;\n}\n",""]);var p="index-module--IAoMi";const x=u},41060:(e,n,t)=>{t.d(n,{J7:()=>l,Rx:()=>u,ZP:()=>x,ad:()=>p,aq:()=>d,kh:()=>s,uQ:()=>c});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,".index-module--qmbFa {\n outline: medium none invert;\n outline: initial;\n position: absolute;\n z-index: 1000;\n width: 100%;\n}\ndiv.index-module--Lklbq {\n width: 100%;\n opacity: 1;\n height: var(--configuratorTabGroupHeight);\n background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n background: initial;\n border-radius: 0px;\n box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--A4coW {\n display: flex;\n flex-direction: column;\n height: 100%;\n background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n transform: none;\n transform: initial;\n left: auto;\n left: initial;\n top: auto;\n top: initial;\n}\n\n.index-module--WO2oD {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -32px);\n width: 40px;\n height: 40px;\n touch-action: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n width: var(--configuratorTabGroupHeight);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--yfZrB {\n position: relative;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n display: flex;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n pointer-events: all !important;\n}\n",""]);var s="index-module--qmbFa",d="index-module--Lklbq",l="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",p="index-module--yfZrB";const x=a},66993:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5679,7853],{39141:(e,n,t)=>{t.r(n),t.d(n,{default:()=>I});var o=t(84658),i=t(88291),r=t(50747),a=t.n(r),s=t(88130),d=t(87363),l=t(9420),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),b=t(90569),g=t.n(b),f=t(3565),m=t.n(f),h=t(19216),v=t.n(h),S=t(44589),y=t.n(S),w=t(39545),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(w.ZP,j);w.ZP&&w.ZP.locals&&w.ZP.locals;var P=t(47514);const I=(0,l.Pi)((function Inputbox(e){(0,i.Z)(e);var n=(0,s.NP)(),t=(0,d.useRef)(null);if((0,d.useEffect)((function(){var e,o,i;n.settingsState.setInputBoxValue(null!==(e=null===(o=n.settingsState.inputBoxItem)||void 0===o?void 0:o.freeText)&&void 0!==e?e:""),null===(i=t.current)||void 0===i||i.focus()}),[]),(0,d.useEffect)((function(){var e;null!==(e=n.settingsState.inputBoxItem)&&void 0!==e&&e.freeText&&n.settingsState.setInputBoxValue(n.settingsState.inputBoxItem.freeText)}),[n.settingsState.inputBoxItem]),!n.settingsState.inputBoxItem)return(0,P.jsx)(P.Fragment,{});var r=n.settingsState.inputBoxItem.text;r.includes(":")&&(r=r.slice(0,r.lastIndexOf(":")));var l=function(){var e=(0,o.Z)(a().mark((function _callee(){return a().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:if(!n.settingsState.inputBoxItem){e.next=6;break}return n.settingsState.inputBoxItem.freeText=n.settingsState.inputBoxValue,e.next=4,n.paletteViewHandler.clickedOnConfigPalette(n.settingsState.inputBoxItem,"inputbox");case 4:n.settingsState.updateInputBoxValues(!1,void 0),n.uiState.setConfiguratorDisabled(!1);case 6:n.settingsState.inputBoxVisible?n.uiState.setConfiguratorDisabled(!0):n.uiState.setConfiguratorDisabled(!1);case 7:case"end":return e.stop()}}),_callee)})));return function onSubmit(){return e.apply(this,arguments)}}(),u=!!n.settingsState.inputBoxItem.measureUnit;return(0,P.jsx)("div",{children:(0,P.jsxs)("div",{className:w.Q_,children:[(0,P.jsx)("span",{onClick:function onClick(){return n.settingsState.inputBoxVisible=!1},className:w.Jg,children:"✖"}),(0,P.jsxs)("div",{style:{width:"100%"},children:[(0,P.jsx)("p",{style:{marginTop:"2px"},children:r}),(0,P.jsx)("input",{ref:t,onKeyDown:function onKeyDown(e){return function keyDownFunction(e){n&&"Enter"===e.key&&(l(),e.stopPropagation())}(e)},className:w.Ci,type:u?"number":"text",onChange:function onChange(e){return n.settingsState.setInputBoxValue(e.target.value)},value:n.settingsState.inputBoxValue}),(0,P.jsx)("button",{className:w.vX,onClick:l})]})]})})}))},85679:(e,n,t)=>{t.r(n),t.d(n,{cssVariables:()=>O,default:()=>C});var o=t(88130),i=t(87363),r=t(39141),a=t(93379),s=t.n(a),d=t(7795),l=t.n(d),u=t(90569),c=t.n(u),p=t(3565),x=t.n(p),b=t(19216),g=t.n(b),f=t(44589),m=t.n(f),h=t(61609),v={};v.styleTagTransform=m(),v.setAttributes=x(),v.insert=c().bind(null,"head"),v.domAPI=l(),v.insertStyleElement=g();s()(h.ZP,v);h.ZP&&h.ZP.locals&&h.ZP.locals;var S=t(50638),y=t(97853),w=t(7474),j=t(9420),P=t(65515),I=t.n(P),k=t(47514),O={"--primaryColor":"#df2927","--secondaryColor":"#404040","--thirdColor":"#8a8a8a","--globalBorderRadius":"3px","--galleryItemRadius":"3px","--settingsBackgroundColor":"#fefefe","--settingsScrollerPaddingTopBottom":"30px","--settingsScrollerPaddingRight":"30px","--settingsScrollerPaddingLeft":"30px","--tabGroupBackground":"var(--primaryColor)","--fontWeight1":"600","--boxShadowHover":"0px 1px 4px rgba(0, 0, 0, 0.15)","--boxShadowActive":"0px 1px 4px rgba(0, 0, 0, 0.3)"};const C=(0,j.Pi)((function Serious(e){var n,t=(0,o.NP)();(0,i.useEffect)((function(){t.layoutRendered=!0,t.initCSSVariablesObj(O)}),[]);var a="PRODUCTS"==(null===(n=t.tabGroupState.curTabGroup)||void 0===n?void 0:n.type);return(0,k.jsxs)(k.Fragment,{children:[(0,k.jsxs)("div",{ref:function ref(e){return t.uiState.setConfiguratorRef(e)},style:{pointerEvents:t.uiState.configuratorDisabled?"none":void 0},hidden:t.uiState.configuratorHidden,id:"wcConfigurator",className:h.xn,children:[(0,k.jsx)(w.default,{className:h.x6}),(0,k.jsx)(y.default,{className:I()(h.vt,a?h.Uu:void 0)}),(0,k.jsx)(S.default,{className:I()(h.kL,a?h.Uu:void 0),contentItemStartPos:"left"})]}),t.settingsState.inputBoxVisible&&(0,k.jsx)(r.default,{})]})}))},34384:(e,n,t)=>{t.r(n),t.d(n,{default:()=>p});var o=t(80248),i=t(34988),r=t(9420),a=t(87363),s=t(29523),d=t(88130),l=t(88683),u=t(47514);function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}var c=(0,l.getLogger)("Planner","InfoBox");const p=(0,r.Pi)((function ContentItemWrapper(e){var n=e.direction,t=e.mountElementId,o=e.drawerStyle,r=(0,d.NP)(),p=(0,a.useState)(!1),x=(0,i.Z)(p,2),b=x[0],g=x[1],f=(0,l.useDivaCore)().actions,m=f.openDrawerMenu,h=f.closeDrawerMenu;return(0,a.useEffect)((function(){if(r.settingsState.contentItemVisible&&r.settingsState.contentItemId){g(!0);var e=r.getIsInMobileView(),i=function onClose(){r.settingsState.setContentItemId()},a=(0,u.jsx)(s.Q,{onClose:function onClose(){i(),h("content-item")},contentItemId:r.settingsState.contentItemId,wrapperStyle:{display:"flex",flexDirection:"column"},onContentItemLoaded:function onContentItemLoaded(e){c.businessEvent("onLoadInfoBox","InfoBox","Lade Infobox",{id:r.settingsState.contentItemId,title:null!=e?e:void 0})}});m(e?{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!0,noModal:!1,snapPoints:[.9],direction:"bottom",mountElementId:"wcConfigurator-wrapper",handleInternScroll:!0}:{id:"content-item",content:a,onClose:i,open:!0,hideCloseButton:!0,showOverlay:!1,noModal:!0,direction:n,mountElementId:null!=t?t:"wcConfigurator-product",handleInternScroll:!0,drawerStyle:_objectSpread({position:"absolute",zIndex:550,maxHeight:600,top:0,bottom:"unset"},o)})}else b&&(h("content-item"),setTimeout((function(){g(!1)}),400))}),[r.settingsState.contentItemVisible,r.settingsState.contentItemId]),(0,u.jsx)(u.Fragment,{})}))},50638:(e,n,t)=>{t.r(n),t.d(n,{default:()=>O});var o=t(80248),i=t(72874),r=t(87363),a=t(88130),s=t(9420),d=t(29211),l=t(19715),u=t(93379),c=t.n(u),p=t(7795),x=t.n(p),b=t(90569),g=t.n(b),f=t(3565),m=t.n(f),h=t(19216),v=t.n(h),S=t(44589),y=t.n(S),w=t(23522),j={};j.styleTagTransform=y(),j.setAttributes=m(),j.insert=g().bind(null,"head"),j.domAPI=x(),j.insertStyleElement=v();c()(w.Z,j);w.Z&&w.Z.locals&&w.Z.locals;var P=t(34384),I=t(47514),k=["contentItemStartPos"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const O=(0,s.Pi)((function Product(e){var n,t=e.contentItemStartPos,o=(0,i.Z)(e,k),s=(0,a.NP)(),u=(0,r.useRef)(null),c=function onClick(){if(u.current){var e=u.current.getBoundingClientRect().height;u.current.scrollTop>100&&(e=0),u.current.scrollTo({top:e,behavior:"smooth"})}};return(0,r.useEffect)((function(){u&&s.productState.setProductElement(u.current)}),[u]),(0,r.useEffect)((function(){var e;!s.uiState.isLoading&&null!==(e=s.configState.paramters)&&void 0!==e&&e.checkout&&c()}),[null===(n=s.configState.paramters)||void 0===n?void 0:n.checkout,s.uiState.isLoading]),(0,I.jsxs)("div",_objectSpread(_objectSpread({ref:u},o),{},{id:"wcConfigurator-product",children:[!s.uiState.isLoading&&(0,I.jsx)("div",{className:w.x,onClick:c}),(0,I.jsx)(l.default,{style:{height:"calc(100% - 40px)",width:"calc(100% - 40px)",top:0,margin:"20px"}}),!s.uiState.isLoading&&void 0!==s.divaWebPlanner.getBasket()&&(0,I.jsx)(d.default,{}),(0,I.jsx)(P.default,{direction:t})]}))}))},59343:(e,n,t)=>{t.r(n),t.d(n,{default:()=>k});var o=t(34988),i=t(87363),r=t(92404),a=t(9420),s=t(88130),d=t(93379),l=t.n(d),u=t(7795),c=t.n(u),p=t(90569),x=t.n(p),b=t(3565),g=t.n(b),f=t(19216),m=t.n(f),h=t(44589),v=t.n(h),S=t(41060),y={};y.styleTagTransform=v(),y.setAttributes=g(),y.insert=x().bind(null,"head"),y.domAPI=c(),y.insertStyleElement=m();l()(S.ZP,y);S.ZP&&S.ZP.locals&&S.ZP.locals;var w=t(82956),j=t(65515),P=t.n(j);var I=t(47514);const k=(0,a.Pi)((function SettingsBottomDrawer(e){var n=e.draggerElement,t=e.children,a=(0,s.NP)(),d=(0,i.useState)(a.uiState.isMobilePortrait),l=(0,o.Z)(d,2),u=l[0],c=l[1],p=function useDrawerHook(){var e=(0,i.useState)(0),n=(0,o.Z)(e,2),t=n[0],r=n[1],a=(0,i.useState)(0),s=(0,o.Z)(a,2),d=s[0],l=s[1],u=(0,i.useMemo)((function(){return function(e){return e.preventDefault()}}),[]);return{handleTouchStart:function handleTouchStart(e){r(e.touches[0].clientY),l(e.touches[0].pageX)},handleTouchMove:function handleTouchMove(e){var n=e.touches[0].clientY,o=e.touches[0].pageX,i=Math.abs(n-t),r=Math.abs(o-d);i>=1&&i>2*r&&window.addEventListener("touchmove",u,{passive:!1})},handleTouchEnd:function handleTouchEnd(){window.removeEventListener("touchmove",u)}}}(),x=p.handleTouchStart,b=p.handleTouchMove,g=p.handleTouchEnd,f=(0,i.useState)(null),m=(0,o.Z)(f,2),h=m[0],v=m[1];return(0,i.useEffect)((function(){c(a.uiState.isMobilePortrait),v(document.getElementById("wcConfigurator"))}),[a.uiState.isInMobileView,a.uiState.isMobileLandscape,a.uiState.isTablet]),(0,I.jsx)(r.dy.Root,{open:u,modal:!1,autoFocus:!0,handleOnly:!0,dismissible:!0,defaultOpen:!1,repositionInputs:!1,snapPoints:a.settingsState.snapPoints,container:h,onClose:function onClose(){return a.settingsState.setActiveSnapPointIndex(2)},closeThreshold:0==a.settingsState.activeSnapPointIndex?.1:1,activeSnapPoint:a.settingsState.snapPoints[a.settingsState.activeSnapPointIndex],setActiveSnapPoint:function setActiveSnapPoint(e){return a.settingsState.setActiveSnapPointIndex(a.settingsState.snapPoints.indexOf(e))},children:(0,I.jsx)(r.dy.Portal,{children:(0,I.jsxs)(r.dy.Content,{className:S.kh,children:[(0,I.jsx)(r.dy.Title,{style:{display:"none"},children:"Settings Drawer"}),(0,I.jsxs)(r.dy.Handle,{className:P()(S.aq),onTouchStart:x,onTouchMove:b,onTouchEnd:g,children:[(0,I.jsx)("div",{className:S.Rx,children:(0,I.jsx)("div",{className:S.uQ})}),(0,I.jsx)("div",{className:S.ad,children:n})]}),a.uiState.isInMobileView&&(0,I.jsx)("div",{className:P()(w.Iz,S.J7),children:t})]})})})}))},51451:(e,n,t)=>{t.r(n),t.d(n,{default:()=>l});var o=t(9420),i=(t(87363),t(88130)),r=t(82956),a=t(65515),s=t.n(a),d=t(47514);const l=(0,o.Pi)((function SettingsExpanderButtons(e){var n=(0,i.NP)(),t=n.settingsState.contentItemId&&n.settingsState.contentItemVisible;return(0,d.jsxs)(d.Fragment,{children:[n.uiState.doShowConfSettingsExpander&&!n.uiState.isInMobileView&&(0,d.jsx)("div",{className:s()(r.AH,t?r.al:void 0),onClick:n.uiState.onClickExpandConfigSettings}),!n.uiState.isInMobileView&&n.uiState.doShowConfSettingsMaxMinExpander&&(0,d.jsxs)(d.Fragment,{children:[!n.uiState.configSettingsIsMaxExpanded&&(0,d.jsx)("div",{className:s()(r.EN,t?r.al:void 0),onClick:n.uiState.onClickExpandMaxConfigSettings}),!n.uiState.configSettingsIsMinExpanded&&(0,d.jsx)("div",{className:r.nW,onClick:n.uiState.onClickExpandMinConfigSettings})]})]})}))},97853:(e,n,t)=>{t.r(n),t.d(n,{default:()=>m});var o=t(80248),i=t(72874),r=(t(87363),t(88130)),a=t(80509),s=t(90395),d=t(9420),l=t(82956),u=t(65515),c=t.n(u),p=t(99676),x=t(51451),b=t(59343),g=t(47514),f=["className","tabgroupElement"];function ownKeys(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);n&&(o=o.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,o)}return t}function _objectSpread(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{};n%2?ownKeys(Object(t),!0).forEach((function(n){(0,o.Z)(e,n,t[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):ownKeys(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))}))}return e}const m=(0,d.Pi)((function Settings(e){var n,t,o=e.className,d=e.tabgroupElement,u=(0,i.Z)(e,f),m=(0,r.NP)(),h=m.getIsInMobileView()&&m.getViewConfig().navigateMobileSwiper,v=(0,g.jsx)(g.Fragment,{children:h?(0,g.jsx)(p.default,{}):(0,g.jsxs)(g.Fragment,{children:[!m.uiState.isInMobileView&&!m.settingsState.forceSettingsHeaderInScrollContainer&&(0,g.jsx)(a.default,{},null!==(n=null===(t=m.tabGroupState.curTabGroup)||void 0===t?void 0:t.key)&&void 0!==n?n:0),(0,g.jsx)(s.default,{}),(0,g.jsx)(x.default,{})]})});return(0,g.jsxs)("div",_objectSpread(_objectSpread({},u),{},{id:"wcConfigurator-settings",className:c()(o,l.vt,"horizontal"==m.tabGroupState.curTabGroupType?l.s1:void 0,m.uiState.configSettingsIsExpanded?l.zh:void 0),children:[(0,g.jsx)(b.default,{draggerElement:d,children:v}),!m.uiState.isInMobileView&&v]}))}))},39545:(e,n,t)=>{t.d(n,{Ci:()=>p,Jg:()=>b,Q_:()=>x,ZP:()=>f,vX:()=>g});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(38403),t.b),u=a()(i()),c=d()(l);u.push([e.id,".index-module--nrbS_ {\n width: 90%;\n padding: 12px 20px;\n margin: 8px 0;\n display: inline-block;\n border: 1px solid #ccc;\n border-radius: 4px;\n box-sizing: border-box;\n float: left;\n}\n\n.index-module--lGJqa {\n letter-spacing: 0.5px;\n -webkit-text-stroke: 0.1px;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n z-index: 999;\n width: 40em;\n max-width: 70%;\n max-height: 90%;\n background-color: white;\n padding: 1em 2em 0.5em 2em;\n border-radius: 15px;\n border: 1px solid #cbcbcb;\n font-size: 14.4px;\n color: #363636;\n display: flex;\n box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n.index-module--lGJqa p {\n font-size: 16px;\n -webkit-text-stroke: 0.5px;\n}\n\n.index-module--lGJqa ul {\n padding: 0;\n margin: 0;\n}\n\n.index-module--lGJqa .index-module--dZTFD {\n width: calc(100% - 65px);\n float: left;\n padding: 8px 0 15px 10px;\n}\n\n.index-module--lGJqa li {\n height: 40px;\n width: 55px;\n display: block;\n background-repeat: no-repeat;\n background-position: center;\n float: left;\n clear: both;\n margin-bottom: 15px;\n}\n\n.index-module--OZydS {\n border-radius: 20px;\n position: absolute;\n font-size: 22pt;\n font-family: sans-serif;\n font-weight: 50;\n top: -20px;\n right: -20px;\n width: 40px;\n height: 40px;\n background-color: #fff;\n color: #666;\n border: 2px solid #666;\n text-align: center;\n padding-top: 0px;\n content: 'X';\n}\n\n.index-module--OZydS:hover {\n background-color: #aaa;\n color: #000;\n border: 2px solid #000;\n}\n.index-module--FQDBA {\n border: 1px var(--secondaryColor) solid;\n background-color: var(--secondaryColor);\n color: #ffffff;\n height: 41px;\n width: 8%;\n margin: 8px 0 7px;\n float: right;\n border-radius: var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+c+");\n background-size: 16px;\n transform: rotate(180deg);\n}\n",""]);var p="index-module--nrbS_",x="index-module--lGJqa",b="index-module--OZydS",g="index-module--FQDBA";const f=u},61609:(e,n,t)=>{t.d(n,{Uu:()=>u,ZP:()=>p,kL:()=>l,vt:()=>c,x6:()=>d,xn:()=>s});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,"body {\n margin: 0;\n overscroll-behavior-x: none;\n}\n\n.index-module--ic0Nz {\n position: relative;\n height: 100%;\n width: 100%;\n overflow: hidden;\n font-family: var(--diva-typography-font-family);\n font-weight: 100;\n -webkit-font-smoothing: antialiased;\n -webkit-touch-callout: none; /* iOS Safari */\n -webkit-user-select: none; /* Safari */ /* Konqueror HTML */\n -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently*/\n\n position: relative;\n height: 100%;\n width: 100%;\n display: flex;\n}\n\n.index-module--ic0Nz *,\n.index-module--ic0Nz *::before,\n.index-module--ic0Nz *::after {\n box-sizing: content-box;\n box-sizing: initial;\n}\n\n.index-module--SLjS6 {\n width: 75px;\n position: relative;\n}\n.index-module--jhJYn {\n width: calc(100% - 501px);\n position: relative;\n overflow: auto;\n}\n.index-module--jhJYn.index-module--yUjbF {\n display: none;\n}\n\n.index-module--ik_S6 {\n width: 426px;\n position: relative;\n border-right: 1px solid #e6e6e6;\n}\n\n.index-module--ik_S6.index-module--yUjbF {\n flex-grow: 1;\n position: relative;\n overflow: auto;\n}\n\n::-webkit-scrollbar {\n width: 5px;\n height: 5px;\n}\n::-webkit-scrollbar-track {\n background: #dfdfdf;\n border-radius: 3px;\n}\n::-webkit-scrollbar-thumb {\n background: #b1b1b1;\n border-radius: 3px;\n}\n",""]);var s="index-module--ic0Nz",d="index-module--SLjS6",l="index-module--jhJYn",u="index-module--yUjbF",c="index-module--ik_S6";const p=a},23522:(e,n,t)=>{t.d(n,{Z:()=>x,x:()=>p});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r),s=t(61667),d=t.n(s),l=new URL(t(66993),t.b),u=a()(i()),c=d()(l);u.push([e.id,".index-module--IAoMi {\n bottom: 40px;\n right: 8px;\n position: absolute;\n width: 70px;\n height: 55px;\n transform: rotate(90deg);\n background-image: url("+c+");\n background-repeat: no-repeat;\n background-position: center center;\n background-size: contain;\n z-index: 300;\n}\n",""]);var p="index-module--IAoMi";const x=u},41060:(e,n,t)=>{t.d(n,{J7:()=>l,Rx:()=>u,ZP:()=>x,ad:()=>p,aq:()=>d,kh:()=>s,uQ:()=>c});var o=t(8081),i=t.n(o),r=t(23645),a=t.n(r)()(i());a.push([e.id,".index-module--qmbFa {\n outline: medium none invert;\n outline: initial;\n position: absolute;\n z-index: 1000;\n width: 100%;\n}\ndiv.index-module--Lklbq {\n width: 100%;\n opacity: 1;\n height: var(--configuratorTabGroupHeight);\n background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n background: initial;\n border-radius: 0px;\n box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--A4coW {\n display: flex;\n flex-direction: column;\n height: 100%;\n background-color: var(--settingsBackgroundColor);\n}\n\n.index-module--Lklbq > span {\n transform: none;\n transform: initial;\n left: auto;\n left: initial;\n top: auto;\n top: initial;\n}\n\n.index-module--WO2oD {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -32px);\n width: 40px;\n height: 40px;\n touch-action: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n}\n\n.index-module--BVoP4 {\n width: var(--configuratorTabGroupHeight);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--yfZrB {\n position: relative;\n height: var(--configuratorTabGroupHeight);\n width: 100%;\n display: flex;\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n overflow: hidden;\n}\n\n/* to be removed after new vaul release https://github.com/emilkowalski/vaul/pull/580 */\nbody {\n pointer-events: all !important;\n}\n",""]);var s="index-module--qmbFa",d="index-module--Lklbq",l="index-module--A4coW",u="index-module--WO2oD",c="index-module--BVoP4",p="index-module--yfZrB";const x=a},66993:e=>{e.exports="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNiAxMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7c3Ryb2tlOiM2ZjZmNmY7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO308L3N0eWxlPjwvZGVmcz48dGl0bGU+RWxlbWVudCAxPC90aXRsZT48ZyBpZD0iRWJlbmVfMiIgZGF0YS1uYW1lPSJFYmVuZSAyIj48ZyBpZD0iRWJlbmVfMS0yIiBkYXRhLW5hbWU9IkViZW5lIDEiPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjUuNWw1LDQuMjktNSw0LjcxIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUuNWw1LDQuMjlMLjUsOS41Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMjAuNS41bDUsNC4yOS01LDQuNzEiLz48L2c+PC9nPjwvc3ZnPg=="}}]);