@crystaldesign/diva-web-planner-react 26.4.4-rc.0 → 26.4.4-rc.11

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 (288) hide show
  1. package/build/esm/{Planner2DGrid-cac927e9.js → Planner2DGrid-aefe059c.js} +2 -2
  2. package/build/esm/{Planner3DImage-feb2127c.js → Planner3DImage-584a5010.js} +2 -2
  3. package/build/esm/UnlockCard-a9c0a340.js +191 -0
  4. package/build/esm/{index-4056fac5.js → index-032aa00e.js} +4 -4
  5. package/build/esm/{index-ca5b97b3.js → index-03a87736.js} +2 -2
  6. package/build/esm/{index-5c5a2a28.js → index-03fac510.js} +3 -3
  7. package/build/esm/{index-f4a14472.js → index-068afe56.js} +6 -6
  8. package/build/esm/{index-63c04a82.js → index-072379d9.js} +5 -5
  9. package/build/esm/{index-632c049f.js → index-075ecf41.js} +85 -85
  10. package/build/esm/{index-14187c32.js → index-09320a56.js} +5 -5
  11. package/build/esm/{index-dba2ccd9.js → index-097b2853.js} +4 -4
  12. package/build/esm/{index-e24097a5.js → index-09a751c1.js} +2 -2
  13. package/build/esm/{index-ffe2622f.js → index-0a981b91.js} +67 -67
  14. package/build/esm/{index-ba5dd012.js → index-0ab00d41.js} +2 -2
  15. package/build/esm/{index-c4fecf6d.js → index-0cb7f8c1.js} +2 -2
  16. package/build/esm/{index-dfbeac18.js → index-0dde0bf4.js} +2 -2
  17. package/build/esm/{index-92f0473d.js → index-10c6e077.js} +2 -4
  18. package/build/esm/{index-85faa5df.js → index-12012931.js} +2 -2
  19. package/build/esm/{index-7650c0e7.js → index-1219ff6b.js} +8 -8
  20. package/build/esm/{index-b46642ce.js → index-13011dc3.js} +5 -5
  21. package/build/esm/{index-44379ba1.js → index-130b910c.js} +5 -5
  22. package/build/esm/{index-2057499c.js → index-132d3d33.js} +2 -2
  23. package/build/esm/{index-891fd9d2.js → index-13accc87.js} +2 -2
  24. package/build/esm/{index-ac90d211.js → index-1870516b.js} +4 -4
  25. package/build/esm/{index-9ee7fc46.js → index-18c75cd6.js} +2 -2
  26. package/build/esm/{index-1f80b32c.js → index-1a8dd96b.js} +23 -23
  27. package/build/esm/{index-68de73fa.js → index-1ad6bc31.js} +6 -6
  28. package/build/esm/{index-cca5f803.js → index-1b0bbf85.js} +2 -2
  29. package/build/esm/{index-8c1bdaa1.js → index-1ba6da4d.js} +2 -2
  30. package/build/esm/{index-4984acf2.js → index-1c502ce6.js} +2 -2
  31. package/build/esm/{index-9bf7e90e.js → index-1c6f2723.js} +2 -2
  32. package/build/esm/{index-e5f04a8a.js → index-1cb04f7b.js} +4 -4
  33. package/build/esm/index-1cc89593.js +216 -0
  34. package/build/esm/{index-61f8a6d7.js → index-1d089060.js} +29 -57
  35. package/build/esm/{index-2bcf1f47.js → index-1d1c3714.js} +68 -68
  36. package/build/esm/{index-4f139a54.js → index-1eaa156a.js} +2 -2
  37. package/build/esm/{index-5bde91b1.js → index-1eb596e8.js} +2 -2
  38. package/build/esm/{index-cca7b9b5.js → index-1f14f1f5.js} +5 -5
  39. package/build/esm/{index-7199dfa1.js → index-20069ffe.js} +2 -2
  40. package/build/esm/{index-cef160c5.js → index-22049a2e.js} +578 -1042
  41. package/build/esm/{index-c91dfb42.js → index-23044f9b.js} +3 -3
  42. package/build/esm/{index-118d7981.js → index-2569dccc.js} +6 -6
  43. package/build/esm/{index-ebc05370.js → index-270ed7ab.js} +2 -2
  44. package/build/esm/{index-cde16ef9.js → index-2b798d80.js} +22 -22
  45. package/build/esm/{index-accfbe60.js → index-2d469a57.js} +2 -2
  46. package/build/esm/{index-df8a1f6a.js → index-2d843ab9.js} +2 -2
  47. package/build/esm/{index-73578d9e.js → index-2efb3634.js} +2 -2
  48. package/build/esm/{index-e67e5cc6.js → index-301bae1a.js} +88 -88
  49. package/build/esm/{index-9ff943a8.js → index-3096e0bf.js} +3 -3
  50. package/build/esm/{index-2c56b5f0.js → index-320d6231.js} +1 -1
  51. package/build/esm/{index-de3b9e1f.js → index-3223e5c3.js} +2 -2
  52. package/build/esm/{index-6fec64cd.js → index-34b71b25.js} +3 -3
  53. package/build/esm/{index-376cd920.js → index-363a1c49.js} +91 -91
  54. package/build/esm/{index-4ca22565.js → index-388444e2.js} +3 -3
  55. package/build/esm/{index-705df7fa.js → index-39d6da82.js} +4 -4
  56. package/build/esm/{index-b814fb50.js → index-3a1544dc.js} +2 -2
  57. package/build/esm/{index-ac03dcf0.js → index-3d38a038.js} +2 -2
  58. package/build/esm/{index-c4d47a74.js → index-3e55bccb.js} +67 -67
  59. package/build/esm/{index-1a8dd68f.js → index-3e57a4e8.js} +2 -2
  60. package/build/esm/{index-50e682b4.js → index-3f8f5fe9.js} +16 -16
  61. package/build/esm/{index-42c0aae8.js → index-3fb7c01c.js} +2 -2
  62. package/build/esm/{index-a00e1b98.js → index-406f9bdd.js} +6 -6
  63. package/build/esm/{index-5dc95380.js → index-40c30570.js} +2 -2
  64. package/build/esm/{index-08751fba.js → index-40c3aa55.js} +3 -3
  65. package/build/esm/{index-b0695cdf.js → index-42bf7ba6.js} +2 -2
  66. package/build/esm/{index-9bf2f89a.js → index-434fb5f6.js} +22 -22
  67. package/build/esm/{index-782b3aa4.js → index-44f80a69.js} +2 -2
  68. package/build/esm/{index-f40dc930.js → index-45428431.js} +2 -2
  69. package/build/esm/{index-4337493f.js → index-461dc61a.js} +4 -4
  70. package/build/esm/{index-4d3519cb.js → index-46a0c8f1.js} +3 -3
  71. package/build/esm/{index-89da10de.js → index-47e9e5c0.js} +6 -6
  72. package/build/esm/{index-4603ab79.js → index-48f46d16.js} +6 -6
  73. package/build/esm/{index-f7ba6a9c.js → index-49b0ca7b.js} +6 -6
  74. package/build/esm/{index-6bed54ef.js → index-4cf7766e.js} +20 -20
  75. package/build/esm/{index-cad363a0.js → index-4ef502fc.js} +66 -66
  76. package/build/esm/{index-9628d02b.js → index-50d81f2b.js} +2 -2
  77. package/build/esm/{index-861ca15c.js → index-52d12bbd.js} +3 -3
  78. package/build/esm/{index-71a09d12.js → index-53b09faa.js} +4 -4
  79. package/build/esm/{index-8ba7246f.js → index-566ac26c.js} +2 -2
  80. package/build/esm/{index-a252edfa.js → index-57ac530e.js} +1 -1
  81. package/build/esm/{index-b29f9f7c.js → index-5a5c3d33.js} +76 -76
  82. package/build/esm/{index-8239f70c.js → index-5b1ad904.js} +2 -2
  83. package/build/esm/{index-d0fb2e4b.js → index-5b9b4be5.js} +2 -2
  84. package/build/esm/{index-f243bd5d.js → index-5baa5713.js} +2 -2
  85. package/build/esm/index-5e3391e1.js +61 -0
  86. package/build/esm/{index-5c8e9d56.js → index-5ecfdc6f.js} +20 -20
  87. package/build/esm/{index-1123c5b6.js → index-5f3826be.js} +1 -1
  88. package/build/esm/{index-024a1974.js → index-5f4296cb.js} +6 -6
  89. package/build/esm/{index-d9ab7f53.js → index-5f4681d5.js} +18 -18
  90. package/build/esm/{index-4bae2989.js → index-5fb8aeca.js} +11 -11
  91. package/build/esm/{index-7f3cffac.js → index-604c3548.js} +3 -3
  92. package/build/esm/{index-52543b0e.js → index-62c9426d.js} +3 -3
  93. package/build/esm/{index-e38d8a82.js → index-647f1b64.js} +3 -3
  94. package/build/esm/{index-fbec53b1.js → index-64e04ea8.js} +1 -1
  95. package/build/esm/{index-10efe138.js → index-667b836d.js} +2 -2
  96. package/build/esm/{index-842a18d3.js → index-673ca36d.js} +2 -2
  97. package/build/esm/{index-e53b2310.js → index-67fa18f0.js} +2 -2
  98. package/build/esm/{index-13fe290d.js → index-68dc625a.js} +1 -1
  99. package/build/esm/{index-3d010999.js → index-6a541dc9.js} +2 -2
  100. package/build/esm/{index-83e73a1b.js → index-6b064163.js} +2 -2
  101. package/build/esm/{index-ffa0436a.js → index-6d5216c5.js} +6 -6
  102. package/build/esm/{index-1da48f41.js → index-6de67722.js} +3 -3
  103. package/build/esm/{index-cd371e5c.js → index-701d16ca.js} +21 -21
  104. package/build/esm/{index-7fb41915.js → index-71a06b45.js} +69 -69
  105. package/build/esm/{index-9e9b1bb6.js → index-71bb3fec.js} +1 -1
  106. package/build/esm/{index-b59e382b.js → index-735e41e2.js} +2 -2
  107. package/build/esm/{index-2d0b834f.js → index-740180b3.js} +3 -3
  108. package/build/esm/{index-31cfa0d0.js → index-756bfb44.js} +4 -4
  109. package/build/esm/{index-0dbb87fc.js → index-75c88f3c.js} +2 -2
  110. package/build/esm/{index-757ce6c3.js → index-763b36fa.js} +3 -3
  111. package/build/esm/{index-98b16894.js → index-769e119f.js} +2 -2
  112. package/build/esm/{index-b1e08366.js → index-77537d77.js} +2 -2
  113. package/build/esm/{index-a5456d6e.js → index-79a36ea8.js} +104 -104
  114. package/build/esm/{index-a70bc935.js → index-79aeb81b.js} +4 -4
  115. package/build/esm/{index-4b1d7e60.js → index-7a5d9f6e.js} +2 -2
  116. package/build/esm/{index-26d7435b.js → index-7b034bcb.js} +3 -3
  117. package/build/esm/{index-49f7416b.js → index-7c303964.js} +1 -1
  118. package/build/esm/{index-114b8d96.js → index-7cc03952.js} +2 -2
  119. package/build/esm/{index-298ea841.js → index-7cc18de8.js} +6 -6
  120. package/build/esm/{index-3b8a5eab.js → index-7f1ccdd1.js} +103 -103
  121. package/build/esm/{index-7f8a9eba.js → index-82ae7296.js} +2 -2
  122. package/build/esm/{index-d3daca89.js → index-82f8c000.js} +2 -2
  123. package/build/esm/{index-2a848ce8.js → index-86625445.js} +2 -2
  124. package/build/esm/{index-824ad79f.js → index-87aadcf4.js} +2 -2
  125. package/build/esm/{index-51649839.js → index-87ec59f2.js} +2 -2
  126. package/build/esm/{index-356e31e6.js → index-88638f33.js} +3 -3
  127. package/build/esm/{index-2f69dcb0.js → index-89607bfb.js} +3 -3
  128. package/build/esm/{index-2b8233e4.js → index-89ee46c7.js} +2 -2
  129. package/build/esm/{index-d7c358a5.js → index-8c660cb4.js} +9 -9
  130. package/build/esm/{index-b585bdcf.js → index-8d8d91ea.js} +2 -2
  131. package/build/esm/{index-762eddd5.js → index-8e9a0415.js} +3 -3
  132. package/build/esm/{index-c45606d0.js → index-8f1dbe1b.js} +3 -3
  133. package/build/esm/{index-fcb55476.js → index-8f79f883.js} +1 -1
  134. package/build/esm/{index-9b85ee88.js → index-939c3fcb.js} +2 -2
  135. package/build/esm/{index-3228fe73.js → index-95a116bd.js} +3 -3
  136. package/build/esm/{index-8bbeefd0.js → index-9774366c.js} +2 -2
  137. package/build/esm/{index-f6014483.js → index-9b81785a.js} +3 -3
  138. package/build/esm/{index-95699fc3.js → index-9c595ae6.js} +2 -2
  139. package/build/esm/{index-3dbaa65c.js → index-9c7fedf7.js} +4 -4
  140. package/build/esm/{index-6ee55e41.js → index-a19c4968.js} +2 -2
  141. package/build/esm/{index-8a45b528.js → index-a1edc896.js} +3 -3
  142. package/build/esm/{index-bb4e02bb.js → index-a5eef19b.js} +2 -2
  143. package/build/esm/{index-3b4c2159.js → index-a6235311.js} +4 -4
  144. package/build/esm/{index-1e2f51a4.js → index-a690b127.js} +72 -72
  145. package/build/esm/{index-078cd67b.js → index-a7010742.js} +4 -4
  146. package/build/esm/{index-a7bac90e.js → index-a90752c0.js} +2 -2
  147. package/build/esm/{index-d55a9a7e.js → index-a91bf001.js} +2 -2
  148. package/build/esm/{index-8c0b2bb8.js → index-addd466a.js} +2 -2
  149. package/build/esm/{index-4676fb4e.js → index-ae4b1c95.js} +2 -2
  150. package/build/esm/{index-cbe6ebf6.js → index-ae8025a0.js} +5 -5
  151. package/build/esm/{index-f07ae5e3.js → index-b0549eeb.js} +2 -2
  152. package/build/esm/{index-e87a247f.js → index-b11ee85d.js} +2 -2
  153. package/build/esm/{index-b48ff828.js → index-b2975c88.js} +2 -2
  154. package/build/esm/{index-f2fa21eb.js → index-b3dd1514.js} +2 -2
  155. package/build/esm/{index-118b13a5.js → index-b4b71c52.js} +2 -2
  156. package/build/esm/{index-b6c7dd0c.js → index-b4dce6fd.js} +2 -2
  157. package/build/esm/{index-6f6a60e6.js → index-b6980bff.js} +2 -2
  158. package/build/esm/{index-70a7973b.js → index-b71ee815.js} +1 -1
  159. package/build/esm/{index-3c3c318c.js → index-bb00d848.js} +1 -1
  160. package/build/esm/{index-51bd18b6.js → index-bd25e428.js} +3 -3
  161. package/build/esm/{index-d09d2e78.js → index-bd3b11d9.js} +20 -20
  162. package/build/esm/{index-c47a93c3.js → index-bd7ba52b.js} +21 -21
  163. package/build/esm/{index-4fcab2c3.js → index-bd893472.js} +2 -2
  164. package/build/esm/{index-b4b3147d.js → index-bf99dd55.js} +2 -2
  165. package/build/esm/{index-5b85f4c4.js → index-c0ebd1d4.js} +66 -66
  166. package/build/esm/{index-a420f78d.js → index-c1487c0c.js} +3 -3
  167. package/build/esm/{index-85a92ece.js → index-c19b15a9.js} +2 -2
  168. package/build/esm/{index-be1865f2.js → index-c4d43896.js} +4 -4
  169. package/build/esm/{index-e2d6b0df.js → index-c5d65d97.js} +3 -3
  170. package/build/esm/{index-506f4693.js → index-c71624cc.js} +2 -2
  171. package/build/esm/{index-301423ea.js → index-c7334423.js} +2 -2
  172. package/build/esm/{index-1eb8bdb0.js → index-c773cfe3.js} +1 -1
  173. package/build/esm/{index-026c3539.js → index-c9b969c6.js} +2 -2
  174. package/build/esm/{index-eaad7e7e.js → index-cb4d86b8.js} +2 -2
  175. package/build/esm/{index-5a279ab4.js → index-ccc7b79d.js} +92 -92
  176. package/build/esm/{index-081fbc72.js → index-cde966db.js} +2 -2
  177. package/build/esm/{index-121f4a63.js → index-ce3fd2dd.js} +26 -26
  178. package/build/esm/{index-d1ab0f05.js → index-ce74bb99.js} +3 -3
  179. package/build/esm/{index-d64ab074.js → index-cedbf151.js} +2 -2
  180. package/build/esm/{index-0b12b386.js → index-cfeaaa9c.js} +7 -7
  181. package/build/esm/{index-7b1f526b.js → index-d372aea8.js} +6 -6
  182. package/build/esm/{index-36b4bfae.js → index-d7041bf7.js} +73 -73
  183. package/build/esm/{index-599d4e78.js → index-d769323f.js} +2 -2
  184. package/build/esm/{index-932f82a4.js → index-d7a5e3bd.js} +2 -2
  185. package/build/esm/{index-c56c568f.js → index-d8ae4dba.js} +2 -2
  186. package/build/esm/{index-36c6766e.js → index-d9d7b423.js} +2 -2
  187. package/build/esm/{index-6245ad27.js → index-dad1850c.js} +2 -2
  188. package/build/esm/{index-8cd30aaf.js → index-dd00c08a.js} +2 -2
  189. package/build/esm/{index-ffb66dd9.js → index-de4bed0f.js} +2 -2
  190. package/build/esm/{index-bce1d817.js → index-de5e28d3.js} +3 -3
  191. package/build/esm/{index-2de4efa0.js → index-df446419.js} +2 -2
  192. package/build/esm/{index-5e50bd94.js → index-df70fbca.js} +91 -91
  193. package/build/esm/{index-b6ec0b5e.js → index-dfc330ea.js} +2 -2
  194. package/build/esm/{index-3e2b13ab.js → index-e08c08d8.js} +9 -9
  195. package/build/esm/{index-f9dd1bac.js → index-e3034188.js} +2 -2
  196. package/build/esm/{index-994947a8.js → index-e5b68b87.js} +4 -4
  197. package/build/esm/{index-f95b1bc6.js → index-e60c3c78.js} +70 -70
  198. package/build/esm/{index-576097fd.js → index-e690d881.js} +8 -8
  199. package/build/esm/{index-f6a72de6.js → index-e71d2a16.js} +3 -3
  200. package/build/esm/{index-a20e793a.js → index-e863e847.js} +2 -2
  201. package/build/esm/{index-c45c5524.js → index-e86bc2cc.js} +6 -6
  202. package/build/esm/{index-cdd79d6c.js → index-e9709105.js} +71 -71
  203. package/build/esm/{index-fad19ea2.js → index-ea6a4215.js} +3 -3
  204. package/build/esm/{index-47bfcfe7.js → index-ec61bc43.js} +74 -74
  205. package/build/esm/{index-7deb0ee0.js → index-edcfe7ed.js} +4 -4
  206. package/build/esm/{index-bd74f057.js → index-efa17f85.js} +4 -4
  207. package/build/esm/{index-f4c158f0.js → index-efbd49c1.js} +90 -90
  208. package/build/esm/{index-406d9a2e.js → index-f0407656.js} +69 -69
  209. package/build/esm/{index-c212e51e.js → index-f105ab14.js} +2 -2
  210. package/build/esm/{index-d9796b87.js → index-f21b64d5.js} +2 -2
  211. package/build/esm/{index-23aff42a.js → index-f31f6e78.js} +2 -2
  212. package/build/esm/{index-f21d797c.js → index-f3392b24.js} +6 -6
  213. package/build/esm/{index-4c5f00ec.js → index-f47b2256.js} +2 -2
  214. package/build/esm/{index-e22909b2.js → index-f5019449.js} +21 -21
  215. package/build/esm/{index-067ab31c.js → index-f53362b9.js} +2 -2
  216. package/build/esm/{index-3013e8c1.js → index-f54121f1.js} +4 -4
  217. package/build/esm/{index-1871d5bf.js → index-f700d17e.js} +2 -2
  218. package/build/esm/{index-fbca4668.js → index-f83c0c38.js} +2 -2
  219. package/build/esm/{index-dec8c7c4.js → index-f8a309aa.js} +4 -4
  220. package/build/esm/{index-26458630.js → index-f91ce5ac.js} +4 -4
  221. package/build/esm/{index-4016493c.js → index-fad229ae.js} +6 -6
  222. package/build/esm/{index-a71893b7.js → index-fb44c1a9.js} +2 -2
  223. package/build/esm/{index-2166bb21.js → index-fc11143a.js} +90 -90
  224. package/build/esm/{index-52596262.js → index-fe8c9859.js} +70 -70
  225. package/build/esm/{index-0107ff4a.js → index-fffa232d.js} +3 -3
  226. package/build/esm/index.js +2 -2
  227. package/build/esm/{index.module-73259041.js → index.module-021d9040.js} +1 -1
  228. package/build/esm/{index.module-2dbd4100.js → index.module-0292f388.js} +1 -1
  229. package/build/esm/{index.module-a89e2263.js → index.module-28ca2798.js} +1 -1
  230. package/build/esm/{index.module-38dd3f21.js → index.module-4770510d.js} +1 -1
  231. package/build/esm/{index.module-9e2d2c6a.js → index.module-706bb3a7.js} +1 -1
  232. package/build/esm/{index.module-dcb94652.js → index.module-8913f507.js} +2 -2
  233. package/build/esm/{index.module-22aca327.js → index.module-b5494b57.js} +1 -1
  234. package/build/esm/{index.module-3f6d1627.js → index.module-c5baf242.js} +1 -1
  235. package/build/esm/{index.module-6f1be6cd.js → index.module-ea5d953f.js} +1 -1
  236. package/build/esm/{useCustomDimensions-9ebe625c.js → useCustomDimensions-a17f4739.js} +1 -1
  237. package/build/esm/{ussIsSticky-f82cb739.js → ussIsSticky-5a77c7e9.js} +1 -1
  238. package/build/types/web-planner-react/src/components/GlobalElements/Checkout/Header/index.d.ts.map +1 -1
  239. package/build/types/web-planner-react/src/components/GlobalElements/Checkout/index.d.ts +2 -2
  240. package/build/types/web-planner-react/src/components/GlobalElements/Checkout/index.d.ts.map +1 -1
  241. package/build/types/web-planner-react/src/components/Product/ProductCenter/Planner3DImage/OrbitInteraction/standard/index.d.ts.map +1 -1
  242. package/build/types/web-planner-react/src/components/Product/ProductCenter/PlannerAIRoom/index.d.ts.map +1 -1
  243. package/build/types/web-planner-react/src/components/Product/ProductCenter/index.d.ts.map +1 -1
  244. package/build/types/web-planner-react/src/components/Product/ProductHeader/Functions/StyleIndicator/index.d.ts.map +1 -1
  245. package/build/types/web-planner-react/src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/StyleConsultant/UnlockCard.d.ts.map +1 -1
  246. package/build/types/web-planner-react/src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/StyleConsultant/index.d.ts.map +1 -1
  247. package/build/types/web-planner-react/src/components/Settings/SettingsScroller/SettingsItem/ItemPalette/Summary/SummaryOverview/AppointmentPreview/index.d.ts.map +1 -1
  248. package/build/types/web-planner-react/src/model/DivaViewHandler.d.ts.map +1 -1
  249. package/build/types/web-planner-react/src/model/Palette/PaletteViewHandler.d.ts.map +1 -1
  250. package/build/types/web-planner-react/src/model/States/UIState/AI/index.d.ts +1 -5
  251. package/build/types/web-planner-react/src/model/States/UIState/AI/index.d.ts.map +1 -1
  252. package/build/types/web-planner-react/src/model/States/UIState/index.d.ts +1 -1
  253. package/build/types/web-planner-react/src/model/States/UIState/index.d.ts.map +1 -1
  254. package/build/types/web-planner-react/src/model/index.d.ts.map +1 -1
  255. package/build/umd/1451.diva-web-planner-react.umd.min.js +1 -1
  256. package/build/umd/1713.diva-web-planner-react.umd.min.js +1 -1
  257. package/build/umd/176.diva-web-planner-react.umd.min.js +1 -1
  258. package/build/umd/2359.diva-web-planner-react.umd.min.js +1 -1
  259. package/build/umd/3134.diva-web-planner-react.umd.min.js +1 -1
  260. package/build/umd/3543.diva-web-planner-react.umd.min.js +1 -1
  261. package/build/umd/419.diva-web-planner-react.umd.min.js +1 -1
  262. package/build/umd/4729.diva-web-planner-react.umd.min.js +1 -1
  263. package/build/umd/4874.diva-web-planner-react.umd.min.js +1 -1
  264. package/build/umd/4982.diva-web-planner-react.umd.min.js +1 -1
  265. package/build/umd/509.diva-web-planner-react.umd.min.js +1 -1
  266. package/build/umd/5090.diva-web-planner-react.umd.min.js +1 -1
  267. package/build/umd/5974.diva-web-planner-react.umd.min.js +1 -1
  268. package/build/umd/6822.diva-web-planner-react.umd.min.js +1 -1
  269. package/build/umd/7692.diva-web-planner-react.umd.min.js +1 -1
  270. package/build/umd/8515.diva-web-planner-react.umd.min.js +1 -1
  271. package/build/umd/9354.diva-web-planner-react.umd.min.js +1 -1
  272. package/build/umd/9638.diva-web-planner-react.umd.min.js +1 -1
  273. package/build/umd/9715.diva-web-planner-react.umd.min.js +1 -1
  274. package/build/umd/9781.diva-web-planner-react.umd.min.js +1 -1
  275. package/build/umd/diva-web-planner-react.umd.min.js +1 -1
  276. package/build/umd/report.html +1 -1
  277. package/package.json +8 -8
  278. package/build/esm/UnlockCard-020fb4b2.js +0 -216
  279. package/build/esm/index-b6d85dd6.js +0 -72
  280. package/build/esm/index-cc820aa8.js +0 -304
  281. package/build/types/web-planner-react/src/components/GlobalElements/Checkout/QuitModal/ConfiguratorQuitModal.d.ts +0 -12
  282. package/build/types/web-planner-react/src/components/GlobalElements/Checkout/QuitModal/ConfiguratorQuitModal.d.ts.map +0 -1
  283. package/build/types/web-planner-react/src/components/GlobalElements/Checkout/QuitModal/openPlannerQuitModal.d.ts +0 -5
  284. package/build/types/web-planner-react/src/components/GlobalElements/Checkout/QuitModal/openPlannerQuitModal.d.ts.map +0 -1
  285. package/build/types/web-planner-react/src/components/GlobalElements/Checkout/QuitModal/quitModalFlow.d.ts +0 -7
  286. package/build/types/web-planner-react/src/components/GlobalElements/Checkout/QuitModal/quitModalFlow.d.ts.map +0 -1
  287. package/build/types/web-planner-react/src/components/GlobalElements/Checkout/handleMail.d.ts +0 -4
  288. package/build/types/web-planner-react/src/components/GlobalElements/Checkout/handleMail.d.ts.map +0 -1
package/build/umd/4874.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 4874.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4874],{44874:(n,e,i)=>{i.r(e),i.d(e,{default:()=>x});var t=i(84658),o=i(34988),r=i(50747),d=i.n(r),a=i(87363),l=i(88683),s=i(44353),p=i(47514);const x=function UnlockCard(n){var e=n.budgetTotal,i=n.leadBonus,r=n.leadKeyActive,x=n.onSubmit,m=n.onSuccess,u=(0,l.useTranslation)().t,c=(0,a.useState)((function(){var n=l.DivaUtils.getCookie("user_key");return n&&l.DivaUtils.validateEmail(n)?n:""})),h=(0,o.Z)(c,2),g=h[0],b=h[1],f=(0,a.useState)((function(){var n=!!localStorage.getItem("diva_lead_key");return r||n||i<=0?"exhausted":"form"})),v=(0,o.Z)(f,2),w=v[0],y=v[1],k=(0,a.useState)(""),z=(0,o.Z)(k,2),M=z[0],S=z[1];(0,a.useEffect)((function(){r&&"form"===w&&y("exhausted")}),[r]);var j=function(){var n=(0,t.Z)(d().mark((function _callee(){var n,e,i,t;return d().wrap((function _callee$(o){for(;;)switch(o.prev=o.next){case 0:return y("loading"),S(""),o.next=4,x(g);case 4:null!=(n=o.sent)&&n.success?(y("success"),setTimeout((function(){return m()}),2500)):"LEAD_KEY_BONUS_EXHAUSTED"===(null==n?void 0:n.reason)?(S(null!==(e=null==n?void 0:n.message)&&void 0!==e?e:""),y("leadBonusExhausted")):"EMAIL_ALREADY_USED"===(null==n?void 0:n.reason)?(S(null!==(i=null==n?void 0:n.message)&&void 0!==i?i:""),y("emailAlreadyUsed")):(S(null!==(t=null==n?void 0:n.message)&&void 0!==t?t:""),y("error"));case 6:case"end":return o.stop()}}),_callee)})));return function handleSubmit(){return n.apply(this,arguments)}}();return"success"===w?(0,p.jsxs)("div",{className:"".concat(s.JK," ").concat(s.J2),children:[(0,p.jsx)("span",{className:s.JZ,children:"✓"}),(0,p.jsx)("p",{className:s.nP,children:u("configurator.inspiration.unlockSuccess","Erfolgreich freigeschaltet – jetzt weiter generieren!")})]}):"exhausted"===w?(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:u("configurator.inspiration.exhaustedTitle","Sie haben heute alle Raumbilder genutzt")}),(0,p.jsx)("p",{className:s._x,children:u("configurator.inspiration.exhaustedText","Ihr Kontingent ist für heute aufgebraucht. Kommen Sie morgen wieder – dann stehen Ihnen neue Raumbilder zur Verfügung.")})]}):"emailAlreadyUsed"===w?(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:u("configurator.inspiration.emailAlreadyUsedTitle","Diese E-Mail-Adresse wurde bereits verwendet")}),(0,p.jsx)("p",{className:s._x,children:u("configurator.inspiration.emailAlreadyUsedText","Die Freischaltung zusätzlicher Raumbilder ist pro E-Mail-Adresse nur einmal möglich.")})]}):"leadBonusExhausted"===w?(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:u("configurator.inspiration.leadKeyBonusExhaustedTitle","Bonus-Kontingent aufgebraucht")}),(0,p.jsx)("p",{className:s._x,children:u("configurator.inspiration.leadKeyBonusExhaustedText","Für diese E-Mail-Adresse sind alle zusätzlichen Raumbilder bereits verbraucht. Es können keine weiteren Bilder mehr freigeschaltet werden.")})]}):(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:u("configurator.inspiration.unlockTitle","Gefällt dir, was du siehst?")}),(0,p.jsx)("p",{className:s._x,children:u("configurator.inspiration.unlockTextLead",{budgetTotal:e,leadBonus:i})}),(0,p.jsx)("input",{type:"email",className:s.eZ,value:g,onChange:function onChange(n){return b(n.target.value)},placeholder:u("configurator.inspiration.emailPlaceholder"),disabled:"loading"===w}),"error"===w&&M&&(0,p.jsx)("p",{className:s._x,children:M}),(0,p.jsxs)("button",{type:"button",className:s.by,disabled:"loading"===w||!l.DivaUtils.validateEmail(g),onClick:j,children:["loading"===w?u("configurator.inspiration.unlocking","Wird freigeschaltet…"):u("configurator.inspiration.unlockButton","".concat(i," weitere Raumbilder freischalten")),"loading"!==w&&(0,p.jsx)("span",{className:s.Sm,children:"→"})]})]})}},41996:(n,e,i)=>{i.d(e,{HM:()=>j,J2:()=>T,JK:()=>N,JZ:()=>G,L_:()=>B,MZ:()=>q,Mt:()=>g,N1:()=>Z,N3:()=>K,Nz:()=>w,RF:()=>F,Se:()=>s,Sm:()=>E,Te:()=>y,X4:()=>L,Xf:()=>x,YO:()=>I,Yh:()=>U,ZP:()=>nn,_g:()=>D,_x:()=>C,a9:()=>z,aH:()=>b,bx:()=>H,by:()=>V,cM:()=>J,cU:()=>v,ch:()=>c,eZ:()=>P,fF:()=>$,fQ:()=>m,fU:()=>Y,fZ:()=>S,fh:()=>A,is:()=>u,lH:()=>O,lr:()=>k,mY:()=>p,nC:()=>a,nP:()=>R,p5:()=>W,pl:()=>M,sG:()=>f,tS:()=>l,tg:()=>Q,tj:()=>X,w:()=>h,zP:()=>_});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([n.id,".index-module--wzL3X {\n padding-top: 16px;\n padding-left: 12px;\n}\n\n.mobile .index-module--wzL3X {\n padding-left: 0px;\n}\n\n.index-module--HfhVm {\n font-size: 14px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-secondary);\n margin: 0;\n}\n\n.index-module--vyBko {\n font-size: 18px;\n font-weight: 300;\n line-height: 1.3;\n letter-spacing: inherit;\n color: var(--diva-theme-palette-text-primary);\n margin: 0 0 8px;\n}\n\n.index-module--gveXM {\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: var(--diva-theme-palette-text-secondary);\n margin: 0 0 16px;\n}\n\n.mobile .index-module--gveXM {\n margin: 0 0 8px;\n}\n\n.index-module--G6Rna {\n margin-bottom: 16px;\n}\n\n.index-module--bdezP {\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: var(--diva-theme-palette-text-secondary);\n margin: 0;\n}\n\n.mobile .index-module--bdezP {\n font-size: 12px;\n}\n\n.index-module--aZSKq {\n margin-bottom: 16px;\n min-height: 60px;\n overflow: visible;\n}\n\n.index-module--aZSKq .swiper {\n position: relative;\n overflow: hidden;\n list-style: none;\n padding: 6px 0;\n z-index: 1;\n}\n\n.index-module--aZSKq .swiper-wrapper {\n position: relative;\n width: calc(100% - 24px);\n height: 100%;\n z-index: 1;\n display: flex;\n align-items: center;\n transition-property: transform;\n padding: 12px;\n}\n\n.index-module--G6Rna .index-module--aZSKq .swiper-slide {\n flex-shrink: 0;\n width: 28%;\n display: flex;\n align-items: center;\n overflow: visible;\n}\n\n.index-module--aZSKq .swiper-button-prev,\n.index-module--aZSKq .swiper-button-next {\n position: absolute;\n top: 50%;\n width: 24px;\n height: 24px;\n margin-top: -12px;\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n}\n.index-module--aZSKq .swiper-button-prev svg,\n.index-module--aZSKq .swiper-button-next svg {\n display: none;\n}\n\n.index-module--aZSKq .swiper-button-prev:focus,\n.index-module--aZSKq .swiper-button-prev:active,\n.index-module--aZSKq .swiper-button-next:focus,\n.index-module--aZSKq .swiper-button-next:active {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--aZSKq .swiper-button-prev::before,\n.index-module--aZSKq .swiper-button-next::before {\n display: none !important;\n}\n\n.index-module--aZSKq .swiper-button-prev:after,\n.index-module--aZSKq .swiper-button-next:after {\n font-family: swiper-icons;\n font-size: 24px;\n}\n\n.index-module--aZSKq .swiper-button-prev,\n.index-module--aZSKq .swiper-rtl .swiper-button-next {\n left: 4px;\n right: auto;\n}\n\n.index-module--aZSKq .swiper-button-next,\n.index-module--aZSKq .swiper-rtl .swiper-button-prev {\n right: 4px;\n left: auto;\n}\n\n.index-module--aZSKq .swiper-button-disabled {\n display: none;\n}\n\n.index-module--pFM1x {\n position: relative;\n width: 100%;\n min-width: 0;\n padding: 0;\n border: 2px solid transparent;\n border-radius: 10px;\n overflow: hidden;\n cursor: pointer;\n background: none;\n transition:\n border-color 0.2s,\n box-shadow 0.2s;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n aspect-ratio: 4 / 3;\n}\n\n.index-module--pFM1x:hover:not(:disabled) {\n border-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--pFM1x:focus,\n.index-module--pFM1x:active {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--pFM1x:disabled {\n cursor: not-allowed;\n opacity: 0.55;\n}\n\n.index-module--xmg3Q {\n border-color: var(--diva-theme-palette-primary-main);\n box-shadow: 0 0 0 1px var(--diva-theme-palette-primary-main);\n}\n\n.index-module--zTGew {\n position: relative;\n width: calc(100% - 24px);\n margin-left: 12px;\n margin-right: 12px;\n border-radius: 12px;\n overflow: hidden;\n margin-bottom: 4px;\n aspect-ratio: 5 / 3;\n}\n\n.index-module--mMYtn {\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n display: block;\n}\n\n.index-module--grjwv {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 24px 20px 20px;\n background: linear-gradient(to top, rgba(0, 0, 0, 0.45) 0%, transparent 100%);\n color: #fff;\n}\n\n.index-module--XFwBR {\n font-size: 22px;\n font-weight: 400;\n line-height: 1.3;\n margin: 0 0 4px;\n color: #fff;\n}\n\n.index-module--IQC5h {\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n margin: 0;\n color: rgba(255, 255, 255, 0.9);\n}\n\n.index-module--lU5QC {\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n border-radius: 8px;\n}\n\n.index-module--IBhOk {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 4px 6px 6px;\n font-size: 11px;\n font-weight: 400;\n line-height: 1.3;\n color: #fff;\n text-align: center;\n background: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, transparent 100%);\n pointer-events: none;\n}\n\n.index-module--Mm_Ad {\n margin-bottom: 16px;\n}\n\n.mobile .index-module--Mm_Ad {\n margin-bottom: 8px;\n}\n\n.index-module--Imnn0 {\n display: flex;\n align-items: center;\n gap: 6px;\n padding: 0;\n margin-bottom: 10px;\n font-size: 13px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-secondary);\n background: none;\n border: none;\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n}\n\n.index-module--Imnn0:hover {\n color: var(--diva-theme-palette-text-primary);\n}\n\n.index-module--n5d05 {\n color: var(--diva-theme-palette-text-primary);\n}\n\n.index-module--fP54b {\n width: calc(100% - 28px);\n padding: 12px 14px;\n font-size: 16px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-primary);\n border: 1px solid #e8e3da;\n border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n border-radius: 24px;\n background: var(--settingsBackgroundColor);\n margin-bottom: 10px;\n}\n\n.index-module--fP54b:focus {\n outline: none;\n border-color: var(--diva-theme-palette-primary-main);\n box-shadow: 0 0 0 1px var(--diva-theme-palette-primary-main);\n}\n\n.index-module--fP54b::-moz-placeholder {\n color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--fP54b::placeholder {\n color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--mjBGC {\n margin-bottom: 4px;\n}\n\n.index-module--mjBGC .swiper {\n position: relative;\n overflow: hidden;\n padding: 2px 0;\n}\n\n.index-module--mjBGC .swiper-wrapper {\n display: flex;\n align-items: center;\n}\n\n.index-module--mjBGC .swiper-slide {\n width: auto !important;\n}\n\n.index-module--mjBGC .swiper-slide {\n flex-shrink: 0;\n}\n\n.index-module--mjBGC .swiper-button-prev,\n.index-module--mjBGC .swiper-button-next {\n display: none;\n}\n\n.index-module--_FEnM {\n padding: 8px 16px;\n font-size: 13px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-primary);\n background: var(--settingsBackgroundColor);\n border: 1px solid #e8e3da;\n border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n border-radius: 20px;\n cursor: pointer;\n white-space: nowrap;\n transition:\n border-color 0.2s,\n background 0.2s;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n}\n\n.index-module--_FEnM:hover {\n border-color: var(--diva-theme-palette-primary-main);\n background: color-mix(in srgb, var(--diva-theme-palette-primary-main) 6%, #fff);\n background: color-mix(in srgb, var(--diva-theme-palette-primary-main) 6%, var(--settingsBackgroundColor, #fff));\n}\n\n.index-module--NybYq {\n margin-bottom: 24px;\n}\n\n.index-module--aFhln {\n width: calc(100% - 48px);\n padding: 16px 24px;\n font-size: 16px;\n font-weight: 400;\n color: #fff;\n color: var(--diva-theme-palette-primary-contrast-text, #fff);\n background: var(--diva-theme-palette-primary-main);\n border: none;\n border-radius: 16px;\n cursor: pointer;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n transition:\n background 0.2s,\n box-shadow 0.2s,\n transform 0.15s;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 2px;\n}\n\n.index-module--aFhln:focus,\n.index-module--aFhln:active {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--aFhln:hover:not(:disabled) {\n background: var(--diva-theme-palette-primary-dark);\n box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);\n transform: translateY(-1px);\n}\n\n.index-module--aFhln:disabled {\n cursor: not-allowed;\n opacity: 0.7;\n}\n\n.index-module--nu_Ms {\n font-size: 12px;\n font-weight: 300;\n opacity: 0.75;\n}\n\n.index-module--kSA5W {\n font-size: 12px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-secondary);\n text-align: center;\n margin: 8px 0 0;\n}\n\n.index-module--YivLn {\n font-size: 13px;\n font-weight: 400;\n line-height: 1.5;\n color: #d32f2f;\n color: var(--diva-theme-palette-error-main, #d32f2f);\n background: color-mix(in srgb, #d32f2f 8%, transparent);\n background: color-mix(in srgb, var(--diva-theme-palette-error-main, #d32f2f) 8%, transparent);\n border: 1px solid color-mix(in srgb, #d32f2f 25%, transparent);\n border: 1px solid color-mix(in srgb, var(--diva-theme-palette-error-main, #d32f2f) 25%, transparent);\n border-radius: 4px;\n border-radius: var(--globalBorderRadius, 4px);\n padding: 10px 14px;\n margin: 12px 0 0;\n text-align: center;\n}\n\n.index-module--P1E7G {\n padding: 24px 20px;\n border: 2px solid color-mix(in srgb, var(--diva-theme-palette-primary-main) 20%, transparent);\n border-radius: 4px;\n border-radius: var(--globalBorderRadius, 4px);\n background: var(--settingsBackgroundColor);\n text-align: center;\n}\n\n.index-module--gbyhE {\n font-size: 18px;\n font-weight: 300;\n\n color: var(--diva-theme-palette-primary-main);\n margin: 0 0 12px;\n}\n\n.index-module--T4neK {\n font-size: 14px;\n font-weight: 300;\n line-height: 1.6;\n color: var(--diva-theme-palette-text-secondary);\n margin: 0 0 16px;\n}\n\n.index-module--SVhBo {\n width: calc(100% - 28px);\n padding: 12px 14px;\n font-size: 16px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-primary);\n border: 1px solid #e8e3da;\n border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n border-radius: 4px;\n border-radius: var(--globalBorderRadius, 4px);\n background: var(--settingsBackgroundColor);\n margin-bottom: 12px;\n}\n\n.index-module--SVhBo:focus {\n outline: none;\n border-color: var(--diva-theme-palette-primary-main);\n box-shadow: 0 0 0 1px var(--diva-theme-palette-primary-main);\n}\n\n.index-module--SVhBo::-moz-placeholder {\n color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--SVhBo::placeholder {\n color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--jsuNR {\n width: calc(100% - 48px);\n padding: 14px 24px;\n font-size: 14px;\n font-weight: 400;\n color: #fff;\n color: var(--diva-theme-palette-primary-contrast-text, #fff);\n background: var(--diva-theme-palette-primary-main);\n border: none;\n border-radius: var(--buttons-border-radius);\n cursor: pointer;\n transition:\n background 0.2s,\n box-shadow 0.2s;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n}\n\n.index-module--jsuNR:focus,\n.index-module--jsuNR:active {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--jsuNR:hover:not(:disabled) {\n background: var(--diva-theme-palette-primary-dark);\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);\n box-shadow: var(--boxShadowActive, 0 6px 12px rgba(0, 0, 0, 0.15));\n}\n\n.index-module--jsuNR:disabled {\n cursor: not-allowed;\n opacity: 0.7;\n}\n\n.index-module--DBkmW {\n font-size: 18px;\n line-height: 1;\n}\n\n.index-module--ZuwzE {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 12px;\n min-height: 120px;\n}\n\n.index-module--cFEvx {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: var(--diva-theme-palette-primary-main);\n color: #fff;\n color: var(--diva-theme-palette-primary-contrast-text, #fff);\n font-size: 20px;\n line-height: 1;\n}\n\n.index-module--mT13P {\n font-size: 15px;\n font-weight: 400;\n color: var(--diva-theme-palette-text-primary);\n margin: 0;\n}\n\n.index-module--Q2H7T {\n display: block;\n margin: 12px auto 24px;\n padding: 0;\n font-size: 14px;\n font-weight: 300;\n color: var(--diva-theme-palette-primary-main);\n text-decoration: underline;\n text-underline-offset: 3px;\n background: none;\n border: none;\n cursor: pointer;\n transition: color 0.15s;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--Q2H7T:hover {\n color: var(--diva-theme-palette-primary-dark);\n}\n\n.index-module--mwN_Y {\n}\n\n.index-module--keDwN {\n font-size: 15px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-secondary);\n margin: 0 0 0 2px;\n}\n\n.index-module--MFAVd {\n padding-bottom: 8px;\n}\n\n.index-module--MFAVd .swiper {\n position: relative;\n overflow: hidden;\n list-style: none;\n padding: 0;\n z-index: 1;\n}\n\n.index-module--MFAVd .swiper-wrapper {\n position: relative;\n height: 100%;\n z-index: 1;\n display: flex;\n align-items: center;\n transition-property: transform;\n padding: 12px 3px;\n}\n\n.index-module--mwN_Y .index-module--MFAVd .swiper-slide {\n flex-shrink: 0;\n width: 108px;\n height: auto;\n}\n\n.index-module--MFAVd .swiper-button-prev,\n.index-module--MFAVd .swiper-button-next {\n position: absolute;\n top: 50%;\n width: 24px;\n height: 24px;\n margin-top: -12px;\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n}\n\n.index-module--MFAVd .swiper-button-prev svg,\n.index-module--MFAVd .swiper-button-next svg {\n display: none;\n}\n\n.index-module--MFAVd .swiper-button-prev:focus,\n.index-module--MFAVd .swiper-button-prev:active,\n.index-module--MFAVd .swiper-button-next:focus,\n.index-module--MFAVd .swiper-button-next:active {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--MFAVd .swiper-button-prev::before,\n.index-module--MFAVd .swiper-button-next::before {\n display: none !important;\n}\n\n.index-module--MFAVd .swiper-button-prev:after,\n.index-module--MFAVd .swiper-button-next:after {\n font-family: swiper-icons;\n font-size: 24px;\n}\n\n.index-module--MFAVd .swiper-button-prev,\n.index-module--MFAVd .swiper-rtl .swiper-button-next {\n left: 4px;\n right: auto;\n}\n\n.index-module--MFAVd .swiper-button-next,\n.index-module--MFAVd .swiper-rtl .swiper-button-prev {\n right: 4px;\n left: auto;\n}\n\n.index-module--MFAVd .swiper-button-prev:after {\n content: 'prev';\n}\n\n.index-module--MFAVd .swiper-button-next:after {\n content: 'next';\n}\n\n.index-module--MFAVd .swiper-button-disabled {\n display: none;\n}\n\n.index-module--ZSu4D {\n position: relative;\n width: 100%;\n aspect-ratio: 4 / 3;\n flex-shrink: 0;\n overflow: hidden;\n border-radius: 8px;\n border: 1px solid #e8e3da;\n border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n cursor: pointer;\n transition:\n border-color 0.2s,\n box-shadow 0.2s;\n}\n\n.index-module--ZSu4D:hover {\n border-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--IIB9r {\n border-color: var(--diva-theme-palette-primary-main);\n box-shadow: 0 0 0 1px var(--diva-theme-palette-primary-main);\n}\n\n.index-module--ZSu4D img {\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n}\n\n.index-module--GGzws {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 12px 6px 5px;\n font-size: 10px;\n font-weight: 400;\n line-height: 1.2;\n color: #fff;\n text-align: center;\n background: linear-gradient(to top, rgba(0, 0, 0, 0.45) 0%, transparent 100%);\n pointer-events: none;\n}\n\n.index-module--H4FiG {\n position: relative;\n width: 100%;\n aspect-ratio: 4 / 3;\n flex-shrink: 0;\n overflow: hidden;\n border-radius: 8px;\n border: 1px solid #e8e3da;\n border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n background: #f5efe8;\n display: flex;\n align-items: center;\n justify-content: center;\n transition:\n border-color 0.2s,\n box-shadow 0.2s;\n}\n\n.index-module--x3KHo {\n border-color: var(--diva-theme-palette-primary-main);\n box-shadow: 0 0 0 1px var(--diva-theme-palette-primary-main);\n}\n\n.index-module--hkfnv {\n font-size: 24px;\n opacity: 0.5;\n color: #c9a96e;\n}\n\n.index-module--JBQI_ {\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n opacity: 0.6;\n}\n\n.index-module--BZg2m {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background: rgba(255, 255, 255, 0.55);\n -webkit-backdrop-filter: blur(1px);\n backdrop-filter: blur(1px);\n}\n\n.index-module--KtjLB {\n width: 22px;\n height: 22px;\n border: 2px solid rgba(0, 0, 0, 0.15);\n border-top-color: var(--diva-theme-palette-primary-main);\n border-radius: 50%;\n animation: index-module--M9Lc_ 0.8s linear infinite;\n}\n\n@keyframes index-module--M9Lc_ {\n to {\n transform: rotate(360deg);\n }\n}\n",""]);var a="index-module--wzL3X",l="index-module--HfhVm",s="index-module--vyBko",p="index-module--gveXM",x="index-module--G6Rna",m="index-module--bdezP",u="index-module--aZSKq",c="index-module--pFM1x",h="index-module--xmg3Q",g="index-module--zTGew",b="index-module--mMYtn",f="index-module--grjwv",v="index-module--XFwBR",w="index-module--IQC5h",y="index-module--lU5QC",k="index-module--IBhOk",z="index-module--Mm_Ad",M="index-module--fP54b",S="index-module--mjBGC",j="index-module--_FEnM",F="index-module--NybYq",Z="index-module--aFhln",B="index-module--nu_Ms",A="index-module--kSA5W",K="index-module--YivLn",N="index-module--P1E7G",_="index-module--gbyhE",C="index-module--T4neK",P="index-module--SVhBo",V="index-module--jsuNR",E="index-module--DBkmW",T="index-module--ZuwzE",G="index-module--cFEvx",R="index-module--mT13P",q="index-module--Q2H7T",I="index-module--mwN_Y",Y="index-module--keDwN",D="index-module--MFAVd",H="index-module--ZSu4D",U="index-module--IIB9r",J="index-module--GGzws",L="index-module--H4FiG",X="index-module--x3KHo",Q="index-module--hkfnv",W="index-module--JBQI_",O="index-module--BZg2m",$="index-module--KtjLB";const nn=d},44353:(n,e,i)=>{i.d(e,{HM:()=>h.HM,J2:()=>h.J2,JK:()=>h.JK,JZ:()=>h.JZ,L_:()=>h.L_,MZ:()=>h.MZ,Mt:()=>h.Mt,N1:()=>h.N1,N3:()=>h.N3,Nz:()=>h.Nz,RF:()=>h.RF,Se:()=>h.Se,Sm:()=>h.Sm,Te:()=>h.Te,X4:()=>h.X4,Xf:()=>h.Xf,YO:()=>h.YO,Yh:()=>h.Yh,_g:()=>h._g,_x:()=>h._x,a9:()=>h.a9,aH:()=>h.aH,bx:()=>h.bx,by:()=>h.by,cM:()=>h.cM,cU:()=>h.cU,ch:()=>h.ch,eZ:()=>h.eZ,fF:()=>h.fF,fQ:()=>h.fQ,fU:()=>h.fU,fZ:()=>h.fZ,fh:()=>h.fh,is:()=>h.is,lH:()=>h.lH,lr:()=>h.lr,mY:()=>h.mY,nC:()=>h.nC,nP:()=>h.nP,p5:()=>h.p5,pl:()=>h.pl,sG:()=>h.sG,tS:()=>h.tS,tg:()=>h.tg,tj:()=>h.tj,w:()=>h.w,zP:()=>h.zP});var t=i(93379),o=i.n(t),r=i(7795),d=i.n(r),a=i(90569),l=i.n(a),s=i(3565),p=i.n(s),x=i(19216),m=i.n(x),u=i(44589),c=i.n(u),h=i(41996),g={};g.styleTagTransform=c(),g.setAttributes=p(),g.insert=l().bind(null,"head"),g.domAPI=d(),g.insertStyleElement=m();o()(h.ZP,g),h.ZP&&h.ZP.locals&&h.ZP.locals}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4874],{44874:(n,e,i)=>{i.r(e),i.d(e,{default:()=>x});var t=i(84658),o=i(34988),r=i(50747),d=i.n(r),a=i(87363),l=i(88683),s=i(44353),p=i(47514);const x=function UnlockCard(n){var e=n.budgetTotal,i=n.leadBonus,r=n.leadKeyActive,x=n.onSubmit,u=n.onSuccess,m=(0,l.useTranslation)().t,c=(0,a.useState)(""),h=(0,o.Z)(c,2),g=h[0],b=h[1],v=(0,a.useState)(r||i<=0?"exhausted":"form"),f=(0,o.Z)(v,2),w=f[0],y=f[1],S=(0,a.useState)(""),k=(0,o.Z)(S,2),Z=k[0],z=k[1],M=function(){var n=(0,t.Z)(d().mark((function _callee(){var n,e,i,t;return d().wrap((function _callee$(o){for(;;)switch(o.prev=o.next){case 0:return y("loading"),z(""),o.next=4,x(g);case 4:null!=(n=o.sent)&&n.success?(y("success"),setTimeout((function(){return u()}),2500)):"LEAD_KEY_BONUS_EXHAUSTED"===(null==n?void 0:n.reason)?(z(null!==(e=null==n?void 0:n.message)&&void 0!==e?e:""),y("leadBonusExhausted")):"EMAIL_ALREADY_USED"===(null==n?void 0:n.reason)?(z(null!==(i=null==n?void 0:n.message)&&void 0!==i?i:""),y("emailAlreadyUsed")):(z(null!==(t=null==n?void 0:n.message)&&void 0!==t?t:""),y("error"));case 6:case"end":return o.stop()}}),_callee)})));return function handleSubmit(){return n.apply(this,arguments)}}();return"success"===w?(0,p.jsxs)("div",{className:"".concat(s.JK," ").concat(s.J2),children:[(0,p.jsx)("span",{className:s.JZ,children:"✓"}),(0,p.jsx)("p",{className:s.nP,children:m("configurator.inspiration.unlockSuccess","Erfolgreich freigeschaltet – jetzt weiter generieren!")})]}):"exhausted"===w?(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:m("configurator.inspiration.exhaustedTitle","Sie haben heute alle Raumbilder genutzt")}),(0,p.jsx)("p",{className:s._x,children:m("configurator.inspiration.exhaustedText","Ihr Kontingent ist für heute aufgebraucht. Kommen Sie morgen wieder – dann stehen Ihnen neue Raumbilder zur Verfügung.")})]}):"emailAlreadyUsed"===w?(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:m("configurator.inspiration.emailAlreadyUsedTitle","Diese E-Mail-Adresse wurde bereits verwendet")}),(0,p.jsx)("p",{className:s._x,children:m("configurator.inspiration.emailAlreadyUsedText","Die Freischaltung zusätzlicher Raumbilder ist pro E-Mail-Adresse nur einmal möglich.")})]}):"leadBonusExhausted"===w?(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:m("configurator.inspiration.leadKeyBonusExhaustedTitle","Bonus-Kontingent aufgebraucht")}),(0,p.jsx)("p",{className:s._x,children:m("configurator.inspiration.leadKeyBonusExhaustedText","Für diese E-Mail-Adresse sind alle zusätzlichen Raumbilder bereits verbraucht. Es können keine weiteren Bilder mehr freigeschaltet werden.")})]}):(0,p.jsxs)("div",{className:s.JK,children:[(0,p.jsx)("h4",{className:s.zP,children:m("configurator.inspiration.unlockTitle","Gefällt Ihnen, was Sie sehen?")}),(0,p.jsx)("p",{className:s._x,children:m("configurator.inspiration.unlockTextLead",{budgetTotal:e,leadBonus:i})}),(0,p.jsx)("input",{type:"email",className:s.eZ,value:g,onChange:function onChange(n){return b(n.target.value)},placeholder:m("configurator.inspiration.emailPlaceholder","ihre.email@beispiel.de"),disabled:"loading"===w}),"error"===w&&Z&&(0,p.jsx)("p",{className:s._x,children:Z}),(0,p.jsxs)("button",{type:"button",className:s.by,disabled:"loading"===w||!l.DivaUtils.validateEmail(g),onClick:M,children:["loading"===w?m("configurator.inspiration.unlocking","Wird freigeschaltet…"):m("configurator.inspiration.unlockButton","".concat(i," weitere Raumbilder freischalten")),"loading"!==w&&(0,p.jsx)("span",{className:s.Sm,children:"→"})]})]})}},41996:(n,e,i)=>{i.d(e,{J2:()=>j,JK:()=>z,JZ:()=>B,M3:()=>v,MZ:()=>V,N1:()=>S,N3:()=>Z,RF:()=>y,Se:()=>s,Sm:()=>N,Te:()=>g,Xf:()=>x,YO:()=>E,Yh:()=>_,ZP:()=>C,Zg:()=>b,_g:()=>T,_x:()=>A,a9:()=>f,bx:()=>q,by:()=>K,ch:()=>c,eZ:()=>F,fQ:()=>u,fU:()=>R,fh:()=>k,is:()=>m,mY:()=>p,nC:()=>a,nP:()=>P,pl:()=>w,tS:()=>l,w:()=>h,zP:()=>M});var t=i(8081),o=i.n(t),r=i(23645),d=i.n(r)()(o());d.push([n.id,".index-module--wzL3X {\n padding-top: 16px;\n padding-left: 12px;\n}\n\n.mobile .index-module--wzL3X {\n padding-left: 0px;\n}\n\n.index-module--HfhVm {\n font-size: 14px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-secondary);\n margin: 0;\n}\n\n.index-module--vyBko {\n font-size: 18px;\n font-weight: 300;\n line-height: 1.3;\n letter-spacing: inherit;\n color: var(--diva-theme-palette-text-primary);\n margin: 0 0 8px;\n}\n\n.index-module--gveXM {\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: var(--diva-theme-palette-text-secondary);\n margin: 0 0 16px;\n}\n\n.mobile .index-module--gveXM {\n margin: 0 0 8px;\n}\n\n.index-module--G6Rna {\n margin-bottom: 16px;\n}\n\n.index-module--bdezP {\n font-size: 14px;\n font-weight: 300;\n line-height: 1.5;\n color: var(--diva-theme-palette-text-secondary);\n margin: 0;\n}\n\n.mobile .index-module--bdezP {\n font-size: 12px;\n}\n\n.index-module--aZSKq {\n margin-bottom: 16px;\n min-height: 60px;\n overflow: visible;\n}\n\n.index-module--aZSKq .swiper {\n position: relative;\n overflow: hidden;\n list-style: none;\n padding: 6px 0;\n z-index: 1;\n}\n\n.index-module--aZSKq .swiper-wrapper {\n position: relative;\n width: calc(100% - 24px);\n height: 100%;\n z-index: 1;\n display: flex;\n align-items: center;\n transition-property: transform;\n justify-content: center;\n padding: 12px;\n}\n\n.index-module--G6Rna .index-module--aZSKq .swiper-slide {\n flex-shrink: 0;\n width: 18%;\n aspect-ratio: 1;\n display: flex;\n align-items: center;\n overflow: visible;\n}\n\n.index-module--aZSKq .swiper-button-prev,\n.index-module--aZSKq .swiper-button-next {\n position: absolute;\n top: 50%;\n width: 24px;\n height: 24px;\n margin-top: -12px;\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n}\n.index-module--aZSKq .swiper-button-prev svg,\n.index-module--aZSKq .swiper-button-next svg {\n display: none;\n}\n\n.index-module--aZSKq .swiper-button-prev:focus,\n.index-module--aZSKq .swiper-button-prev:active,\n.index-module--aZSKq .swiper-button-next:focus,\n.index-module--aZSKq .swiper-button-next:active {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--aZSKq .swiper-button-prev::before,\n.index-module--aZSKq .swiper-button-next::before {\n display: none !important;\n}\n\n.index-module--aZSKq .swiper-button-prev:after,\n.index-module--aZSKq .swiper-button-next:after {\n font-family: swiper-icons;\n font-size: 24px;\n}\n\n.index-module--aZSKq .swiper-button-prev,\n.index-module--aZSKq .swiper-rtl .swiper-button-next {\n left: 4px;\n right: auto;\n}\n\n.index-module--aZSKq .swiper-button-next,\n.index-module--aZSKq .swiper-rtl .swiper-button-prev {\n right: 4px;\n left: auto;\n}\n\n.index-module--aZSKq .swiper-button-disabled {\n display: none;\n}\n\n.index-module--pFM1x {\n width: 100%;\n height: 100%;\n min-width: 0;\n padding: 0;\n border: none;\n border-radius: 50%;\n overflow: hidden;\n cursor: pointer;\n background: none;\n transition:\n opacity 0.2s,\n box-shadow 0.2s;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n}\n\n.index-module--pFM1x:hover {\n opacity: 0.8;\n}\n\n.index-module--pFM1x:focus,\n.index-module--pFM1x:active {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--xmg3Q {\n box-shadow: 0 0 0 3px var(--diva-theme-palette-primary-main);\n outline-offset: 2px;\n}\n\n.index-module--lU5QC {\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n}\n\n.index-module--ZbFvM {\n text-align: center;\n}\n\n.index-module--G1goE {\n font-size: 16px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-primary);\n margin: 0 0 8px;\n}\n\n.index-module--Mm_Ad {\n margin-bottom: 16px;\n}\n\n.index-module--fP54b {\n width: calc(100% - 28px);\n padding: 10px 14px;\n font-size: 16px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-primary);\n border: 1px solid #e8e3da;\n border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n border-radius: 4px;\n border-radius: var(--globalBorderRadius, 4px);\n background: var(--settingsBackgroundColor);\n}\n\n.index-module--fP54b:focus {\n outline: none;\n border-color: var(--diva-theme-palette-primary-main);\n box-shadow: 0 0 0 1px var(--diva-theme-palette-primary-main);\n}\n\n.index-module--fP54b::-moz-placeholder {\n color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--fP54b::placeholder {\n color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--NybYq {\n margin-bottom: 24px;\n}\n\n.index-module--aFhln {\n width: calc(100% - 48px);\n padding: 14px 24px;\n font-size: 16px;\n font-weight: 300;\n color: #fff;\n color: var(--diva-theme-palette-primary-contrast-text, #fff);\n background: var(--diva-theme-palette-primary-main);\n border: none;\n border-radius: var(--buttons-border-radius);\n cursor: pointer;\n box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n box-shadow: var(--boxShadowHover, 0 4px 6px rgba(0, 0, 0, 0.1));\n transition:\n background 0.2s,\n box-shadow 0.2s;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n}\n\n.index-module--aFhln:focus,\n.index-module--aFhln:active {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--aFhln:hover:not(:disabled) {\n background: var(--diva-theme-palette-primary-dark);\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);\n box-shadow: var(--boxShadowActive, 0 6px 12px rgba(0, 0, 0, 0.15));\n}\n\n.index-module--aFhln:disabled {\n cursor: not-allowed;\n opacity: 0.7;\n}\n\n.index-module--kSA5W {\n font-size: 12px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-secondary);\n text-align: center;\n margin: 8px 0 0;\n}\n\n.index-module--YivLn {\n font-size: 13px;\n font-weight: 400;\n line-height: 1.5;\n color: #d32f2f;\n color: var(--diva-theme-palette-error-main, #d32f2f);\n background: color-mix(in srgb, #d32f2f 8%, transparent);\n background: color-mix(in srgb, var(--diva-theme-palette-error-main, #d32f2f) 8%, transparent);\n border: 1px solid color-mix(in srgb, #d32f2f 25%, transparent);\n border: 1px solid color-mix(in srgb, var(--diva-theme-palette-error-main, #d32f2f) 25%, transparent);\n border-radius: 4px;\n border-radius: var(--globalBorderRadius, 4px);\n padding: 10px 14px;\n margin: 12px 0 0;\n text-align: center;\n}\n\n.index-module--P1E7G {\n padding: 24px 20px;\n border: 2px solid color-mix(in srgb, var(--diva-theme-palette-primary-main) 20%, transparent);\n border-radius: 4px;\n border-radius: var(--globalBorderRadius, 4px);\n background: var(--settingsBackgroundColor);\n text-align: center;\n}\n\n.index-module--gbyhE {\n font-size: 18px;\n font-weight: 300;\n\n color: var(--diva-theme-palette-primary-main);\n margin: 0 0 12px;\n}\n\n.index-module--T4neK {\n font-size: 14px;\n font-weight: 300;\n line-height: 1.6;\n color: var(--diva-theme-palette-text-secondary);\n margin: 0 0 16px;\n}\n\n.index-module--SVhBo {\n width: calc(100% - 28px);\n padding: 12px 14px;\n font-size: 16px;\n font-weight: 300;\n color: var(--diva-theme-palette-text-primary);\n border: 1px solid #e8e3da;\n border: 1px solid var(--galleryItemBorderColor, #e8e3da);\n border-radius: 4px;\n border-radius: var(--globalBorderRadius, 4px);\n background: var(--settingsBackgroundColor);\n margin-bottom: 12px;\n}\n\n.index-module--SVhBo:focus {\n outline: none;\n border-color: var(--diva-theme-palette-primary-main);\n box-shadow: 0 0 0 1px var(--diva-theme-palette-primary-main);\n}\n\n.index-module--SVhBo::-moz-placeholder {\n color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--SVhBo::placeholder {\n color: var(--diva-theme-palette-text-secondary);\n}\n\n.index-module--jsuNR {\n width: calc(100% - 48px);\n padding: 14px 24px;\n font-size: 14px;\n font-weight: 400;\n color: #fff;\n color: var(--diva-theme-palette-primary-contrast-text, #fff);\n background: var(--diva-theme-palette-primary-main);\n border: none;\n border-radius: var(--buttons-border-radius);\n cursor: pointer;\n transition:\n background 0.2s,\n box-shadow 0.2s;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 8px;\n}\n\n.index-module--jsuNR:focus,\n.index-module--jsuNR:active {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--jsuNR:hover:not(:disabled) {\n background: var(--diva-theme-palette-primary-dark);\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);\n box-shadow: var(--boxShadowActive, 0 6px 12px rgba(0, 0, 0, 0.15));\n}\n\n.index-module--jsuNR:disabled {\n cursor: not-allowed;\n opacity: 0.7;\n}\n\n.index-module--DBkmW {\n font-size: 18px;\n line-height: 1;\n}\n\n.index-module--ZuwzE {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 12px;\n min-height: 120px;\n}\n\n.index-module--cFEvx {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: var(--diva-theme-palette-primary-main);\n color: #fff;\n color: var(--diva-theme-palette-primary-contrast-text, #fff);\n font-size: 20px;\n line-height: 1;\n}\n\n.index-module--mT13P {\n font-size: 15px;\n font-weight: 400;\n color: var(--diva-theme-palette-text-primary);\n margin: 0;\n}\n\n.index-module--Q2H7T {\n display: block;\n margin: 12px auto 24px;\n padding: 0;\n font-size: 14px;\n font-weight: 300;\n color: var(--diva-theme-palette-primary-main);\n text-decoration: underline;\n text-underline-offset: 3px;\n background: none;\n border: none;\n cursor: pointer;\n transition: color 0.15s;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--Q2H7T:hover {\n color: var(--diva-theme-palette-primary-dark);\n}\n\n.index-module--mwN_Y {\n margin-top: 24px;\n}\n\n.index-module--keDwN {\n font-size: 12px;\n font-weight: 300;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n color: var(--diva-theme-palette-text-secondary);\n margin: 0 0 12px;\n}\n\n.index-module--MFAVd {\n padding-bottom: 8px;\n}\n\n.index-module--MFAVd .swiper {\n position: relative;\n overflow: hidden;\n list-style: none;\n padding: 0;\n z-index: 1;\n}\n\n.index-module--MFAVd .swiper-wrapper {\n position: relative;\n height: 100%;\n z-index: 1;\n display: flex;\n align-items: center;\n transition-property: transform;\n padding: 12px;\n}\n\n.index-module--mwN_Y .index-module--MFAVd .swiper-slide {\n flex-shrink: 0;\n width: 80px;\n height: 80px;\n}\n\n.index-module--MFAVd .swiper-button-prev,\n.index-module--MFAVd .swiper-button-next {\n position: absolute;\n top: 50%;\n width: 24px;\n height: 24px;\n margin-top: -12px;\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n -webkit-tap-highlight-color: transparent;\n outline: none;\n}\n\n.index-module--MFAVd .swiper-button-prev svg,\n.index-module--MFAVd .swiper-button-next svg {\n display: none;\n}\n\n.index-module--MFAVd .swiper-button-prev:focus,\n.index-module--MFAVd .swiper-button-prev:active,\n.index-module--MFAVd .swiper-button-next:focus,\n.index-module--MFAVd .swiper-button-next:active {\n outline: none;\n -webkit-tap-highlight-color: transparent;\n}\n\n.index-module--MFAVd .swiper-button-prev::before,\n.index-module--MFAVd .swiper-button-next::before {\n display: none !important;\n}\n\n.index-module--MFAVd .swiper-button-prev:after,\n.index-module--MFAVd .swiper-button-next:after {\n font-family: swiper-icons;\n font-size: 24px;\n}\n\n.index-module--MFAVd .swiper-button-prev,\n.index-module--MFAVd .swiper-rtl .swiper-button-next {\n left: 4px;\n right: auto;\n}\n\n.index-module--MFAVd .swiper-button-next,\n.index-module--MFAVd .swiper-rtl .swiper-button-prev {\n right: 4px;\n left: auto;\n}\n\n.index-module--MFAVd .swiper-button-prev:after {\n content: 'prev';\n}\n\n.index-module--MFAVd .swiper-button-next:after {\n content: 'next';\n}\n\n.index-module--MFAVd .swiper-button-disabled {\n display: none;\n}\n\n.index-module--ZSu4D {\n width: 80px;\n height: 80px;\n flex-shrink: 0;\n overflow: hidden;\n border-radius: 4px;\n border-radius: var(--globalBorderRadius, 4px);\n border: 2px solid #e8e3da;\n border: 2px solid var(--galleryItemBorderColor, #e8e3da);\n cursor: pointer;\n transition:\n border-color 0.2s,\n box-shadow 0.2s;\n}\n\n.index-module--ZSu4D:hover {\n border-color: var(--diva-theme-palette-primary-main);\n}\n\n.index-module--IIB9r {\n border-color: var(--diva-theme-palette-primary-main);\n box-shadow: 0 0 0 2px var(--diva-theme-palette-primary-main);\n}\n\n.index-module--ZSu4D img {\n width: 100%;\n height: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n}\n",""]);var a="index-module--wzL3X",l="index-module--HfhVm",s="index-module--vyBko",p="index-module--gveXM",x="index-module--G6Rna",u="index-module--bdezP",m="index-module--aZSKq",c="index-module--pFM1x",h="index-module--xmg3Q",g="index-module--lU5QC",b="index-module--ZbFvM",v="index-module--G1goE",f="index-module--Mm_Ad",w="index-module--fP54b",y="index-module--NybYq",S="index-module--aFhln",k="index-module--kSA5W",Z="index-module--YivLn",z="index-module--P1E7G",M="index-module--gbyhE",A="index-module--T4neK",F="index-module--SVhBo",K="index-module--jsuNR",N="index-module--DBkmW",j="index-module--ZuwzE",B="index-module--cFEvx",P="index-module--mT13P",V="index-module--Q2H7T",E="index-module--mwN_Y",R="index-module--keDwN",T="index-module--MFAVd",q="index-module--ZSu4D",_="index-module--IIB9r";const C=d},44353:(n,e,i)=>{i.d(e,{J2:()=>h.J2,JK:()=>h.JK,JZ:()=>h.JZ,M3:()=>h.M3,MZ:()=>h.MZ,N1:()=>h.N1,N3:()=>h.N3,RF:()=>h.RF,Se:()=>h.Se,Sm:()=>h.Sm,Te:()=>h.Te,Xf:()=>h.Xf,YO:()=>h.YO,Yh:()=>h.Yh,Zg:()=>h.Zg,_g:()=>h._g,_x:()=>h._x,a9:()=>h.a9,bx:()=>h.bx,by:()=>h.by,ch:()=>h.ch,eZ:()=>h.eZ,fQ:()=>h.fQ,fU:()=>h.fU,fh:()=>h.fh,is:()=>h.is,mY:()=>h.mY,nC:()=>h.nC,nP:()=>h.nP,pl:()=>h.pl,tS:()=>h.tS,w:()=>h.w,zP:()=>h.zP});var t=i(93379),o=i.n(t),r=i(7795),d=i.n(r),a=i(90569),l=i.n(a),s=i(3565),p=i.n(s),x=i(19216),u=i.n(x),m=i(44589),c=i.n(m),h=i(41996),g={};g.styleTagTransform=c(),g.setAttributes=p(),g.insert=l().bind(null,"head"),g.domAPI=d(),g.insertStyleElement=u();o()(h.ZP,g),h.ZP&&h.ZP.locals&&h.ZP.locals}}]);
package/build/umd/4982.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 4982.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4982],{74982:(n,e,i)=>{i.r(e),i.d(e,{default:()=>z});var t=i(87363),r=i(71815),o=i(59838),a=i(9420),d=i(25709),s=i(93379),l=i.n(s),p=i(7795),u=i.n(p),x=i(90569),c=i.n(x),f=i(3565),w=i.n(f),g=i(19216),m=i.n(g),b=i(44589),v=i.n(b),h=i(41060),D={};D.styleTagTransform=v(),D.setAttributes=w(),D.insert=c().bind(null,"head"),D.domAPI=u(),D.insertStyleElement=m();l()(h.ZP,D);h.ZP&&h.ZP.locals&&h.ZP.locals;var y=i(82956),W=i(65515),F=i.n(W),M=i(34988),L=i(88683);function useDrawerHook(){var n=(0,d.NP)(),e=(0,t.useState)(n.uiState.isMobilePortrait),i=(0,M.Z)(e,2),r=i[0],o=i[1],a=(0,t.useState)(!1),s=(0,M.Z)(a,2),l=s[0],p=s[1],u=(0,t.useState)(0),x=(0,M.Z)(u,2),c=x[0],f=x[1],w=(0,t.useState)(0),g=(0,M.Z)(w,2),m=g[0],b=g[1],v=(0,t.useState)(0),h=(0,M.Z)(v,2),D=h[0],y=h[1],W=(0,t.useState)(0),F=(0,M.Z)(W,2),k=F[0],z=F[1],I=(0,t.useState)(!1),S=(0,M.Z)(I,2),P=S[0],j=S[1],Z=(0,t.useRef)(null),N=(0,L.useDivaCore)().state.dimensions,A=N.width,C=N.height,T=n.uiState.snapPoints,E=(0,t.useState)((function(){var e=n.uiState.snapPoints[n.settingsState.activeSnapPointIndex];return e?"".concat(e,"px"):"50%"})),H=(0,M.Z)(E,2),R=H[0],B=H[1];(0,t.useEffect)((function(){var e=!n.uiState.isMobilePortrait;o(!e)}),[n.uiState.isInMobileView,n.uiState.isMobileLandscape,n.uiState.isTablet,A,C]),(0,t.useEffect)((function(){if(!l){var e=n.settingsState.activeSnapPointIndex,i=T[e];void 0!==i&&B("".concat(i,"px"))}}),[n.settingsState.activeSnapPointIndex,l,T]);var G=(0,t.useMemo)((function(){return function(n){return n.preventDefault()}}),[]);(0,t.useEffect)((function(){return function(){window.removeEventListener("touchmove",G)}}),[G]);return{open:r,toggleDrawer:function toggleDrawer(e){o(e),e||n.settingsState.setActiveSnapPointIndex(2)},drawerHeight:R,handleTouchStart:function handleTouchStart(n){var e=n.touches[0];f(e.clientY),b(e.pageX),y(e.clientY),z(Date.now()),j(!1),p(!1)},handleTouchMove:function handleTouchMove(e){var i=e.touches[0],t=i.clientY,r=i.pageX,o=Math.abs(t-c),a=Math.abs(r-m);if(!P&&o>=1&&o>2*a&&(j(!0),p(!0),window.addEventListener("touchmove",G,{passive:!1})),P&&T.length>0){y(t);var d=c-t,s=T[n.settingsState.activeSnapPointIndex]||T[2],l=T[T.length-1],u=T[0],x=Math.max(u,Math.min(l,s+d));B("".concat(x,"px"))}},handleTouchEnd:function handleTouchEnd(){if(window.removeEventListener("touchmove",G),l){var e=c-D,i=Date.now()-k,t=i>0?e/i:0,r=function findNearestSnapPoint(e,i){if(Math.abs(i)>.5){var t=n.settingsState.activeSnapPointIndex;return i>0?Math.min(T.length-1,t+1):Math.max(0,t-1)}for(var r=0,o=Math.abs(e-T[0]),a=1;a<T.length;a++){var d=Math.abs(e-T[a]);d<o&&(o=d,r=a)}return r}(T[n.settingsState.activeSnapPointIndex]+e,t);p(!1),j(!1),requestAnimationFrame((function(){n.settingsState.setActiveSnapPointIndex(r)}))}else j(!1)},drawerRef:Z,isDragging:l}}var k=i(47514);const z=(0,a.Pi)((function SettingsBottomDrawer(n){var e=n.draggerElement,i=n.children,t=(0,d.NP)(),a=useDrawerHook(),s=a.open,l=a.toggleDrawer,p=a.drawerHeight,u=a.handleTouchStart,x=a.handleTouchMove,c=a.handleTouchEnd,f=a.drawerRef,w=a.isDragging,g="undefined"!=typeof navigator&&/iPad|iPhone|iPod/.test(navigator.userAgent);return(0,k.jsxs)(r.Z,{anchor:"bottom",open:s,onClose:function onClose(){return l(!1)},onOpen:function onOpen(){return l(!0)},disableSwipeToOpen:!0,disableBackdropTransition:!g,disableDiscovery:!0,variant:"persistent",ModalProps:{keepMounted:!0,disableEnforceFocus:!0,disableAutoFocus:!0},PaperProps:{ref:f,className:h.kh,style:{height:p,opacity:t.uiState.isMobileLandscape?0:1,position:"absolute",transition:w?"none":"height 0.3s cubic-bezier(0.4, 0.0, 0.2, 1)",willChange:w?"height":"auto",borderTopRightRadius:"var(--mobile-tabgroup-drawer-border-radius, 8px)",borderTopLeftRadius:"var(--mobile-tabgroup-drawer-border-radius, 8px)",overflow:"visible"},elevation:0},children:[(0,k.jsxs)(o.Z,{className:F()(h.aq),onTouchStart:u,onTouchMove:x,onTouchEnd:c,sx:{cursor:"grab",userSelect:"none"},children:[(0,k.jsx)("div",{className:h.Rx,children:(0,k.jsx)("div",{className:h.uQ})}),(0,k.jsx)("div",{className:h.ad,children:e})]}),t.uiState.isInMobileView&&(0,k.jsx)("div",{className:F()(y.Iz,h.J7),children:i})]})}))},41060:(n,e,i)=>{i.d(e,{J7:()=>l,Rx:()=>p,ZP:()=>c,ad:()=>x,aq:()=>s,kh:()=>d,uQ:()=>u});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o)()(r());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 left: 0;\n right: 0;\n bottom: 0;\n opacity: 1;\n overscroll-behavior: contain;\n backface-visibility: hidden;\n -webkit-backface-visibility: hidden;\n transform: translateZ(0);\n -webkit-transform: translateZ(0);\n}\n\n.diva-fullscreen .index-module--qmbFa {\n position: fixed;\n}\n\n/* Fix for mobile browser address bar showing/hiding */\n@supports (height: 100dvh) {\n .index-module--qmbFa {\n max-height: 100dvh;\n }\n}\n\ndiv.index-module--Lklbq {\n width: 100%;\n opacity: 1;\n height: var(--configuratorTabGroupHeight);\n background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n background: initial;\n border-radius: 0px;\n box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n touch-action: none;\n cursor: grab;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n.index-module--A4coW {\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow: hidden;\n background-color: var(--settingsBackgroundColor);\n backface-visibility: hidden;\n -webkit-backface-visibility: hidden;\n transform: translateZ(0);\n -webkit-transform: translateZ(0);\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: none;\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 cursor: grab;\n user-select: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\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.index-module--J3CNu {\n background-color: rgba(0, 0, 0, 0.4);\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n opacity: 0;\n top: -1000px;\n height: 300vh;\n left: -50px;\n width: 200vw;\n\n animation: index-module--iPGVo 0.3s ease-in forwards;\n z-index: 10000;\n}\n\n.index-module--o7FfX {\n position: absolute;\n z-index: 10001;\n width: 100%;\n left: 0;\n right: 0;\n bottom: 0;\n overscroll-behavior: contain;\n}\n\n.index-module--WmNT3 {\n display: flex;\n flex-direction: column;\n border-top-left-radius: 10px;\n border-top-right-radius: 10px;\n border: 0px solid #e4e4e7;\n border-bottom: none;\n border-top-width: 1px;\n z-index: 2000000;\n box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n background-color: rgba(255, 255, 255, 0.95);\n}\n\n.index-module--tKmMA {\n padding: 8px 32px;\n}\n.index-module--VJ4nl {\n overflow-y: auto;\n overflow-x: hidden;\n padding: 0px 32px;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n gap: 12px;\n}\n\ndiv.index-module--D36Jg {\n background: transparent;\n}\n\n.index-module--OiC7z {\n width: calc(36px);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--bshn5 {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -10px);\n width: 40px;\n height: 40px;\n touch-action: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.index-module--vyzUi {\n min-height: 36px;\n width: 100%;\n}\n",""]);var d="index-module--qmbFa",s="index-module--Lklbq",l="index-module--A4coW",p="index-module--WO2oD",u="index-module--BVoP4",x="index-module--yfZrB";const c=a},62500:(n,e,i)=>{i.d(e,{AH:()=>m,AI:()=>y,EN:()=>M,Iz:()=>D,ZP:()=>L,al:()=>v,nW:()=>F,s1:()=>W,vt:()=>g,yk:()=>h,zh:()=>b});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o),d=i(61667),s=i.n(d),l=new URL(i(38403),i.b),p=new URL(i(27557),i.b),u=new URL(i(64197),i.b),x=a()(r()),c=s()(l),f=s()(p),w=s()(u);x.push([n.id,".index-module--e1N3L {\n display: flex;\n flex-direction: column;\n overflow: visible;\n background-color: var(--settingsBackgroundColor);\n border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n/* normal expander */\n.index-module--RKDxk {\n position: absolute;\n top: calc(50% + 32px);\n left: -32px;\n width: 32px;\n height: 48px;\n background-color: var(--secondaryColor);\n z-index: 300;\n border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+c+");\n background-size: 19.2px;\n transition: opacity 0.2s ease;\n}\n\n.index-module--YiJDf .index-module--RKDxk {\n transform: rotate(180deg);\n border-radius: 0 3px 3px 0;\n}\n.index-module--IgnAA.index-module--RKDxk {\n opacity: 0;\n pointer-events: none;\n}\n\n.index-module--YLyjz {\n height: 100%;\n}\n\n.index-module--DWrfF {\n transform: translateZ(0);\n height: 100%;\n}\n\n.index-module--YLyjz .index-module--aD14m {\n height: 100%;\n overflow: auto;\n}\n\n.index-module--eN6np .index-module--e1N3L {\n transition:\n height 0.45s ease,\n top 0.45s ease;\n}\n\n/*Min Max expander*/\n\n.index-module--B75oj,\n.index-module--rLMX4 {\n position: absolute;\n top: calc(50% + 2rem);\n width: 1rem;\n height: 2rem;\n z-index: 1060;\n border-radius: var(--globalBorderRadius) 0 0 3px;\n background-repeat: no-repeat;\n background-image: url("+f+");\n background-size: 1.2rem;\n background-position: left;\n transition:\n left 0.1s ease 0.1s,\n width 0.2s ease,\n opacity 0.2s ease;\n cursor: pointer;\n opacity: 1;\n}\n\n.index-module--rLMX4 {\n left: -1.1rem;\n}\n\n.index-module--B75oj {\n left: 0.3rem;\n transform: rotate(180deg);\n}\n\n.index-module--WT8Uu .index-module--B75oj {\n left: 0.5rem;\n width: 1rem;\n}\n.index-module--Bm34J .index-module--rLMX4 {\n left: calc(-1 * calc(1.9rem));\n width: 1rem;\n}\n\n.index-module--IgnAA.index-module--rLMX4,\n.index-module--IgnAA.index-module--B75oj {\n opacity: 0;\n pointer-events: none;\n}\n\n/*swiper min css*/\n\n@font-face {\n font-family: swiper-icons;\n src: url("+w+");\n font-weight: 400;\n font-style: normal;\n}\n\n.index-module--DWrfF .swiper {\n margin-left: auto;\n margin-right: auto;\n position: relative;\n overflow: hidden;\n list-style: none;\n padding: 0;\n z-index: 1;\n width: 100%;\n --swiper-theme-color: #ccc;\n --swiper-navigation-size: 32px;\n --swiper-navigation-sides-offset: 2px;\n}\n\n.index-module--DWrfF .swiper-button-disabled {\n display: none;\n}\n.index-module--DWrfF .swiper-vertical > .swiper-wrapper {\n flex-direction: column;\n}\n.index-module--DWrfF .swiper-wrapper {\n position: relative;\n width: calc(100% - 24px);\n height: 100%;\n z-index: 1;\n display: flex;\n transition-property: transform;\n box-sizing: content-box;\n}\n.index-module--DWrfF .swiper-android .swiper-slide,\n.index-module--DWrfF .swiper-wrapper {\n transform: translate3d(0px, 0, 0);\n}\n.index-module--DWrfF .swiper-pointer-events {\n touch-action: pan-y;\n}\n.index-module--DWrfF .swiper-pointer-events.swiper-vertical {\n touch-action: pan-x;\n}\n.index-module--DWrfF .swiper-slide {\n flex-shrink: 0;\n width: 100%;\n height: 100%;\n position: relative;\n transition-property: transform;\n}\n\n.index-module--DWrfF .swiper-slide-invisible-blank {\n visibility: hidden;\n}\n.index-module--DWrfF .swiper-autoheight,\n.index-module--DWrfF .swiper-autoheight .swiper-slide {\n height: auto;\n}\n.index-module--DWrfF .swiper-autoheight .swiper-wrapper {\n align-items: flex-start;\n transition-property: transform, height;\n}\n.index-module--DWrfF .swiper-backface-hidden .swiper-slide {\n transform: translateZ(0);\n backface-visibility: hidden;\n}\n.index-module--DWrfF .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n scroll-snap-type: x mandatory;\n}\n.index-module--DWrfF .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n scroll-snap-type: y mandatory;\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper::before {\n content: '';\n flex-shrink: 0;\n order: 9999;\n}\n[dir=\"ltr\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n height: 100%;\n min-height: 1px;\n width: var(--swiper-centered-offset-after);\n}\n.index-module--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n width: 100%;\n min-width: 1px;\n height: var(--swiper-centered-offset-after);\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: center center;\n}\n\n/*navigation*/\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-button-next {\n position: absolute;\n top: 50%;\n top: var(--swiper-navigation-top-offset, 50%);\n width: calc(var(--swiper-navigation-size) / 44 * 27);\n height: var(--swiper-navigation-size);\n margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--swiper-theme-color);\n color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .swiper-button-next.swiper-button-disabled {\n opacity: 0.35;\n cursor: auto;\n pointer-events: none;\n}\n\n.index-module--DWrfF .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .swiper-button-next.swiper-button-hidden {\n opacity: 0;\n cursor: auto;\n pointer-events: none;\n}\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-next {\n display: none !important;\n}\n.index-module--DWrfF .swiper-button-prev svg,\n.index-module--DWrfF .swiper-button-next svg {\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n transform-origin: center;\n}\n.index-module--DWrfF .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .swiper-rtl .swiper-button-next svg {\n transform: rotate(180deg);\n}\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-rtl .swiper-button-next {\n left: 10px;\n left: var(--swiper-navigation-sides-offset, 10px);\n right: auto;\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n right: 10px;\n right: var(--swiper-navigation-sides-offset, 10px);\n left: auto;\n}\n.index-module--DWrfF .swiper-button-lock {\n display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n text-transform: none !important;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n font-family: swiper-icons;\n font-size: var(--swiper-navigation-size);\n letter-spacing: 0;\n font-feature-settings: ;\n font-variant: normal;\n font-variant: initial;\n line-height: 1;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-next:after {\n content: 'prev';\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n right: 10px;\n right: var(--swiper-navigation-sides-offset, 10px);\n left: auto;\n}\n.index-module--DWrfF .swiper-button-next:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev:after {\n content: 'next';\n}\n/* Navigation font end */\n\n.index-module--DWrfF .react-modal-sheet-header {\n top: -40px;\n}\n\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next {\n position: absolute;\n top: 50%;\n top: var(--swiper-navigation-top-offset, 50%);\n width: calc(var(--swiper-navigation-size) / 44 * 27);\n height: var(--swiper-navigation-size);\n margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--swiper-theme-color);\n color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-disabled {\n opacity: 0;\n cursor: auto;\n pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-hidden {\n opacity: 0;\n cursor: auto;\n pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-next {\n display: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next svg {\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n transform-origin: center;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next svg {\n transform: rotate(180deg);\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next {\n left: 10px;\n left: var(--swiper-navigation-sides-offset, 10px);\n right: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n right: 10px;\n right: var(--swiper-navigation-sides-offset, 10px);\n left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-lock {\n display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n text-transform: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n font-family: swiper-icons;\n font-size: var(--swiper-navigation-size);\n letter-spacing: 0;\n font-feature-settings: ;\n font-variant: normal;\n font-variant: initial;\n line-height: 1;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next:after {\n content: 'prev';\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n right: 10px;\n right: var(--swiper-navigation-sides-offset, 10px);\n left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev:after {\n content: 'next';\n}\n/* Navigation font end */\n",""]);var g="index-module--e1N3L",m="index-module--RKDxk",b="index-module--YiJDf",v="index-module--IgnAA",h="index-module--YLyjz",D="index-module--DWrfF",y="index-module--aD14m",W="index-module--eN6np",F="index-module--B75oj",M="index-module--rLMX4";const L=x},82956:(n,e,i)=>{i.d(e,{AH:()=>w.AH,AI:()=>w.AI,EN:()=>w.EN,Iz:()=>w.Iz,al:()=>w.al,nW:()=>w.nW,s1:()=>w.s1,vt:()=>w.vt,yk:()=>w.yk,zh:()=>w.zh});var t=i(93379),r=i.n(t),o=i(7795),a=i.n(o),d=i(90569),s=i.n(d),l=i(3565),p=i.n(l),u=i(19216),x=i.n(u),c=i(44589),f=i.n(c),w=i(62500),g={};g.styleTagTransform=f(),g.setAttributes=p(),g.insert=s().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=x();r()(w.ZP,g),w.ZP&&w.ZP.locals&&w.ZP.locals},38403:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[4982],{74982:(n,e,i)=>{i.r(e),i.d(e,{default:()=>z});var t=i(87363),r=i(71815),o=i(59838),a=i(9420),d=i(25709),s=i(93379),l=i.n(s),p=i(7795),u=i.n(p),x=i(90569),c=i.n(x),f=i(3565),w=i.n(f),g=i(19216),m=i.n(g),b=i(44589),v=i.n(b),h=i(41060),D={};D.styleTagTransform=v(),D.setAttributes=w(),D.insert=c().bind(null,"head"),D.domAPI=u(),D.insertStyleElement=m();l()(h.ZP,D);h.ZP&&h.ZP.locals&&h.ZP.locals;var y=i(82956),W=i(65515),F=i.n(W),M=i(34988),L=i(88683);function useDrawerHook(){var n=(0,d.NP)(),e=(0,t.useState)(n.uiState.isMobilePortrait),i=(0,M.Z)(e,2),r=i[0],o=i[1],a=(0,t.useState)(!1),s=(0,M.Z)(a,2),l=s[0],p=s[1],u=(0,t.useState)(0),x=(0,M.Z)(u,2),c=x[0],f=x[1],w=(0,t.useState)(0),g=(0,M.Z)(w,2),m=g[0],b=g[1],v=(0,t.useState)(0),h=(0,M.Z)(v,2),D=h[0],y=h[1],W=(0,t.useState)(0),F=(0,M.Z)(W,2),k=F[0],z=F[1],I=(0,t.useState)(!1),S=(0,M.Z)(I,2),P=S[0],j=S[1],Z=(0,t.useRef)(null),N=(0,L.useDivaCore)().state.dimensions,A=N.width,C=N.height,T=n.uiState.snapPoints,E=(0,t.useState)((function(){var e=n.uiState.snapPoints[n.settingsState.activeSnapPointIndex];return e?"".concat(e,"px"):"50%"})),H=(0,M.Z)(E,2),R=H[0],B=H[1];(0,t.useEffect)((function(){var e=!n.uiState.isMobilePortrait;o(!e)}),[n.uiState.isInMobileView,n.uiState.isMobileLandscape,n.uiState.isTablet,A,C]),(0,t.useEffect)((function(){if(!l){var e=n.settingsState.activeSnapPointIndex,i=T[e];void 0!==i&&B("".concat(i,"px"))}}),[n.settingsState.activeSnapPointIndex,l,T]);var G=(0,t.useMemo)((function(){return function(n){return n.preventDefault()}}),[]);(0,t.useEffect)((function(){return function(){window.removeEventListener("touchmove",G)}}),[G]);return{open:r,toggleDrawer:function toggleDrawer(e){o(e),e||n.settingsState.setActiveSnapPointIndex(2)},drawerHeight:R,handleTouchStart:function handleTouchStart(n){var e=n.touches[0];f(e.clientY),b(e.pageX),y(e.clientY),z(Date.now()),j(!1),p(!1)},handleTouchMove:function handleTouchMove(e){var i=e.touches[0],t=i.clientY,r=i.pageX,o=Math.abs(t-c),a=Math.abs(r-m);if(!P&&o>=1&&o>2*a&&(j(!0),p(!0),window.addEventListener("touchmove",G,{passive:!1})),P&&T.length>0){y(t);var d=c-t,s=T[n.settingsState.activeSnapPointIndex]||T[2],l=T[T.length-1],u=T[0],x=Math.max(u,Math.min(l,s+d));B("".concat(x,"px"))}},handleTouchEnd:function handleTouchEnd(){if(window.removeEventListener("touchmove",G),l){var e=c-D,i=Date.now()-k,t=i>0?e/i:0,r=function findNearestSnapPoint(e,i){if(Math.abs(i)>.5){var t=n.settingsState.activeSnapPointIndex;return i>0?Math.min(T.length-1,t+1):Math.max(0,t-1)}for(var r=0,o=Math.abs(e-T[0]),a=1;a<T.length;a++){var d=Math.abs(e-T[a]);d<o&&(o=d,r=a)}return r}(T[n.settingsState.activeSnapPointIndex]+e,t);p(!1),j(!1),requestAnimationFrame((function(){n.settingsState.setActiveSnapPointIndex(r)}))}else j(!1)},drawerRef:Z,isDragging:l}}var k=i(47514);const z=(0,a.Pi)((function SettingsBottomDrawer(n){var e=n.draggerElement,i=n.children,t=(0,d.NP)(),a=useDrawerHook(),s=a.open,l=a.toggleDrawer,p=a.drawerHeight,u=a.handleTouchStart,x=a.handleTouchMove,c=a.handleTouchEnd,f=a.drawerRef,w=a.isDragging,g="undefined"!=typeof navigator&&/iPad|iPhone|iPod/.test(navigator.userAgent);return(0,k.jsxs)(r.Z,{anchor:"bottom",open:s,onClose:function onClose(){return l(!1)},onOpen:function onOpen(){return l(!0)},disableSwipeToOpen:!0,disableBackdropTransition:!g,disableDiscovery:!0,variant:"persistent",ModalProps:{keepMounted:!0,disableEnforceFocus:!0,disableAutoFocus:!0},PaperProps:{ref:f,className:h.kh,style:{height:p,opacity:t.uiState.isMobileLandscape?0:1,position:"absolute",transition:w?"none":"height 0.3s cubic-bezier(0.4, 0.0, 0.2, 1)",willChange:w?"height":"auto",borderTopRightRadius:"var(--mobile-tabgroup-drawer-border-radius, 8px)",borderTopLeftRadius:"var(--mobile-tabgroup-drawer-border-radius, 8px)",overflow:"visible"},elevation:0},children:[(0,k.jsxs)(o.Z,{className:F()(h.aq),onTouchStart:u,onTouchMove:x,onTouchEnd:c,sx:{cursor:"grab",userSelect:"none"},children:[(0,k.jsx)("div",{className:h.Rx,children:(0,k.jsx)("div",{className:h.uQ})}),(0,k.jsx)("div",{className:h.ad,children:e})]}),t.uiState.isInMobileView&&(0,k.jsx)("div",{className:F()(y.Iz,h.J7),children:i})]})}))},41060:(n,e,i)=>{i.d(e,{J7:()=>l,Rx:()=>p,ZP:()=>c,ad:()=>x,aq:()=>s,kh:()=>d,uQ:()=>u});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o)()(r());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 left: 0;\n right: 0;\n bottom: 0;\n opacity: 1;\n overscroll-behavior: contain;\n backface-visibility: hidden;\n -webkit-backface-visibility: hidden;\n transform: translateZ(0);\n -webkit-transform: translateZ(0);\n}\n\n.diva-fullscreen .index-module--qmbFa {\n position: fixed;\n}\n\n/* Fix for mobile browser address bar showing/hiding */\n@supports (height: 100dvh) {\n .index-module--qmbFa {\n max-height: 100dvh;\n }\n}\n\ndiv.index-module--Lklbq {\n width: 100%;\n opacity: 1;\n height: var(--configuratorTabGroupHeight);\n background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;\n background: initial;\n border-radius: 0px;\n box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n border-top-right-radius: 8px;\n border-top-right-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n border-top-left-radius: 8px;\n border-top-left-radius: var(--mobile-tabgroup-drawer-border-radius, 8px);\n touch-action: none;\n cursor: grab;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n.index-module--A4coW {\n display: flex;\n flex-direction: column;\n height: 100%;\n overflow: hidden;\n background-color: var(--settingsBackgroundColor);\n backface-visibility: hidden;\n -webkit-backface-visibility: hidden;\n transform: translateZ(0);\n -webkit-transform: translateZ(0);\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: none;\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 cursor: grab;\n user-select: none;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\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.index-module--J3CNu {\n background-color: rgba(0, 0, 0, 0.4);\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n opacity: 0;\n top: -1000px;\n height: 300vh;\n left: -50px;\n width: 200vw;\n\n animation: index-module--iPGVo 0.3s ease-in forwards;\n z-index: 10000;\n}\n\n.index-module--o7FfX {\n position: absolute;\n z-index: 10001;\n width: 100%;\n left: 0;\n right: 0;\n bottom: 0;\n overscroll-behavior: contain;\n}\n\n.index-module--WmNT3 {\n display: flex;\n flex-direction: column;\n border-top-left-radius: 10px;\n border-top-right-radius: 10px;\n border: 0px solid #e4e4e7;\n border-bottom: none;\n border-top-width: 1px;\n z-index: 2000000;\n box-shadow: 0 -5px 16px rgba(0, 0, 0, 0.1);\n background-color: rgba(255, 255, 255, 0.95);\n}\n\n.index-module--tKmMA {\n padding: 8px 32px;\n}\n.index-module--VJ4nl {\n overflow-y: auto;\n overflow-x: hidden;\n padding: 0px 32px;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n gap: 12px;\n}\n\ndiv.index-module--D36Jg {\n background: transparent;\n}\n\n.index-module--OiC7z {\n width: calc(36px);\n height: 4px;\n background-color: rgba(234, 234, 234, 0.9);\n border-radius: 2px;\n}\n\n.index-module--bshn5 {\n position: absolute;\n left: 50%;\n transform: translate(-50%, -10px);\n width: 40px;\n height: 40px;\n touch-action: inherit;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.index-module--vyzUi {\n min-height: 36px;\n width: 100%;\n}\n",""]);var d="index-module--qmbFa",s="index-module--Lklbq",l="index-module--A4coW",p="index-module--WO2oD",u="index-module--BVoP4",x="index-module--yfZrB";const c=a},62500:(n,e,i)=>{i.d(e,{AH:()=>m,AI:()=>y,EN:()=>M,Iz:()=>D,ZP:()=>L,al:()=>v,nW:()=>F,s1:()=>W,vt:()=>g,yk:()=>h,zh:()=>b});var t=i(8081),r=i.n(t),o=i(23645),a=i.n(o),d=i(61667),s=i.n(d),l=new URL(i(38403),i.b),p=new URL(i(27557),i.b),u=new URL(i(64197),i.b),x=a()(r()),c=s()(l),f=s()(p),w=s()(u);x.push([n.id,".index-module--e1N3L {\n display: flex;\n flex-direction: column;\n overflow: visible;\n background-color: var(--settingsBackgroundColor);\n border-radius: var(--globalBorderRadius) var(--globalBorderRadius) 0 0;\n}\n\n/* normal expander */\n.index-module--RKDxk {\n position: absolute;\n top: calc(50% + 32px);\n left: -32px;\n width: 32px;\n height: 48px;\n background-color: var(--secondaryColor);\n z-index: 300;\n border-radius: var(--globalBorderRadius) 0 0 var(--globalBorderRadius);\n background-repeat: no-repeat;\n background-position: center center;\n background-image: url("+c+");\n background-size: 19.2px;\n transition: opacity 0.2s ease;\n}\n\n.index-module--YiJDf .index-module--RKDxk {\n transform: rotate(180deg);\n border-radius: 0 3px 3px 0;\n}\n.index-module--IgnAA.index-module--RKDxk {\n opacity: 0;\n pointer-events: none;\n}\n\n.index-module--YLyjz {\n height: 100%;\n}\n\n.index-module--DWrfF {\n transform: translateZ(0);\n height: 100%;\n}\n\n.index-module--YLyjz .index-module--aD14m {\n height: 100%;\n overflow: auto;\n}\n\n.index-module--eN6np .index-module--e1N3L {\n transition:\n height 0.45s ease,\n top 0.45s ease;\n}\n\n/*Min Max expander*/\n\n.index-module--B75oj,\n.index-module--rLMX4 {\n position: absolute;\n top: calc(50% + 2rem);\n width: 1rem;\n height: 2rem;\n z-index: 1060;\n border-radius: var(--globalBorderRadius) 0 0 3px;\n background-repeat: no-repeat;\n background-image: url("+f+");\n background-size: 1.2rem;\n background-position: left;\n transition:\n left 0.1s ease 0.1s,\n width 0.2s ease,\n opacity 0.2s ease;\n cursor: pointer;\n opacity: 1;\n}\n\n.index-module--rLMX4 {\n left: -1.1rem;\n}\n\n.index-module--B75oj {\n left: 0.3rem;\n transform: rotate(180deg);\n}\n\n.index-module--WT8Uu .index-module--B75oj {\n left: 0.5rem;\n width: 1rem;\n}\n.index-module--Bm34J .index-module--rLMX4 {\n left: calc(-1 * calc(1.9rem));\n width: 1rem;\n}\n\n.index-module--IgnAA.index-module--rLMX4,\n.index-module--IgnAA.index-module--B75oj {\n opacity: 0;\n pointer-events: none;\n}\n\n/*swiper min css*/\n\n@font-face {\n font-family: swiper-icons;\n src: url("+w+");\n font-weight: 400;\n font-style: normal;\n}\n\n.index-module--DWrfF .swiper {\n margin-left: auto;\n margin-right: auto;\n position: relative;\n overflow: hidden;\n list-style: none;\n padding: 0;\n z-index: 1;\n width: 100%;\n --swiper-theme-color: #ccc;\n --swiper-navigation-size: 32px;\n --swiper-navigation-sides-offset: 2px;\n}\n\n.index-module--DWrfF .swiper-button-disabled {\n display: none;\n}\n.index-module--DWrfF .swiper-vertical > .swiper-wrapper {\n flex-direction: column;\n}\n.index-module--DWrfF .swiper-wrapper {\n position: relative;\n width: calc(100% - 24px);\n height: 100%;\n z-index: 1;\n display: flex;\n transition-property: transform;\n box-sizing: content-box;\n}\n.index-module--DWrfF .swiper-android .swiper-slide,\n.index-module--DWrfF .swiper-wrapper {\n transform: translate3d(0px, 0, 0);\n}\n.index-module--DWrfF .swiper-pointer-events {\n touch-action: pan-y;\n}\n.index-module--DWrfF .swiper-pointer-events.swiper-vertical {\n touch-action: pan-x;\n}\n.index-module--DWrfF .swiper-slide {\n flex-shrink: 0;\n width: 100%;\n height: 100%;\n position: relative;\n transition-property: transform;\n}\n\n.index-module--DWrfF .swiper-slide-invisible-blank {\n visibility: hidden;\n}\n.index-module--DWrfF .swiper-autoheight,\n.index-module--DWrfF .swiper-autoheight .swiper-slide {\n height: auto;\n}\n.index-module--DWrfF .swiper-autoheight .swiper-wrapper {\n align-items: flex-start;\n transition-property: transform, height;\n}\n.index-module--DWrfF .swiper-backface-hidden .swiper-slide {\n transform: translateZ(0);\n backface-visibility: hidden;\n}\n.index-module--DWrfF .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n scroll-snap-type: x mandatory;\n}\n.index-module--DWrfF .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n scroll-snap-type: y mandatory;\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper::before {\n content: '';\n flex-shrink: 0;\n order: 9999;\n}\n[dir=\"ltr\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] .index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n margin-right: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n height: 100%;\n min-height: 1px;\n width: var(--swiper-centered-offset-after);\n}\n.index-module--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n margin-top: var(--swiper-centered-offset-before);\n}\n.index-module--DWrfF .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n width: 100%;\n min-width: 1px;\n height: var(--swiper-centered-offset-after);\n}\n.index-module--DWrfF .swiper-centered > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: center center;\n}\n\n/*navigation*/\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-button-next {\n position: absolute;\n top: 50%;\n top: var(--swiper-navigation-top-offset, 50%);\n width: calc(var(--swiper-navigation-size) / 44 * 27);\n height: var(--swiper-navigation-size);\n margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--swiper-theme-color);\n color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .swiper-button-next.swiper-button-disabled {\n opacity: 0.35;\n cursor: auto;\n pointer-events: none;\n}\n\n.index-module--DWrfF .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .swiper-button-next.swiper-button-hidden {\n opacity: 0;\n cursor: auto;\n pointer-events: none;\n}\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .swiper-navigation-disabled .swiper-button-next {\n display: none !important;\n}\n.index-module--DWrfF .swiper-button-prev svg,\n.index-module--DWrfF .swiper-button-next svg {\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n transform-origin: center;\n}\n.index-module--DWrfF .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .swiper-rtl .swiper-button-next svg {\n transform: rotate(180deg);\n}\n.index-module--DWrfF .swiper-button-prev,\n.index-module--DWrfF .swiper-rtl .swiper-button-next {\n left: 10px;\n left: var(--swiper-navigation-sides-offset, 10px);\n right: auto;\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n right: 10px;\n right: var(--swiper-navigation-sides-offset, 10px);\n left: auto;\n}\n.index-module--DWrfF .swiper-button-lock {\n display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n text-transform: none !important;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-button-next:after {\n font-family: swiper-icons;\n font-size: var(--swiper-navigation-size);\n letter-spacing: 0;\n font-feature-settings: ;\n font-variant: normal;\n font-variant: initial;\n line-height: 1;\n}\n.index-module--DWrfF .swiper-button-prev:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-next:after {\n content: 'prev';\n}\n.index-module--DWrfF .swiper-button-next,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev {\n right: 10px;\n right: var(--swiper-navigation-sides-offset, 10px);\n left: auto;\n}\n.index-module--DWrfF .swiper-button-next:after,\n.index-module--DWrfF .swiper-rtl .swiper-button-prev:after {\n content: 'next';\n}\n/* Navigation font end */\n\n.index-module--DWrfF .react-modal-sheet-header {\n top: -40px;\n}\n\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next {\n position: absolute;\n top: 50%;\n top: var(--swiper-navigation-top-offset, 50%);\n width: calc(var(--swiper-navigation-size) / 44 * 27);\n height: var(--swiper-navigation-size);\n margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--swiper-theme-color);\n color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-disabled,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-disabled {\n opacity: 0.35;\n cursor: auto;\n pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev.swiper-button-hidden,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next.swiper-button-hidden {\n opacity: 0;\n cursor: auto;\n pointer-events: none;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-navigation-disabled .swiper-button-next {\n display: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next svg {\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n transform-origin: center;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev svg,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next svg {\n transform: rotate(180deg);\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next {\n left: 10px;\n left: var(--swiper-navigation-sides-offset, 10px);\n right: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n right: 10px;\n right: var(--swiper-navigation-sides-offset, 10px);\n left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-lock {\n display: none;\n}\n/* Navigation font start */\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n text-transform: none !important;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after {\n font-family: swiper-icons;\n font-size: var(--swiper-navigation-size);\n letter-spacing: 0;\n font-feature-settings: ;\n font-variant: normal;\n font-variant: initial;\n line-height: 1;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-prev:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-next:after {\n content: 'prev';\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev {\n right: 10px;\n right: var(--swiper-navigation-sides-offset, 10px);\n left: auto;\n}\n.index-module--DWrfF .diva-widget-gallery .swiper-button-next:after,\n.index-module--DWrfF .diva-widget-gallery .swiper-rtl .swiper-button-prev:after {\n content: 'next';\n}\n/* Navigation font end */\n",""]);var g="index-module--e1N3L",m="index-module--RKDxk",b="index-module--YiJDf",v="index-module--IgnAA",h="index-module--YLyjz",D="index-module--DWrfF",y="index-module--aD14m",W="index-module--eN6np",F="index-module--B75oj",M="index-module--rLMX4";const L=x},82956:(n,e,i)=>{i.d(e,{AH:()=>w.AH,AI:()=>w.AI,EN:()=>w.EN,Iz:()=>w.Iz,al:()=>w.al,nW:()=>w.nW,s1:()=>w.s1,vt:()=>w.vt,yk:()=>w.yk,zh:()=>w.zh});var t=i(93379),r=i.n(t),o=i(7795),a=i.n(o),d=i(90569),s=i.n(d),l=i(3565),p=i.n(l),u=i(19216),x=i.n(u),c=i(44589),f=i.n(c),w=i(62500),g={};g.styleTagTransform=f(),g.setAttributes=p(),g.insert=s().bind(null,"head"),g.domAPI=a(),g.insertStyleElement=x();r()(w.ZP,g),w.ZP&&w.ZP.locals&&w.ZP.locals},38403:n=>{n.exports="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkViZW5lXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA4IDEzLjUiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDggMTMuNTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02LjUsMTEuN2MtMC4xLDAtMC4yLDAtMC4zLTAuMWwtNS00LjNDMS4xLDcuMiwxLDcuMSwxLDdjMC0wLjEsMC4xLTAuMywwLjItMC40bDUtNC43YzAuMi0wLjIsMC41LTAuMiwwLjcsMAoJCWMwLjIsMC4yLDAuMiwwLjUsMCwwLjdMMi4zLDYuOWw0LjYsMy45QzcsMTEsNy4xLDExLjQsNi45LDExLjZDNi44LDExLjcsNi43LDExLjcsNi41LDExLjd6Ii8+CjwvZz4KPC9zdmc+Cg=="}}]);
package/build/umd/509.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 509.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[509],{80509:(e,t,i)=>{i.r(t),i.d(t,{default:()=>l});var n=i(25709),s=i(9420),r=(i(87363),i(74133)),a=i(47514);const l=(0,s.Pi)((function SettingsHeaderContainer(e){var t,i,s=e.isScroller,l=void 0!==s&&s,d=(0,n.NP)(),S=d.settingsState.itemPalettes.get(1);if(!S)return(0,a.jsx)(a.Fragment,{});var o="CHECKOUT"!==S.configStepKey&&"Hidden"!==d.uiState.ViewConfig.headerInConfigPalette&&!(null!==(t=S.type)&&void 0!==t&&t.startsWith("PRODUCTS"))&&!(null!==(i=S.type)&&void 0!==i&&i.startsWith("PROMOTED"))&&(!d.getIsInMobileView()||["PLANNER_2.0","SUMMARY","ACCESSOIRES","DoorPlanner"].includes(S.configStepKey)||S.configStepKey.startsWith("SHELFARTICLE"))||!d.settingsState.posNrAreHidden&&!["STYLE_CONSULTANT"].includes(S.configStepKey);return(0,a.jsx)(a.Fragment,{children:o&&(0,a.jsx)(r.default,{isInScroller:l,isSettingsHeader:!S.isHeader,item:S,header:!0})})}))}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[509],{80509:(e,t,i)=>{i.r(t),i.d(t,{default:()=>l});var n=i(25709),r=i(9420),s=(i(87363),i(74133)),a=i(47514);const l=(0,r.Pi)((function SettingsHeaderContainer(e){var t,i,r=e.isScroller,l=void 0!==r&&r,d=(0,n.NP)(),o=d.settingsState.itemPalettes.get(1);if(!o)return(0,a.jsx)(a.Fragment,{});var S="CHECKOUT"!==o.configStepKey&&"Hidden"!==d.uiState.ViewConfig.headerInConfigPalette&&!(null!==(t=o.type)&&void 0!==t&&t.startsWith("PRODUCTS"))&&!(null!==(i=o.type)&&void 0!==i&&i.startsWith("PROMOTED"))&&(!d.getIsInMobileView()||["PLANNER_2.0","SUMMARY","ACCESSOIRES","DoorPlanner"].includes(o.configStepKey)||o.configStepKey.startsWith("SHELFARTICLE"))||!d.settingsState.posNrAreHidden;return(0,a.jsx)(a.Fragment,{children:S&&(0,a.jsx)(s.default,{isInScroller:l,isSettingsHeader:!o.isHeader,item:o,header:!0})})}))}}]);
package/build/umd/5090.diva-web-planner-react.umd.min.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 5090.diva-web-planner-react.umd.min.js.LICENSE.txt */
2
- "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5090],{5090:(e,n,t)=>{t.r(n),t.d(n,{default:()=>j});var a=t(84658),i=t(34988),o=t(50747),r=t.n(o),l=t(87363),d=t(58902),s=t(93379),c=t.n(s),u=t(7795),m=t.n(u),v=t(90569),h=t.n(v),b=t(3565),p=t.n(b),x=t(19216),f=t.n(x),g=t(44589),S=t.n(g),C=t(50557),P={};P.styleTagTransform=S(),P.setAttributes=p(),P.insert=h().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=f();c()(C.ZP,P);C.ZP&&C.ZP.locals&&C.ZP.locals;var V=t(25709),z=t(9420),I=t(88683),Z=t(65515),D=t.n(Z),w=t(47514),O=void 0,R=void 0,N=void 0;const j=(0,z.Pi)((function OrbitInteractionStandard(e){var n,t=e.orbitInteractionContainerClass,o=void 0===t?C.il:t,s=(0,V.NP)(),c=(0,l.useState)(!0),u=(0,i.Z)(c,2),m=u[0],v=u[1],h=(0,I.useTranslation)().t,b=(0,I.useDivaCore)().state.isModalOpen?null:null!==(n=s.productState.planner3DImageSvgArea)&&void 0!==n?n:document.getElementById("diva3dImg");if((0,l.useEffect)((function(){N&&clearTimeout(N),m?N=setTimeout((0,a.Z)(r().mark((function _callee(){return r().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:s.productState.setOrbitIsHidden(!0);case 1:case"end":return e.stop()}}),_callee)}))),2e3):s.productState.setOrbitIsHidden(!1)}),[m]),!s.productState.doShowRenderImage||s.productState.doShowAIRoom||s.productState.plannerRenderingIsStaticBG)return(0,w.jsx)(w.Fragment,{});var p=s.viewPlannerHandler.getOrbitCubeInitParams();return s.uiState.isLoading&&(O=void 0,R=void 0),(0,w.jsx)("div",{className:D()(o,s.uiState.isInMobileView?C.ai:void 0,s.productState.roomListExpanded?C.th:void 0),children:(0,w.jsx)(d.Z,{hiddenState:[m,v],ref:function ref(e){return s.productState.setOrbitCubeElement(e)},size:s.uiState.isInMobileView?"40px":"80px",interactionElement:b,onRotationChange:function onRotationChange(e){if(s.productState.ignoreUpdateRenderingOnOrbitChanged)s.productState.setIgnoreUpdateRenderingOnOrbitChanged(!1);else if(null==O||null==R||e.horizontal!=O||e.vertical!=R){var n=e.horizontal,t=e.vertical;O=e.horizontal,R=e.vertical,s.viewPlannerHandler.updateOrbitCubeInitParams(e.horizontal,e.vertical),s.divaWebPlanner.handle3DVisualizationChanged("Nav3DSetVPByVal",{nav3DSetVPByVal:{rotX:n,rotY:t}})}},onZoomChange:function onZoomChange(e){var n=Math.round(e.absoluteZoom);s.divaWebPlanner.handle3DVisualizationChanged("Nav3DZoom",{nav3DZoom:{zoomVal:n}})},autoHide:2e3,initialRotation:null!=p?{horizontal:p.rotHorizontal,vertical:p.rotVertical}:void 0,zoomFactorResetDelay:500,minCssScale:.5,maxCssScale:1.5,disableDefaultScrollBehaviour:!0,cubeFaceChildren:{back:(0,w.jsx)("div",{className:C.VK,children:h("cube.back")}),bottom:(0,w.jsx)("div",{className:C.VK,children:h("cube.bottom")}),front:(0,w.jsx)("div",{className:C.VK,children:h("cube.front")}),left:(0,w.jsx)("div",{className:C.VK,children:h("cube.left")}),right:(0,w.jsx)("div",{className:C.VK,children:h("cube.right")}),top:(0,w.jsx)("div",{className:C.VK,children:h("cube.top")})}})})}))},50557:(e,n,t)=>{t.d(n,{VK:()=>d,ZP:()=>u,ai:()=>s,il:()=>l,th:()=>c});var a=t(8081),i=t.n(a),o=t(23645),r=t.n(o)()(i());r.push([e.id,".index-module--cG_fH {\n position: absolute;\n bottom: 16px;\n right: 20px;\n z-index: 350;\n}\n\n.index-module--s0Mfg {\n font-size: max(12px, min(2vw, 20px));\n}\n\n.index-module--zoQmM.index-module--cG_fH {\n position: absolute;\n bottom: 52px;\n left: 10px;\n right: auto;\n right: initial;\n z-index: 350;\n}\n\n.index-module--i_KdX {\n display: none;\n}\n",""]);var l="index-module--cG_fH",d="index-module--s0Mfg",s="index-module--zoQmM",c="index-module--i_KdX";const u=r}}]);
2
+ "use strict";(self.webpackChunkCrystaldesignDivaWebPlannerReact=self.webpackChunkCrystaldesignDivaWebPlannerReact||[]).push([[5090],{5090:(e,n,t)=>{t.r(n),t.d(n,{default:()=>y});var a=t(84658),i=t(34988),o=t(50747),r=t.n(o),l=t(87363),d=t(58902),s=t(93379),c=t.n(s),u=t(7795),m=t.n(u),v=t(90569),b=t.n(v),h=t(3565),p=t.n(h),x=t(19216),f=t.n(x),g=t(44589),S=t.n(g),C=t(50557),P={};P.styleTagTransform=S(),P.setAttributes=p(),P.insert=b().bind(null,"head"),P.domAPI=m(),P.insertStyleElement=f();c()(C.ZP,P);C.ZP&&C.ZP.locals&&C.ZP.locals;var V=t(25709),z=t(9420),I=t(88683),Z=t(65515),D=t.n(Z),O=t(47514),N=void 0,j=void 0,w=void 0;const y=(0,z.Pi)((function OrbitInteractionStandard(e){var n,t=e.orbitInteractionContainerClass,o=void 0===t?C.il:t,s=(0,V.NP)(),c=(0,l.useState)(!0),u=(0,i.Z)(c,2),m=u[0],v=u[1],b=(0,I.useTranslation)().t,h=(0,I.useDivaCore)().state.isModalOpen?null:null!==(n=s.productState.planner3DImageSvgArea)&&void 0!==n?n:document.getElementById("diva3dImg");if((0,l.useEffect)((function(){w&&clearTimeout(w),m?w=setTimeout((0,a.Z)(r().mark((function _callee(){return r().wrap((function _callee$(e){for(;;)switch(e.prev=e.next){case 0:s.productState.setOrbitIsHidden(!0);case 1:case"end":return e.stop()}}),_callee)}))),2e3):s.productState.setOrbitIsHidden(!1)}),[m]),s.productState.plannerRenderingIsStaticBG)return(0,O.jsx)(O.Fragment,{});var p=s.viewPlannerHandler.getOrbitCubeInitParams();return s.uiState.isLoading&&(N=void 0,j=void 0),(0,O.jsx)("div",{className:D()(o,s.uiState.isInMobileView?C.ai:void 0,s.productState.roomListExpanded?C.th:void 0),children:(0,O.jsx)(d.Z,{hiddenState:[m,v],ref:function ref(e){return s.productState.setOrbitCubeElement(e)},size:s.uiState.isInMobileView?"40px":"80px",interactionElement:h,onRotationChange:function onRotationChange(e){if(s.productState.ignoreUpdateRenderingOnOrbitChanged)s.productState.setIgnoreUpdateRenderingOnOrbitChanged(!1);else if(null==N||null==j||e.horizontal!=N||e.vertical!=j){var n=e.horizontal,t=e.vertical;N=e.horizontal,j=e.vertical,s.viewPlannerHandler.updateOrbitCubeInitParams(e.horizontal,e.vertical),s.divaWebPlanner.handle3DVisualizationChanged("Nav3DSetVPByVal",{nav3DSetVPByVal:{rotX:n,rotY:t}})}},onZoomChange:function onZoomChange(e){var n=Math.round(e.absoluteZoom);s.divaWebPlanner.handle3DVisualizationChanged("Nav3DZoom",{nav3DZoom:{zoomVal:n}})},autoHide:2e3,initialRotation:null!=p?{horizontal:p.rotHorizontal,vertical:p.rotVertical}:void 0,zoomFactorResetDelay:500,minCssScale:.5,maxCssScale:1.5,disableDefaultScrollBehaviour:!0,cubeFaceChildren:{back:(0,O.jsx)("div",{className:C.VK,children:b("cube.back")}),bottom:(0,O.jsx)("div",{className:C.VK,children:b("cube.bottom")}),front:(0,O.jsx)("div",{className:C.VK,children:b("cube.front")}),left:(0,O.jsx)("div",{className:C.VK,children:b("cube.left")}),right:(0,O.jsx)("div",{className:C.VK,children:b("cube.right")}),top:(0,O.jsx)("div",{className:C.VK,children:b("cube.top")})}})})}))},50557:(e,n,t)=>{t.d(n,{VK:()=>d,ZP:()=>u,ai:()=>s,il:()=>l,th:()=>c});var a=t(8081),i=t.n(a),o=t(23645),r=t.n(o)()(i());r.push([e.id,".index-module--cG_fH {\n position: absolute;\n bottom: 16px;\n right: 20px;\n z-index: 350;\n}\n\n.index-module--s0Mfg {\n font-size: max(12px, min(2vw, 20px));\n}\n\n.index-module--zoQmM.index-module--cG_fH {\n position: absolute;\n bottom: 52px;\n left: 10px;\n right: auto;\n right: initial;\n z-index: 350;\n}\n\n.index-module--i_KdX {\n display: none;\n}\n",""]);var l="index-module--cG_fH",d="index-module--s0Mfg",s="index-module--zoQmM",c="index-module--i_KdX";const u=r}}]);